:root{--font-display:"Baloo 2", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--disc-green:#2faa5a;--disc-green-hi:#43c673;--disc-gray:#3c4250;--disc-gray-hi:#525a6b;--board:#ecd9ad;--board-edge:#d9c089;--hole:#fbf4e3;--hole-in:#efe3c7;--eval-good:#2bb462;--eval-good-bg:#e3f7ea;--eval-mid:#f5a623;--eval-mid-bg:#fdf0d9;--eval-bad:#e8543e;--eval-bad-bg:#fbe4df;--zone-highlight:#5b9bd5;--zone-color-0:#5b9bd5;--zone-color-1:#e8543e;--zone-color-2:#2faa5a;--zone-color-3:#8b5cf6;--threat-green:#2faa5a4d;--threat-gray:#3c425042;--threat-red:#e8543e4d;--claim:#f5a62366;--lock:#c7c2b8;--lock-bg:#efece6;--bg-home:#fbf4e8;--bg-lessons:#e8f0fb;--bg-chal:#fdeede;--bg-spar:#efe9fb;--radius:22px;--radius-sm:14px;--shadow:0 8px 24px #3a34281a, 0 2px 6px #3a34280f;--shadow-sm:0 3px 10px #3a34281a;--ink:#2b2a28;--ink-soft:#6b6862;--ink-faint:#a6a299;--line:#ece7dd;--card:#fff}@keyframes drop{0%{opacity:.6;transform:translateY(-320px)scale(.82)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #2bb462e6}50%{box-shadow:0 0 0 6px #2bb46240}}@keyframes bubbleIn{0%{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(60px)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes zhPulse{0%,to{box-shadow:0 0 0 2.5px var(--zh-color,var(--zone-highlight))}50%{box-shadow:0 0 0 5px var(--zh-color-soft,#5b9bd559)}}:root{--red:#e8392e;--red-g:#e8392e4d;--yellow:#f5b820;--yellow-g:#f5b8204d;--green:#22c55e;--green-g:#22c55e33;--teal:#0d9488;--radius:16px;--radius-sm:8px;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:#fbf4e8;font-family:-apple-system,SF Pro Text,Helvetica Neue,sans-serif}.dark-surface{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);--bg:#0d1520;--surface:#162032;--surface-2:#1e2d42;--surface-3:#253347;--border:#2d4060;--border-dim:#1a2840;--text:#e2eaf5;--text-sub:#8ba3c0;--text-muted:#4a6480}*,:before,:after{box-sizing:border-box}body{background:#fbf4e8;min-height:100svh;margin:0}#root{background:#fbf4e8;flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;display:flex;position:relative}h1,h2,h3{letter-spacing:-.4px;color:var(--ink);margin:0;font-weight:800}p{margin:0}.btn{font-family:var(--font-display);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px 22px;font-size:16px;font-weight:700;transition:transform 80ms,filter .15s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.995)}.btn-primary{background:var(--disc-green);color:#fff;box-shadow:0 6px #228245}.btn-primary:active{transform:translateY(4px);box-shadow:0 2px #228245}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 6px #228245}.btn-ghost{color:var(--ink);background:#0000000d}.btn-ghost:hover{background:#00000014}.btn-dark{background:var(--ink);color:#fff;box-shadow:0 6px #100f0e}.btn-dark:active{transform:translateY(4px);box-shadow:0 2px #100f0e}.sheet-backdrop{z-index:50;background:#1e1a1480;animation:.25s backdropFade;position:fixed;inset:0}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.modal-card{z-index:55;text-align:center;background:#fff;border-radius:24px;padding:26px 22px;animation:.3s cubic-bezier(.2,.9,.3,1.2) modalPopIn;position:fixed;top:50%;left:24px;right:24px;transform:translateY(-50%);box-shadow:0 20px 50px #0000004d}.modal-card h1,.modal-card h2,.modal-card h3{color:var(--ink)}.modal-card input{color:var(--ink);background:#fff}@keyframes modalPopIn{0%{transform:translateY(-50%)scale(.92)}to{transform:translateY(-50%)scale(1)}}.game-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;border:none;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:transform .12s,box-shadow .15s;display:flex}.game-card:active{transform:scale(.98)}.gc-board{flex-shrink:0}.gc-info{flex-direction:column;flex:1;gap:3px;display:flex;overflow:hidden}.gc-top{align-items:center;gap:8px;display:flex}.gc-outcome{border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.gc-outcome.won{background:var(--eval-good-bg);color:#1c8a4a}.gc-outcome.lost{background:var(--eval-bad-bg);color:#b03030}.gc-outcome.draw{color:var(--ink-soft);background:#e9eaec}.gc-date{color:var(--ink-faint);margin-left:auto;font-size:12px}.gc-meta{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.gc-blunders{color:var(--eval-warn,#b07800);font-size:11px;font-weight:600}.gc-blunder-chip{color:#b07800;background:#fdf0d9;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.gc-no-blunder-chip{color:#1c8a4a;background:var(--eval-good-bg);border-radius:999px;align-items:center;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.outcome-chip{border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.outcome-chip.won{background:var(--eval-good-bg);color:#1c8a4a}.outcome-chip.lost{background:var(--eval-bad-bg);color:#b03030}.outcome-chip.draw{color:var(--ink-soft);background:#e9eaec}