:root{--bg: #12161f;--bg-raised: #1b212e;--bg-sunken: #0d1118;--ink: #e8e4dc;--ink-dim: #99a2b1;--brass: #c9a227;--brass-dim: #8a7220;--danger: #b5443a;--good: #4f9d69;--line: #2b3345;--card-face: #fbfaf7;--card-edge: #d5d0c4;--card-ink: #1a1a1a;--card-ink-soft: #3a3a3a;--radius: 10px;--font-display: "Bodoni Moda", Didot, "Iowan Old Style", Georgia, serif;--font-body: "Spectral", "Iowan Old Style", Georgia, "Times New Roman", serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--card-w-lg: 150px;--card-h-lg: 212px;--card-w-md: 112px;--card-h-md: 158px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 620px at 50% -12%,#1e2637 0%,transparent 62%),var(--bg);color:var(--ink);font-family:var(--font-body);font-weight:300;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:4px}.screen{min-height:100%;padding:16px;display:flex;flex-direction:column;gap:16px}.screen--centered{max-width:460px;margin:0 auto;justify-content:center;align-items:stretch;text-align:center}.screen--game{max-width:1120px;margin:0 auto;width:100%;gap:12px}.panel{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px}.panel__title{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:600;letter-spacing:.01em}.hero{display:flex;flex-direction:column;align-items:center;gap:4px}.hero__mark{width:84px;height:84px;color:var(--brass)}.hero__title{font-family:var(--font-display);font-size:2.3rem;font-weight:700;margin:10px 0 0;letter-spacing:.01em}.hero__subtitle{margin:0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.34em;font-size:.68rem;color:var(--ink-dim);padding-left:.34em}.field{display:flex;flex-direction:column;gap:6px;text-align:left}.field__label{font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-dim)}input{background:var(--bg-sunken);border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:var(--ink);font-family:var(--font-body);font-size:1rem;width:100%}input:focus-visible{outline:2px solid var(--brass);outline-offset:1px}.input--code{text-transform:uppercase;letter-spacing:.4em;text-align:center;font-family:var(--font-display);font-size:1.5rem;padding-left:.4em}.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn{background:var(--bg-sunken);border:1px solid var(--line);border-radius:8px;padding:11px 18px;cursor:pointer;transition:border-color .15s,transform .05s,background .15s;flex:1 1 auto}.btn:hover:not(:disabled){border-color:var(--brass-dim)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--brass);border-color:var(--brass);color:#17130a;font-weight:600}.btn--primary:hover:not(:disabled){background:#d9b334}.btn--danger{border-color:var(--danger);color:#f0b6b0}.btn--ghost{background:transparent}.chipgroup{display:flex;gap:8px;justify-content:center}.chip{background:var(--bg-sunken);border:1px solid var(--line);border-radius:999px;padding:8px 16px;cursor:pointer;min-width:48px;font-variant-numeric:tabular-nums}.chip--on{background:var(--brass);border-color:var(--brass);color:#17130a;font-weight:600}.roomcode{font-family:var(--font-display);font-size:2.8rem;font-weight:700;letter-spacing:.3em;margin:0;padding-left:.3em;color:var(--brass)}.playerlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.playerlist li{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-sunken);border-radius:8px;text-align:left}.playerlist li.is-offline{opacity:.5}.playerlist__name{flex:1}.tag{font-family:var(--font-mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;padding:3px 8px;border-radius:999px;background:var(--line);color:var(--ink-dim)}.tag--you{background:var(--brass-dim);color:#17130a}.tag--muted{background:transparent;border:1px solid var(--line)}.card{position:relative;display:flex;flex-direction:column;align-items:center;background:var(--card-face);color:var(--card-ink);border:1px solid var(--card-edge);border-top:6px solid var(--cat);border-radius:7px;padding:12px 11px 9px;font-family:var(--font-body);text-align:center;flex:0 0 auto;cursor:default;overflow:visible;box-shadow:0 4px 14px #00000059;transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s}.card--villain{background:#14141a;color:#f2efe8;border-color:#000}.card--lg{width:var(--card-w-lg);height:var(--card-h-lg)}.card--md{width:var(--card-w-md);height:var(--card-h-md);padding:10px 8px 7px}.card--sm{width:34px;height:48px;padding:0;border-top-width:3px}.card__value{position:absolute;top:-13px;left:-13px;width:34px;height:34px;border-radius:50%;background:var(--cat);color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;display:grid;place-items:center;border:2px solid var(--card-face);box-shadow:0 2px 7px #00000059}.card--villain .card__value{border-color:#14141a}.card--md .card__value{width:28px;height:28px;font-size:.85rem;top:-11px;left:-11px}.card--sm .card__value{display:none}.card__category{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cat)}.card--villain .card__category{color:#d0cbc2}.card--sm .card__category{display:none}.card__art{width:58%;margin-top:5px;color:#23262b}.card--villain .card__art{color:#e8e4dc}.card__art svg{width:100%;height:auto;display:block}.card--sm .card__art{display:none}.card__title{font-family:var(--font-display);font-size:.88rem;font-weight:700;line-height:1.1;margin-top:7px;text-wrap:balance}.card--md .card__title{font-size:.76rem}.card--sm .card__title{display:none}.card__effect{font-size:.64rem;line-height:1.32;color:var(--card-ink-soft);margin-top:5px;flex:1 1 auto;min-height:0;overflow:hidden}.card--villain .card__effect{color:#bdb8ae}.card__next{width:100%;border-top:1px solid #e6e1d5;padding-top:5px;font-family:var(--font-mono);font-size:.47rem;letter-spacing:.06em;text-transform:uppercase;color:#6d6a63;line-height:1.5}.card--villain .card__next{border-color:#2a2a33;color:#8a867e}.card__next-label{margin-right:4px}.card__next b{color:var(--cat);font-weight:500}.card--villain .card__next b{color:#c9c4ba}.card--board{cursor:default;box-shadow:0 6px 20px #0006}.card--board .card__art{width:64%;margin-top:10px}.card--board .card__title{margin-top:auto;margin-bottom:6px}.card--playable{cursor:pointer}.card--dimmed{opacity:.5}.card--selected{box-shadow:0 0 0 3px var(--brass),0 10px 24px #00000080}.card--back{background:#0b0d13;border:1px solid #000;border-top:1px solid #000;box-shadow:none;display:grid;place-items:center;padding:4px}.card--back svg{width:70%;height:auto;color:#e8e4dc;opacity:.85}.card--back.card--md{box-shadow:0 4px 14px #00000059}.hand{padding:38px 8px 26px;overflow-x:auto;overflow-y:visible;scrollbar-width:thin}.hand__fan{display:flex;justify-content:center;align-items:flex-end;min-width:min-content;margin:0 auto;padding:0 26px}.hand__slot{display:block;flex:0 0 auto}.hand__slot+.hand__slot{margin-left:calc(-1 * var(--card-w-lg) * var(--overlap-frac, .48))}.card--fanned{transform-origin:bottom center;transform:rotate(var(--angle)) translateY(var(--lift));z-index:var(--i, 0);animation:dealIn .38s cubic-bezier(.2,.8,.3,1) backwards;animation-delay:calc(var(--i, 0) * 45ms)}.card--fanned.card--playable{box-shadow:0 4px 14px #00000059,0 0 0 1px #c9a22773}.hand__slot:not(:first-child) .card{box-shadow:inset 3px 0 #0000000f}.hand__slot:not(:first-child) .card--fanned.card--playable{box-shadow:inset 3px 0 #0000000f,0 4px 14px #00000059,0 0 0 1px #c9a22773}.card--fanned.card--playable:hover,.card--fanned:focus-visible{transform:rotate(var(--angle)) translateY(calc(var(--lift) - 26px)) scale(1.05);box-shadow:0 14px 28px #00000080;z-index:50}.card--fanned.card--selected{transform:rotate(0) translateY(-30px) scale(1.06);z-index:51}@keyframes dealIn{0%{opacity:0;transform:translateY(70px) rotate(0) scale(.85)}to{opacity:1;transform:rotate(var(--angle)) translateY(var(--lift))}}.flight{position:fixed;z-index:100;pointer-events:none}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);font-size:.84rem}.topbar__room{font-family:var(--font-display);font-weight:700;letter-spacing:.22em;color:var(--brass)}.topbar__round{font-variant-numeric:tabular-nums}.topbar__location{color:var(--ink-dim)}.seats{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.seat{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:10px;min-width:150px;display:flex;flex-direction:column;gap:6px;text-align:left;font:inherit;color:inherit;transition:transform .18s,border-color .18s,background .18s,opacity .18s}.seat:disabled{cursor:default}.seat--active{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass-dim)}.seat--offline{opacity:.5}.seat__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.seat__name{font-weight:600;font-size:.94rem}.seat__score{color:var(--brass);font-size:.85rem;font-variant-numeric:tabular-nums}.seat__cards{display:flex;gap:2px;align-items:center}.seat__count,.seat__more{font-size:.7rem;color:var(--ink-dim)}.seat__prompt{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brass)}.is-targeting .table,.is-targeting .hand,.is-targeting .log{opacity:.32;filter:saturate(.5);transition:opacity .2s}.is-targeting .hand .card--selected{opacity:1}.seat--targetable{cursor:pointer;border-color:var(--brass);border-style:dashed;transform:translateY(-4px) scale(1.03)}.seat--targetable:hover,.seat--targetable:focus-visible{background:#262f42;border-style:solid;transform:translateY(-8px) scale(1.06)}.table{display:flex;gap:26px;justify-content:center;align-items:flex-start;padding:8px 0}.pile{display:flex;flex-direction:column;align-items:center;gap:8px}.pile__label{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-dim)}.pile__slot{display:grid;place-items:center;min-height:var(--card-h-md)}.pile__slot .card{animation:landOnPile .34s cubic-bezier(.25,.9,.3,1)}@keyframes landOnPile{0%{transform:translateY(-26px) scale(1.14) rotate(-4deg);opacity:.85}to{transform:none;opacity:1}}.pile__empty{width:var(--card-w-md);height:var(--card-h-md);border:1px dashed var(--line);border-radius:7px;display:grid;place-items:center;color:var(--ink-dim);font-size:.8rem}.pile__deck{position:relative}.pile__count{position:absolute;inset:auto 0 -10px 0;text-align:center;font-family:var(--font-mono);font-size:.74rem;color:var(--brass);font-variant-numeric:tabular-nums}.statusbar{min-height:80px;display:flex;flex-direction:column;gap:8px;align-items:center}.prompt{margin:0;text-align:center;color:var(--ink-dim)}.prompt--turn,.prompt--urgent,.prompt--targeting{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;color:var(--ink);display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}.prompt--urgent{border-color:var(--danger)}.prompt--targeting{border-color:var(--brass)}.prompt p{margin:0}.log{display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:var(--ink-dim)}.log__line{margin:0}.log__line--private{color:var(--brass)}.log__eye{font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--brass-dim);border-radius:3px;padding:0 4px;margin-right:6px}.scores{width:100%;border-collapse:collapse;font-size:.9rem}.scores th{text-align:left;font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);font-weight:500;padding-bottom:6px}.scores td{padding:9px 4px;border-top:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums}.scores tr.is-you{color:var(--brass)}.scores__villains{font-size:.76rem;color:var(--ink-dim);font-variant-numeric:normal}.scores .is-good{color:var(--good)}.winner{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--brass);margin:0}.notice{margin:0;font-size:.86rem;color:var(--ink-dim)}.notice--error{color:#e79a92}.muted{color:var(--ink-dim);font-weight:400}.footnote{font-size:.76rem;color:var(--ink-dim);margin:0}.banner{background:var(--danger);color:#fff;text-align:center;padding:6px;font-size:.8rem}@media(max-width:640px){:root{--card-w-lg: 122px;--card-h-lg: 174px;--card-w-md: 96px;--card-h-md: 136px}.card__effect{font-size:.62rem}.card__title{font-size:.76rem}.table{gap:14px}.seat{min-width:128px}.hero__title{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card--fanned.card--playable:hover{transform:rotate(var(--angle)) translateY(var(--lift))}}