:root{--ground:#fcfcfb;--ink:#1a1a18;--muted:#85857c;--faint:#b4b4ab;--hairline:#e5e5de;--accent:#3e7a52;--loss:#a05548;--sq-light:#f1f0ea;--sq-dark:#dbd9ce;--piece-light:#fcfcfb;--piece-dark:#1a1a18;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ground:#131412;--ink:#e9e9e2;--muted:#8b8b81;--faint:#5c5c54;--hairline:#2a2b26;--accent:#74b08a;--loss:#c07a6c;--sq-light:#22231f;--sq-dark:#1a1b17;--piece-light:#e9e9e2;--piece-dark:#080907}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-variant-numeric:tabular-nums;overscroll-behavior:none;min-height:100dvh;font-family:system-ui,Helvetica Neue,sans-serif}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none}.app{flex-direction:column;max-width:420px;height:100dvh;margin:0 auto;display:flex}.topbar{padding:calc(env(safe-area-inset-top) + 16px) 20px 16px;border-bottom:1px solid var(--hairline);justify-content:space-between;gap:12px;display:flex}.resource{flex-direction:column;gap:2px;display:flex}.resource:last-child{align-items:flex-end}.resource-value{letter-spacing:-.01em;font-size:1.75rem;font-weight:300;line-height:1}.resource-label,.stats dt,.stage-chip{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem;font-weight:500}.content{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.screen{padding:0 20px calc(env(safe-area-inset-bottom) + 24px);flex-direction:column;display:flex}.tabbar{border-top:1px solid var(--hairline);padding-bottom:env(safe-area-inset-bottom);display:flex}.tab{min-height:52px;color:var(--muted);flex:1;font-size:.85rem;font-weight:500;position:relative}.tab.active{color:var(--ink);box-shadow:inset 0 2px 0 var(--accent)}.dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-left:5px;position:absolute;top:13px}.section{border-bottom:1px solid var(--hairline);flex-direction:column;gap:8px;padding:20px 0;display:flex}.section:last-child{border-bottom:none}.section h2{letter-spacing:-.01em;font-size:1rem;font-weight:600}.muted{color:var(--muted);font-size:.85rem}.lead{padding:20px 0 0}.empty{text-align:center;color:var(--muted);padding:40px 20px}.notice{color:var(--accent);padding:12px 0;font-size:.85rem}.rival-line{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.rating-chip{color:var(--muted);font-size:.85rem;font-weight:500}.board{aspect-ratio:1;border:1px solid var(--hairline);-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;margin:4px 0;position:relative}.board-squares{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.square.light{background:var(--sq-light)}.square.dark{background:var(--sq-dark)}.square.highlighted{box-shadow:inset 0 0 0 2px var(--accent)}.piece{will-change:transform;pointer-events:none;justify-content:center;align-items:center;width:12.5%;height:12.5%;font-size:min(8vw,4.6dvh);line-height:1;transition-property:transform;transition-timing-function:cubic-bezier(.3,.9,.35,1);display:flex;position:absolute;top:0;left:0}.piece.white{color:var(--piece-light);text-shadow:0 1px 0 var(--piece-dark), 0 -1px 0 var(--piece-dark), 1px 0 0 var(--piece-dark), -1px 0 0 var(--piece-dark)}.piece.black{color:var(--piece-dark);text-shadow:0 1px 0 var(--piece-light), 0 -1px 0 var(--piece-light), 1px 0 0 var(--piece-light), -1px 0 0 var(--piece-light)}.eval-bar{background:var(--hairline);height:2px;overflow:hidden}.eval-fill{background:var(--accent);height:100%;transition:width .3s}.status-line{color:var(--muted);justify-content:space-between;gap:12px;font-size:.82rem;display:flex}.blunder{color:var(--loss);font-weight:600}.result-card strong{font-size:.95rem;font-weight:600}.result-card p{color:var(--muted);font-size:.85rem}.result-card.win strong{color:var(--accent)}.result-card.loss strong{color:var(--loss)}.unlock{color:var(--accent);font-weight:500}.controls{flex-direction:column;gap:12px;padding:20px 0;display:flex}.button-row{gap:8px;display:flex}.chip{border:1px solid var(--hairline);min-height:44px;color:var(--muted);flex:1;font-size:.88rem;font-weight:500}.chip.active{border-color:var(--ink);color:var(--ink)}.chip:disabled{color:var(--faint);border-color:var(--hairline)}.toggle{min-height:44px;color:var(--muted);align-items:center;gap:10px;font-size:.88rem;display:flex}.toggle input{width:20px;height:20px;accent-color:var(--accent)}.tip{color:var(--muted);font-size:.85rem}.stage-chip.learned{color:var(--accent)}.pips{gap:4px;margin:2px 0;display:flex}.pip{background:var(--hairline);width:100%;height:2px}.pip.filled{background:var(--accent)}.next-effect{font-size:.85rem}.next-effect.mastered{color:var(--faint)}.buy{background:var(--ink);min-height:44px;color:var(--ground);margin-top:4px;font-size:.88rem;font-weight:500}.buy:disabled{border:1px solid var(--hairline);color:var(--faint);background:0 0}.danger{border:1px solid var(--hairline);min-height:44px;color:var(--loss);font-size:.88rem;font-weight:500}.rival-list{flex-direction:column;list-style:none;display:flex}.rival-row{border-top:1px solid var(--hairline);text-align:left;width:100%;min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.rival-row.selected{color:var(--ink)}.rival-name{align-items:baseline;gap:8px;font-size:.9rem;display:flex}.rival-row.selected .rival-name,.boss-mark{font-weight:600}.beaten{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.68rem;font-weight:500}.stats{grid-template-columns:1fr 1fr;gap:16px 12px;margin-top:4px;display:grid}.stats dd{margin-top:2px;font-size:1.1rem;font-weight:300}.save-box{border:1px solid var(--hairline);width:100%;color:var(--muted);resize:vertical;background:0 0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}@media (prefers-reduced-motion:reduce){.piece{transition-duration:0s!important}}