:root{--w: #efe9c9;--w-deep: #b8ac6e;--u: #3b93da;--u-deep: #0e68ab;--b: #b39ddb;--b-deep: #6a4f97;--r: #e35d54;--r-deep: #c0342b;--g: #4caf75;--g-deep: #1a7a45;--bg: #0c0f16;--bg-grad-1: #121826;--bg-grad-2: #0a0d14;--panel: #161c28;--panel-2: #1d2536;--panel-border: #2a3446;--ink: #e8ecf4;--ink-soft: #aab3c5;--ink-faint: #6f7a90;--ok: #4caf75;--ok-bg: rgba(76, 175, 117, .12);--bad: #e35d54;--bad-bg: rgba(227, 93, 84, .12);--accent: var(--w);--accent-deep: var(--w-deep);--radius: 14px;--radius-sm: 9px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}[data-accent=w]{--accent: var(--w);--accent-deep: var(--w-deep)}[data-accent=u]{--accent: var(--u);--accent-deep: var(--u-deep)}[data-accent=b]{--accent: var(--b);--accent-deep: var(--b-deep)}[data-accent=r]{--accent: var(--r);--accent-deep: var(--r-deep)}[data-accent=g]{--accent: var(--g);--accent-deep: var(--g-deep)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 600px at 80% -10%,rgba(255,255,255,.04),transparent 60%),radial-gradient(900px 500px at -10% 20%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%),linear-gradient(160deg,var(--bg-grad-1),var(--bg-grad-2));background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--serif);line-height:1.2;margin:0 0 .5em;letter-spacing:.01em}h1{font-size:clamp(1.9rem,4vw,2.9rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:1.2rem}p{margin:0 0 1em}.container{width:min(1080px,92vw);margin:0 auto}.narrow{width:min(760px,92vw);margin:0 auto}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:#0a0d14b8;border-bottom:1px solid var(--panel-border)}.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0}.brand{display:flex;align-items:center;gap:.6rem;font-family:var(--serif);font-size:1.2rem;color:var(--ink);font-weight:600}.brand:hover{text-decoration:none}.brand .mark{display:inline-flex}.nav-links{display:flex;gap:1.2rem;align-items:center}.nav-links a{color:var(--ink-soft);font-size:.92rem}.nav-links a:hover{color:var(--ink);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.2rem;border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--panel-2);color:var(--ink);font:inherit;font-weight:600;cursor:pointer;transition:transform .08s ease,border-color .15s ease,background .15s ease}.btn:hover{text-decoration:none;border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,white 0%),var(--accent-deep));border-color:var(--accent-deep);color:#0b0e14}.btn-primary:hover{border-color:var(--accent)}.btn-ghost{background:transparent}.panel{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--panel-border);border-radius:var(--radius);padding:1.4rem 1.5rem;box-shadow:var(--shadow)}.tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft);padding:.25rem .6rem;border:1px solid var(--panel-border);border-radius:999px}.tag.accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.mana{display:inline-grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;font-family:var(--serif);font-weight:700;font-size:.85em;color:#0b0e14;box-shadow:inset 0 0 0 1px #00000040,0 1px 2px #0006;user-select:none}.mana-w{background:radial-gradient(circle at 35% 30%,#fffef2,#e5dcae)}.mana-u{background:radial-gradient(circle at 35% 30%,#bfe3ff,#57a9e6);color:#06263f}.mana-b{background:radial-gradient(circle at 35% 30%,#d8cbe8,#9a86b0);color:#1a1020}.mana-r{background:radial-gradient(circle at 35% 30%,#ffb3a6,#e35d54);color:#3a0a06}.mana-g{background:radial-gradient(circle at 35% 30%,#a9e6bf,#4caf75);color:#062814}.site-footer{margin-top:4rem;border-top:1px solid var(--panel-border);padding:2rem 0 3rem;color:var(--ink-faint);font-size:.85rem}.site-footer a{color:var(--ink-soft)}.ring{transform:rotate(-90deg)}.ring-track{stroke:var(--panel-border)}.ring-fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .6s ease}.level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem}.level-card{position:relative;display:flex;flex-direction:column;gap:.6rem;padding:1.5rem;border-radius:var(--radius);border:1px solid var(--panel-border);background:linear-gradient(180deg,var(--panel),var(--panel-2));overflow:hidden;transition:transform .12s ease,border-color .15s ease}.level-card:hover{transform:translateY(-3px);border-color:var(--accent);text-decoration:none}.level-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--accent),transparent)}.level-card .lvl-num{font-family:var(--serif);font-size:3rem;line-height:1;color:var(--accent);opacity:.9}.level-card h2{margin:0;color:var(--ink)}.level-card .lvl-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.8rem}.lesson-list{display:flex;flex-direction:column;gap:.8rem}.lesson-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:var(--panel);transition:border-color .15s ease,transform .08s ease}.lesson-row:hover{border-color:var(--accent);text-decoration:none;transform:translate(2px)}.lesson-row .idx{flex:none;width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:50%;border:1px solid var(--panel-border);font-family:var(--serif);color:var(--ink-soft)}.lesson-row .grow{flex:1 1 auto;min-width:0}.lesson-row .lesson-title{color:var(--ink);font-weight:600}.lesson-row .lesson-sum{color:var(--ink-soft);font-size:.88rem}.status-dot{flex:none;font-size:.8rem;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--panel-border);color:var(--ink-faint)}.status-dot.done{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent);background:var(--ok-bg)}.locked{opacity:.55}.lesson-body h2{margin-top:2rem;color:var(--accent)}.lesson-body ul,.lesson-body ol{margin:0 0 1em;padding-left:1.3rem}.lesson-body li{margin-bottom:.4rem}.lesson-body strong{color:var(--ink)}.lesson-body em{color:var(--ink-soft)}.section{padding:1.3rem 1.5rem;border:1px solid var(--panel-border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--panel);margin-bottom:1rem}.section h3{color:var(--ink);margin-bottom:.6rem}.refs{display:flex;flex-wrap:wrap;gap:.6rem}.refs a{font-size:.85rem;padding:.4rem .8rem;border:1px solid var(--panel-border);border-radius:999px;color:var(--ink-soft)}.refs a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.card-figure{margin:0;display:inline-flex;flex-direction:column;align-items:center;gap:.35rem}.card-figure img{width:146px;max-width:40vw;border-radius:4.75%/3.4%;box-shadow:0 6px 18px #0000008c;background:#1a1c22;display:block}.card-figure figcaption{font-size:.78rem;color:var(--ink-faint);max-width:160px;text-align:center}.card-row{display:flex;flex-wrap:wrap;gap:.9rem;margin:.6rem 0}.quiz{display:flex;flex-direction:column;gap:1.1rem}.question{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);padding:1.3rem 1.4rem;margin:0}.question .scenario{background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px dashed color-mix(in srgb,var(--accent) 40%,transparent);border-radius:var(--radius-sm);padding:.8rem 1rem;margin-bottom:.9rem;font-size:.95rem}.question legend,.q-prompt{font-weight:600;font-size:1.05rem;margin-bottom:.8rem;padding:0}.options{display:flex;flex-direction:column;gap:.5rem}.option{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem .9rem;border:1px solid var(--panel-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .12s ease,background .12s ease;background:transparent;color:inherit;font:inherit;text-align:left;width:100%}.option:hover{border-color:var(--accent)}.option input{margin-top:.28rem;accent-color:var(--accent);flex:none}.option .opt-letter{font-family:var(--serif);font-weight:700;color:var(--ink-soft);flex:none}.quiz.graded .option{cursor:default}.option.correct{border-color:var(--ok);background:var(--ok-bg)}.option.wrong{border-color:var(--bad);background:var(--bad-bg)}.explanation{margin-top:.9rem;padding:.8rem 1rem;border-radius:var(--radius-sm);background:var(--panel-2);border-left:3px solid var(--accent);font-size:.92rem;color:var(--ink-soft)}.explanation strong{color:var(--ink)}.quiz-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-top:.5rem}.result-banner{padding:1.1rem 1.3rem;border-radius:var(--radius);font-weight:600;border:1px solid var(--panel-border)}.result-banner.pass{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.result-banner.fail{border-color:var(--bad);background:var(--bad-bg);color:var(--bad)}.result-banner .big{font-family:var(--serif);font-size:1.6rem;display:block}.train-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.4rem}.stat{flex:1 1 120px;text-align:center;padding:1rem;border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:var(--panel)}.stat .val{font-family:var(--serif);font-size:2rem;color:var(--accent);line-height:1}.stat .lbl{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin-top:.3rem}.streak-flame.hot .val{color:var(--r)}.train-pool{font-size:.85rem;color:var(--ink-faint);margin:-.6rem 0 1.2rem}.train-pool.cycled{color:var(--accent)}.crumb{font-size:.85rem;color:var(--ink-faint);margin:1.4rem 0 .6rem}.crumb a{color:var(--ink-soft)}.page-head{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}.page-head .grow{flex:1 1 320px}.hero{padding:3.2rem 0 1.5rem}.hero .lead{font-size:1.15rem;color:var(--ink-soft);max-width:60ch}.badge-complete{color:var(--ok);font-weight:600}.divider{height:1px;background:var(--panel-border);border:0;margin:2rem 0}.notice{padding:.9rem 1.1rem;border:1px solid var(--panel-border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink-soft);font-size:.92rem}@media(max-width:640px){.nav-links{gap:.8rem;font-size:.85rem}.nav-links .hide-sm{display:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}