.shell{min-height:100%;display:grid;grid-template-rows:auto 1fr;gap:1rem;padding:1rem 1.25rem 1.5rem;max-width:1280px;margin:0 auto}.shell--creator .shell__tagline{opacity:.35}.shell__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap: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{display:grid;place-items:start center}.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-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}.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--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}.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}.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}.opening-insight{width:100%;max-width:100%;display:grid;gap:.7rem;color:var(--text);font-size:.95rem;line-height:1.45}.opening-insight__head{position:relative;display:block;width:100%}.opening-insight__name{box-sizing:border-box;width:calc(100% - 6rem);max-width:100%;margin:0;margin-inline:auto;font-size:1.15rem;font-weight:650;line-height:1.3;text-align:center;overflow-wrap:anywhere;transition:color .2s ease}.opening-insight__speak{position:absolute;top:0;right:0;flex-shrink:0;padding:.28rem .7rem;font-size:.82rem}.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:11rem;max-width:14rem;display:grid;align-content:start;gap:.35rem}.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}.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}.opening-quiz{display:grid;grid-template-columns:minmax(0,var(--board-max));grid-template-areas:"name" "squares";row-gap:.55rem;box-sizing:border-box;width:100%;align-items:start}.opening-quiz__name{grid-area:name;margin:0;font-size:1.15rem;font-weight:650;line-height:1.3;text-align:center}.opening-quiz__squares{grid-area:squares;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;grid-template-areas:"wl rule bl" "wd rule bd";column-gap:.55rem;row-gap:.35rem;align-items:start}.opening-quiz__cell{display:flex;flex-wrap:wrap;gap:.2rem;min-width:0;min-height:calc(var(--board-max) / 8 * .8)}.opening-quiz__cell--white.opening-quiz__cell--light{grid-area:wl;justify-content:flex-end}.opening-quiz__cell--black.opening-quiz__cell--light{grid-area:bl;justify-content:flex-start}.opening-quiz__cell--white.opening-quiz__cell--dark{grid-area:wd;justify-content:flex-end}.opening-quiz__cell--black.opening-quiz__cell--dark{grid-area:bd;justify-content:flex-start}.opening-quiz__rule{grid-area:rule;width:1px;align-self:stretch;background:var(--border)}.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}.quiz-sq__x{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.quiz-sq__x line{stroke:currentColor;stroke-width:5;stroke-opacity:.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.quiz-sq--light .quiz-sq__x{color:#0f172a}.quiz-sq--dark .quiz-sq__x{color:#fff}.opening-quiz__bar{grid-area:quiz-bar;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;width:100%;flex-shrink:0}.opening-quiz__go{width:37.5%}.opening-quiz__bar .opening-search{flex:0 0 37.5%;width:37.5%;margin-left:auto;min-width:0;max-width:none}.opening-quiz__score{font-size:.95rem;font-weight:600;line-height:1;color:var(--text-muted)}.opening-quiz__score--won{color:#16a34a}.opening-quiz__score--lost{color:#e11d48}.play-layout{display:grid;justify-content:center;width:100%}.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:"quiz-stage" "quiz-bar" "board" "controls" "heat";row-gap:.85rem;justify-content:center;align-items:start;width:100%;min-width:0}.play-quiz{display:contents}.opening-quiz-stage{grid-area:quiz-stage;width:100%;min-height:14rem;display:grid;align-items:start}.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)))}.activity{grid-area:heat}.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(92vw, 72vh, 560px);--eval-norm: 0;--light-fill: var(--sq-light);--dark-fill: var(--sq-dark);--light-scale: 1;--dark-scale: 1}[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}