.cx-shell{--ink:#14171a;--panel:#1c2126;--panel-2:#222930;--line:#ece6da1c;--line-strong:#ece6da38;--paper:#ece6da;--dim:#9aa3a8;--faint:#6d767c;--brass:#c8a253;--brass-soft:#c8a25329;--light-sq:#cbc1ab;--dark-sq:#4b5a56;--shade-1:0 1px 2px #0d141280;--shade-2:0 10px 26px -12px #0d1412bf;box-sizing:border-box;max-width:78rem;min-height:100vh;color:var(--paper);margin:0 auto;padding:.85rem clamp(.7rem,2.5vw,1.6rem) 3rem;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:15px;line-height:1.5;overflow-x:hidden}.cx-shell *,.cx-shell :before,.cx-shell :after{box-sizing:border-box}.cx-shell--gate{place-items:center;min-height:90vh;display:grid}.cx-top{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.55rem;padding-bottom:.7rem;display:flex}.cx-brand{letter-spacing:.01em;font-family:Spectral,Georgia,serif;font-size:1.05rem;font-weight:600}.cx-roomcode{letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-size:.72rem}.cx-roomcode b{color:var(--paper);letter-spacing:.08em;font-family:IBM Plex Mono,ui-monospace,monospace}.cx-grow{flex:1}.cx-status{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:.68rem}.cx-status:before{content:"";background:var(--faint);vertical-align:.05rem;border-radius:50%;width:.4rem;height:.4rem;margin-right:.4rem;display:inline-block}.cx-status.is-live:before{background:#7fbf8a}.cx-status.is-lost:before,.cx-status.is-dialing:before{background:var(--brass)}.cx-leave{color:var(--dim);border-bottom:1px solid #0000;font-size:.8rem;text-decoration:none}.cx-leave:hover{color:var(--paper);border-bottom-color:var(--brass)}.cx-gate{color:var(--dim);text-align:center;padding:3rem 0;font-size:.95rem}.cx-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--brass);margin:0;font-size:.66rem;font-weight:600}.cx-card{border:1px solid var(--line);background:linear-gradient(180deg, #ece6da0b, #ece6da03), var(--panel);box-shadow:var(--shade-2);border-radius:.5rem;padding:1rem 1.05rem 1.15rem}.cx-card h1{letter-spacing:-.01em;margin:.5rem 0 0;font-family:Spectral,Georgia,serif;font-size:1.9rem;font-weight:500}.cx-card h2{margin:0;font-family:Spectral,Georgia,serif;font-size:1.1rem;font-weight:500}.cx-sub{color:var(--dim);margin:.35rem 0 .9rem;font-size:.85rem}.cx-note{color:var(--faint);margin:.6rem 0 0;font-size:.74rem;line-height:1.5}.cx-row{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.cx-btn{appearance:none;border:1px solid var(--line-strong);color:var(--paper);font:inherit;letter-spacing:.02em;cursor:pointer;background:linear-gradient(#ece6da14,#ece6da05);border-radius:.3rem;padding:.5rem .9rem;font-size:.82rem;font-weight:500;transition:background .16s,border-color .16s,transform .12s}.cx-btn:hover:not(:disabled){border-color:var(--brass);background:linear-gradient(#c8a2532e,#c8a2530f)}.cx-btn:active:not(:disabled){transform:translateY(1px)}.cx-btn:focus-visible,.cx-move:focus-visible,.cx-chip:focus-visible,.cx-promobtn:focus-visible,.cx-fen:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.cx-btn:disabled{opacity:.42;cursor:not-allowed}.cx-btn--go{color:#1a1408;background:linear-gradient(#d8b264,#b98f3f);border-color:#c8a25399;font-weight:600}.cx-btn--go:hover:not(:disabled){background:linear-gradient(#e2bd70,#c39a48)}.cx-btn--quiet{color:var(--dim);background:0 0}.cx-btn--danger{color:#f0b4ab;background:linear-gradient(#c65a4c3d,#c65a4c14);border-color:#c65a4c8c}.cx-btn--tiny{padding:.34rem .62rem;font-size:.72rem}.cx-field{margin-top:.6rem;display:block}.cx-field>span{color:var(--faint);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.3rem;font-size:.68rem;display:block}.cx-field input{border:1px solid var(--line-strong);width:100%;color:var(--paper);font:inherit;background:#090c0d80;border-radius:.3rem;padding:.55rem .7rem;font-size:.9rem}.cx-field input:focus{outline:2px solid var(--brass);outline-offset:1px}.cx-field input:disabled{opacity:.5}.cx-fields{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.6rem;display:grid}.cx-fen{font-family:IBM Plex Mono,ui-monospace,monospace!important;font-size:.72rem!important}.cx-checkin{width:min(28rem,92vw)}.cx-lobby{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-content:start;gap:.9rem;margin-top:1rem;display:grid}.cx-card--preview{grid-row:span 3}.cx-preview{pointer-events:none;width:100%;max-width:26rem;margin:.7rem auto 0}.cx-presets{flex-wrap:wrap;gap:.35rem;display:flex}.cx-chip{appearance:none;border:1px solid var(--line-strong);color:var(--dim);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.32rem .7rem;font-size:.75rem;transition:color .15s,border-color .15s,background .15s}.cx-chip:hover:not(:disabled){color:var(--paper);border-color:var(--brass)}.cx-chip.is-on{border-color:var(--brass);background:var(--brass-soft);color:var(--paper)}.cx-chip:disabled{opacity:.5;cursor:not-allowed}.cx-seats{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.cx-seat{border:1px solid var(--line);background:#090c0d59;border-radius:.3rem;align-items:center;gap:.5rem;padding:.5rem .6rem;display:flex}.cx-seatdot,.cx-mark{border-radius:50%;flex:none;width:.85rem;height:.85rem;box-shadow:inset 0 0 0 1px #0d141299}.cx-seat--w .cx-seatdot,.cx-mark--w{background:linear-gradient(160deg,#f6f1e6,#cfc7b7)}.cx-seat--b .cx-seatdot,.cx-mark--b{background:linear-gradient(160deg,#3a4145,#1b1f22);box-shadow:inset 0 0 0 1px #ece6da59}.cx-seatname{font-size:.9rem}.cx-seatname em{color:var(--faint);font-style:normal}.cx-seatcolor{color:var(--faint);letter-spacing:.16em;text-transform:uppercase;margin-left:auto;font-size:.68rem}.cx-tags{gap:.25rem;display:flex}.cx-tag{border:1px solid var(--line-strong);color:var(--dim);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:.05rem .4rem;font-size:.62rem}.cx-tag.is-good{color:#a8d7af;border-color:#7fbf8a80}.cx-tag.is-bad{color:#e0a79e;border-color:#c65a4c80}.cx-play{grid-template-columns:min(42rem,100%) minmax(15rem,22rem);justify-content:center;align-items:start;gap:1.1rem;margin-top:.9rem;display:grid}.cx-boardside{width:100%;min-width:0;max-width:min(100%,76vh);margin:0 auto}.cx-bar{border:1px solid var(--line);background:#090c0d66;align-items:center;gap:.5rem;padding:.42rem .55rem;display:flex}.cx-bar--top{border-bottom:none;border-radius:.4rem .4rem 0 0}.cx-bar--bottom{border-top:none;border-radius:0 0 .4rem .4rem}.cx-bar.is-ticking{background:linear-gradient(90deg,#c8a2531f,#090c0d66);border-color:#c8a25366}.cx-who{white-space:nowrap;text-overflow:ellipsis;max-width:8rem;font-size:.88rem;overflow:hidden}.cx-who em{color:var(--faint);font-size:.72rem;font-style:normal}.cx-tray{flex:1;align-items:center;gap:0;min-width:0;display:flex;overflow:hidden}.cx-tray .cx-piece{opacity:.85;width:1.05rem;height:1.05rem;margin-right:-.18rem}.cx-balance{color:var(--brass);margin-left:.45rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem}.cx-clock{border:1px solid var(--line-strong);min-width:4.1rem;color:var(--paper);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-align:center;background:#06090ab3;border-radius:.25rem;flex:none;padding:.16rem .45rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1.02rem;box-shadow:inset 0 1px 3px #00000080}.cx-clock.is-run{color:#f3e6c8;border-color:#c8a25380}.cx-clock.is-low{color:#f0b4ab;border-color:#c65a4c99}.cx-boardwrap{position:relative}.cx-board{aspect-ratio:1;touch-action:none;user-select:none;border:1px solid #0d1412e6;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;display:grid;box-shadow:0 0 0 1px #ece6da14,0 18px 40px -18px #0a100ee6}.cx-sq{place-items:center;min-width:0;min-height:0;display:grid;position:relative}.cx-sq--light{background-color:var(--light-sq);background-image:repeating-linear-gradient(58deg,#ffffff29 0 1px,#5a4a300d 1px 3px)}.cx-sq--dark{background-color:var(--dark-sq);background-image:repeating-linear-gradient(58deg,#ffffff0f 0 1px,#0a141224 1px 3px)}.cx-rank,.cx-file{letter-spacing:.04em;pointer-events:none;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(.42rem,1.1vw,.58rem);position:absolute}.cx-rank{top:.1rem;left:.14rem}.cx-file{bottom:.02rem;right:.16rem}.cx-sq--light .cx-rank,.cx-sq--light .cx-file{color:#342c1e8c}.cx-sq--dark .cx-rank,.cx-sq--dark .cx-file{color:#e4ded080}.cx-sq.is-last:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #c8a2538c}.cx-sq.is-selected:after{content:"";pointer-events:none;background:#c8a25342;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #c8a253cc}.cx-sq.is-pending:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #c8a253b3}.cx-sq.is-check{background-image:radial-gradient(circle,#c65a4cd9,#0000 68%)}.cx-dot,.cx-capture{pointer-events:none;position:absolute}.cx-dot{background:#18201e57;border-radius:50%;width:26%;height:26%}.cx-sq--dark .cx-dot{background:#0c12106b}.cx-capture{border-radius:50%;inset:6%;box-shadow:inset 0 0 0 .28rem #18201e4d}.cx-sq.is-hover:before{content:"";pointer-events:none;background:#c8a2534d;position:absolute;inset:0}.cx-piece{z-index:2;filter:drop-shadow(0 1px 1.5px #0c14108c);width:88%;height:88%;display:block;position:relative}.cx-piece--w{fill:#f4efe3;stroke:#22272a;stroke-width:1.1px}.cx-piece--b{fill:#1c2226;stroke:#0d1114;stroke-width:1.1px;filter:drop-shadow(0 0 .6px #eee9dbbf)drop-shadow(0 1px 1.5px #0c141080)}.cx-piece--b .cx-mane,.cx-piece--b .cx-slit{stroke:#8c968f}.cx-piece--w .cx-eye{fill:#22272a;stroke:none}.cx-piece--b .cx-eye{fill:#d3ccbd;stroke:none}.cx-piece .cx-mane,.cx-piece .cx-slit{fill:none}.cx-float{z-index:20;pointer-events:none;place-items:center;display:grid;position:absolute;top:0;left:0}.cx-float .cx-piece{filter:drop-shadow(0 6px 8px #080e0c99);width:104%;height:104%}.cx-underboard{align-items:center;gap:.5rem;margin-top:.6rem;display:flex}.cx-flag{color:#f0b4ab;letter-spacing:.14em;text-transform:uppercase;border:1px solid #c65a4c8c;border-radius:999px;padding:.14rem .55rem;font-size:.68rem}.cx-side{gap:.7rem;min-width:0;display:grid}.cx-banner{border:1px solid var(--line);border-left:2px solid var(--brass);background:#090c0d73;border-radius:.3rem;padding:.6rem .75rem}.cx-banner b{font-family:Spectral,Georgia,serif;font-size:1.05rem;font-weight:500;display:block}.cx-banner span{color:var(--dim);font-size:.78rem;display:block}.cx-banner.is-over{background:linear-gradient(#c8a25329,#090c0d73);border-left-color:#d8b264}.cx-banner.is-offer{border-left-color:#7fbf8a}.cx-score{font-variant-numeric:tabular-nums;margin-top:.25rem;font-family:IBM Plex Mono,ui-monospace,monospace;color:var(--brass)!important}.cx-controls{border:1px solid var(--line);background:#090c0d4d;border-radius:.3rem;flex-wrap:wrap;gap:.4rem;padding:.7rem .75rem;display:flex}.cx-controls .cx-note{flex-basis:100%;margin-top:.2rem}.cx-sheet{border:1px solid var(--line);background:#090c0d4d;border-radius:.3rem;padding:.7rem .75rem .8rem}.cx-sheet h2{letter-spacing:.02em;margin:0 0 .45rem;font-family:Spectral,Georgia,serif;font-size:.95rem;font-weight:500}.cx-moves{flex-wrap:wrap;align-items:baseline;gap:.1rem .28rem;max-height:13rem;margin:0;padding:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem;list-style:none;display:flex;overflow-y:auto}.cx-moves li{align-items:baseline;gap:.15rem;display:flex}.cx-num{color:var(--faint)}.cx-move{appearance:none;color:var(--paper);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.2rem;padding:.05rem .22rem}.cx-move:hover{background:var(--brass-soft)}.cx-move.is-on{background:var(--brass);color:#1a1408}.cx-log{color:var(--dim);gap:.18rem;margin:0;padding:0;font-size:.74rem;list-style:none;display:grid}.cx-log li.is-good{color:#a8d7af}.cx-log li.is-bad{color:#e0a79e}.cx-log li.is-sharp{color:var(--brass)}.cx-modal{z-index:50;backdrop-filter:blur(1.5px);background:#080c0d85;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.cx-promo{width:min(24rem,94vw)}.cx-promorow{grid-template-columns:repeat(4,1fr);gap:.4rem;margin-top:.8rem;display:grid}.cx-promobtn{appearance:none;border:1px solid var(--line-strong);color:var(--paper);font:inherit;cursor:pointer;background:linear-gradient(#cbc1ab29,#cbc1ab0a);border-radius:.3rem;justify-items:center;gap:.25rem;padding:.5rem .2rem;font-size:.68rem;display:grid}.cx-promobtn:hover{border-color:var(--brass);background:var(--brass-soft)}.cx-promobtn .cx-piece{width:2.6rem;height:2.6rem}.cx-toasts{z-index:60;pointer-events:none;gap:.35rem;width:min(24rem,92vw);display:grid;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.cx-toasts p{color:#f0d9d4;text-align:center;box-shadow:var(--shade-2);background:#1c1412f0;border:1px solid #c65a4c80;border-radius:.3rem;margin:0;padding:.5rem .7rem;font-size:.8rem}@media (width<=61rem){.cx-play{grid-template-columns:minmax(0,1fr)}.cx-boardside{max-width:100%;margin:0 auto}}@media (width<=26rem){.cx-shell{padding:.6rem .55rem 2.5rem;font-size:14px}.cx-who{max-width:5rem;font-size:.8rem}.cx-clock{min-width:3.5rem;font-size:.92rem}.cx-tray .cx-piece{width:.85rem;height:.85rem}.cx-lobby{grid-template-columns:minmax(0,1fr)}.cx-card--preview{grid-row:auto}}