:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b222c;--bg-raise:#242d3a;--panel:#2b3646;--sidebar:#161d27;--surface:#334155;--line:#d6e0ec24;--hover:#e8eef614;--text:#e7eef6;--muted:#a9b6c6;--accent:#d7b07a;--accent-ink:#2a2116;--active:#d7b07a29;--success:#7dcea0;--warning:#e0b15a;--danger:#e08b7a;--sq-light:#f3e6d0;--sq-dark:#8d6a45;--coord-light:#48301ab8;--coord-dark:#fff4e2cc;--shadow:0 18px 40px #00000047;font-family:Segoe UI,Avenir Next,Trebuchet MS,sans-serif}.shell[data-scheme=light],.app[data-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e7e1d6;--bg-raise:#f6f2ea;--panel:#fffaf3;--line:#3024161f;--text:#241c16;--muted:#6f6256;--accent:#8d5e2e;--accent-ink:#fffaf3;--active:#8d5e2e1f;--sidebar:#efe8dc;--surface:#fffdf8;--hover:#241c160f;--success:#2f7d4a;--warning:#8a5a12;--danger:#a33b32;--shadow:0 16px 32px #4630181f}.shell[data-board=slate],.app[data-board=slate]{--sq-light:#e4e7ec;--sq-dark:#6d7684;--coord-light:#242a33b3;--coord-dark:#f6f8fbd1}.shell[data-board=moss],.app[data-board=moss]{--sq-light:#e7efe2;--sq-dark:#5d7054;--coord-light:#20301eb3;--coord-dark:#f4faf0d6}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}.shell{height:100dvh;color:var(--text);background:radial-gradient(1200px 500px at 10% -10%, #d7b07a14, transparent 50%), var(--bg);grid-template-columns:232px minmax(0,1fr);display:grid;overflow:hidden}.shell.collapsed{grid-template-columns:76px minmax(0,1fr)}.shell-main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:auto}.shell-main>.app{height:100%;min-height:0}.sidebar{border-right:1px solid var(--line);background:var(--sidebar);flex-direction:column;gap:16px;min-height:0;padding:16px 12px 24px;display:flex;overflow:auto}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav p{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:8px 8px 4px;font-size:.72rem}.nav-item{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.nav-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.nav-item span{width:22px;height:22px;color:var(--accent);background:#d7b07a29;border-radius:6px;place-items:center;font-size:.75rem;display:grid}.nav-item.active,.nav-item:hover{background:#d7b07a1f}.sidebar-toggle{align-self:flex-start}.menu-toggle,.drawer-shade{display:none}.app{height:100%;color:var(--text);background:0 0;flex-direction:column;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 16px;min-height:56px;padding:8px 18px;display:flex}.brand{letter-spacing:.08em;text-transform:uppercase;color:inherit;align-items:center;gap:10px;font-family:Georgia,Iowan Old Style,Palatino,serif;text-decoration:none;display:flex}.mark{background:conic-gradient(var(--sq-dark) 0 25%, var(--sq-light) 0 50%, var(--sq-dark) 0 75%, var(--sq-light) 0);border-radius:4px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #00000040}.topbar p{color:var(--muted);flex:1;margin:0}.topbar a.ghost{text-decoration:none}.account{flex-direction:column;gap:16px;max-width:420px;margin:32px auto;padding:0 16px 32px;display:flex}.account h1{margin:0;font-size:1.4rem}.account form,.account .side-card{flex-direction:column;gap:12px;display:flex}.stage{flex:1;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px;min-height:0;padding:12px 16px 16px;display:grid}.stage.playing{grid-template-columns:minmax(0,1fr) 320px 180px;align-items:stretch}.stage.playing .table{place-items:center}.stage.playing .column{width:min(100cqi, calc(100cqb - var(--bars)))}.stage.playing .aside{min-width:0}.ad-slot{background:color-mix(in srgb, var(--panel) 70%, transparent);border:1px dashed var(--line);border-radius:16px;min-height:280px}.nav-user{color:var(--text);align-items:center;gap:8px;min-width:0;margin:0 8px 8px;font-size:.92rem;font-weight:650;display:flex}.nav-user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-user small{color:var(--accent);font-weight:700}.nav-auth{flex-direction:column;gap:8px;margin:0 8px;display:flex}.shell.collapsed .nav-auth .btn{min-width:0;padding:0 8px}.table{place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.column{--bars:112px;width:min(100cqi, calc(100cqb - var(--bars)));flex-direction:column;gap:8px;display:flex;position:relative}.board-shell{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;grid-template-rows:minmax(0,1fr) 22px;grid-template-columns:22px minmax(0,1fr);width:100%;display:grid;position:relative;overflow:visible}.board-shell.coords-inside{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.board-shell.coords-inside .play-area{grid-area:1/1}.board-shell.coords-inside .coord-ranks,.board-shell.coords-inside .coord-files{display:none}.edge-coord{z-index:1;pointer-events:none;font-size:.62rem;font-style:normal;font-weight:700;line-height:1;position:absolute}.edge-coord.rank{top:4px;left:4px}.edge-coord.file{bottom:4px;right:4px}.play-area{width:100%;height:100%;box-shadow:var(--shadow);border-radius:10px;grid-area:1/2;position:relative;overflow:hidden;container-type:inline-size}.coord-ranks,.coord-files{color:var(--muted);pointer-events:none;font-size:.72rem;font-weight:700;display:grid}.coord-ranks{grid-area:1/1;grid-template-rows:repeat(8,1fr)}.coord-ranks span,.coord-files span{place-items:center;display:grid}.coord-files{grid-area:2/2;grid-template-columns:repeat(8,1fr)}.squares{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid}.square{background:var(--sq-dark);border:0;padding:0;display:block;position:relative}.square.light{background:var(--sq-light)}.square.last-from:after,.square.last-to:after,.square.hover:after{content:"";z-index:1;background:#d7b05461;position:absolute;inset:0}.square.selected:after{content:"";z-index:1;background:#7eced6b8;position:absolute;inset:0}.square.last-from:after{background:#d7b05438}.square.last-to:after{background:#d7b0548c}.move-badge{z-index:5;pointer-events:none;width:22px;height:22px;position:absolute;top:3px;right:3px}.square.target:before{content:"";z-index:1;background:#1c161047;border-radius:50%;width:28%;height:28%;position:absolute;top:36%;left:36%}.square.target.capture:before{background:0 0;width:84%;height:84%;top:8%;left:8%;box-shadow:inset 0 0 0 5px #1c161052}.square.check .piece-slot:before{content:"";background:radial-gradient(circle,#d14636e6,#d1463600 70%);border-radius:50%;position:absolute;inset:8%}.square:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.coord{z-index:2;pointer-events:none;font-size:clamp(14px,3.5cqi,22px);font-weight:700;line-height:1;position:absolute}.square.light .coord,.square.light .edge-coord{color:var(--coord-light)}.square.dark .coord,.square.dark .edge-coord{color:var(--coord-dark)}.coord.rank{top:6px;left:7px}.coord.file{bottom:6px;right:7px}.piece-slot,.flyer,.drag-piece{place-items:center;display:grid}.piece-slot{z-index:3;pointer-events:none;width:100%;height:100%;position:relative}.piece{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:88%;height:88%;overflow:visible}.piece.white,.piece.black{filter:drop-shadow(0 1.5px 1px #18100861)}.piece .body{fill:unset}.piece.white .eye{fill:#2a221b}.piece.black .eye{fill:#f3e6d0}.piece .shadow{fill:#00000047}.flyer{z-index:5;width:12.5%;height:12.5%;transition:left var(--travel,.32s) cubic-bezier(.22, .7, .2, 1), top var(--travel,.32s) cubic-bezier(.22, .7, .2, 1);filter:drop-shadow(0 10px 8px #140c0459);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.move-dash{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.move-dash .shade,.move-dash .mark{fill:none;stroke-linecap:round}.move-dash .shade{stroke:#24160a8c;stroke-width:2.4px}.move-dash .mark{stroke:#fff6df;stroke-width:1.15px;stroke-dasharray:1.7 1.45;opacity:0}.move-dash .mark.run{animation:.52s linear forwards move-dash}@keyframes move-dash{0%{stroke-dashoffset:9px;opacity:.15}18%{opacity:1}to{stroke-dashoffset:0;opacity:.95}}.play-area.reviewing{box-shadow:inset 0 0 0 3px var(--accent), var(--shadow)}.board-row{align-items:flex-start;gap:16px;min-width:0;display:flex}.board-row .board-shell{flex:640px;width:min(100%,720px);min-width:min(100%,420px);max-width:720px}.board-row .side-card{flex:0 280px;width:min(280px,100%)}.eval-bar{background:#2c241c;border-radius:6px;flex:none;width:18px;position:relative;overflow:hidden}.eval-white{background:#f3ecdf;position:absolute;bottom:0;left:0;right:0}.advice{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.advice line,.advice polyline{fill:none;stroke:#3b6fd4;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.advice path{fill:#3b6fd4}.analysis{flex-direction:column;gap:8px;display:flex}.analyze-go{width:100%;min-height:44px;font-size:.95rem}.analysis progress{width:100%;height:8px;accent-color:var(--accent)}.analysis-status,.analysis-score,.variation{margin:0}.variation span,.analysis-score span{color:var(--muted)}.review-graph{align-items:flex-end;gap:2px;height:48px;display:flex}.review-graph span,.review-graph button{background:#3b6fd4;border:0;flex:1;min-height:2px;padding:0}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.stat-grid article,.online-list li{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}.stat-grid strong,.online-list{display:block}.online-list{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.stat-grid .wide{grid-column:1/-1}.drag-piece{z-index:30;pointer-events:none;filter:drop-shadow(0 10px 10px #00000047);position:fixed}.drag-piece .piece{width:88%;height:88%}.drag-piece.return{transition:left .16s,top .16s}.review{z-index:6;background:var(--panel);max-width:calc(100% - 24px);color:var(--text);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:8px 12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.review p{text-align:center;margin:0;font-size:.86rem}.review button{background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;padding:6px 12px}.player{border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:8px;min-height:46px;padding:4px 8px;display:grid}.player.active{background:var(--active)}.pip{border-radius:50%;place-items:center;width:28px;height:28px;font-size:.72rem;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #00000059}.avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.rating,.guest-tag{color:var(--muted);font-size:.75rem;font-style:normal}.link-dot{background:#8a8074;border-radius:50%;width:8px;height:8px}.link-dot.on{background:#2f9e62}.share-row,.panel-tabs,.mode-actions,.mode-list{flex-wrap:wrap;gap:8px;display:flex}.mode-list{flex-direction:column}.mode-list .choice,.panel-tabs button,.share-row button{border:1px solid var(--line);color:inherit;background:0 0;border-radius:10px;text-decoration:none}.mode-list .choice{flex-direction:column;gap:2px;padding:10px 12px;display:flex}.panel-tabs button.on,.mode-list .choice:hover{background:var(--active)}.share-row button,.panel-tabs button,.mode-actions button{padding:6px 10px}.mini-board{border-radius:6px;grid-template-columns:28px 28px;width:56px;margin-top:10px;display:grid;overflow:hidden}.mini-board span{background:var(--sq-dark);height:28px}.mini-board span:nth-child(odd){background:var(--sq-light)}.pip.white{background:#f7f3ea}.pip.black{background:#2a221b}.player-copy{flex-direction:column;min-width:0;display:flex}.player-copy strong{align-items:center;gap:6px;max-width:100%;display:inline-flex}.player-copy strong,.player-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-copy span,.side-head p,.hint{color:var(--muted);font-size:.86rem}.captured{justify-content:flex-end;min-width:0;display:flex}.captured .piece{width:18px;height:18px}.advantage{color:var(--accent);font-variant-numeric:tabular-nums;font-style:normal}.aside{flex-direction:column;gap:10px;min-height:0;display:flex}.side-card,.settings{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.side-card{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex}.side-head h2,.settings h2{margin:0;font-size:1.15rem;font-weight:650}.side-head p,.hint{margin:4px 0 0}.history-nav,.actions,.choices,.swatches{flex-wrap:wrap;gap:8px;display:flex}.history-nav button,.actions button,.choice,.ghost,.primary,.settings button,.promo button,.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--bg-raise);border-radius:9px}.history-nav button{place-items:center;width:40px;height:36px;padding:0;display:grid}.history-nav svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.moves{flex:1;align-content:start;gap:2px;min-height:0;padding-right:4px;display:grid;overflow:auto}.move-row{grid-template-columns:2rem 1fr 1fr;align-items:center;gap:4px;display:grid}.move-row span{color:var(--muted);font-variant-numeric:tabular-nums}.move-row button{text-align:left;background:0 0;border:0;border-radius:6px;padding:4px 6px}.move-row button.current,.move-row button:hover{background:var(--active)}.actions button,.choice,.ghost,.primary,.promo button{padding:8px 10px}.actions button:disabled,.history-nav button:disabled,.primary:disabled{opacity:.45;cursor:default}.primary,.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:680}.primary:hover,.btn-primary:hover,.ghost:hover,.actions button:hover{filter:brightness(1.06)}.primary:focus-visible,.ghost:focus-visible,.btn:focus-visible,.tile:focus-visible,.choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.choice.on,.swatch.on{outline:2px solid var(--accent);outline-offset:1px}.setup{overflow:auto}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.86rem;display:flex}.field input,.field select,.field textarea{background:var(--bg);color:inherit;padding:10px 12px}.choices{border:0;margin:0;padding:0}.choices.compact{flex-wrap:wrap;gap:8px;display:flex}.choices legend{color:var(--muted);margin-bottom:8px;font-size:.86rem}.choice{flex:none;justify-content:center;align-items:center;gap:6px;display:inline-flex}.choice .piece{width:26px;height:26px}.pair{display:inline-flex}.pair .piece{width:20px;height:20px}.clock{text-align:center;font-variant-numeric:tabular-nums;background:var(--bg-raise);border:1px solid var(--line);border-radius:8px;min-width:4.5rem;padding:5px 8px;font-weight:680}.clock.active{background:var(--accent);color:var(--accent-ink);border-color:#0000}.clock.low{color:#fff8f4;background:#8d3d2c;border-color:#0000}.clock.low.active{animation:1s ease-in-out infinite clock-glow}.setup .play{min-height:46px;font-size:1.05rem}.clock-form,.time-side{flex-wrap:wrap;gap:8px;display:flex}.time-side{border:0;width:100%;margin:0;padding:0}.time-side legend,.check{color:var(--muted);font-size:.86rem}.check{align-items:center;gap:8px;width:100%;display:flex}.time-side label{color:var(--muted);flex-direction:column;flex:1;gap:4px;font-size:.78rem;display:flex}.time-side input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:8px}@keyframes clock-glow{50%{filter:brightness(1.12)}}@media (prefers-reduced-motion:reduce){.clock.low.active{animation:none}}.notice{color:var(--danger);margin:0}.settings{flex-direction:column;gap:12px;padding:14px;display:flex}.settings header,.setting-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.swatch{border:1px solid var(--line);border-radius:8px;width:36px;height:28px;padding:0}.swatch.walnut{background:linear-gradient(90deg,#f3e6d0 50%,#8d6a45 50%)}.swatch.slate{background:linear-gradient(90deg,#e4e7ec 50%,#6d7684 50%)}.swatch.moss{background:linear-gradient(90deg,#e7efe2 50%,#5d7054 50%)}input[type=range]{width:140px;accent-color:var(--accent)}.promo{z-index:6;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;gap:8px;padding:10px;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.promo button{flex-direction:column;align-items:center;gap:4px;min-width:64px;display:flex}.promo .piece{width:46px;height:46px}.promo .text{align-self:center}@media (prefers-reduced-motion:reduce){.flyer,.drag-piece.return,.move-dash .mark,.anim-pawn,.seek-spinner,.result-card.celebrate{transition:none;animation:none}}@media (width<=980px){body,.shell,.app{height:auto;min-height:100dvh;overflow:auto}.shell,.shell.collapsed{display:block}.menu-toggle{margin:8px 12px 0;display:inline-flex}.sidebar{z-index:7;width:min(280px,86vw);position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.sidebar.drawer-open{transform:none}.drawer-shade{z-index:6;background:#00000073;border:0;display:block;position:fixed;inset:0}.stage,.stage.playing{grid-template-columns:1fr;height:auto}.stage.playing .table{place-items:center}.stage.playing .column{width:min(100cqi,100dvh - 230px)}.ad-slot{display:none}.table{display:block;container-type:inline-size}.column{width:min(100cqi,100dvh - 230px);margin:0 auto}.side-card{min-height:420px}.board-row{flex-direction:column}.board-row .board-shell,.board-row .side-card{flex:none;width:100%;min-width:0;max-width:none}}.gallery{color:#f4efe6;background:#121418;flex-direction:column;gap:22px;min-height:100dvh;padding:28px;display:flex}.gallery header h1{margin:0 0 6px;font-size:1.4rem}.gallery header p{color:#b7b0a4;margin:0}.gallery-board{border-radius:16px;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:16px;display:grid}.gallery-board.light{color:#2a241c;background:#f3e6d0}.gallery-board.dark{color:#f4efe6;background:#2a2118}.gallery-board figure{flex-direction:column;align-items:center;gap:8px;margin:0;display:flex}.gallery-board .piece{width:min(18vw,140px);height:min(18vw,140px)}.gallery-board figure.focus .piece{width:min(22vw,180px);height:min(22vw,180px)}.gallery-board figcaption{font-size:.78rem}.result-layer{z-index:8;background:#0c101675;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.result-card{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 12%, var(--panel)), var(--panel) 42%);width:min(100%,420px);color:var(--text);border:1px solid var(--line);text-align:center;border-radius:22px;padding:28px 26px 22px;position:relative;box-shadow:0 24px 60px #00000061}.result-layer.win .result-card.celebrate{animation:.42s result-arrive}.result-close{background:var(--hover);width:32px;height:32px;color:var(--text);border:0;border-radius:999px;font-size:1.2rem;line-height:1;position:absolute;top:12px;right:12px}.result-kicker{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.75rem}.result-score{color:var(--accent);letter-spacing:.16em;margin:10px 0 0;font-size:1.7rem;font-weight:700}.result-card h2{margin:6px 0 0;font-size:1.7rem}.result-name{margin:6px 0 0;font-size:1.05rem}.result-pill{background:var(--active);color:var(--text);border-radius:999px;margin:12px 0 0;padding:4px 10px;font-size:.86rem;display:inline-block}.result-facts{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 14px;margin:14px 0 0;padding:0;font-size:.86rem;list-style:none;display:flex}.result-summary{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.result-summary span{background:var(--bg-raise);border-radius:12px;flex-direction:column;gap:2px;padding:10px;display:flex}.result-summary small{color:var(--muted)}.result-summary strong{font-size:1.15rem}.result-actions{flex-direction:column;gap:8px;margin-top:18px;display:flex}.result-actions .btn-primary{width:100%;min-height:42px}.result-secondary{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.library{box-sizing:border-box;flex-direction:column;align-self:stretch;gap:16px;width:100%;max-width:none;margin:0;padding:20px 28px 40px;display:flex}.library h1,.library h2{margin:0}.library .topbar{margin:0 -16px}.filters{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:12px;display:grid}.library-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.library-list li,.library-actions,.library-pager{justify-content:space-between;align-items:center;gap:12px;display:flex}.library-list p{color:var(--muted);margin:4px 0 0}.library-actions a{text-decoration:none}.library textarea{resize:vertical;min-height:140px}@keyframes result-arrive{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.levels{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choice.level{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.level-name{font-weight:650}.level-phrase{font-size:12px;font-weight:450;line-height:1.3}.game-cards{grid-template-columns:repeat(auto-fill,minmax(300px,360px));justify-content:start;gap:16px;margin:0;padding:0;list-style:none;display:grid}.game-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 10px 24px #0000001f}.game-card header,.rank-row{align-items:center;gap:10px;display:flex}.rank-row.mine{outline:1px solid var(--accent);border-radius:8px;padding:6px}.spark{width:100%;height:88px}.spark polyline{fill:none;stroke:var(--accent);stroke-width:2px}.empty-actions{gap:8px;display:flex}.chat-log{flex-direction:column;gap:6px;max-height:180px;display:flex;overflow:auto}.library-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.game-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.game-list .game-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.game-cards .thumb-frame{align-self:center}.card-body{flex-direction:column;gap:6px;min-width:0;display:flex}.card-body p,.game-card p{color:var(--muted);margin:0;font-size:.86rem}.card-body header strong{font-size:1.02rem}.status-pill{background:var(--active);width:fit-content;max-width:100%;color:var(--text);border-radius:999px;padding:4px 8px;font-weight:650}.thumb-frame{background:linear-gradient(160deg,#ffffff14,#0000 40%),#2a2118;border-radius:14px;flex:none;padding:8px;box-shadow:inset 0 0 0 1px #ffecd629,0 8px 18px #00000038}.thumb{aspect-ratio:1;border-radius:4px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:168px;height:168px;display:grid;overflow:hidden}.game-list .thumb{width:112px;height:112px}.thumb span{background:var(--sq-dark,#8d6a45);place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.thumb span.light{background:var(--sq-light,#f3e6d0)}.thumb .piece{filter:none;width:92%;height:92%}.preview-board{width:100%;min-width:0;max-width:280px;margin-top:4px;overflow:hidden}.board-square{aspect-ratio:1;border-radius:10px;width:min(100%,248px);position:relative;overflow:hidden}.board-square .thumb-frame{border-radius:10px;width:100%;height:100%;padding:0;position:absolute;inset:0}.board-square .thumb{aspect-ratio:auto;width:100%;height:100%}.review-panel,.coach{flex-direction:column;gap:8px;display:flex}.class-table{border-collapse:collapse;width:100%;font-size:.88rem}.class-table th,.class-table td{text-align:left;border-bottom:1px solid var(--line);padding:7px 8px 7px 0}.class-table th:not(:first-child),.class-table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.class-table td:first-child{align-items:center;gap:8px;display:flex}.class-badge{--mark:#8a8175;background:color-mix(in srgb, var(--mark) 18%, transparent);width:1.25rem;height:1.25rem;color:var(--mark);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mark) 42%, transparent);border-radius:6px;flex:none;place-items:center;display:inline-grid}.class-icon{width:.82rem;height:.82rem;display:block}.class-badge[data-label=Brilliant]{--mark:#e0b15a}.class-badge[data-label=Great]{--mark:#3fa36a}.class-badge[data-label=Best]{--mark:#5b8def}.class-badge[data-label=Excellent]{--mark:#3aa8a8}.class-badge[data-label=Good]{--mark:#9aa6b4}.class-badge[data-label=Book]{--mark:#c4925a}.class-badge[data-label=Inaccuracy]{--mark:#d2b15a}.class-badge[data-label=Mistake]{--mark:#e0944a}.class-badge[data-label=Miss]{--mark:#b07ad4}.class-badge[data-label=Blunder]{--mark:#e07a6a}.move-badge .class-badge{background:var(--mark);color:#1c160f;border-radius:999px;width:22px;height:22px;box-shadow:0 1px 4px #00000059}.moves button{align-items:center;gap:4px;display:inline-flex}.history-nav select{height:32px}details.side-card>summary{cursor:pointer;font-weight:650}.btn,a.btn{border:1px solid var(--line);background:var(--bg-raise);min-height:36px;color:var(--text);font:inherit;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.88rem;font-weight:650;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{background:var(--active)}.btn:disabled,.btn[aria-busy=true]{opacity:.5;cursor:default}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-danger{color:var(--danger);background:0 0;border-color:#d1654f73}.action-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-cards .action-bar{margin-top:auto}.action-more{position:relative}.action-more summary{cursor:pointer;list-style:none}.action-more summary::-webkit-details-marker{display:none}.action-menu{z-index:6;border:1px solid var(--line);background:var(--panel);min-width:180px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.action-menu button{text-align:left;background:0 0;border:0;border-radius:8px;justify-content:flex-start;width:100%;min-height:34px;padding:0 10px}.action-menu button:hover{background:var(--active)}.settings-page{flex-direction:column;gap:16px;max-width:1080px;display:flex}.nav-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:8px 8px 4px;font-size:.72rem;text-decoration:none}.nav-label.current,.nav-label:hover{color:var(--text)}.stage.home{flex:none;grid-template-columns:minmax(0,1fr);min-height:auto;overflow:visible}.stage.home .table{display:none}html:has(.stage.home){height:auto;min-height:100%}html:has(.stage.home) body{height:auto;min-height:100%}html:has(.stage.home) #root{height:auto;min-height:100%}:is(html:has(.stage.home) .shell,html:has(.stage.home) .shell-main,html:has(.stage.home) .app){height:auto;min-height:100dvh;overflow:visible}@media (width>=981px){html:has(.stage.home) .sidebar{align-self:start;height:100dvh;position:sticky;top:0}}.home-stage{grid-template-columns:minmax(0,1.45fr) minmax(250px,340px);align-items:start;gap:16px;width:min(1180px,100%);min-width:0;margin:0 auto;display:grid}.home-main,.home-side,.play-hero,.home-block,.home-panel-block,.opponent-list,.history-list{min-width:0}.home-main,.home-side{flex-direction:column;gap:14px;display:flex}.play-hero{background:radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 55%), var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:minmax(160px,280px) minmax(0,1fr);gap:18px;padding:18px;display:grid}.hero-board{min-width:0}.hero-board .thumb-frame,.hero-board .thumb{aspect-ratio:1;width:100%;height:auto}.hero-board p{color:var(--muted);margin:8px 0 0;font-size:.82rem}.hero-controls{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;display:flex}.hero-controls h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.05}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.hero-lead{color:var(--muted);margin:0}.hero-controls .seek-go,.hero-controls .seek-wait{align-self:stretch}.home-block,.home-panel-block{border-radius:18px;padding:16px}.home-block{border-top:1px solid var(--line);background:0 0}.home-panel-block{background:color-mix(in srgb, var(--panel) 88%, transparent);border:1px solid var(--line)}.home-block h2,.home-panel-block h2,.home-block-head h2{margin:0;font-size:1rem}.home-block-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.home-block-head a{color:var(--accent);font-size:.86rem;font-weight:650}.opponent-list,.history-list,.label-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.opponent-list li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.history-list li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.opponent-list li>div:first-of-type,.history-list li>div{min-width:0}.opponent-list strong,.history-list strong,.label-list span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.opponent-list span,.history-list span{color:var(--muted);font-size:.8rem;display:block}.opponent-list .seek-actions{justify-content:flex-end}.label-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:6px;display:flex}.evo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.evo-grid p{min-width:0;margin:0}.evo-grid strong{font-size:1.25rem;display:block}.evo-grid span{color:var(--muted);font-size:.72rem}.home-spark{width:100%;height:48px;display:block}.guest-name{flex-direction:column;gap:6px;width:100%;display:flex}.guest-name label{color:var(--muted);font-size:.8rem}.home-spark polyline{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}@media (width<=980px){.home-stage,.play-hero{grid-template-columns:minmax(0,1fr)}.hero-board{width:min(100%,320px);margin:0 auto}}@media (width<=640px){.opponent-list li{grid-template-columns:auto minmax(0,1fr)}.history-list li{grid-template-columns:minmax(0,1fr)}.opponent-list .seek-actions,.history-list .btn{grid-column:1/-1;justify-content:flex-start}.evo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-panel,.play-page{min-width:0}.home-name{max-width:520px}.home-name-row{align-items:center;gap:8px;display:flex}.home-name-row input{flex:auto;min-width:0;height:42px}.home-name-row .btn{flex:none;height:42px}.play-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.play-card{border:1px solid var(--line);background:var(--panel);min-height:132px;color:var(--text);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:6px;padding:16px;text-decoration:none;display:flex}.play-card:hover{background:var(--surface)}.play-card strong{font-size:1.05rem}.play-card span:last-child{color:var(--muted)}@media (width<=1100px){.play-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.play-grid{grid-template-columns:1fr}}.play-mark{background:var(--active);width:36px;height:36px;color:var(--accent);border-radius:10px;place-items:center;font-size:1.1rem;display:grid}.online-lobby{gap:16px;max-width:760px}.online-head h1{margin-bottom:4px}.seek-card,.seek-extra{flex-direction:column;gap:14px;display:flex}.seek-extra h2{margin:0;font-size:1.05rem}.time-picks,.option-row,.seek-actions{flex-wrap:wrap;gap:8px;display:flex}.time-pick{min-width:72px}.btn.on,.time-pick.on{background:var(--accent);color:var(--accent-ink);border-color:#0000}.seek-go{min-height:48px;font-size:1rem}.seek-wait{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:18px 8px;display:flex}.seek-wait p{margin:0;font-weight:680}.seek-spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite seek-spin}@keyframes seek-spin{to{transform:rotate(360deg)}}.settings-page .side-card{flex:none;overflow:hidden}.appearance-layout{grid-template-columns:minmax(0,1fr) minmax(200px,280px);align-items:start;gap:20px;display:grid}.appearance-controls{min-width:0}.appearance-controls h3,.preview-board h3{margin:12px 0 8px}.save-note{align-self:center;margin:0}.save-note.ok{color:var(--success)}.save-note.same{color:var(--warning)}.save-note.bad{color:var(--danger)}.piece-ghost{z-index:4;opacity:.35;filter:blur(.4px);pointer-events:none;width:12.5%;height:12.5%;position:absolute;transform:translate(-50%,-50%)}.thumb span.last-from{box-shadow:inset 0 0 0 3px #d7b07a73}.thumb span.last-to{box-shadow:inset 0 0 0 3px #d7b07ae6}.anim-pawn,.anim-shadow{pointer-events:none;z-index:2;width:12.5%;height:12.5%;position:absolute;left:56.25%;transform:translate(-50%,-50%)}.anim-pawn .piece,.anim-shadow .piece{width:100%;height:100%;display:block}.anim-pawn{animation:1.6s ease-in-out infinite anim-walk}.anim-demo.fast .anim-pawn{animation-duration:.7s}.anim-demo.slow .anim-pawn{animation-duration:2.6s}.anim-demo.instant .anim-pawn{animation:none;top:56.25%}.anim-shadow{opacity:.35;top:81.25%}.anim-dash{border-left:2px dashed var(--accent);pointer-events:none;z-index:1;height:25%;position:absolute;top:56.25%;left:56.25%;transform:translate(-50%)}@keyframes anim-walk{0%,15%{top:81.25%}70%,to{top:56.25%}}.stat-head{justify-content:space-between;align-items:end;gap:16px;display:flex}.stat-block{flex-direction:column;gap:8px;display:flex}.stat-block h2{margin:8px 0 0}.stat-line{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:6px 0;display:flex}@media (width<=860px){.appearance-layout{grid-template-columns:1fr}}.setting-head h1,.setting-head h2,.setting-head p{margin:0}.setting-head p,.settings-page h3{color:var(--muted);font-size:.9rem;font-weight:500}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;display:grid}.tile-grid.scheme-grid,.tile-grid.speeds{grid-template-columns:repeat(auto-fill,minmax(140px,180px))}.tile{border:1px solid var(--line);background:var(--bg);min-width:0;min-height:72px;color:inherit;text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;display:flex;overflow:hidden}.tile.on{border-color:var(--accent);background:var(--active);box-shadow:inset 0 0 0 1px var(--accent)}.scheme-sample{border:1px solid var(--line);border-radius:8px;width:100%;height:28px}.scheme-sample.dark{background:linear-gradient(90deg,#14161b 50%,#232830 50%)}.scheme-sample.light{background:linear-gradient(90deg,#e7e1d6 50%,#fffaf3 50%)}.scheme-sample.walnut{background:linear-gradient(90deg,#f3e6d0 50%,#8d6a45 50%)}.scheme-sample.slate{background:linear-gradient(90deg,#e4e7ec 50%,#6d7684 50%)}.scheme-sample.moss{background:linear-gradient(90deg,#e7efe2 50%,#5d7054 50%)}.tile-pieces{gap:4px;height:42px;display:flex;overflow:hidden}.tile-pieces .piece{width:42px;height:42px}.setting-row{background:var(--bg);border-radius:10px;min-height:36px;padding:8px 10px}.color-row{gap:8px;display:flex}.color-dot{border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0}.color-dot.on{border-color:var(--text)}.user-square{z-index:0;pointer-events:none;position:absolute;inset:0}.notes{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.notes line{fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.board-clear{z-index:6;background:var(--panel);position:absolute;bottom:8px;right:8px}.panel-tabs{border:1px solid var(--line);background:var(--bg-raise);border-radius:12px;padding:4px}.panel-tabs button{background:0 0;border:0;border-radius:8px;min-height:32px;padding:0 12px}.panel-tabs button.on{background:var(--panel);box-shadow:0 1px 2px #0000002e}@media (width<=720px){.game-cards{grid-template-columns:minmax(0,1fr)}.game-list .game-card{grid-template-columns:auto minmax(0,1fr)}.game-list .action-bar{grid-column:1/-1}.board-square{width:min(100%,248px)}}.landing{flex-direction:column;gap:28px;width:min(1080px,100%);min-width:0;margin:0 auto;padding-bottom:28px;display:flex}.landing-hero,.landing-band,.landing-close{min-width:0}.landing-hero{background:radial-gradient(90% 80% at 0% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%), var(--panel);border:1px solid var(--line);border-radius:24px;grid-template-columns:minmax(180px,420px) minmax(0,1fr);align-items:center;gap:28px;padding:22px;display:grid}.landing-hero .thumb,.landing-hero .thumb-frame,.landing-band .thumb,.landing-band .thumb-frame,.auth-art .thumb,.auth-art .thumb-frame{width:min(100%,420px);height:auto}.landing h1,.auth-panel h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.05}.landing-band{grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);align-items:center;gap:22px;padding:8px 4px 8px 0;display:grid}.landing-alt{background:color-mix(in srgb, var(--panel) 80%, transparent);border-radius:20px;grid-template-columns:minmax(180px,.9fr) minmax(0,1.1fr);padding:22px}.landing h2,.landing-close h2{margin:0 0 8px;font-size:clamp(1.3rem,2vw,1.8rem)}.landing p,.auth-panel p{margin:0}.landing .time-picks{margin:0;padding:0;list-style:none}.landing .time-picks li{background:var(--bg-raise);border:1px solid var(--line);border-radius:14px;place-items:center;min-width:72px;min-height:64px;font-size:1.05rem;font-weight:750;display:grid}.level-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.level-row li{background:var(--bg);border-radius:12px;min-width:0;padding:10px}.level-row strong,.level-row span{display:block}.level-row span{color:var(--muted);font-size:.78rem}.landing-close{padding:28px 8px}.landing-foot{border-top:1px solid var(--line);flex-wrap:wrap;gap:14px 18px;padding-top:12px;display:flex}.landing-foot a,.auth-back{color:var(--muted);font-size:.88rem}.auth-stage{background:radial-gradient(800px 420px at 15% 20%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 60%), var(--bg);grid-template-columns:minmax(240px,1fr) minmax(320px,480px);min-height:100dvh;display:grid}.auth-art,.auth-panel{flex-direction:column;justify-content:center;gap:14px;min-width:0;padding:32px;display:flex}.auth-art{text-align:center;color:var(--muted);align-items:center}.auth-panel{background:color-mix(in srgb, var(--panel) 92%, transparent);border-left:1px solid var(--line)}.auth-form{flex-direction:column;gap:12px;width:min(100%,420px);display:flex}.auth-form .field input,.auth-form .secret-row input{width:100%;min-height:44px}.secret-row{gap:8px;display:flex}.secret-row input{flex:1;min-width:0}.check-row{color:var(--muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.auth-benefits{margin:0;padding-left:18px}.google-btn{color:#1f1f1f;background:#fff;border-color:#dadce0;gap:10px}.google-mark{flex:none;width:18px;height:18px}@media (width<=900px){.landing-hero,.landing-band,.landing-alt,.auth-stage{grid-template-columns:minmax(0,1fr)}.auth-art{padding-bottom:0}.auth-art .thumb,.auth-art .thumb-frame{width:min(100%,220px)}.auth-panel{border-left:0;padding-top:12px}.level-row{grid-template-columns:repeat(2,minmax(0,1fr))}}