.mode-menu{display:flex;flex-direction:column;align-items:stretch;gap:.2rem}.mode-menu__item{display:block;width:100%;text-align:left;border:0;border-radius:8px;background:transparent;color:var(--text-muted);padding:.4rem .55rem;font:inherit;font-size:.95rem;line-height:1.3}.mode-menu__item:hover{color:var(--text);background:var(--surface-elevated)}.mode-menu__item--current{color:var(--text);font-weight:650;background:var(--surface-elevated);box-shadow:inset 3px 0 0 var(--accent)}.shell{min-height:100%;display:grid;grid-template-columns:11.5rem minmax(0,1fr);column-gap:1.75rem;row-gap:1rem;padding:1rem 1.25rem 1.5rem;max-width:1280px;margin:0 auto;align-items:start}.shell--creator .shell__tagline{opacity:.35}.shell__aside{display:flex;flex-direction:column;gap:1.35rem;position:sticky;top:1rem}.shell__brand{display:flex;align-items:center;gap:.75rem}.shell__logo{border-radius:10px;background:#ffffff0f}.shell__title{margin:0;font-size:1.35rem;letter-spacing:.02em}.shell__tagline{margin:.15rem 0 0;font-size:.85rem;color:var(--text-muted)}.shell__actions{display:flex;gap:.5rem}.btn{border:1px solid var(--border);background:var(--surface-elevated);color:var(--text);border-radius:999px;padding:.45rem .9rem}.btn:hover{border-color:var(--accent)}.btn--accent{background:var(--brand-cyan);border-color:var(--brand-cyan);color:#042f2e;font-weight:600}.btn--accent:hover{background:var(--brand-cyan-deep);border-color:var(--brand-cyan-deep);color:#fff}.shell__main{min-width:0;display:grid;justify-items:center;align-content:start;gap:.85rem}@media(max-width:720px){.shell{grid-template-columns:minmax(0,1fr)}.shell__aside{position:static}.mode-menu{flex-direction:row;flex-wrap:wrap}.mode-menu__item{width:auto}}.turn-stack{position:absolute;top:.2rem;right:.25rem;z-index:2;display:flex;flex-direction:column-reverse;align-items:stretch;gap:.05rem;pointer-events:none;font-variant-numeric:tabular-nums;line-height:1;text-align:right}.turn-stack__mark{display:block;font-size:.75rem;text-align:right;min-width:1.25em}.board-wrap{width:var(--board-max);display:grid;gap:.75rem;justify-items:center;position:relative}.board-root{width:100%;aspect-ratio:1;position:relative;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px var(--border),0 18px 50px #00000073;user-select:none;touch-action:manipulation;transition:transform .18s ease,box-shadow .35s ease}.board-root--black{transform:rotate(180deg)}.board-root--black .board-piece-stack{transform:translate(5.556%,5.556%) rotate(180deg)}.board-squares{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);z-index:1}.board-sq{border:0;padding:0;margin:0;cursor:default;position:relative}.board-sq--light .turn-stack{color:#0f172abf}.board-sq--dark .turn-stack{color:#ffffffeb}.board-root--black .turn-stack{top:auto;right:auto;bottom:.2rem;left:.25rem;flex-direction:column}.board-root--black .turn-stack__mark{transform:rotate(180deg)}.board-sq--light{background:var(--light-fill)}.board-sq--dark{background:var(--dark-fill)}.board-sq--last{box-shadow:inset 0 0 0 999px #ffdc5047}.board-sq--selected{box-shadow:inset 0 0 0 999px #2ec4b659}.board-sq--marked{box-shadow:inset 0 0 0 999px var(--brand-gold)}.board-sq--marking{cursor:pointer}.board-overlays{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.board-labels{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}.board-relations{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;overflow:visible}.board-marks{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;overflow:visible}.board-mark path{fill:none;stroke-width:.12;stroke-linecap:round;stroke-linejoin:round}.board-mark--correct path{stroke:#16a34a}.board-mark--wrong path{stroke:#e11d48}.board-mark--missing text{fill:#e11d48;font-size:.48px;font-weight:800;font-family:var(--font)}.rel-line{fill:none;stroke-width:5;stroke-opacity:.5;vector-effect:non-scaling-stroke;pointer-events:none}.rel-line--enemy-attacked{stroke:#e11d48}.rel-line--own-defends{stroke:#3b82f6}.legal-dot{fill:#14141447}.legal-ring{fill:none;stroke:#14141466;stroke-width:.08}.overlay-attacked,.overlay-unprotected{pointer-events:none}.overlay-attacked__ring,.overlay-unprotected__ring{fill:#dc50322e;stroke:#be2d1ee6;stroke-dasharray:.1 .07}.overlay-attacked__ring--ghost{fill:none;stroke:none}.overlay-attacked__badge{pointer-events:none}.overlay-attacked__badge-bg{fill:#be281ef2;stroke:#fff;stroke-width:.03}.overlay-attacked__badge--defender .overlay-attacked__badge-bg{fill:#16a34af2}.overlay-attacked__badge-text{fill:#fff;font-size:.22px;font-weight:700;font-family:var(--font);pointer-events:none}.board-pieces{position:absolute;inset:0;z-index:3;pointer-events:none}.board-piece-stack{--piece-scale: .9;position:absolute;width:calc(12.5% * var(--piece-scale));height:calc(12.5% * var(--piece-scale));pointer-events:auto;cursor:default;box-sizing:border-box;transform:translate(5.556%,5.556%);transition:left .12s ease,top .12s ease}.board-piece-stack--movable{cursor:pointer}.board-piece-stack--dragging{opacity:.25;transition:none}.board-piece-stack--selected .board-piece{filter:drop-shadow(0 0 4px rgba(46,196,182,.7))}.board-piece{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.22));transform-origin:center;transition:transform .28s ease}.board-piece-check{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.board-piece-check path{fill:none;stroke:#16a34a;stroke-width:12;stroke-linecap:round;stroke-linejoin:round}.board-piece--fallen{transform:rotate(90deg)}.board-sq--drop{box-shadow:inset 0 0 0 999px #2ec4b633}.board-drag-ghost{position:fixed;width:64px;height:64px;object-fit:contain;pointer-events:none;z-index:1000;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}body.chess-dragging,body.chess-dragging *{cursor:pointer!important;user-select:none!important}.promo{position:absolute;inset:0;display:grid;place-content:center;gap:.5rem;background:#050a14b8;border-radius:var(--radius);z-index:10;padding:1rem}.promo__label{margin:0;text-align:center;font-weight:600}.promo__choices{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.promo__btn{width:3.5rem;height:3.5rem;border:1px solid var(--border);background:var(--surface-elevated);border-radius:10px;padding:.25rem;display:grid;place-items:center;cursor:pointer}.promo__btn:hover{border-color:var(--accent);background:#2ec4b61f}.promo__piece{width:100%;height:100%;object-fit:contain;pointer-events:none}.eval-bar{width:var(--eval-bar-size, .45rem);align-self:stretch;height:auto;flex-shrink:0;border-radius:3px;overflow:hidden;background:#1a2336;position:relative;box-shadow:0 0 0 1px var(--border)}.eval-bar__white{position:absolute;left:0;right:0;bottom:0;background:#e8edf2;transition:height .25s ease}.eval-bar--white-top .eval-bar__white{bottom:auto;top:0}.blindfold{grid-area:quiz-stage;width:100%;display:grid;justify-items:center;gap:1.25rem;padding-bottom:.55rem}.blindfold__piece{margin:0;font-size:2rem;font-weight:650;line-height:1.2;letter-spacing:.02em}.blindfold__choices{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.blindfold__choice{min-height:2.6rem}.blindfold__choice:disabled{opacity:.45;cursor:default}.blindfold__choice:disabled:hover{border-color:var(--border)}.blindfold__feedback{margin:0;min-height:1.4em;text-align:center;color:var(--text);font-size:1rem;line-height:1.4}.game-controls{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:center;max-width:var(--board-max);width:100%;margin-top:0}.checkmate__name{grid-area:title;margin:0;width:100%;font-size:1.15rem;font-weight:650;line-height:1.3;text-align:center}.checkmate__toolbar{grid-area:search;width:100%;display:grid;grid-template-columns:1fr auto;grid-template-areas:"kind reveal";align-items:center;gap:.75rem}.checkmate__select{grid-area:kind;justify-self:start;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--text);font:inherit;padding:.45rem .6rem;width:auto;min-width:16rem;max-width:100%}.checkmate__reveal{grid-area:reveal;justify-self:end}.checkmate__reveal:disabled{opacity:.45;cursor:default}.horse-ride__toolbar{grid-area:search;width:100%;display:grid;grid-template-columns:1fr auto;grid-template-areas:"moves reveal";align-items:center;gap:.75rem}.horse-ride__toolbar .opening-search__moves{grid-area:moves;justify-self:start}.horse-ride__reveal{grid-area:reveal;justify-self:end}.activity{width:var(--board-max);max-width:100%;display:grid;gap:.2rem;padding-top:1rem;padding-bottom:2rem}.activity__months{display:grid;grid-template-columns:1.4rem repeat(53,minmax(0,1fr));column-gap:2px;font-size:.62rem;color:var(--text-muted);line-height:1}.activity__month{overflow:hidden;text-overflow:clip;white-space:nowrap}.activity__body{display:grid;grid-template-columns:1.4rem minmax(0,1fr);column-gap:2px;align-items:stretch}.activity__dow{display:grid;grid-template-rows:repeat(7,1fr);row-gap:2px;font-size:.58rem;color:var(--text-muted);line-height:1}.activity__dow span{display:flex;align-items:center}.activity__grid{display:grid;grid-template-columns:repeat(53,minmax(0,1fr));column-gap:2px}.activity__week{display:grid;grid-template-rows:repeat(7,1fr);row-gap:2px}.activity__cell{aspect-ratio:1;border-radius:2px;background:var(--activity-empty)}.activity__cell.is-today{box-shadow:inset 0 0 0 1px var(--text-muted)}.activity__cell.is-future{opacity:.35}.mode-heats{width:var(--board-max);max-width:100%;display:grid;gap:.35rem;padding-top:2.5rem}.mode-heat{display:grid;gap:.35rem}.mode-heat--current{padding-bottom:1.25rem;margin-bottom:.85rem;border-bottom:1px solid var(--border)}.mode-heat__title{margin:0;font-size:.95rem;font-weight:500;text-align:left;line-height:1.3;color:var(--text-muted)}.mode-heat .activity{width:100%;padding-top:.25rem;padding-bottom:1.25rem}.mode-placeholder{width:var(--board-max);max-width:100%;min-height:14rem;display:grid;align-content:start;gap:.6rem;text-align:center;padding-block:2.5rem}.mode-placeholder__title{margin:0;font-size:1.15rem;font-weight:650}.mode-placeholder__copy{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.45}.opening-insight{width:100%;max-width:100%;display:grid;gap:.7rem;color:var(--text);font-size:.95rem;line-height:1.45}.opening-insight p{margin:0;color:var(--text-muted);text-align:justify;hyphens:auto;transition:color .2s ease}.opening-insight__reading{color:var(--text)}.opening-search{position:relative;width:100%;min-width:0;max-width:none}.opening-search__moves{box-sizing:border-box;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--text);font:inherit;padding:.45rem .6rem;width:auto;min-width:7rem}.opening-search__input{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--text);font:inherit;padding:.45rem .6rem}.opening-search__input:focus{outline:2px solid var(--accent);outline-offset:1px}.opening-search__input::placeholder{color:var(--text-muted)}.opening-search__list{position:fixed;z-index:1000;list-style:none;margin:0;padding:.2rem 0;overflow:visible;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);box-shadow:0 14px 36px #00000073}.opening-search__list li{margin:0}.opening-search__hit{width:100%;text-align:left;border:0;background:transparent;color:var(--text);font:inherit;font-size:.88rem;line-height:1.25;padding:.4rem .5rem;border-radius:6px;cursor:pointer}.opening-search__hit:hover{background:#d4af372e;color:#fff}.opening-quiz__title{grid-area:title;margin:0;width:100%;font-size:1.15rem;font-weight:650;line-height:1.3;text-align:center}.opening-quiz{display:grid;grid-template-columns:minmax(0,var(--board-max));grid-template-areas:"sequence" "squares";row-gap:.35rem;box-sizing:border-box;width:100%;align-items:start}.opening-quiz__sequence{grid-area:sequence;margin:0;font-size:.95rem;font-weight:500;text-align:left;line-height:1.3;color:var(--text-muted)}.opening-quiz__squares{grid-area:squares;display:grid;gap:.35rem}.opening-quiz__turn-row{position:relative;display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"white . black";column-gap:.55rem;align-items:start;min-height:calc(var(--board-max) / 8 * .8)}.opening-quiz__turn-side{display:flex;flex-wrap:wrap;gap:.2rem;min-width:0}.opening-quiz__turn-side--white{grid-area:white;justify-content:flex-end}.opening-quiz__turn-side--black{grid-area:black;justify-content:flex-start}.opening-quiz__turn-row:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--border);transform:translate(-50%);pointer-events:none}.quiz-sq{position:relative;width:calc(var(--board-max) / 8 * .8);height:calc(var(--board-max) / 8 * .8);display:grid;place-items:center;border-radius:4px}.quiz-sq--light{background:var(--light-fill)}.quiz-sq--dark{background:var(--dark-fill)}.quiz-sq--light .turn-stack{color:#0f172abf}.quiz-sq--dark .turn-stack{color:#ffffffeb}.quiz-sq img{width:90%;height:90%;object-fit:contain;pointer-events:none}.opening-quiz__toolbar{grid-area:search;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"filter search reveal";align-items:center;gap:.45rem .75rem}.opening-quiz__toolbar:has(.opening-quiz__listen){grid-template-areas:"filter search reveal" ". . listen"}.opening-quiz__select{grid-area:filter;justify-self:start}.opening-quiz__toolbar .opening-search{grid-area:search;min-width:0}.opening-quiz__reveal{grid-area:reveal;justify-self:end}.opening-quiz__listen{grid-area:listen;justify-self:end}.tactic-alert__toolbar{grid-area:search;width:100%;display:grid;grid-template-columns:1fr auto;grid-template-areas:"kind reveal";align-items:center;gap:.75rem}.tactic-alert__select{grid-area:kind;justify-self:start;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;background:var(--surface-elevated);color:var(--text);font:inherit;padding:.45rem .6rem;width:auto;min-width:12rem}.tactic-alert__reveal{grid-area:reveal;justify-self:end}.tactic-alert__reveal:disabled{opacity:.45;cursor:default}.play-layout{display:grid;justify-content:center;justify-items:center;width:100%;min-width:0;gap:.85rem}.play-stage{width:100%;min-width:0;display:grid;justify-items:center}.play-area{--play-gutter: 1.25rem;--eval-bar-size: .45rem;--eval-bar-gap: .4rem;display:grid;grid-template-columns:minmax(0,var(--board-max));grid-template-areas:"rules" "controls" "board" "search" "quiz-stage";row-gap:.85rem;justify-content:center;align-items:start;width:100%;min-width:0}.play-area--opening{grid-template-areas:"rules" "controls" "title" "board" "search" "quiz-stage"}.play-area--blindfold{grid-template-areas:"rules" "quiz-stage"}.play-area--checkmate{grid-template-areas:"rules" "controls" "title" "board" "search"}.play-quiz{display:contents}.game-rules{grid-area:rules;width:100%;color:var(--text-muted);font-size:.9rem;line-height:1.4;text-align:center;padding-block:2.5rem}.game-rules p{margin:0}.opening-quiz-stage{grid-area:quiz-stage;width:100%;min-height:14rem;display:grid;align-items:start}.opening-quiz-stage:has(.opening-quiz--compact){min-height:0}.opening-quiz{position:relative;z-index:8;padding-bottom:.55rem}.play-board{grid-area:board;position:relative;width:100%}.play-board .board-wrap{width:100%}.play-board .eval-bar{position:absolute;top:0;bottom:0;left:calc(-1 * (var(--eval-bar-size) + var(--eval-bar-gap)))}.game-controls{grid-area:controls}.opening-insight{align-self:start;width:100%;min-width:0;display:flex;flex-direction:column;align-items:start;gap:.85rem}.play-controls{grid-area:controls}:root{--brand-gold: #d4af37;--brand-gold-deep: #a67c00;--brand-cyan: var(--brand-gold);--brand-cyan-deep: var(--brand-gold-deep);--brand-ink: #0f172a;--brand-paper: #f8fafc;--brand-muted: #64748b;--sq-light: #CFFFDC;--sq-dark: #2E6F40;--sq-light-tint-end: #CFFFDC;--sq-dark-tint-end: #2E6F40;--surface: #0b1220;--surface-elevated: #141c2e;--border: #243049;--text: #e2e8f0;--text-muted: #94a3b8;--accent: var(--brand-cyan);--danger: #f87171;--ok: #4ade80;--activity-empty: #1a2336;--radius: 12px;--font: "Segoe UI", system-ui, -apple-system, sans-serif;--board-max: min( calc(100vw - 16rem) , 72vh, 560px);--eval-norm: 0;--light-fill: var(--sq-light);--dark-fill: var(--sq-dark);--light-scale: 1;--dark-scale: 1}@media(max-width:720px){:root{--board-max: min(92vw, 72vh, 560px)}}[data-theme=creator]{--sq-light: #CFFFDC;--sq-dark: #2E6F40;--surface: #05080f}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(46,196,182,.18),transparent),var(--surface);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}