:root{--bg: #0f172a;--panel: #1e293b;--panel-2: #273449;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #818cf8;--accent-strong: #6366f1;--good: #34d399;--bad: #f87171;--warn: #fbbf24}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent)}h1{font-size:1.7rem;margin:0 0 .5rem}h2{font-size:1.2rem;margin:0 0 .5rem}h3{margin:.25rem 0}.topbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem;background:#0f172aeb;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{font-weight:700;text-decoration:none;color:var(--text);white-space:nowrap}.topbar nav{display:flex;gap:.25rem;flex-wrap:wrap}.topbar nav a{color:var(--muted);text-decoration:none;padding:.35rem .7rem;border-radius:.5rem;font-size:.95rem}.topbar nav a:hover{color:var(--text);background:var(--panel)}.topbar nav a.active{color:var(--text);background:var(--panel-2)}main{flex:1;width:100%;max-width:60rem;margin:0 auto;padding:1.5rem 1rem 3rem}.footer{text-align:center;padding:1rem;font-size:.85rem;border-top:1px solid var(--border)}section{margin-bottom:1.75rem}.lead{color:var(--muted);max-width:46rem}.muted{color:var(--muted)}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}.center{text-align:center}.card{background:var(--panel);border:1px solid var(--border);border-radius:.9rem;padding:1.1rem 1.25rem}.btn{display:inline-block;font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:.6rem;padding:.55rem 1.1rem;cursor:pointer;text-decoration:none;text-align:center;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn.primary{background:var(--accent-strong);border-color:var(--accent-strong)}.btn.primary:hover:not(:disabled){background:var(--accent)}.btn.danger{border-color:var(--bad);color:var(--bad)}.btn.small{padding:.25rem .6rem;font-size:.85rem}.btn:disabled{opacity:.55;cursor:default}.btn-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.75rem}.hero p{max-width:46rem;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem}.stat{text-align:center;text-decoration:none;color:var(--text)}.stat-value{display:block;font-size:1.9rem;font-weight:700}.stat-value.accent{color:var(--accent)}.stat-label{color:var(--muted);font-size:.85rem}.path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem}.path{text-decoration:none;color:var(--text);position:relative}.path p{color:var(--muted);font-size:.92rem;margin-bottom:0}.path:hover{border-color:var(--accent)}.path-step{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--accent-strong);font-weight:700;font-size:.95rem}.tip p{margin-bottom:0;color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:.9rem;overflow:hidden}th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--border);vertical-align:top}tr:last-child td{border-bottom:none}th{color:var(--muted);font-weight:600;font-size:.85rem;background:var(--panel-2)}.digit-cell{font-size:1.15rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.sounds-cell{font-weight:600}td.actions{white-space:nowrap}td.actions .btn{margin:0 .15rem .15rem 0}.decomposition{display:inline-flex;gap:.2rem;flex-wrap:wrap;align-items:flex-end}.seg{display:inline-flex;flex-direction:column;align-items:center;background:var(--panel-2);border:1px solid var(--border);border-radius:.4rem;padding:.15rem .4rem;line-height:1.2}.seg-mute{color:var(--muted);background:none;border-color:transparent;padding:.15rem .1rem;align-self:center}.seg-text{font-weight:600}.seg-digit{font-size:.75rem;color:var(--accent);font-weight:700}.quiz-box{margin-top:1.5rem}.quiz-progress{font-size:.85rem;margin-bottom:.35rem}.quiz-prompt{font-size:1.2rem;margin:.25rem 0 .9rem}.quiz-result{font-size:1.3rem;font-weight:700}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem;margin-bottom:.75rem}.btn.option.correct{border-color:var(--good);color:var(--good)}.btn.option.wrong{border-color:var(--bad);color:var(--bad)}.train-start{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.75rem}.start-option p{min-height:3em}.flashcard{max-width:34rem;margin:0 auto;text-align:center;padding:1.5rem}.flash-prompt{font-size:2rem;font-weight:700;margin:.5rem 0 1.25rem}.flash-prompt.is-number{font-size:3rem;letter-spacing:.1em;color:var(--accent);font-variant-numeric:tabular-nums}.typed-form{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:.6rem;padding:.55rem .8rem}input:focus,select:focus{outline:2px solid var(--accent-strong);border-color:var(--accent-strong)}#feedback{margin-top:.75rem}.feedback-decomp{margin:.5rem 0 .9rem}.session-summary{max-width:30rem;margin:2rem auto;text-align:center}.session-summary .btn-row{justify-content:center}.peg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:.75rem;margin-bottom:1rem}.peg{text-align:center;padding:.9rem .75rem}.peg-num{font-size:1.6rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.peg-word{font-size:1.1rem;font-weight:600;margin-bottom:.4rem}.peg-decomp{display:flex;justify-content:center;margin-bottom:.5rem}.peg-progress{display:flex;flex-direction:column;align-items:center;gap:.2rem}.dots{display:inline-flex;gap:.2rem}.dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--border)}.dot.on{background:var(--good)}.setup-card{max-width:30rem}.setup-row{margin:.6rem 0;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.number-stage{max-width:36rem;margin:1.5rem auto;text-align:center;padding:1.5rem}.big-number{font-size:clamp(2rem,8vw,3.2rem);font-weight:700;letter-spacing:.12em;color:var(--accent);font-variant-numeric:tabular-nums;margin:.75rem 0;white-space:pre}.hint-words{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.hint-word{background:var(--panel-2);border:1px solid var(--border);border-radius:.5rem;padding:.3rem .7rem}.hint-word strong{color:var(--accent);margin-right:.3rem}.pair-results{display:flex;flex-direction:column;gap:.4rem;max-width:20rem;margin:1rem auto;text-align:left}.pair-result{display:flex;align-items:center;gap:.7rem;border:1px solid var(--border);border-radius:.6rem;padding:.45rem .75rem}.pair-result.ok{border-color:var(--good)}.pair-result.fail{border-color:var(--bad)}.pair-num{font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.pair-word{flex:1}.number-stage .btn-row{justify-content:center}.editor-form form{max-width:28rem}.form-row{display:flex;align-items:center;gap:.75rem;margin:.6rem 0}.form-row label{width:4rem;color:var(--muted)}.form-row input{flex:1}.validation p{margin:.5rem 0}.badge{font-size:.7rem;border:1px solid var(--border);color:var(--muted);border-radius:.4rem;padding:.05rem .35rem;vertical-align:middle}.badge.custom{border-color:var(--accent);color:var(--accent)}.data-tools{margin-top:1.5rem}.palace-head{display:flex;align-items:center;gap:.9rem;margin-bottom:.5rem;flex-wrap:wrap}.palace-head h1{margin:0}.room-count{font-size:.95rem;font-weight:400}.scene-wrap{border:1px solid var(--border);border-radius:.9rem;overflow:hidden;background:#141b2e;margin:.75rem 0}.scene{display:block;width:100%;height:auto}.locus{cursor:pointer;transition:filter .12s}.locus:hover{filter:brightness(1.25) drop-shadow(0 0 6px rgba(129,140,248,.8))}.locus.active{filter:brightness(1.15)}.locus.flash-ok{filter:brightness(1.4) drop-shadow(0 0 10px rgba(52,211,153,.9))}.locus.flash-bad{filter:brightness(.9) drop-shadow(0 0 10px rgba(248,113,113,.9))}.locus-badge circle{fill:var(--accent-strong);stroke:#fff;stroke-width:2.5}.locus-badge text{fill:#fff;font-size:19px;font-weight:700;font-family:system-ui,sans-serif}.locus-ring{fill:none;stroke:var(--accent);stroke-width:5;stroke-dasharray:14 10;pointer-events:none;animation:ring-pulse 1.6s ease-in-out infinite}@keyframes ring-pulse{0%,to{opacity:1;stroke-width:5}50%{opacity:.45;stroke-width:8}}.explore-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.minimap{display:flex;gap:.35rem;flex-wrap:wrap}.map-dot{width:.9rem;height:.9rem;border-radius:50%;border:2px solid var(--border);background:var(--panel);cursor:pointer;padding:0}.map-dot.visited{background:var(--good);border-color:var(--good)}.map-dot.current{border-color:var(--accent);outline:2px solid var(--accent)}.locus-info h3{margin-top:0}.tap-status{min-height:1.5em;font-weight:600}.place-instruction{margin-bottom:.5rem}.place-instruction p{margin:.35rem 0}.accent-text{color:var(--accent)}.flash-sub{font-size:1rem;font-weight:400}.option-sub{display:block;font-size:.75rem;color:var(--muted);font-weight:400}.session-summary.wide{max-width:40rem}.big-number.small-gap{letter-spacing:.08em;font-size:clamp(1.5rem,6vw,2.4rem)}@media (max-width: 600px){main{padding:1rem .75rem 2.5rem}.flash-prompt.is-number{font-size:2.4rem}}