: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: 254px;--card-w-md: 112px;--card-h-md: 190px}*{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--wide{max-width:760px;margin:0 auto;align-items:stretch}.screen--wide .hero{align-items:flex-start}.screen--botmatch{max-width:1400px;margin:0 auto;align-items:stretch}.screen--botmatch .hero{align-items:flex-start}.screen--game{max-width:1360px;margin:0 auto;width:100%;gap:8px;padding-top:10px;padding-bottom:10px}@media(min-width:901px){.screen--game{max-width:1680px;display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:"topbar topbar" "seats  log" "table  log" "status log" "hand   log";align-items:start}.screen--game>.topbar{grid-area:topbar}.screen--game>.seats{grid-area:seats}.screen--game>.table{grid-area:table}.screen--game>.statusbar{grid-area:status}.screen--game>.hand{grid-area:hand}.screen--game>.log{grid-area:log;align-self:stretch;max-height:calc(100vh - 32px);position:sticky;top:16px}}.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}.actions>.btn{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}.btn--small{padding:5px 10px;font-size:.8rem}.btn--link{background:none;border:none;padding:0;color:var(--brass);text-decoration:underline;text-underline-offset:2px;cursor:pointer;flex:0 0 auto;font-size:inherit}.accountbar{margin:0;font-size:.82rem;color:var(--ink-dim);text-align:center}.divider{display:flex;align-items:center;gap:10px;color:var(--ink-dim);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.chipgroup{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.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}.chip--sm{padding:5px 12px;font-size:.78rem;min-width:auto}.settingsgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:4px 28px}.setting{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid var(--line)}.setting:last-child{border-bottom:none}.setting__row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.setting__label{font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim);white-space:nowrap}.setting .footnote{font-size:.7rem;line-height:1.4}.numinput{background:var(--bg-sunken);border:1px solid var(--line);border-radius:999px;padding:6px 10px;width:56px;text-align:center;font-variant-numeric:tabular-nums;color:inherit}.numinput--changed{border-color:var(--brass-dim);color:var(--brass)}.cardcounts{display:flex;flex-direction:column;gap:8px}.cardcat{border:1px solid var(--line);border-radius:8px;padding:0 12px}.cardcat__summary{cursor:pointer;padding:10px 0;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);list-style:none}.cardcat__summary::-webkit-details-marker{display:none}.cardcat__arrow{display:inline-block;transition:transform .15s;color:var(--brass-dim)}.cardcat[open] .cardcat__arrow{transform:rotate(90deg)}.cardcat__body{padding:2px 0 10px}.cardcount__controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cardcount__default{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);white-space:nowrap}.cardcount__reset{font-size:.7rem;white-space:nowrap}.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--mode{background:transparent;border:1px solid var(--brass-dim);color:var(--brass);margin-left:8px}.tag--muted{background:transparent;border:1px solid var(--line)}.tag--team-A{background:var(--good);color:#0b1a10}.tag--team-B{background:var(--danger);color:#1a0b0b}.card{position:relative;display:flex;flex-direction:column;background:var(--card-face);color:var(--card-ink);border:1px solid var(--card-edge);border-radius:7px;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)}.card--sm{width:34px;height:48px}.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;z-index:1}.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__body{flex:1 1 auto;align-self:stretch;display:flex;min-width:0;border-radius:6px 6px 0 0;overflow:hidden}.card--sm .card__body{display:none}.card__spine{flex:0 0 14px;display:flex;align-items:center;justify-content:flex-start;padding:21px 0 6px;color:var(--cat);font-family:var(--font-display);font-weight:700;font-size:.5rem;letter-spacing:.02em;line-height:1;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap}.card--villain .card__spine{color:#f2efe8}.card--md .card__spine{flex-basis:10px;font-size:.37rem;padding:17px 0 4px}.card__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;padding:8px 5px}.card--md .card__main{padding:5px 4px 6px}.card__art{width:100%;flex:1 1 auto;min-height:0}.card__art img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px;border:2px solid var(--cat)}.card--villain .card__art img{border-color:#2a2a33}.card__art-svg{width:100%;height:100%;display:block;border-radius:8px;border:2px solid var(--cat);background:var(--card-face);color:var(--cat);padding:10%;box-sizing:border-box}.card--villain .card__art-svg{border-color:#2a2a33}.card__effect{width:100%;font-size:.58rem;line-height:1.32;color:var(--card-ink-soft);padding:0 8px;margin-top:6px;flex:0 1 auto;min-height:0;overflow:hidden}.card--md .card__effect{padding:0 6px}.card--villain .card__effect{color:#bdb8ae}.card__next{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:3px;padding:6px 8px 8px;border-radius:0 0 6px 6px}.card--md .card__next{gap:2px;padding:4px 6px 6px}.card__nextchip{flex:0 1 auto;min-width:0;max-width:100%;padding:3px 6px;border-radius:5px;color:#fff;font-family:var(--font-mono);font-size:.5rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card--md .card__nextchip{font-size:.4rem;padding:2px 4px;border-radius:4px}.card--board{cursor:default;box-shadow:0 6px 20px #0006;height:auto;min-height:var(--card-h-md)}.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}.botmatch-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:12px}.botmatch-cards{display:flex;flex-wrap:wrap;gap:6px}.hand{padding:60px 8px;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(--row-card-w, var(--card-w-lg)) * var(--overlap-frac, .48))}.hand__fan+.hand__fan{margin-top:calc(-1 * var(--row-card-h, var(--card-h-lg)) * .32)}.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}.card--fanned: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{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 6px;border-radius:999px;background:color-mix(in srgb,var(--cat) 22%,transparent);color:var(--cat);font-weight:600}.topbar__location-icon{width:20px;height:20px;flex:0 0 auto}.topbar__sound{flex:0 0 auto;background:none;border:1px solid var(--line);border-radius:999px;width:30px;height:30px;font-size:1rem;line-height:1;cursor:pointer}.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:8px;min-width:150px;display:flex;flex-direction:column;gap:4px;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--you{border-style:dashed}.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:2px 0}.pile{display:flex;flex-direction:column;align-items:center;gap:6px}.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:60px;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:8px 16px;color:var(--ink);display:flex;flex-direction:column;gap:6px;align-items:center;width:100%}.prompt--urgent{border-color:var(--danger)}.prompt--turn{border-color:var(--brass);animation:turnPulse 2.4s ease-in-out infinite}@keyframes turnPulse{0%,to{box-shadow:0 0 0 1px var(--brass-dim),0 0 12px #c9a22729}50%{box-shadow:0 0 0 1px var(--brass-dim),0 0 26px #c9a22766}}@media(prefers-reduced-motion:reduce){.prompt--turn{animation:none;box-shadow:0 0 0 1px var(--brass-dim),0 0 16px #c9a22740}}.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);background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:12px;overflow-y:auto}.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}.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.statgrid__cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius)}.statgrid__value{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--brass);font-variant-numeric:tabular-nums}.statgrid__label{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim);text-align:center}.gallery__grid{display:flex;flex-wrap:wrap;gap:18px}.gallery__item{display:flex;flex-direction:column;align-items:center;gap:6px}.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}.footnote a{color:var(--brass);text-decoration:underline;text-underline-offset:2px}.banner{background:var(--danger);color:#fff;text-align:center;padding:6px;font-size:.8rem}.countdown{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-dim);font-variant-numeric:tabular-nums}.countdown__track{width:90px;height:5px;background:var(--line);border-radius:3px;overflow:hidden}.countdown__bar{height:100%;background:var(--brass);transition:width .25s linear}.reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:#0a0c12b8;animation:revealFadeIn .15s ease-out;padding:16px}.reveal-overlay__panel{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:16px;align-items:center;max-width:90vw}.reveal-overlay__title{margin:0;font-family:var(--font-display);font-weight:700;color:var(--brass)}.reveal-overlay__cards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}@keyframes revealFadeIn{0%{opacity:0}to{opacity:1}}.card-art-compare{max-width:640px}.card-art-compare__pair{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.card-art-compare__figure{margin:0;text-align:center}.card-art-compare__figure img,.card-art-compare__placeholder{width:220px;height:260px;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.card-art-compare__placeholder{padding:12px;color:var(--ink-dim);font-size:.85rem;text-align:center}.card-art-compare__figure figcaption{margin-top:6px;color:var(--ink-dim);font-size:.85rem}.card-art-compare__actions{display:flex;gap:12px}@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:.56rem}.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:hover{transform:rotate(var(--angle)) translateY(var(--lift))}}