:root{--bg:#0b0e14;--panel:#141924;--panel-2:#1b2231;--line:#273041;--text:#e7ecf5;--muted:#8d99ae;--accent:#6ea8fe;--danger:#ff6b6b;--win:#4ade80;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1200px 700px at 50% -10%, #17203050, transparent), var(--bg);min-height:100vh;color:var(--text);margin:0}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}p{margin:0 0 .75rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger);margin:.5rem 0 0}.shell{max-width:640px;margin:0 auto;padding:3rem 1.25rem 4rem}.shell-centered{flex-direction:column;gap:1.5rem;display:flex}.hero h1{letter-spacing:-.03em;font-size:2.75rem}.hero-sub{color:var(--muted);max-width:46ch;font-size:1.05rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.field{margin-bottom:1rem;display:block}.field:last-child{margin-bottom:0}.field>label{color:var(--muted);margin-bottom:.35rem;font-size:.85rem;display:block}.field>label:hover{color:var(--text)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}input{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--text);border-radius:8px;padding:.7rem .8rem;font-size:1rem}input:focus{outline:2px solid var(--accent);outline-offset:1px}.code-input{text-transform:uppercase;letter-spacing:.2em;font-family:ui-monospace,monospace}.row{gap:.6rem;display:flex}.row input{flex:1}.divider{color:var(--muted);align-items:center;gap:.75rem;margin:1.1rem 0;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.shell-toolbar{justify-content:flex-end;display:flex}.lang-picker{background:var(--panel-2);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:8px;padding:.4rem .6rem;font-family:inherit;font-size:.85rem}.lang-picker:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.lang-picker-compact{padding:.25rem .4rem;font-size:.8rem}.rules{color:var(--muted);font-size:.92rem}.rules ol{gap:.45rem;padding-left:1.2rem;display:grid}.rules strong{color:var(--text)}.btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:8px;padding:.65rem 1rem;font-size:.95rem;font-weight:500;transition:background .12s,border-color .12s,transform 60ms}.btn:hover:not(:disabled){background:#232c3d;border-color:#3a465c}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#08111f;font-weight:600}.btn-primary:hover:not(:disabled){background:#85b6ff;border-color:#85b6ff}.btn-ghost{background:0 0}.btn-block{width:100%;display:block}.btn-small{padding:.35rem .65rem;font-size:.82rem}.btn-accuse{color:#ffb4b4;border-color:#4a2230}.btn-accuse-live{background:var(--danger);border-color:var(--danger);color:#2a0505;font-weight:700;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #ff6b6b55}50%{box-shadow:0 0 0 8px #ff6b6b00}}.table-shell{grid-template:"top top""main log"1fr/1fr 320px;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#0e131cd0;grid-area:top;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:.75rem;display:flex}.brand{letter-spacing:-.02em;font-weight:700}.code-chip{background:var(--panel-2);border:1px solid var(--line);letter-spacing:.15em;border-radius:6px;padding:.2rem .5rem;font-size:.9rem}.toggle{color:var(--muted);align-items:center;gap:.35rem;font-size:.82rem;display:flex}.toggle input{cursor:pointer;width:auto}.toggle label{cursor:pointer}.toggle label:hover{color:var(--text)}.status-dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.status-connected{background:var(--win)}.status-connecting,.status-reconnecting{background:#fbbf24}.status-disconnected{background:#6b7280}.table{grid-area:main;padding:1.5rem 1.25rem 3rem}.lobby{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);max-width:520px;margin:2rem auto;padding:1.5rem}.seat-list{gap:.5rem;margin:1rem 0 1.5rem;padding:0;list-style:none;display:grid}.seat-list li{background:var(--panel-2);border-radius:8px;align-items:center;gap:.6rem;padding:.55rem .7rem;display:flex}.seat-name{flex:1}.seat-name em{color:var(--muted);font-style:normal}.badge{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:.1rem .35rem;font-size:.7rem}.play-area{gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.player-strip{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.player{background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .7rem;font-size:.9rem;display:flex}.player-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.player-name em{color:var(--muted);font-style:normal}.player-count{background:var(--panel-2);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:1.6rem;padding:.05rem .4rem}.banner{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex}.banner-alert{border-color:var(--danger);background:#2a1416}.banner-win{border-color:var(--win);background:#12251b}.pile{justify-items:center;gap:.75rem;display:grid}.pile-cards{align-items:flex-end;gap:1.25rem;display:flex}.pile-slot{justify-items:center;gap:.4rem;display:grid}.pile-label{color:var(--muted);font-size:.78rem}.pile-under{opacity:.75}.card{background:0 0;border:none;justify-items:center;gap:.3rem;padding:0;display:inline-grid}.card-face{border:1px solid #fff2;border-radius:10px;display:block;box-shadow:0 6px 18px #0005}.card-sm .card-face{width:34px;height:48px}.card-md .card-face{width:58px;height:82px}.card-lg .card-face{border-radius:14px;width:108px;height:152px}.card-empty{border:1px dashed var(--line);border-radius:14px;width:108px;height:152px}.card-caption{color:var(--muted);font-family:ui-monospace,monospace;font-size:.7rem}.card-dimmed{opacity:.8}.card-clickable{cursor:pointer;transition:transform .1s}.card-clickable:hover:not(:disabled){transform:translateY(-6px)}.card-clickable:disabled{cursor:not-allowed;opacity:.55}.card-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:12px}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.turn-note{color:var(--muted);font-size:.9rem}.summary{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.25rem}.summary-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.summary-head h3{font-size:1rem}.summary-head p{margin:0}.summary-count{margin:.5rem 0 .25rem;font-size:1.15rem;font-weight:600}.summary-clean{color:var(--win);margin:.5rem 0 0}.summary-sub{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:1.1rem 0 .5rem;font-size:.75rem}.tally{flex-wrap:wrap;gap:.5rem;margin:0 0 .5rem;padding:0;list-style:none;display:flex}.tally li{background:var(--panel-2);border-radius:999px;align-items:baseline;gap:.45rem;padding:.3rem .75rem;font-size:.85rem;display:flex}.tally-count{color:var(--muted)}.missed-list{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.missed{background:var(--panel-2);border-left:3px solid var(--danger);border-radius:10px;align-items:center;gap:.85rem;padding:.5rem .75rem;display:flex}.missed-winning{background:#241f12;border-left-color:#fbbf24}.missed-pair{flex:none;align-items:center;gap:.4rem;display:flex}.missed-arrow{color:var(--muted);font-size:.9rem}.missed-body{flex-direction:column;flex:1;gap:.1rem;font-size:.9rem;display:flex}.missed-flag{color:#fbbf24;font-size:.75rem;font-style:normal}.missed-ratio{font-variant-numeric:tabular-nums;color:var(--danger);font-family:ui-monospace,monospace;font-weight:600}.hand h3{align-items:baseline;gap:.5rem;display:flex}.hand-cards{flex-wrap:wrap;gap:.6rem;padding:.75rem 0;display:flex}.log{border-left:1px solid var(--line);background:#0d1219;grid-area:log;max-height:calc(100vh - 57px);padding:1rem;position:sticky;top:57px;overflow-y:auto}.log h3{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.8rem}.log ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.log li{color:#c3ccdb;background:var(--panel);border-radius:8px;align-items:flex-start;gap:.5rem;padding:.45rem .55rem;font-size:.85rem;line-height:1.35;display:flex}.log-AccusationUpheld{border-left:3px solid var(--win)}.log-AccusationRejected{border-left:3px solid var(--danger)}.log-GoingOut,.log-GameEnded{border-left:3px solid var(--accent)}.log-swatches{flex:none;gap:2px;padding-top:2px;display:flex}.log-swatches i{border:1px solid #fff2;border-radius:3px;width:12px;height:16px}.log-hex{color:var(--muted);margin-top:.15rem;font-family:ui-monospace,monospace;font-size:.72rem;font-style:normal;display:block}.toast{background:var(--danger);color:#2a0505;z-index:20;border-radius:8px;padding:.6rem 1rem;font-weight:600;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}@media (width<=900px){.table-shell{grid-template-columns:1fr;grid-template-areas:"top""main""log"}.log{border-left:none;border-top:1px solid var(--line);max-height:320px;position:static}}