@font-face{font-family:"Noto Sans Symbols 2";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-symbols-2-symbols-400-normal-Crk7i-NV.woff2)format("woff2"),url(/assets/noto-sans-symbols-2-symbols-400-normal-1543TeiR.woff)format("woff")}:root{--bg:#0c0e16;--bg-2:#11141f;--panel:#161a28;--panel-2:#1d2235;--line:#272d44;--line-2:#363e5c;--text:#eceef5;--muted:#8d93ab;--past:#8b5cf6;--past-hi:#c4b5fd;--past-tint:color-mix(in srgb, var(--past) 42%, transparent);--future:#06b6d4;--future-hi:#67e8f9;--future-tint:color-mix(in srgb, var(--future) 40%, transparent);--now:#f5b83d;--now-hi:#ffd57a;--on-future:#04232a;--on-now:#2a1d00;--on-past:#fff;--danger:#f2545b;--sq-light:#ecdfc8;--sq-dark:#b08c6a;--piece-font:"Noto Sans Symbols 2", "Segoe UI Symbol", "Apple Symbols", serif;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1100px 600px at 0% -10%, color-mix(in srgb, var(--past) 12%, transparent), transparent 60%), radial-gradient(1000px 600px at 100% 110%, color-mix(in srgb, var(--future) 10%, transparent), transparent 60%), var(--bg);min-height:100vh;margin:0}button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:9px;padding:8px 14px;transition:background .15s,border-color .15s,transform .1s,opacity .15s}button:hover:not(:disabled){border-color:var(--line-2);background:#252b45}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:2px solid var(--now);outline-offset:2px}button.primary{background:linear-gradient(135deg, var(--past), var(--future));color:#fff;border:none;padding:11px 18px;font-weight:650}button.primary:hover:not(:disabled){background:linear-gradient(135deg,#9d74f8,#22c3df)}button.link{color:var(--muted);text-underline-offset:3px;background:0 0;border:none;padding:4px 6px;text-decoration:underline}button.link:hover{color:var(--text);background:0 0}.muted{color:var(--muted)}.piece{font-family:var(--piece-font);-webkit-user-select:none;user-select:none;paint-order:stroke fill;line-height:1}.piece.w{color:#fdfcf8;-webkit-text-stroke:.075em #1b1a1f;text-shadow:0 .04em .05em #00000059}.piece.b{color:#1b1c24;-webkit-text-stroke:.03em #d7d9e2;text-shadow:0 .04em .05em #00000059}nav.top{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:12px 20px;display:flex}.brand{letter-spacing:.01em;background:0 0;border:none;align-items:center;gap:10px;padding:4px;font-size:17px;font-weight:750;display:flex}.brand:hover{background:0 0!important}.brand-mark{border:2px dashed var(--past);width:22px;height:22px;box-shadow:inset 0 0 0 4px var(--bg), inset 0 0 0 7px var(--future);border-radius:50%}.menu{text-align:center;max-width:880px;margin:0 auto;padding:20px 20px 60px}.credit{border-top:1px solid var(--line);max-width:520px;color:var(--muted);margin:36px auto 0;padding-top:18px;font-size:13.5px;line-height:1.6}.credit a{color:var(--text);text-underline-offset:3px;white-space:nowrap}.credit a:hover{color:var(--future-hi)}.hero h1{letter-spacing:-.02em;background:linear-gradient(90deg, var(--past-hi), #eceef5 50%, var(--future-hi));color:#0000;-webkit-background-clip:text;background-clip:text;margin:4px 0 8px;font-size:clamp(40px,8vw,72px)}.hero p{color:var(--muted);max-width:540px;margin:0 auto;font-size:17px;line-height:1.5}.hero-glyphs{justify-content:center;gap:6px;height:88px;display:flex}.hero-sq{background:var(--sq-light);border-radius:10px;grid-template-columns:1fr 1fr;width:76px;height:76px;display:grid;overflow:hidden;box-shadow:0 10px 30px #0006}.hero-sq>span{justify-content:center;align-items:center;font-size:36px;display:flex;position:relative}.hero-sq .past{background:var(--past-tint);box-shadow:inset 0 0 0 3px var(--past)}.hero-sq .future{background:var(--future-tint);box-shadow:inset 0 0 0 3px var(--future)}.hero-sq .now{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--now) 85%, transparent)}.hero-sq.single{background:var(--sq-dark);grid-template-columns:1fr}.hero-sq.single>span{font-size:54px}.cards{text-align:left;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:36px 0 20px;display:grid}.cards .card{gap:8px;padding:22px}.cards .card h2{margin:0 0 6px;font-size:20px}.cards .primary{margin-top:10px}.field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:6px;font-size:12px}.hint-text{color:var(--muted);margin:2px 0;font-size:14px}.seg{background:var(--bg-2);border:1px solid var(--line);border-radius:11px;gap:4px;padding:4px;display:flex}.seg button{color:var(--muted);white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:7px 12px}.seg button.on{background:var(--panel-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}.soon-box{border:1px dashed var(--line);color:var(--muted);border-radius:10px;margin-top:auto;padding:12px 14px}.soon-box h3{color:var(--text);margin:0 0 4px;font-size:14px}.soon-box p{margin:0;font-size:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;padding:12px 14px;display:flex}.game{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px;max-width:1280px;margin:0 auto;padding:0 20px 32px;display:grid}.stage{flex-direction:column;justify-self:center;gap:10px;width:100%;min-width:0;max-width:min(720px,100vh - 300px);display:flex}@media (width<=960px){.game{grid-template-columns:1fr;padding:0 12px 24px}.stage{max-width:100%}.panel{justify-self:center;width:100%;max-width:720px;position:static!important}}.stage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.view-toggle{flex:none}.view-toggle button{flex:none;padding:6px 14px;font-size:14px}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend .sw{border-radius:4px;width:14px;height:14px;display:inline-block}.legend .sw.past{background:var(--past-tint);box-shadow:inset 0 0 0 2px var(--past)}.legend .sw.now{background:var(--sq-light);box-shadow:inset 0 0 0 2px var(--now)}.legend .sw.future{background:var(--future-tint);box-shadow:inset 0 0 0 2px var(--future)}.legend-note{font-size:12px}.moment-banner{color:var(--muted);border:1px solid var(--line);background:var(--panel);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.moment-banner>div{flex-direction:column;flex:1;gap:2px;display:flex}.moment-banner strong{color:var(--text);font-size:15px}.moment-banner.past{border-color:var(--past);background:linear-gradient(90deg, color-mix(in srgb, var(--past) 22%, transparent), var(--panel))}.moment-banner.past strong{color:var(--past-hi)}.moment-banner.future{border-color:var(--future);background:linear-gradient(90deg, color-mix(in srgb, var(--future) 20%, transparent), var(--panel))}.moment-banner.future strong{color:var(--future-hi)}.moment-banner{flex-wrap:wrap}.moment-banner>button{flex:none;font-weight:600}.moment-banner>.movers{border-top:1px solid var(--line);flex-flow:wrap;flex:1 0 100%;align-items:center;gap:6px;padding-top:8px;display:flex}.movers-label{color:var(--text);margin-right:2px;font-weight:600}.mover{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 5px;font-size:12.5px;display:inline-flex}.mover .piece{font-size:20px;line-height:1}.mover small{color:var(--muted)}.mover.past small{color:var(--past-hi)}.mover.future small{color:var(--future-hi)}.mover b{background:var(--now);color:#1b1407;text-align:center;border-radius:999px;min-width:18px;padding:0 5px;font-size:11px}.mover:hover{border-color:var(--now)}.mover.on{border-color:var(--now);background:color-mix(in srgb, var(--now) 22%, var(--panel-2));box-shadow:0 0 0 2px color-mix(in srgb, var(--now) 40%, transparent)}.sq.origin{box-shadow:inset 0 0 0 .5cqw var(--now)}.origin-mark{border:.35cqw dashed var(--now);opacity:.85;pointer-events:none;border-radius:18%;place-items:center;display:grid;position:absolute;inset:8%}.origin-mark .piece{opacity:.55;font-size:6.5cqw}.origin-mark small{color:var(--now);font-size:1.6cqw;font-weight:700;position:absolute;top:2%;right:6%}.board{aspect-ratio:1;width:100%;box-shadow:0 0 0 1px var(--line), 0 24px 60px #00000080;border-radius:10px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));transition:box-shadow .25s;display:grid;position:relative;overflow:hidden;container-type:inline-size}.board.moment.past{--sq-light:color-mix(in srgb, var(--past) 18%, #f4f2fa);--sq-dark:color-mix(in srgb, var(--past) 55%, #b9b4c8);box-shadow:0 0 0 3px var(--past), 0 0 50px color-mix(in srgb, var(--past) 35%, transparent)}.board.moment.future{--sq-light:color-mix(in srgb, var(--future) 16%, #f2f8fa);--sq-dark:color-mix(in srgb, var(--future) 55%, #a9bcc2);box-shadow:0 0 0 3px var(--future), 0 0 50px color-mix(in srgb, var(--future) 30%, transparent)}.board.moment.now{box-shadow:0 0 0 3px var(--now), 0 24px 60px #00000080}.sq{cursor:pointer;transition:background-color .25s;position:relative}.sq.light{background-color:var(--sq-light)}.sq.dark{background-color:var(--sq-dark)}.sq.last{background-image:linear-gradient(color-mix(in srgb, var(--now) 42%, transparent), color-mix(in srgb, var(--now) 42%, transparent))}.sq.took{background-image:linear-gradient(#f2545b66,#f2545b66);animation:1.6s ease-out took}@keyframes took{0%{box-shadow:inset 0 0 0 100cqw #f2545bb3}to{box-shadow:inset 0 0 0 100cqw #f2545b00}}.sq.target:hover{box-shadow:inset 0 0 0 .45cqw #fffc}.coord{pointer-events:none;opacity:.8;z-index:3;font-size:1.8cqw;font-weight:750;position:absolute}.coord.rank{top:.35cqw;left:.5cqw}.coord.file{bottom:.2cqw;right:.55cqw}.sq.light .coord{color:var(--sq-dark)}.sq.dark .coord{color:var(--sq-light)}.sq>.piece.history,.sq>.piece.echo{pointer-events:none;justify-content:center;align-items:center;font-size:9.4cqw;display:flex;position:absolute;inset:0}.sq>.piece.history{opacity:.35;filter:grayscale()}.sq>.piece.echo{opacity:.22}.slots{z-index:1;display:grid;position:absolute;inset:0}.slots.n1{grid-template:1fr/1fr}.slots.n2{grid-template:1fr/1fr 1fr}.slots.n3,.slots.n4{grid-template:1fr 1fr/1fr 1fr}.slot{background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;transition:background .2s,box-shadow .2s;display:flex;position:relative}.slot:hover:not(:disabled){background:0 0;border:none}.slot .piece{font-size:9.4cqw;transition:transform .15s}.slots.n2 .slot .piece{font-size:7cqw}.slots.n3 .slot .piece,.slots.n4 .slot .piece{font-size:4.9cqw}.slot:hover .piece{transform:scale(1.06)}.slot.past{background:var(--past-tint);box-shadow:inset 0 0 0 .45cqw var(--past)}.slot.future{background:var(--future-tint);box-shadow:inset 0 0 0 .45cqw var(--future)}.slot.past:hover:not(:disabled){background:color-mix(in srgb, var(--past) 58%, transparent)}.slot.future:hover:not(:disabled){background:color-mix(in srgb, var(--future) 58%, transparent)}.slot.past .piece{filter:drop-shadow(0 0 .7cqw color-mix(in srgb, var(--past) 95%, transparent))}.slot.future .piece{filter:drop-shadow(0 0 .7cqw color-mix(in srgb, var(--future) 95%, transparent))}.slots:not(.n1) .slot.now{box-shadow:inset 0 0 0 .3cqw color-mix(in srgb, var(--now) 85%, transparent)}.slots.moment .slot{box-shadow:none;background:0 0}.slots.moment .slot .piece{filter:none}.tbadge{font-variant-numeric:tabular-nums;color:#fff;pointer-events:none;z-index:2;border-radius:1cqw;padding:.15cqw .55cqw;font-size:1.85cqw;font-weight:800;line-height:1.15;position:absolute;top:.35cqw;right:.35cqw}.slot.past .tbadge{background:var(--past);color:var(--on-past)}.slot.future .tbadge{background:var(--future);color:var(--on-future)}.slot.now .tbadge{background:var(--now);color:var(--on-now)}.slots:not(.n1) .tbadge{padding:.1cqw .4cqw;font-size:1.6cqw;top:.25cqw;right:.25cqw}.slot.sel{background:color-mix(in srgb, var(--now) 60%, transparent)!important;box-shadow:inset 0 0 0 .6cqw var(--now)!important}.slot.check{background:radial-gradient(circle,#f2545bf2,#f2545b73 55%,#f2545b33)!important}.slot.hover{box-shadow:inset 0 0 0 .6cqw #fff!important}.slot.victim:after{content:"";pointer-events:none;border:.9cqw solid #f2545bd9;border-radius:50%;position:absolute;inset:.5cqw}.slot.victim{cursor:crosshair}.slot.fresh .piece{animation:.55s cubic-bezier(.2,.9,.3,1.3) arrive}.slot.fresh.past .piece{animation-name:arrive-past;animation-duration:.8s}.slot.fresh.future .piece{animation-name:arrive-future;animation-duration:.8s}@keyframes arrive{0%{opacity:.2;transform:scale(.6)}}@keyframes arrive-past{0%{opacity:0;transform:scale(1.6)rotate(-25deg)}}@keyframes arrive-future{0%{opacity:0;transform:scale(.3)rotate(25deg)}}.slot.ghost-preview{opacity:.75;pointer-events:none}.slot.ghost-preview:after{content:"";border:.4cqw dashed #fff;border-radius:1cqw;position:absolute;inset:.4cqw}.dot{pointer-events:none;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:3.8cqw;height:3.8cqw;margin:-1.9cqw 0 0 -1.9cqw;transition:transform .12s;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 0 0 .35cqw #ffffffd9,0 .3cqw .8cqw #00000059}.dot b{color:#fff;font-size:2cqw;font-weight:800}.dot.now{background:var(--now)}.dot.now b{color:var(--on-now)}.dot.past{background:var(--past)}.dot.future{background:var(--future)}.dot.future b{color:var(--on-future)}.dot.mixed{background:linear-gradient(90deg, var(--past) 50%, var(--future) 50%)}.dot.corner{pointer-events:auto;cursor:pointer;z-index:3;border:none;width:3.6cqw;height:3.6cqw;margin:0;padding:0;inset:auto .5cqw .5cqw auto}.dot.corner:hover{transform:scale(1.25)}.sq.target:hover .dot{transform:scale(1.2)}.board-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#080a12a8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.promo-card,.result-card{background:var(--panel);border:1px solid var(--line-2);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:22px 26px;display:flex}.promo-card p{margin:0;font-weight:650}.promo-card>div{gap:8px;display:flex}.promo-card button{background:var(--sq-light);width:64px;height:64px;padding:0;font-size:44px}.result-card h2{margin:0;font-size:34px}.result-card p{color:var(--muted);margin:0 0 8px;font-size:16px}.result-card .row{gap:8px;display:flex}.picker{z-index:8;border:1px solid var(--line-2);cursor:default;background:#161a28f7;border-radius:14px;min-width:240px;max-width:94%;padding:12px;animation:.14s ease-out pop;position:absolute;box-shadow:0 18px 50px #0009}@keyframes pop{0%{opacity:0;transform:scale(.94)}}.picker-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.picker-head .piece{font-size:30px}.picker-head div{flex-direction:column;display:flex}.picker-head strong{font-size:14px}.picker-head span{color:var(--muted);font-size:12px}.topts{flex-wrap:wrap;gap:6px;display:flex}.topt{border-width:2px;border-radius:10px;flex-direction:column;align-items:center;gap:1px;min-width:54px;padding:7px 8px 6px;display:flex}.topt b{font-variant-numeric:tabular-nums;font-size:15px}.topt small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.topt em{color:#ffb0b3;align-items:center;gap:2px;font-size:11px;font-style:normal;display:flex}.topt em .piece{font-size:15px}.topt.past{border-color:var(--past);background:color-mix(in srgb, var(--past) 16%, transparent)}.topt.past b{color:var(--past-hi)}.topt.future{border-color:var(--future);background:color-mix(in srgb, var(--future) 14%, transparent)}.topt.future b{color:var(--future-hi)}.topt.now{border-color:var(--now);background:color-mix(in srgb, var(--now) 14%, transparent)}.topt.now b{color:var(--now-hi)}.topt.past:hover,.topt.past:focus-visible{background:color-mix(in srgb, var(--past) 42%, transparent)!important;border-color:var(--past-hi)!important}.topt.future:hover,.topt.future:focus-visible{background:color-mix(in srgb, var(--future) 38%, transparent)!important;border-color:var(--future-hi)!important}.topt.now:hover,.topt.now:focus-visible{background:color-mix(in srgb, var(--now) 35%, transparent)!important;border-color:var(--now-hi)!important}.topt.capture{box-shadow:0 0 0 2px #f2545b99}@container (width<=560px){.picker{min-width:0;max-width:none;max-height:62%;padding:10px;overflow-y:auto;left:2%!important;right:2%!important}.picker.below{top:auto!important;bottom:2%!important}.picker.above{top:2%!important;bottom:auto!important}.topts{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:5px;display:grid}.topt{min-width:0;padding:5px 4px 4px}.picker-head{margin-bottom:8px}.picker-head .piece{font-size:24px}}.pick-other{text-align:left;border-color:var(--now);background:color-mix(in srgb, var(--now) 12%, var(--panel-2));align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:8px 10px;display:flex}.pick-other>.piece{font-size:26px}.pick-other span{flex-direction:column;gap:1px;display:flex}.pick-other b{font-size:13.5px}.pick-other small{color:var(--muted);font-size:11.5px}.picker-foot{justify-content:space-between;gap:8px;margin-top:8px;font-size:13px;display:flex}.picker-foot .link:last-child{margin-left:auto}.ribbon{flex-direction:column;gap:4px;display:flex}.ribbon-axis{justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;display:flex}.ribbon-axis .past,.ribbon-axis .future{text-transform:uppercase;letter-spacing:.08em;flex:none;font-weight:700}.ribbon-axis .past{color:var(--past-hi)}.ribbon-axis .future{color:var(--future-hi)}.ribbon-axis .mid{color:var(--muted);text-align:center}.ribbon-track{scrollbar-width:thin;gap:3px;padding:10px 4px 8px;display:flex;position:relative;overflow-x:auto}.rcol{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;flex-direction:column;flex:1 0 46px;align-items:stretch;min-width:46px;transition:background .15s,border-color .15s,opacity .15s;display:flex;position:relative}.rcol:hover{border-color:var(--line-2);background:var(--panel-2)}.rhead{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;padding:5px 2px 3px;display:flex}.rhead b{font-size:13px}.rhead small{color:var(--muted);font-size:9.5px}.rcol.past .rhead b{color:var(--past-hi)}.rcol.future .rhead b{color:var(--future-hi)}.rcol.now{border-color:color-mix(in srgb, var(--now) 60%, transparent);flex-basis:72px}.rcol.now .rhead b{color:var(--now)}.rbody{flex-direction:column;align-items:center;gap:3px;min-height:46px;padding:5px 3px 6px;display:flex}.rnow{color:var(--muted);text-align:center;margin-top:4px;font-size:10px;line-height:1.2}.tok{font-variant-numeric:tabular-nums;border-radius:7px;justify-content:center;align-items:center;gap:2px;width:100%;padding:2px 3px;font-size:10.5px;font-weight:650;display:flex}.tok .piece{font-size:17px}.rcol.past .tok{background:var(--past-tint);border-color:var(--past)}.rcol.future .tok{background:var(--future-tint);border-color:var(--future)}.tok:hover,.tok.hover{border-color:#fff!important}.tok.sel{background:color-mix(in srgb, var(--now) 55%, transparent)!important;border-color:var(--now)!important}.rcol.inwin.past{background:color-mix(in srgb, var(--past) 14%, transparent)}.rcol.inwin.future{background:color-mix(in srgb, var(--future) 12%, transparent)}.rcol.inwin.now{background:color-mix(in srgb, var(--now) 12%, transparent)}.ribbon:has(.rcol.inwin) .rcol:not(.inwin){opacity:.38}.rcol.origin{box-shadow:inset 0 -3px 0 var(--now)}.rcol.focus{border-width:2px;border-color:#fff}.rcol.focus.past{background:color-mix(in srgb, var(--past) 35%, transparent)}.rcol.focus.future{background:color-mix(in srgb, var(--future) 30%, transparent)}.rcount{background:var(--now);min-width:18px;height:18px;color:var(--on-now);text-align:center;z-index:1;border-radius:9px;padding:0 5px;font-size:10.5px;font-weight:800;line-height:18px;position:absolute;top:-8px;right:-4px}.stack-shell{position:relative}.stack-overlay{position:absolute;inset:0}.stack-overlay .board-overlay{border-radius:14px}.stack-wrap{background:linear-gradient(180deg, color-mix(in srgb, var(--future) 10%, transparent), color-mix(in srgb, var(--now) 5%, transparent) 50%, color-mix(in srgb, var(--past) 12%, transparent));border:1px solid var(--line);border-radius:14px;width:100%;padding:1cqw 0 0;position:relative;overflow:hidden;container-type:inline-size}.layer-row{height:33cqw;margin-bottom:-3cqw;position:relative}.layer-row:last-of-type{margin-bottom:0}.layer-scene{perspective:1600px;pointer-events:none;position:absolute;inset:0}.plane{width:44cqw;height:44cqw;transform-style:preserve-3d;border-radius:.6cqw;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);margin:-20cqw 0 0 -22cqw;display:grid;position:absolute;top:50%;left:50%;transform:rotateX(60deg)rotate(-30deg)}.plane.now{box-shadow:0 0 0 .4cqw var(--now), 0 0 4cqw color-mix(in srgb, var(--now) 25%, transparent)}.plane.past{box-shadow:0 0 0 .4cqw var(--past), 0 0 4cqw color-mix(in srgb, var(--past) 35%, transparent)}.plane.future{box-shadow:0 0 0 .4cqw var(--future), 0 0 4cqw color-mix(in srgb, var(--future) 30%, transparent)}.cell{transform-style:preserve-3d;position:relative}.plane.now .cell.light{background:var(--sq-light)}.plane.now .cell.dark{background:var(--sq-dark)}.plane.past .cell.light{background:color-mix(in srgb, var(--past) 22%, #f4f2fa)}.plane.past .cell.dark{background:color-mix(in srgb, var(--past) 62%, #b9b4c8)}.plane.future .cell.light{background:color-mix(in srgb, var(--future) 20%, #f2f8fa)}.plane.future .cell.dark{background:color-mix(in srgb, var(--future) 62%, #a9bcc2)}.cell.target{pointer-events:auto;cursor:pointer}.cell.target:hover{outline:.35cqw solid #fff}.sdot{border-radius:50%;width:2.2cqw;height:2.2cqw;margin:-1.1cqw 0 0 -1.1cqw;position:absolute;top:50%;left:50%;box-shadow:0 0 0 .3cqw #fff}.sdot.past{background:var(--past)}.sdot.future{background:var(--future)}.sdot.now{background:var(--now)}.sp{pointer-events:auto;transform-origin:50% 100%;border:none;padding:0;position:absolute;bottom:50%;left:50%;transform:translate(-50%)rotate(30deg)rotateX(-60deg);background:0 0!important}.sp .piece{font-size:5.2cqw;transition:transform .15s,filter .15s;display:block}.plane.past .sp .piece{filter:drop-shadow(0 0 .4cqw var(--past))}.plane.future .sp .piece{filter:drop-shadow(0 0 .4cqw var(--future))}.sp:hover .piece,.sp.hover .piece{transform:scale(1.18)}.sp.sel .piece{filter:drop-shadow(0 0 .5cqw var(--now)) drop-shadow(0 0 .5cqw var(--now));transform:scale(1.18)}.sp.check .piece{filter:drop-shadow(0 0 .8cqw var(--danger)) drop-shadow(0 0 .5cqw var(--danger))}.sp.victim .piece{filter:drop-shadow(0 0 .7cqw var(--danger)) drop-shadow(0 0 .4cqw var(--danger))}.sp.fresh .piece{animation:.6s ease-out arrive}.layer-tag{border:1px solid var(--line);color:var(--muted);z-index:2;background:#0c0e16cc;border-radius:1.4cqw;flex-direction:column;gap:.2cqw;min-width:12cqw;padding:1cqw 1.6cqw;font-size:max(11px,1.7cqw);display:flex;position:absolute;top:50%;left:2.5cqw;transform:translateY(-50%)}.layer-tag b{font-size:max(15px,3cqw);line-height:1.1}.layer-tag small{font-size:max(10px,1.6cqw)}.layer-tag.past{border-color:var(--past)}.layer-tag.past b{color:var(--past-hi)}.layer-tag.future{border-color:var(--future)}.layer-tag.future b{color:var(--future-hi)}.layer-tag.now{border-color:var(--now)}.layer-tag.now b{color:var(--now)}.threads{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.thread-line{fill:none;stroke:#fff;stroke-width:2.5px;stroke-dasharray:6 5;opacity:.9;filter:drop-shadow(0 0 3px #000c)}.thread-end{stroke:#fff;stroke-width:2px}.thread-end.past{fill:var(--past)}.thread-end.future{fill:var(--future)}.thread-end.now{fill:var(--now)}.thread-label{fill:#fff;paint-order:stroke;stroke:#000c;stroke-width:3px;font-size:12px;font-weight:700}.stack-note{color:var(--muted);text-align:center;margin:0;padding:1.5cqw 3cqw 2cqw;font-size:max(12px,1.7cqw)}.panel{flex-direction:column;gap:12px;display:flex;position:sticky;top:12px}.players{padding:0;overflow:hidden}.player{align-items:center;gap:10px;padding:10px 14px;display:flex}.player+.player{border-top:1px solid var(--line)}.player>.piece{font-size:28px}.pinfo{flex-direction:column;gap:2px;min-width:0;display:flex}.pname{font-weight:650}.pstate{color:var(--now);margin-left:auto;font-size:12px;font-weight:650}.player.to-move{background:linear-gradient(90deg, color-mix(in srgb, var(--now) 14%, transparent), transparent);box-shadow:inset 3px 0 0 var(--now)}.taken{flex-wrap:wrap;gap:0 1px;display:flex}.taken .piece{opacity:.9;font-size:15px}.alert{background:#f2545b1f;border-color:#f2545b8c;gap:3px;font-size:13px}.alert strong{color:#ff8a8f;font-size:15px}.sel-card{gap:8px;font-size:13px}.sel-card.empty{color:var(--muted);gap:4px}.sel-card.empty strong{color:var(--text);font-size:15px}.sel-card.past{border-color:color-mix(in srgb, var(--past) 60%, transparent)}.sel-card.future{border-color:color-mix(in srgb, var(--future) 55%, transparent)}.sel-top{align-items:center;gap:12px;display:flex}.sel-top>.piece{font-size:38px}.sel-top div{flex-direction:column;gap:2px;display:flex}.sel-top strong{font-size:15px}.when{font-size:12px;font-weight:650}.when.now{color:var(--now)}.when.past{color:var(--past-hi)}.when.future{color:var(--future-hi)}.ttl-line{background:linear-gradient(90deg, color-mix(in srgb, var(--past) 25%, transparent), color-mix(in srgb, var(--now) 12%, transparent), color-mix(in srgb, var(--future) 22%, transparent));border-radius:9px;justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:flex}.ttl-line .past{color:var(--past-hi)}.ttl-line .future{color:var(--future-hi)}.ttl-label{color:var(--muted);font-size:11px;font-weight:500}.sel-card p{color:var(--muted);margin:0;line-height:1.5}.sel-card b.now{color:var(--now)}.sel-card b.past{color:var(--past-hi)}.sel-card b.future{color:var(--future-hi)}.moves{padding:12px 6px 10px 14px}.moves h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 6px;font-size:12px}.moves p{margin:4px 0;font-size:13px}.moves ol{max-height:min(360px,42vh);margin:0;padding:0 8px 0 0;font-size:13px;list-style:none;overflow-y:auto}.moves li{border-bottom:1px solid #272d44b3;grid-template-columns:24px 14px 1fr;align-items:start;padding:6px 0;display:grid}.moves li.latest{background:linear-gradient(90deg, color-mix(in srgb, var(--now) 8%, transparent), transparent)}.moves .n{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:2px;font-size:11px}.moves .dot{width:9px;height:9px;box-shadow:none;margin:4px 0 0;position:static}.moves .dot.w{background:#f4f4f8}.moves .dot.b{background:#0a0b10;box-shadow:0 0 0 1px #6b7290}.mtext{flex-direction:column;gap:3px;line-height:1.4;display:flex}.mtext .took{color:#ffb0b3}.mmeta{align-items:center;gap:6px;display:flex}.mmeta code{color:var(--muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.shift{border-radius:6px;padding:0 6px;font-size:10.5px;font-weight:800}.shift.past{background:var(--past);color:var(--on-past)}.shift.future{background:var(--future);color:var(--on-future)}.ev{font-size:12px}.ev.arrived{color:var(--future-hi)}.ev.lost{color:var(--danger)}.actions{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.actions button{padding:9px 4px;font-size:13px}.modal-back{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#05060cb8;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:100%;max-width:660px;padding:26px 28px;font-size:15px;line-height:1.55;position:relative}.modal h2{margin:0 0 6px}.modal h3{color:var(--now);margin:22px 0 6px;font-size:15px}.modal ul{margin:0;padding-left:20px}.modal li{margin:4px 0}.modal .lede{color:var(--muted)}.modal .close{width:34px;height:34px;padding:0;font-size:20px;line-height:1;position:absolute;top:12px;right:12px}.ttl-table{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px;margin-top:8px;display:grid}.ttl-row{background:var(--bg-2);font-variant-numeric:tabular-nums;border-radius:8px;grid-template-columns:30px 1fr 34px 34px;align-items:center;padding:6px 10px;display:grid}.ttl-row .piece{font-size:22px}.ttl-row .past{color:var(--past-hi);font-weight:650}.ttl-row .future{color:var(--future-hi);font-weight:650}.demo-row{flex-wrap:wrap;gap:14px;margin:10px 0 4px;display:flex}.demo{color:var(--muted);flex:260px;align-items:center;gap:10px;font-size:13px;display:flex}.demo .hero-sq{flex:none;width:64px;height:64px}.demo .hero-sq>span{font-size:30px}:root[data-board=wood]{--sq-light:#ecdfc8;--sq-dark:#b08c6a}:root[data-board=tournament]{--sq-light:#eeeed2;--sq-dark:#769656}:root[data-board=slate]{--sq-light:#dfe3ea;--sq-dark:#7c8799}:root[data-board=marble]{--sq-light:#f3f1ee;--sq-dark:#b9b3ac}:root[data-board=midnight]{--sq-light:#5d6b8a;--sq-dark:#2e3750}:root[data-board=midnight] .coord{opacity:.9}:root[data-palette=colorblind]{--past:#0072b2;--past-hi:#7cc4f2;--future:#e69f00;--future-hi:#ffd27a;--now:#f0e442;--now-hi:#fff59a;--on-future:#2a1a00;--on-now:#2a2600}:root[data-palette=neon]{--past:#e11dbe;--past-hi:#ff8ae8;--future:#39d353;--future-hi:#a6ff9a;--now:#ffd400;--now-hi:#ffe970;--on-future:#062a0b;--on-now:#2a2400}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{transition:none!important;animation:none!important}.piece.classic{-webkit-text-stroke:0;text-shadow:none;display:inline-grid;position:relative}.piece.classic>span{grid-area:1/1}.piece.classic.w .fill{color:#fffdf6}.piece.classic.w .line{color:#17161b}.piece.classic.b .fill{color:#1f2029}.piece.classic.b .line{color:#5a5d6e}.piece.classic{filter:drop-shadow(0 .04em .04em #00000059)}.piece.letters{-webkit-text-stroke:0;text-shadow:none;display:inline-flex}.piece.letters .disc{letter-spacing:-.02em;border-radius:50%;justify-content:center;align-items:center;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:800;line-height:1;display:inline-flex}.piece.letters.w .disc{color:#16161c;background:#fbfaf5;box-shadow:inset 0 0 0 .06em #16161c,0 .04em .08em #00000059}.piece.letters.b .disc{color:#f1f1f6;background:#1d1e27;box-shadow:inset 0 0 0 .06em #c9ccd8,0 .04em .08em #00000059}.piece.letters .disc{width:1.6em;height:1.6em;font-size:.5em}.bg-piece{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bg-piece .piece{font-size:9.4cqw}.bg-piece.history{opacity:.35;filter:grayscale()}.bg-piece.echo{opacity:.22}.top-actions{align-items:center;gap:6px;display:flex}.icon-btn{border-radius:50%;width:36px;height:36px;padding:0;font-size:18px;line-height:1}.variants{text-align:left;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:32px 0 14px;display:grid}.variant{border:2px solid var(--line);background:var(--panel);text-align:left;border-radius:16px;align-items:center;gap:16px;padding:18px;display:flex}.variant.on{border-color:var(--now);background:linear-gradient(135deg, color-mix(in srgb, var(--past) 14%, var(--panel)), color-mix(in srgb, var(--future) 12%, var(--panel)))}.variant-text{flex-direction:column;gap:4px;display:flex}.variant-text b{font-size:18px}.variant-text span{color:var(--muted);font-size:13.5px;line-height:1.45}.variant-art{flex:none;width:74px;height:64px;position:relative}.variant-art i{border-radius:4px;width:46px;height:30px;position:absolute;transform:skew(-30deg)rotate(0)}.variant-art.flat i{left:14px}.variant-art.flat i.past{background:var(--past-tint);box-shadow:inset 0 0 0 2px var(--past);top:30px}.variant-art.flat i.now{background:repeating-conic-gradient(var(--sq-dark) 0 25%, var(--sq-light) 0 50%) 0 0 / 11.5px 7.5px;box-shadow:inset 0 0 0 2px var(--now);top:17px}.variant-art.flat i.future{background:var(--future-tint);box-shadow:inset 0 0 0 2px var(--future);top:4px}.variant-art.cube i{background:repeating-conic-gradient(var(--sq-dark) 0 25%, var(--sq-light) 0 50%) 0 0 / 11.5px 7.5px;left:14px;box-shadow:inset 0 0 0 2px #ffffff80}.variant-art.cube i:first-child{opacity:.75;top:4px}.variant-art.cube i:nth-child(2){box-shadow:inset 0 0 0 2px var(--now);top:17px}.variant-art.cube i:nth-child(3){opacity:.75;top:30px}.variant-art.cube:after{content:"";border-left:2px dashed #ffffff8c;position:absolute;top:0;bottom:0;left:30px}.setup{text-align:left;gap:14px;padding:20px}.setup-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.setup-row .field-label{width:92px;margin:0}.setup-row .seg{flex:1;min-width:240px}.seg.wrap{flex-wrap:wrap}.seg button:disabled{opacity:.45}.start{margin-top:4px;font-size:16px}.house-box{border:1px solid var(--line);background:var(--bg-2);border-radius:12px;padding:12px 14px}.house-summary{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;display:flex}.house-summary b{color:var(--text)}.house{flex-direction:column;gap:10px;margin-top:12px;display:flex}.presets{flex-wrap:wrap;gap:6px;display:flex}.presets button{border-radius:999px;padding:6px 12px;font-size:13px}.presets button.on{border-color:var(--now);color:var(--now-hi)}.ttl-edit{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:4px;padding:10px;display:flex}.ttl-edit.off{opacity:.4;pointer-events:none}.ttl-edit-head,.ttl-edit-row{grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid}.ttl-edit-head{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px}.ttl-edit-head .past{color:var(--past-hi);text-align:center}.ttl-edit-head .future{color:var(--future-hi);text-align:center}.ttl-edit.with-erases .ttl-edit-head,.ttl-edit.with-erases .ttl-edit-row{grid-template-columns:1fr auto auto auto}.ttl-edit-head .erase{color:var(--danger,#e0605a);text-align:center}.stepper.erase{border-color:color-mix(in srgb, var(--danger,#e0605a) 60%, var(--line))}@media (width<=480px){.ttl-edit .stepper button{padding:4px 7px}.ttl-edit .stepper input{width:30px}}.erase-line{color:var(--muted);align-items:center;gap:8px;margin-top:6px;font-size:12.5px;display:flex}.erase-pips{gap:3px;display:inline-flex}.erase-pips i{border:1.5px solid var(--danger,#e0605a);border-radius:50%;width:9px;height:9px}.erase-pips i.on{background:var(--danger,#e0605a)}.ttl-edit-row .who{align-items:center;gap:8px;font-size:14px;display:flex}.ttl-edit-row .who .piece{font-size:22px}.stepper{border:1px solid var(--line);border-radius:9px;align-items:center;display:inline-flex;overflow:hidden}.stepper.past{border-color:color-mix(in srgb, var(--past) 60%, var(--line))}.stepper.future{border-color:color-mix(in srgb, var(--future) 60%, var(--line))}.stepper button{background:var(--panel-2);border:none;border-radius:0;padding:4px 10px}.stepper input{background:var(--bg-2);width:40px;color:var(--text);font:inherit;text-align:center;-moz-appearance:textfield;border:none;padding:5px 0;font-weight:700}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.toggle-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.toggle-row>span{flex-direction:column;gap:2px;display:flex}.toggle-row b{font-size:14px;font-weight:650}.toggle-row small{color:var(--muted);font-size:12.5px}.toggle-row select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.toggle-row .seg{flex:none}.switch{background:var(--line-2);border:none;border-radius:13px;flex:none;width:46px;height:26px;padding:0;position:relative}.switch i{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:3px;left:3px}.switch.on{background:linear-gradient(135deg, var(--past), var(--future))}.switch.on i{transform:translate(20px)}.settings .tabs{margin:12px 0 4px}.swatches{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.swatch{border-width:2px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;font-size:13px;display:flex}.swatch small{color:var(--muted);margin-top:-4px;font-size:11px}.swatch.on{border-color:var(--now)}.sw-board{border-radius:6px;grid-template-columns:1fr 1fr;width:48px;height:48px;display:grid;overflow:hidden}.sw-board i:first-child,.sw-board i:nth-child(4){background:var(--pl)}.sw-board i:nth-child(2),.sw-board i:nth-child(3){background:var(--pd)}[data-board-preview=wood]{--pl:#ecdfc8;--pd:#b08c6a}[data-board-preview=tournament]{--pl:#eeeed2;--pd:#769656}[data-board-preview=slate]{--pl:#dfe3ea;--pd:#7c8799}[data-board-preview=marble]{--pl:#f3f1ee;--pd:#b9b3ac}[data-board-preview=midnight]{--pl:#5d6b8a;--pd:#2e3750}.sw-pieces{background:var(--sq-light);border-radius:6px;justify-content:center;align-items:center;gap:2px;height:48px;padding:0 6px;display:flex}.sw-pieces .piece{font-size:34px}.sw-time{align-items:center;gap:3px;height:48px;display:flex}.sw-time i{border-radius:5px;width:18px;height:36px}[data-palette-preview=violet]{--a:#8b5cf6;--b:#f5b83d;--c:#06b6d4}[data-palette-preview=colorblind]{--a:#0072b2;--b:#f0e442;--c:#e69f00}[data-palette-preview=neon]{--a:#e11dbe;--b:#ffd400;--c:#39d353}.sw-time .past{background:var(--a)}.sw-time .now{background:var(--b)}.sw-time .future{background:var(--c)}.settings-foot{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.board-wrap{align-items:flex-start;gap:12px;display:flex}.board-wrap>.board-col{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.four-d .stage{max-width:min(860px,100vh - 150px)}.levelbar{flex-direction:column;flex:none;gap:8px;width:138px;display:flex}.lvl{border:2px solid var(--line);background:var(--panel);text-align:left;border-radius:12px;flex-direction:column;gap:5px;padding:6px;display:flex}.lvl.on{border-color:var(--now);background:color-mix(in srgb, var(--now) 10%, var(--panel))}.lvl.check{box-shadow:0 0 0 2px var(--danger)}.lvl-head{text-transform:capitalize;align-items:center;gap:5px;font-size:12px;display:flex}.lvl-head b{text-align:center;width:14px;font-size:14px}.lvl-head em{color:var(--on-now);background:var(--now);border-radius:8px;margin-left:auto;padding:0 6px;font-size:10.5px;font-style:normal;font-weight:800}.lvl-you{color:var(--now);text-transform:none;font-size:9.5px;font-style:normal}.mini{aspect-ratio:1;border-radius:5px;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.mc{justify-content:center;align-items:center;display:flex;position:relative;container-type:size}.mc.light{background:var(--sq-light)}.mc.dark{background:var(--sq-dark)}.mc .piece{font-size:85cqh;line-height:1}.mc.past{background:color-mix(in srgb, var(--past) 70%, var(--sq-light))}.mc.future{background:color-mix(in srgb, var(--future) 70%, var(--sq-light))}.mc.t:after{content:"";background:var(--now);border-radius:50%;position:absolute;inset:22%;box-shadow:0 0 0 1px #fff}.mc.tr:after{content:"";border:2px solid var(--now);border-radius:50%;position:absolute;inset:4%;box-shadow:0 0 0 1px #0009}.mc.t,.mc.tr{cursor:pointer}.mc.t:hover,.mc.tr:hover{outline-offset:-1px;z-index:1;outline:2px solid #fff}.mc.sel{background:var(--now)}.mc-more{background:var(--future-hi);border-radius:50%;width:4px;height:4px;position:absolute;top:1px;right:1px;box-shadow:0 0 0 1px #000}.level-title{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:14px;display:flex}.level-arrow{color:var(--now);font-weight:800}.level-title .muted{font-size:12.5px}.level-keys{color:var(--muted);margin-left:auto;font-size:11.5px}@media (width<=700px){.board-wrap.with-levels{flex-direction:column;align-items:stretch}.levelbar{flex-direction:row;width:100%}.lvl{flex:1;min-width:0}.lvl-you,.level-keys{display:none}}.sp.multi.m0{margin-left:-1.6cqw}.sp.multi.m1{margin-left:1.6cqw}.sp.multi.m2{margin-bottom:1.6cqw;margin-left:0}.sp.multi .piece{font-size:4.2cqw}.sp.past .piece{filter:drop-shadow(0 0 .4cqw var(--past)) drop-shadow(0 0 .3cqw var(--past))}.sp.future .piece{filter:drop-shadow(0 0 .4cqw var(--future)) drop-shadow(0 0 .3cqw var(--future))}.sp-badge{white-space:nowrap;border-radius:.8cqw;padding:0 .6cqw;font-size:1.5cqw;font-weight:800;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.sp.past .sp-badge{background:var(--past);color:var(--on-past)}.sp.future .sp-badge{background:var(--future);color:var(--on-future)}.plane.level .cell.light{background:var(--sq-light)}.plane.level .cell.dark{background:var(--sq-dark)}.plane.level{box-shadow:0 0 0 .4cqw #ffffff8c,0 0 4cqw #ffffff14}.layer-tag.level b{color:var(--text)}.layer-tag span{line-height:1.3}.picker.floating{width:min(420px,92%);animation:none;top:50%;left:50%;transform:translate(-50%,-50%)}.clock{background:var(--bg-2);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:8px;margin-left:auto;padding:3px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:18px;font-weight:700}.clock.running{color:var(--text);background:color-mix(in srgb, var(--now) 22%, var(--bg-2))}.clock.low{color:#ff8a8f}.pstate.inline{margin:0;font-size:12px}.mode-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:3px 10px;font-size:12px;overflow:hidden}.tag.house{border-color:var(--now);color:var(--now-hi)}.moves3d{flex-direction:column;gap:6px;margin-top:8px;display:flex}.move3d{color:var(--muted);align-items:flex-start;gap:10px;font-size:14px;display:flex}.move3d b{color:var(--text);margin-right:4px}.move3d .piece{text-align:center;flex:0 0 28px;font-size:24px}.hero-sq.future-sq{background:var(--future-tint);box-shadow:inset 0 0 0 3px var(--future)}.now-text{color:var(--now)}.past-text{color:var(--past-hi)}.future-text{color:var(--future-hi)}.text-input{min-width:200px;font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--line);border-radius:10px;flex:1;padding:9px 12px}.text-input:focus{outline:2px solid var(--now);outline-offset:1px}.form-error{color:#ff8a8f;margin:0;font-size:13.5px}.hint-text.center{text-align:center}.small{font-size:12.5px}.result-card .small{margin:2px 0 0}.invite{max-width:min(440px,92%)}.invite h2{font-size:26px}.invite-link{gap:6px;width:100%;display:flex}.invite-link input{min-width:0;font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--line-2);border-radius:9px;flex:1;padding:8px 10px;font-size:13px}.room-msg{text-align:center;align-items:center;gap:10px;max-width:460px;margin:60px auto;padding:24px}.room-msg h2{margin:0}.room-msg p{color:var(--muted);margin:0}.draw-offer{border-color:var(--now);gap:8px;font-size:13.5px}.draw-offer .row{gap:6px;display:flex}.card.note{color:var(--muted);font-size:13px}.share-line{color:var(--muted);text-align:center;margin:0;font-size:12.5px}.share-line .link{padding:0 2px;font-size:12.5px}.ai-slots{gap:10px;display:grid}.ai-slots.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.ai-slot{border:1px solid var(--line);background:var(--bg-2);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.ai-slot-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.ai-slot-head b{font-size:14px}.ai-slot select,.ai-slot .text-input{font-size:13.5px}.ai-slot select{max-width:260px;font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex:1;padding:7px 10px;font-size:13.5px}.ai-field{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.ai-field a{color:var(--future-hi)}.ai-field .text-input{width:100%;min-width:0}.ai-slot .hint-text{margin:0;font-size:12.5px}.ai-test{flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;display:flex}.ai-test button{padding:6px 12px;font-size:13px}.ai-test-ok{color:#7ee2a8}.ai-test-error{color:#ff8a8f}.ai-test-busy{color:var(--muted)}.ai-privacy{color:var(--muted);flex-direction:column;gap:4px;font-size:12.5px;display:flex}.ai-privacy label{color:var(--text);align-items:center;gap:4px;font-size:13px;display:flex}.ai-error .row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.ai-control{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.ai-comment{color:var(--text);opacity:.9;font-size:12.5px;font-style:italic}.ai-note{color:var(--muted);font-size:11.5px}.think-timer{font-variant-numeric:tabular-nums;opacity:.8;margin-left:4px}.og-box{color:var(--muted);border-color:var(--past);font-size:13px;line-height:1.5}.og-box b{color:var(--past-hi)}.tag.og{border-color:var(--past);color:var(--past-hi)}.bg-piece.history.living{opacity:.95;filter:none}.bg-piece.history.living .piece{filter:drop-shadow(0 0 .6cqw color-mix(in srgb, var(--past) 80%, transparent))}.bg-piece.history.living.erasable:after{content:"";border:.9cqw solid #f2545bd9;border-radius:50%;position:absolute;inset:.5cqw}.dot.erase{background:var(--danger);color:#fff;pointer-events:auto;cursor:pointer;border:none;padding:0;font-size:2.4cqw;font-weight:800;line-height:1}.moves li.voided .mtext>span:first-child{opacity:.55;text-decoration:line-through}.ev.voided-note{color:var(--muted)}.ev.returned{color:var(--past-hi)}.ev.erased{color:#ff9a9e}.card.why{color:var(--muted);border-color:var(--now);background:color-mix(in srgb, var(--now) 8%, var(--panel));gap:3px;font-size:13px}.card.why strong{color:var(--now-hi);font-size:13.5px}.rules-switch{flex-direction:column;align-items:center;gap:8px;max-width:520px;margin:0 auto 18px;display:flex}.rules-slider{background:var(--bg-2);border:1px solid var(--line-2);border-radius:999px;grid-template-columns:1fr 1fr;width:min(440px,100%);padding:4px;display:grid;position:relative}.rules-slider button{z-index:1;color:var(--muted);border:none;border-radius:999px;padding:10px 14px;font-weight:650;transition:color .2s;position:relative;background:0 0!important}.rules-slider button.on{color:#fff}.rules-slider button small{opacity:.85;font-weight:500}.rules-thumb{background:linear-gradient(135deg, var(--now), color-mix(in srgb, var(--now) 60%, var(--past)));border-radius:999px;width:calc(50% - 4px);transition:transform .25s cubic-bezier(.3,.8,.3,1),background .25s;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 4px 14px #00000059}.rules-thumb.right{background:linear-gradient(135deg, var(--past), var(--future));transform:translate(100%)}.rules-note{color:var(--muted);text-align:center;min-height:2.9em;margin:0;font-size:13.5px;line-height:1.45}.find-models{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.find-models button{padding:5px 10px;font-size:12.5px}.find-models small{font-size:12px}.card.ai-wait{color:var(--muted);border-color:var(--now);background:color-mix(in srgb, var(--now) 8%, var(--panel));gap:4px;font-size:13px}.card.ai-wait strong{color:var(--text);font-size:14px}.card.ai-wait .row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.countdown{color:var(--now-hi);font-variant-numeric:tabular-nums}