:root{--bg: #16130e;--bg-2: #1e1a14;--panel: #221d16;--panel-2: #2a241c;--ink: #efe9df;--ink-dim: #b7ad9c;--ink-faint: #8a8172;--line: #3a3125;--accent: #d9c7a3;--accent-ink: #1a1610;--danger: #e0674f;--radius: 14px;--card-ratio: .6926;--shadow: 0 6px 22px rgba(0, 0, 0, .45);--font: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font);font-weight:600;line-height:1.1;margin:0 0 .4em}p{line-height:1.5}a{color:inherit}button{font-family:inherit;cursor:pointer}.title{font-size:clamp(2rem,8vw,3.2rem);letter-spacing:-.01em}.title.small{font-size:1.2rem}.tagline,.lede{color:var(--ink-dim);font-size:1.05rem;max-width:34ch}.muted{color:var(--ink-faint)}.small{font-size:.82rem}.link{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(217,199,163,.35)}.link:hover{border-bottom-color:var(--accent)}.code{font-family:var(--font-ui);letter-spacing:.28em;font-weight:700}.btn{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);padding:.75rem 1.1rem;border-radius:11px;font-size:1rem;transition:transform .08s ease,background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn.ghost{background:transparent}.btn.big{padding:.95rem 1.4rem;font-size:1.08rem;width:100%}.btn.tiny{padding:.4rem .7rem;font-size:.82rem}.field{display:flex;flex-direction:column;gap:.35rem;text-align:left}.field span{color:var(--ink-dim);font-size:.85rem}.field input{background:var(--bg-2);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:.75rem .85rem;font-size:1.05rem}.field input:focus{outline:2px solid var(--accent);outline-offset:1px}.code-input{text-transform:uppercase;letter-spacing:.3em;font-weight:700}.form-error{color:var(--danger);font-size:.9rem;margin:0}.home{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;padding:2rem 1.25rem;text-align:center}.home-head{display:flex;flex-direction:column;align-items:center;gap:.5rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;width:min(420px,100%);display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow)}.panel.wide{width:min(520px,100%)}.home-actions{display:flex;flex-direction:column;gap:.6rem}.home-foot{display:flex;align-items:center;gap:.6rem;color:var(--ink-faint)}.dot{opacity:.5}.splash,.boot-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:2rem;text-align:center}.splash-mark{font-family:var(--font);font-size:1.6rem}.splash-sub{color:var(--ink-faint)}.boot-error pre{white-space:pre-wrap;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1rem;color:var(--danger);max-width:90vw}.lobby{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.4rem;padding:1.25rem}.lobby-head{width:min(520px,100%);display:flex;align-items:center;justify-content:space-between;padding-top:.5rem}.room-code-block{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.4rem 0 .8rem;border-bottom:1px solid var(--line)}.code.big{font-size:2.6rem;cursor:pointer}.code-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.code-note{text-align:center;margin:.1rem 0 0;max-width:34ch}.solo-note{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:.75rem .85rem;margin:0;line-height:1.5;text-align:left}.home-note{margin:.2rem 0 0;line-height:1.45}.lobby-instruction{color:var(--ink-dim);text-align:center;margin:0}.seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.seat-list li{display:flex;align-items:center;gap:.7rem;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem}.seat-list li.me{border-color:var(--accent)}.seat-list li.empty-seat{border-style:dashed;opacity:.7}.seat-num{width:1.6rem;height:1.6rem;border-radius:50%;background:var(--panel-2);display:grid;place-items:center;font-size:.85rem;color:var(--ink-dim)}.seat-name{flex:1;text-align:left}.pill{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:.18rem .5rem;border-radius:999px;background:var(--accent);color:var(--accent-ink)}.pill.dim{background:var(--panel-2);color:var(--ink-faint)}.toggle{display:flex;gap:.7rem;align-items:flex-start;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:.8rem;font-size:.9rem;color:var(--ink-dim);text-align:left}.toggle input{margin-top:.2rem;width:1.1rem;height:1.1rem;accent-color:var(--accent)}.waiting-note{text-align:center;color:var(--ink-faint);font-style:italic}.room{flex:1;display:flex;flex-direction:column;min-height:0}.conn-banner{background:#3a2c18;color:#f0d9a8;text-align:center;padding:.5rem;font-size:.85rem}.toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:var(--danger);color:#1a1008;padding:.7rem 1.1rem;border-radius:10px;z-index:50;max-width:90vw;box-shadow:var(--shadow);font-size:.9rem}.play{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden}.play-head{position:sticky;top:0;z-index:40}.status-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem .9rem;background:var(--bg-2);border-bottom:1px solid var(--line);font-size:.85rem}.status-phase{font-family:var(--font);font-size:1rem;color:var(--ink)}.status-code{letter-spacing:.25em;font-weight:700;color:var(--ink-dim)}.status-players{color:var(--ink-faint)}.table-zone{flex:1 0 auto;padding:.8rem .8rem 2rem;display:flex;flex-direction:column;gap:.7rem;background:radial-gradient(120% 90% at 50% -10%,#241f17 0%,var(--bg) 70%)}.social-rule{text-align:center;color:var(--ink-faint);font-size:.78rem;font-style:italic;max-width:46ch;margin:0 auto;line-height:1.4}.headline-head{display:block;text-decoration:none;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:.8rem 1rem;max-width:560px;margin:0 auto}.headline-kicker{display:block;color:var(--ink-faint);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.headline-title{font-family:var(--font);font-size:1.1rem}.table-surface{display:flex;flex-wrap:wrap;gap:1rem .8rem;justify-content:center;align-items:flex-start;align-content:flex-start}.table-slot{display:flex;flex:0 0 auto}.table-empty{padding:2rem}.player-strip{display:flex;gap:.4rem;overflow-x:auto;padding:.5rem .8rem;background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-width:thin}.player-chip{flex:0 0 auto;display:flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-faint);font-size:.85rem;transition:color .2s ease,border-color .2s ease,background .2s ease}.player-chip.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);font-weight:600}.player-chip.dim{opacity:.65}.player-chip.offline{text-decoration:line-through;opacity:.5}.player-chip:disabled{cursor:default}.chip-mark{color:inherit;font-size:.7rem}.chip-off{font-size:.68rem;text-transform:uppercase}.chip-hand{background:#00000040;border-radius:999px;padding:0 .4rem;font-size:.72rem}.player-chip.active .chip-hand{background:#0000002e}.public-hands{display:flex;flex-wrap:wrap;gap:1rem 1.4rem;align-items:flex-start;padding:.7rem .8rem .9rem;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.public-hand{flex:0 1 auto}.public-hand-name{font-size:.78rem;color:var(--ink-faint);margin-bottom:.25rem}.public-hand-cards{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.6rem .5rem}.hand-zone{background:var(--bg-2);border-top:1px solid var(--line);padding:.7rem .8rem .9rem;display:flex;flex-direction:column;gap:.55rem}.hand-zone:before{content:"Your hand";font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.play-bar{position:sticky;bottom:0;z-index:40;background:var(--bg-2);border-top:1px solid var(--line);padding:.6rem .8rem calc(.7rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.55rem}.hand-cue{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.7rem;display:flex;align-items:center;gap:.55rem;white-space:nowrap;padding:.55rem 1rem;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-size:.88rem;font-weight:600;box-shadow:var(--shadow)}.hand-cue-arrow{font-size:1.1rem;line-height:1;animation:cue-bounce 1.4s ease-in-out infinite}@keyframes cue-bounce{0%,to{transform:translateY(-2px)}50%{transform:translateY(4px)}}.turn-line{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--ink-dim)}.turn-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--line);flex:0 0 auto}.turn-dot.on{background:var(--accent);box-shadow:0 0 0 4px #d9c7a32e}.turn-prompt{font-family:var(--font)}.hand{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.8rem .6rem;min-height:10px}.hand-empty{padding:.4rem 0}.archivist-bar{display:flex;gap:.5rem}.archivist-bar .btn.primary{flex:1}.notice{font-size:.82rem;color:#f0d9a8;background:#3a2c18;border-radius:8px;padding:.5rem .7rem}.card{--w: clamp(152px, 42vw, 240px);--hover-scale: 1.4;position:relative;width:var(--w);border:none;background:none;padding:0;flex:0 0 auto;display:flex;flex-direction:column;gap:.35rem;text-align:left;color:inherit}.card-frame{position:relative;width:100%;aspect-ratio:var(--card-ratio);perspective:1000px;transform-origin:center top;transition:transform .18s cubic-bezier(.2,.7,.2,1)}.card-sm{--w: clamp(124px, 30vw, 184px)}.card-md{--w: clamp(152px, 42vw, 240px)}.card-lg{--w: min(78vw, 400px);--hover-scale: 1}.card.is-interactive{cursor:pointer}.card.is-interactive:hover,.card.is-interactive:focus-visible{z-index:30}.card.is-interactive:hover .card-frame,.card.is-interactive:focus-visible .card-frame{transform:scale(var(--hover-scale))}.card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.card.is-down .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8px;overflow:hidden;display:grid;place-items:center}.card-face img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}.card-back{transform:rotateY(180deg)}.card.is-flippable .card-inner{animation:nudge 2.2s ease-in-out infinite;box-shadow:0 0 0 2px var(--accent);border-radius:8px}.card-unknown{width:100%;height:100%}.card-text-fallback{width:100%;height:100%;padding:8%;color:#16130e;display:flex;flex-direction:column;gap:.4em;overflow:auto;font-size:.7rem;text-align:left}.card-lg .card-text-fallback{font-size:1rem}.card-text-title{font-family:var(--font);font-weight:700;font-size:1.3em}.card-text-body{white-space:pre-line;flex:1}.card-text-deck{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:.85em}.card-tag{display:flex;justify-content:center;gap:.3rem;font-size:.68rem;color:var(--ink-faint);pointer-events:none}.card-owner{color:var(--ink-dim)}.flip-hint{position:absolute;left:0;right:0;top:-1rem;text-align:center;font-size:.62rem;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}@keyframes nudge{0%,to{transform:rotateY(180deg) translateY(0)}50%{transform:rotateY(180deg) translateY(-4px)}}.overlay{position:fixed;inset:0;background:#080604c7;backdrop-filter:blur(3px);display:grid;place-items:center;padding:1.2rem;z-index:40}.enlarged,.picker,.tools{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;max-width:480px;width:100%;max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:.9rem;box-shadow:var(--shadow)}.enlarged{align-items:center}.enlarged-text{text-align:left;width:100%}.enlarged-text p{white-space:pre-line;color:var(--ink-dim)}.picker-list{display:flex;flex-direction:column;gap:.6rem}.picker-item{text-align:left;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:.9rem 1rem;color:var(--ink)}.picker-item:hover{border-color:var(--accent)}.picker-kicker{display:block;color:var(--ink-faint);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem}.picker-title{font-family:var(--font);font-size:1.05rem}.tools-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.tools-list li{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem}.end,.about{flex:1;overflow-y:auto;display:flex;justify-content:center;padding:2rem 1.25rem}.end-inner,.about-inner{max-width:620px;width:100%;display:flex;flex-direction:column;gap:1rem}.end-inner{align-items:center;text-align:center;justify-content:center}.end-lede{color:var(--ink-dim);max-width:40ch}.end-players{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.end-player{border:1px solid var(--line);border-radius:999px;padding:.3rem .8rem;color:var(--ink-dim);font-size:.9rem}.end-credits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem 0;margin:.5rem 0}.end-actions{display:flex;flex-direction:column;align-items:center;gap:.9rem;width:min(320px,100%)}.about section{border-top:1px solid var(--line);padding-top:.9rem}.about h2{font-size:1.15rem}.about-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.quote{font-family:var(--font);font-style:italic;color:var(--ink-dim);border-left:2px solid var(--accent);padding-left:.9rem}.about-foot{border-top:1px solid var(--line);padding-top:1rem}.back{align-self:flex-start}.end-links{display:flex;align-items:center;gap:.6rem}.howto-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.5rem;color:var(--ink-dim);line-height:1.5}.phase-list{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:1.1rem;counter-reset:phase}.phase-list>li{border-left:2px solid var(--line);padding-left:1rem}.phase-list h3{font-size:1.05rem;color:var(--accent);margin-bottom:.35rem}.phase-list p{margin:0 0 .5rem;color:var(--ink-dim)}.phase-list p:last-child{margin-bottom:0}.howto .quote{margin:.4rem 0 .6rem}.howto .lede{max-width:none}@media (min-width: 720px){.status-phase{font-size:1.1rem}.table-surface{gap:1.4rem 1rem}}@media (prefers-reduced-motion: reduce){.card-frame,.card-inner,.btn{transition:none}.card.is-flippable .card-inner,.hand-cue-arrow{animation:none}}@media (hover: none){.card.is-interactive:hover .card-frame{transform:none}}