@font-face{font-family:Veteran Typewriter;src:url(/fonts/veteran-typewriter.ttf)format("truetype");font-display:swap}:root{--bg:#230607;--bg-raised:#100a0af0;--bg-high:#2b1b19;--line:#e9c25a4d;--text:#f7efe3;--muted:#cbae9b;--gold:#e9c25a;--gold-light:#fbe7a1;--gold-deep:#a97a22;--coral:#e0414b;--velvet:#8e121a;--teal:#f0d58c;--ivory:#f4ecd8;--ink:#1c1412;--danger:#c8252f;--display:"Veteran Typewriter", "Courier New", monospace;--sans:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:16px/1.45 var(--sans);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0}body{background:radial-gradient(40% 28% at 12% 8%,#ffaa5a38,#0000 70%),radial-gradient(40% 28% at 88% 8%,#ffaa5a38,#0000 70%),radial-gradient(120% 90% at 50% 40%,#0000 55%,#0a0000a6),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='120' viewBox='0 0 80 120'%3E%3Cg fill='none' stroke='%23ff8a6a' stroke-opacity='.11' stroke-width='2'%3E%3Cpath d='M40 0C10 20 10 40 40 60C70 80 70 100 40 120M40 0C70 20 70 40 40 60C10 80 10 100 40 120'/%3E%3C/g%3E%3Cg fill='%23ff8a6a' fill-opacity='.09'%3E%3Cpath d='M40 44c-7-9-7-16 0-23 7 7 7 14 0 23zM40 44c-11-2-15-7-15-13 9 0 13 5 15 13zM40 44c11-2 15-7 15-13-9 0-13 5-15 13z'/%3E%3Cpath d='M0 104c-7-9-7-16 0-23 7 7 7 14 0 23zM80 104c-7-9-7-16 0-23 7 7 7 14 0 23z'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(#5c0e12 0%,#3d080b 70%,#2a0507 100%);min-height:100dvh}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:400;line-height:1.05}h1{font-size:2.5rem}h2{font-size:1.45rem}h3{margin-top:4px;font-size:1.1rem}p{margin:0}.muted{color:var(--muted)}.small{font-size:.85rem}.center-text{text-align:center}.grow{flex:1;min-width:0}.error{color:#ffb3a8}.page{max-width:480px;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;gap:20px;margin:0 auto;display:flex}.page.center{justify-content:center;align-items:center}.page-head{justify-content:space-between;align-items:center;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.stack.bottom{margin-top:auto}.row{align-items:center;gap:10px;display:flex}.card-surface{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:inset 0 0 0 3px #100a0af0,inset 0 0 0 4px #e9c25a24}.btn{appearance:none;border:1px solid var(--line);color:var(--text);font:600 1rem/1 var(--sans);cursor:pointer;touch-action:manipulation;background:#100a0ae0;border-radius:12px;min-height:48px;padding:0 18px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:linear-gradient(180deg, var(--gold-light), var(--gold) 45%, var(--gold-deep));color:var(--ink);font:400 1.15rem/1 var(--display);border-color:#6e4e14;box-shadow:inset 0 1px #fff9,0 4px 14px #00000059}.paper .btn:not(.primary){color:var(--ink);background:#1c141214;border-color:#1c141240}.btn.danger{background:var(--danger);color:#fff;border-color:#0000}.btn.ghost{background:0 0}.btn.small{min-height:44px;padding:0 12px;font-size:.9rem}.btn.block{width:100%}.btn.big{min-height:60px;font-size:1.2rem}.btn.icon{flex:none;place-items:center;width:48px;padding:0;display:grid}.btn:focus-visible,.tile:focus-visible,.game-card:focus-visible{outline:3px solid var(--teal);outline-offset:2px}label{font-weight:600}.input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);font:16px var(--sans);background:#100a0ae6;border-radius:10px;padding:0 14px}.input:focus{outline:2px solid var(--gold);border-color:#0000}.input.dup{border-color:var(--coral)}.code-input{letter-spacing:.2em;text-transform:uppercase;font-weight:700}.tag{background:var(--bg-high);color:var(--muted);font:600 .75rem/1.6 var(--sans);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 8px;display:inline-block}.tag.out{color:#ffb3a8;background:#100a0ad9;border:1px solid #e0414b73;margin-left:0}.dot{background:#6e5a52;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.on{background:#6fd08c}.home{justify-content:center}.hero{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.hero h1{color:var(--gold-light);text-shadow:0 3px #0000008c;font-size:3rem}.hero-emoji{font-size:4rem;line-height:1}.game-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.game-card{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-raised);width:100%;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;align-items:flex-start;gap:14px;padding:16px;display:flex}.game-card b{font:400 1.3rem/1.2 var(--display)}.game-emoji{font-size:2.4rem;line-height:1}.game-blurb{color:var(--muted);margin-top:4px;font-size:.92rem;display:block}.room-code{font:400 1.05rem/1 var(--display);letter-spacing:.14em}.room-code.big{color:var(--gold-light);text-shadow:0 2px #0009;margin:4px 0 14px;font-size:2.6rem}.invite{text-align:center}.player-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.player-list li{background:var(--bg-raised);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:0 6px 0 14px;display:flex}.ready{color:var(--muted);white-space:nowrap;font-size:.82rem}.ready.yes{color:var(--teal)}.qr{border-radius:12px;width:min(100%,280px);margin:0 auto;display:block}.faces{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.faces li{align-items:center;gap:10px;min-width:0;display:flex}.faces li>span:last-child{overflow-wrap:anywhere}.faces.compact{gap:4px;margin-top:8px;font-size:.9rem}.faces.compact .mini-face{--mini:20px}.mini-face{--mini:28px;width:var(--mini);height:var(--mini);padding:calc(var(--mini) / 9);background:var(--ivory);border-radius:6px;flex:none;grid-template-columns:repeat(3,1fr);place-items:center;display:grid}.mini-face .pip{width:calc(var(--mini) / 5);height:calc(var(--mini) / 5)}.die{--die:64px;width:var(--die);height:var(--die);perspective:400px;margin:12px auto 8px}.board.n1 .die,.board.n2 .die{--die:84px}.cube{width:100%;height:100%;transform-style:preserve-3d;position:relative}.cube.moving{transition:transform 1.4s cubic-bezier(.2,.75,.25,1)}.die-face{background:var(--ivory);backface-visibility:hidden;border-radius:18%;grid-template-columns:repeat(3,1fr);place-items:center;padding:14%;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #e6dcc6,inset 0 -6px 12px #0000001f}.pip{aspect-ratio:1;border-radius:50%;width:72%}.pip.on{background:var(--ink)}.die-face .pip{width:64%}@media (prefers-reduced-motion:reduce){.cube.moving{transition-duration:10ms}}.game{max-width:560px;min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));flex-direction:column;gap:14px;margin:0 auto;display:flex}.game-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.head-info{flex-direction:column;gap:2px;min-width:0;display:flex}.banner{text-align:center;border-radius:var(--radius);background:var(--bg-raised);border:1px solid var(--line);flex-direction:column;gap:6px;padding:16px;display:flex}.banner.revealed{padding:20px 18px 18px;animation:.52s cubic-bezier(.2,.9,.3,1.3) both reveal;transform:rotate(-.6deg)}.banner-kicker{font:700 .78rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.banner-title{font:400 1.9rem/1.05 var(--display);text-wrap:balance}.banner.revealed .banner-title{color:var(--ink);font-size:2.1rem}.banner-note{color:var(--danger);font-weight:600}@keyframes reveal{0%{opacity:0;transform:scale(.85)rotate(-2deg)}}.board{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.board.n1{grid-template-columns:minmax(0,1fr)}.tile{border-radius:var(--radius);background:var(--bg-raised);border:1px solid var(--line);min-width:0;color:var(--text);font:inherit;text-align:center;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 14px;transition:opacity .2s,border-color .2s,background .2s;display:flex;position:relative}.tile.mine{border-color:var(--gold);box-shadow:inset 0 0 0 1px #e9c25a59}.tile.tappable{cursor:pointer;touch-action:manipulation}.tile.tappable:active{transform:scale(.98)}.tile.dimmed{opacity:.4}.tile.chosen{border-color:var(--gold-light);background:radial-gradient(120% 90% at 50% 0%, #b51c25, var(--velvet) 55%, #4d070c);box-shadow:0 0 0 1px var(--gold-light), 0 0 22px #e0414b73}.tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.9rem;font-weight:600;overflow:hidden}.tile-animal{min-height:2.5em;font:400 1.15rem/1.1 var(--display);overflow-wrap:anywhere;color:var(--muted);place-items:center;display:grid}.tile-animal.show{color:var(--text);animation:.3s cubic-bezier(.2,.9,.3,1.4) pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.vote-badge{background:var(--gold-light);color:var(--ink);font:700 .72rem/1.6 var(--sans);border-radius:999px;padding:1px 8px}.voted-dot{background:var(--teal);border-radius:50%;width:8px;height:8px;position:absolute;top:12px;right:12px}.out-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.action-bar{padding:12px 12px max(14px, env(safe-area-inset-bottom));background:linear-gradient(180deg, transparent, var(--bg) 18px);flex-direction:column;gap:8px;margin-top:auto;margin-left:-12px;margin-right:-12px;display:flex;position:sticky;bottom:0}.action-bar:empty{display:none}.result-peek{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:5;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.result{text-align:center;flex-direction:column;gap:12px;display:flex}.out-animal{color:var(--coral);text-shadow:0 2px #00000080;overflow-wrap:anywhere;font-size:2.6rem}.tally,.standings{text-align:left;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tally li,.standings li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.tally li.loser b{color:var(--coral)}.tally .small{text-align:right;max-width:45%}.count{font:400 1.3rem/1 var(--display);text-align:right;min-width:1.4em}.winner{border-radius:var(--radius);background:radial-gradient(100% 120% at 50% 0%, #e9c25a4d, transparent 70%), var(--bg-high);border:1px solid var(--line);flex-direction:column;align-items:center;gap:4px;padding:16px;display:flex}.winner>span:first-child{font-size:2.6rem;line-height:1}.winner b{font:400 1.7rem/1.1 var(--display);color:var(--gold)}.points{font-weight:700}.all-dice{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.all-dice .card-surface{min-width:0;padding:10px}.sheet-backdrop{z-index:20;background:#06060e99;justify-content:center;align-items:flex-end;animation:.16s ease-out fade;display:flex;position:fixed;inset:0}.sheet{overscroll-behavior:contain;border:1px solid var(--line);border-top:3px solid var(--gold);width:100%;max-width:560px;max-height:92dvh;padding:20px 16px max(20px, env(safe-area-inset-bottom));background:#140c0c;border-bottom:0;border-radius:20px 20px 0 0;flex-direction:column;gap:14px;animation:.2s ease-out rise;display:flex;overflow-y:auto}@keyframes rise{0%{opacity:.6;transform:translateY(24px)}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-backdrop,.banner.revealed,.tile-animal.show{animation:none}}.paper{color:var(--ink);background:radial-gradient(120% 80% at 30% 0,#ffffff8c,#0000 60%),linear-gradient(#f6efdc,#eadfc3);border:0;border-radius:4px;position:relative;box-shadow:0 10px 28px #00000073}.paper:after{content:"";background:radial-gradient(circle at 38% 34%,#e2525a,#a3141c 55%,#6e0b10);border-radius:46% 54% 50% 50%;width:46px;height:46px;position:absolute;top:-12px;right:-8px;box-shadow:0 3px 6px #0006,inset 0 0 0 5px #0000001f}.banner.paper:after{top:auto;bottom:-14px}.paper .muted,.paper .banner-kicker{color:#6b5a4c}.paper h2{padding-right:36px}.paper .input{color:var(--ink);font:18px var(--display);background:#ffffff73;border:1px solid #1c141238}.paper .input::placeholder{color:#9b8a78}.paper .input:focus{outline:2px solid var(--velvet)}.paper .input.dup{border-color:var(--danger)}.paper .error{color:var(--danger)}.paper .mini-face{box-shadow:inset 0 0 0 1px #1c14124d}.toast{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:30;background:var(--ivory);max-width:calc(100vw - 32px);color:var(--ink);border-radius:12px;padding:12px 16px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0006}.status-bar{z-index:40;padding:max(6px, env(safe-area-inset-top)) 12px 6px;background:var(--gold);color:var(--ink);text-align:center;font-size:.9rem;font-weight:600;position:fixed;top:0;left:0;right:0}