.learn{max-width:1180px;padding:24px var(--gutter) 56px;margin:0 auto}.learn-head{max-width:760px}.learn-head h1{margin:6px 0 12px;font-size:clamp(2rem,1.5rem + 2.2vw,2.9rem)}.game{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-top:18px;padding:16px}.game-steps{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin:0 0 10px;padding:0;font-weight:650;list-style:none;display:flex}.game-steps li{align-items:center;gap:8px;display:inline-flex}.game-step-n{border:2px solid var(--line-strong);width:26px;height:26px;color:var(--ink-2);border-radius:50%;place-items:center;font-size:.85rem;display:inline-grid}.game-steps li[aria-current=step]{color:var(--ink)}.game-steps li[aria-current=step] .game-step-n{border-color:var(--ember);background:var(--ember);color:var(--on-accent)}.game-steps li.is-done .game-step-n{border-color:var(--accent);color:var(--accent)}.game-steps li.is-done .game-step-n:after{content:"✓";position:absolute}.game-steps li.is-done .game-step-n{color:#0000;position:relative}.game-steps li.is-done .game-step-n:after{color:var(--accent)}.game-status{min-height:1.5em;color:var(--ink-2);margin:0 0 12px;font-weight:600}.game-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.game-view-title{margin:0 0 4px;font-size:1.25rem}.game-hint{color:var(--ink-2);margin:0 0 10px;font-size:.95rem}.game-view-host{min-height:380px}.game-sight{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;align-items:center;gap:16px;margin-top:12px;padding:10px 12px;display:flex}.game-sight-text p{margin:0 0 6px}.game-reading{font-size:1.05rem}.game-reading strong{font:700 1.4rem/1 var(--font-serif);color:var(--ember);font-variant-numeric:tabular-nums}.game-map{border:1px solid var(--line-strong);background:var(--bg);border-radius:12px;height:420px;overflow:hidden}.game-map-key{margin:6px 0 0}.game-result{border:1px solid var(--line);border-left:5px solid var(--ember);background:var(--surface);border-radius:10px;margin-top:12px;padding:12px 14px}.game-result h3{margin:0 0 6px;font-size:1.2rem}.game-score{margin:0 0 8px;font-weight:600}.game-stars{letter-spacing:2px;color:var(--amber);margin-right:6px;font-size:1.3rem}.game-result .kv>div{grid-template-columns:minmax(96px,34%) minmax(0,1fr)}.ring-svg{display:block}.ring-rim{fill:var(--surface);stroke:var(--ink-2);stroke-width:1.2px}.ring-map{fill:color-mix(in srgb, var(--accent) 12%, var(--surface));stroke:var(--line-strong);stroke-width:.6px}.ring-ticks line{stroke:var(--ink-2)}.ring-labels text{font:800 7.5px var(--font-sans);fill:var(--ink);text-anchor:middle}.ring-bar{stroke:var(--ember);stroke-width:1.4px}.ring-front{fill:var(--ember)}.ring-rear,.ring-pin{fill:var(--ink)}.ring-sight{transition:transform 80ms linear}.history{max-width:760px;margin-top:36px}.history h2{margin:0 0 8px;font-size:1.6rem}.history h3{margin:22px 0 6px;font-size:1.15rem}.history p{line-height:1.65}.history sup a{padding:0 1px;font-weight:700;text-decoration:none}.footnotes{border-top:1px solid var(--line);color:var(--ink-2);margin-top:1.6em;padding-top:.8em;font-size:.9rem}.footnotes ol{margin:0;padding-left:1.4em}.footnotes li{margin-bottom:.4em}.footnotes li:target{background:var(--amber-soft);border-radius:4px}@media (max-width:899px){.game{padding:12px}.game-grid{grid-template-columns:minmax(0,1fr)}.game-map{height:320px}.game-view-host{min-height:300px}}@media (max-width:480px){.game-sight{flex-direction:column;align-items:flex-start}}.game-buttons{flex-wrap:wrap;gap:8px;margin:8px 0 4px;display:flex}