: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}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]){--motion:none}}:root[data-motion=none]{--motion:none}*{box-sizing:border-box}body{background:radial-gradient(1200px 700px at 50% -10%, #17203050, transparent), var(--bg);min-height:100dvh;color:var(--text);overflow-wrap:break-word;margin:0}.app-frame{flex-direction:column;min-height:100dvh;display:flex}.app-frame>:first-child{flex:1 0 auto;width:100%}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)}.field-hint{color:var(--muted);margin:.35rem 0 0;font-size:.8rem}.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: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}@media (hover:hover){.btn:hover:not(:disabled){background:#232c3d;border-color:#3a465c}.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;animation:var(--motion,pulse 1.4s ease-in-out infinite);font-weight:700}@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"matrix log"/minmax(0,1fr) 320px;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#0e131cd0;flex-wrap:wrap;grid-area:top;justify-content:space-between;align-items:center;gap:.75rem 1rem;min-width:0;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-width:0;display:flex}.topbar-right{justify-content:flex-end}.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;min-width:0;padding:1.5rem 1.25rem 3rem}.table-matrix{grid-area:matrix;min-width:0;padding:0 1.25rem 3rem}.table-matrix>*{max-width:900px;margin:0 auto}.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;min-width:0;max-width:900px;margin:0 auto;display:grid}.player-strip{flex-wrap:wrap;gap:.5rem;min-width:0;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;min-width:0;max-width:100%;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{overflow-wrap:anywhere;min-width:0}.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;width:100%;display:grid}.pile-cards{justify-content:center;align-items:flex-end;gap:1.25rem;max-width:100%;display:flex}.pile-slot{justify-items:center;gap:.4rem;min-width:0;display:grid}.pile-label{color:var(--muted);text-align:center;overflow-wrap:anywhere;font-size:.78rem}.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-clickable{cursor:pointer;transition:transform .1s}.card-clickable:disabled{cursor:not-allowed}.card-clickable:disabled .card-caption{color:#5c677d}.card-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:12px}@media (hover:hover){.card-clickable:hover:not(:disabled){transform:var(--motion,translateY(-6px))}}.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;flex-wrap:wrap;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{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:.1rem;min-width:0;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}.matrix{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:1.1rem 1.25rem}.matrix-claim{margin:.6rem 0 0;font-size:.92rem}.matrix-readout{overflow-wrap:anywhere;align-items:center;gap:.5rem;min-height:1.6rem;margin:.6rem 0;font-family:ui-monospace,monospace;font-size:.85rem;display:flex}.matrix-readout-pair{flex:none;gap:3px;display:flex}.matrix-scroll{max-width:100%;padding-bottom:.35rem;overflow-x:auto}.matrix-grid{--matrix-cell:9px;--matrix-head:13px;gap:1px;width:max-content;display:grid}.matrix-corner{width:var(--matrix-head);height:var(--matrix-head)}.matrix-swatch{width:var(--matrix-head,13px);height:var(--matrix-head,13px);box-shadow:none;border-radius:2px;flex:none}.matrix-cell{width:var(--matrix-cell);height:var(--matrix-cell);border-radius:1px}@media (hover:hover){.matrix-scroll{cursor:crosshair}}.matrix-legend{color:var(--muted);flex-wrap:wrap;gap:.35rem 1.1rem;margin:.6rem 0 0;padding:0;font-size:.8rem;list-style:none;display:flex}.matrix-legend li{align-items:center;gap:.4rem;display:flex}.matrix-key{border:1px solid #fff2;border-radius:3px;flex:none;width:12px;height:12px}.hand h3{align-items:baseline;gap:.5rem;display:flex}.hand-hint{margin:0}.hand-cards{flex-wrap:wrap;gap:.6rem;margin:0;padding:.75rem 0;list-style:none;display:flex}.hand-slot{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:12px}.hand-slot-idle .card-clickable:disabled{pointer-events:none}.hand-slot-idle{cursor:not-allowed}.hand-slot-airborne{outline:2px dashed var(--accent);outline-offset:2px}.hand-slot-airborne .card{visibility:hidden}@media (hover:hover){.hand-cards-dragging{cursor:grabbing}.hand-cards-dragging .card-clickable:hover:not(:disabled){transform:none}}.hand-ghost{z-index:40;pointer-events:none;filter:drop-shadow(0 12px 22px #0008);position:fixed;transform:scale(1.08)}.log{border-left:1px solid var(--line);overflow-wrap:anywhere;background:#0d1219;grid-area:log;min-width:0;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;min-width:0;padding:.45rem .55rem;font-size:.85rem;line-height:1.35;display:flex}.log li>span:last-child{min-width:0}.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}.theatre{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:var(--motion,theatre-scrim .18s ease-out);background-color:#070910f0;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}@keyframes theatre-scrim{0%{background-color:#07091000}to{background-color:#070910f0}}.theatre-panel{text-align:center;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--muted);border-radius:var(--radius);width:min(28rem,100%);max-height:100%;animation:var(--motion,theatre-enter .22s cubic-bezier(.2, .9, .3, 1.2));padding:1.5rem 1.25rem 1.25rem;overflow-y:auto;box-shadow:0 24px 60px #000a}.theatre-upheld{border-top-color:var(--win)}.theatre-rejected{border-top-color:var(--danger)}@keyframes theatre-enter{0%{transform:scale(.88)translateY(10px)}to{transform:none}}.theatre-headline{overflow-wrap:anywhere;margin:0 0 1rem;font-size:1.05rem;font-weight:600}.theatre-pair{border-radius:14px;justify-content:center;align-items:center;gap:.75rem;width:max-content;max-width:100%;margin:0 auto;padding:.5rem .75rem;display:flex}.theatre-arrow{color:var(--muted)}.theatre-pair-waiting{animation:var(--motion,theatre-throb 1.1s ease-in-out infinite);box-shadow:0 0 0 3px #ff6b6b66}@keyframes theatre-throb{0%,to{transform:scale(1);box-shadow:0 0 #ff6b6b66}50%{transform:scale(1.05);box-shadow:0 0 0 16px #ff6b6b00}}.theatre-verdict{letter-spacing:-.02em;animation:var(--motion,theatre-slam .32s cubic-bezier(.2, .9, .3, 1.3));margin:1rem 0 .15rem;font-size:1.75rem;font-weight:800}.theatre-upheld .theatre-verdict{color:var(--win)}.theatre-rejected .theatre-verdict{color:var(--danger)}.theatre-verdict-blank{color:var(--muted);animation:var(--motion,theatre-flicker .9s steps(1, end) infinite);font-family:ui-monospace,monospace;font-size:1.5rem}@keyframes theatre-slam{0%{transform:scale(1.7)}60%{transform:scale(.95)}to{transform:none}}@keyframes theatre-flicker{0%,to{color:var(--muted)}50%{color:var(--line)}}.theatre-ratio{font-variant-numeric:tabular-nums;margin:0 0 .5rem;font-family:ui-monospace,monospace;font-size:1.25rem}.theatre-detail,.theatre-measuring{color:var(--muted);overflow-wrap:anywhere;margin:0 0 1rem;font-size:.9rem}.theatre-bar{background:var(--panel-2);border-radius:999px;height:4px;margin:0 0 1rem;overflow:hidden}.theatre-bar span{background:var(--danger);width:100%;height:100%;animation:var(--motion,theatre-fill var(--suspense,2.2s) linear);border-radius:999px;display:block}@keyframes theatre-fill{0%{width:0}}.theatre-next{min-width:8rem}.toast{background:var(--danger);color:#2a0505;text-align:center;z-index:20;border-radius:8px;max-width:calc(100vw - 1.5rem);padding:.6rem 1rem;font-weight:600;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.site-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem 1.25rem;padding:1rem 1.25rem;font-size:.8rem;display:flex}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--text);text-decoration:underline}.site-footer a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}@media (width<=900px){.table-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""main""log""matrix"}.log{border-left:none;border-top:1px solid var(--line);max-height:320px;position:static}.table-matrix{padding-top:1.25rem}}@media (width<=640px){.shell{gap:1.25rem;padding:1.5rem 1rem 3rem}.hero h1{font-size:clamp(2rem,11vw,2.75rem)}.panel{padding:1rem}.topbar{gap:.5rem .6rem;padding:.6rem .85rem;position:static}.topbar-left,.topbar-right{flex:100%;gap:.5rem .6rem}.topbar-right{justify-content:space-between}.table,.table-matrix{padding:1rem .85rem 3rem}.play-area{gap:1.1rem}.lobby{margin:1rem auto;padding:1.1rem}.summary,.matrix{padding:1rem}.matrix-grid{--matrix-cell:7px;--matrix-head:10px}.pile-cards{gap:.9rem}.hand-cards{gap:.5rem}.log{max-height:40vh;padding:.85rem}.site-footer{padding:.35rem 1rem}}@media (pointer:coarse),(width<=640px){.btn{min-height:44px}.btn-small{min-height:44px;padding:.5rem .75rem}.lang-picker{min-height:44px}.lang-picker-compact{min-height:44px;padding:.35rem .5rem}.toggle{min-height:44px}.toggle input{width:1.15rem;height:1.15rem}.toggle label,.site-footer a{align-items:center;min-height:44px;display:inline-flex}}