*,:before,:after{box-sizing:border-box}body{background:#0f0f14;margin:0;padding:0}#root{width:100%}.tree-wrap{flex-direction:column;align-items:stretch;width:100%;display:flex}.zoom-controls{justify-content:flex-end;align-items:center;gap:6px;margin-bottom:8px;display:flex}.zoom-btn{color:#e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1a1a2e;border:1px solid #2e3048;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:17px;font-weight:700;transition:background .15s;display:flex}.zoom-btn:hover,.zoom-btn:active{background:#2d3a5a}.zoom-fit{font-size:14px}.zoom-reset{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1a1a2e;border:1px solid #2e3048;border-radius:7px;min-width:46px;height:32px;padding:2px 10px;font-family:Courier New,monospace;font-size:12px;transition:background .15s}.zoom-reset:hover,.zoom-reset:active{background:#2d3a5a}.tree-scroll{-webkit-overflow-scrolling:touch;background:#0d0d18;border-radius:8px;width:100%;max-height:420px;padding:4px;overflow:auto}.tree-svg{display:block}.t-edge{stroke:#2e3048;stroke-width:1.2px;transition:stroke .15s}.t-edge.e-dot{stroke:#7ee8a2;stroke-width:2px}.t-edge.e-dash{stroke:#f87171;stroke-width:2px}.t-node{fill:#1a1a2e;stroke:#2e3048;stroke-width:1px;transition:fill .15s,stroke .15s}.t-node.t-reached{fill:#1a3a2a;stroke:#3d8a5e}@keyframes node-pulse{0%,to{filter:drop-shadow(0 0 3px #7ee8a2)}50%{filter:drop-shadow(0 0 10px #7ee8a2)}}.t-node.t-current{fill:#2d6b4a;stroke:#7ee8a2;stroke-width:2px;animation:.4s ease-in-out infinite node-pulse}@keyframes final-glow{0%,to{filter:drop-shadow(0 0 6px #7ee8a2)}50%{filter:drop-shadow(0 0 16px #7ee8a2)}}.t-node.t-final{fill:#7ee8a2;stroke:#7ee8a2;stroke-width:2px;animation:.6s ease-in-out infinite final-glow}.nl{text-anchor:middle;dominant-baseline:central;pointer-events:none;fill:#64748b;font-family:Courier New,monospace;font-weight:700}.nl-root{fill:#94a3b8;font-size:11px}.nl-1{font-size:14px}.nl-2{font-size:13px}.nl-3{font-size:12px}.nl-4{font-size:10px}.nl-active{fill:#e2e8f0}.t-final~text,.t-node.t-final+text{fill:#0f1914}.branch-lbl{text-anchor:middle;fill:#475569;font-family:Courier New,monospace;font-size:11px}.tree-legend{color:#475569;text-align:center;margin:6px 0 0;font-size:.72rem}.app{color:#e2e8f0;background:#0f0f14;flex-direction:column;align-items:center;min-height:100svh;padding:0 12px 40px;font-family:system-ui,sans-serif;display:flex}.app-header{text-align:center;padding:32px 16px 0}.app-header h1{color:#7ee8a2;letter-spacing:3px;margin:0 0 6px;font-family:Courier New,monospace;font-size:clamp(1.4rem,4vw,2rem);font-weight:700}.subtitle{color:#64748b;margin:0;font-size:.9rem}.app-main{flex-direction:column;gap:16px;width:100%;max-width:720px;margin-top:24px;display:flex}.card{background:#1a1a24;border:1px solid #2e3048;border-radius:12px;padding:16px 18px}.card label{text-transform:uppercase;letter-spacing:1.2px;color:#475569;margin-bottom:10px;font-size:.72rem;font-weight:700;display:block}textarea{box-sizing:border-box;color:#e2e8f0;resize:vertical;background:#0f0f14;border:1px solid #2e3048;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:1rem;transition:border-color .2s}textarea:focus{border-color:#7ee8a2}textarea::placeholder{color:#334155}.morse-display{background:#0f0f14;border:1px solid #2e3048;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:48px;padding:10px 14px;font-family:Courier New,monospace;font-size:1.3rem;line-height:1.6;display:flex}.morse-letter{border-radius:4px;gap:2px;padding:2px 4px;display:inline-flex}.morse-letter.letter-active{background:#7ee8a214;outline:1px solid #7ee8a240}.msym{display:inline-block}.dot{color:#7ee8a2}.dash{color:#f87171}.sym-played{opacity:.45}@keyframes beep-ring{0%{box-shadow:0 0 #7ee8a2cc}60%{box-shadow:0 0 0 6px #7ee8a200}to{box-shadow:0 0 #7ee8a200}}.beeping{color:#fff;background:#7ee8a22e;border-radius:3px;animation:.35s ease-out infinite beep-ring}.word-gap{color:#334155;font-family:Courier New,monospace}.letter-viz-card{text-align:center}.letter-viz{flex-direction:column;align-items:center;gap:12px;padding:8px 0;display:flex}.lv-char{color:#7ee8a2;text-shadow:0 0 24px #7ee8a280;font-family:Courier New,monospace;font-size:4rem;font-weight:900;line-height:1}.lv-symbols{align-items:center;gap:12px;display:flex}.lv-sym{background:#0f0f14;border:1px solid #2e3048;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-family:Courier New,monospace;font-size:1.6rem;font-weight:700;transition:all .15s;display:inline-flex}.lv-sym.dot{color:#7ee8a2}.lv-sym.dash{color:#f87171}.lv-sym.sym-played{opacity:.35}.lv-sym.beeping{color:#fff;background:#7ee8a226;border-color:#7ee8a2;animation:.35s ease-out infinite beep-ring;transform:scale(1.15)}.tree-card{padding:16px 8px 10px}.controls{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-play{color:#7ee8a2;background:#16523a;border:1px solid #2d8a5e}.btn-play:hover:not(:disabled),.btn-play.active{background:#1d6b4a;box-shadow:0 0 18px #7ee8a240}.btn-dl{color:#93c5fd;background:#1a2c4e;border:1px solid #2e4a7a}.btn-dl:hover:not(:disabled){background:#1e3460;box-shadow:0 0 18px #60a5fa40}.bi{font-size:1.1rem}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin;display:inline-block}.app-footer{color:#334155;margin-top:28px;font-size:.78rem}.tab-nav{box-sizing:border-box;background:#1a1a24;border:1px solid #2e3048;border-radius:10px;gap:4px;width:100%;max-width:720px;margin-top:20px;padding:4px;display:flex}.tab-btn{color:#475569;cursor:pointer;letter-spacing:.4px;background:0 0;border:none;border-radius:7px;flex:1;padding:10px 8px;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;transition:all .2s}.tab-btn:hover{color:#94a3b8;background:#24243a}.tab-btn.tab-active{color:#7ee8a2;background:#16523a;box-shadow:0 0 12px #7ee8a22e}.alphabet-panel{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px;display:grid}.alpha-card{cursor:pointer;background:#0f0f14;border:1px solid #2e3048;border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:8px 6px 6px;transition:border-color .15s,box-shadow .15s,background .15s,transform .15s;display:flex}.alpha-card:hover:not(.alpha-active){background:#141420;border-color:#3d5a4a}.alpha-card.alpha-active{background:#7ee8a212;border-color:#7ee8a2;transform:scale(1.05);box-shadow:0 0 18px #7ee8a238}.alpha-letter{color:#cbd5e1;font-family:Courier New,monospace;font-size:1.3rem;font-weight:800;line-height:1}.alpha-card.alpha-active .alpha-letter{color:#7ee8a2;text-shadow:0 0 10px #7ee8a280}.alpha-lights{align-items:center;gap:3px;min-height:10px;display:flex}.al-dot{background:#1c2a1c;border:1px solid #2d4a2d44;border-radius:50%;width:8px;height:8px;transition:background 80ms,box-shadow 80ms}.al-dash{background:#1a1e2e;border:1px solid #2e3a5a44;border-radius:3px;width:18px;height:8px;transition:background 80ms,box-shadow 80ms}.al-dot.al-on{background:#7ee8a2;border-color:#7ee8a2;box-shadow:0 0 8px #7ee8a2e6}.al-dash.al-on{background:#f87171;border-color:#f87171;box-shadow:0 0 8px #f87171e6}.al-dot.al-done{background:#7ee8a247;border-color:#7ee8a259}.al-dash.al-done{background:#f8717147;border-color:#f8717159}.alpha-morse{color:#334155;letter-spacing:1px;font-family:Courier New,monospace;font-size:.62rem}.alpha-card.alpha-active .alpha-morse{color:#5d9e7a}@keyframes alpha-pulse-kf{0%{background:#5eead41a;border-color:#5eead4;transform:scale(1.08);box-shadow:0 0 16px #5eead48c}to{box-shadow:none;background:#0f0f14;border-color:#2e3048;transform:scale(1)}}.alpha-pulse{animation:.38s ease-out forwards alpha-pulse-kf}.learn-section{width:100%}.section-sub{color:#475569;text-align:center;margin:0 0 18px;font-size:.85rem}.learn-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;display:grid}.learn-card{cursor:pointer;background:#1a1a24;border:1px solid #2e3048;border-radius:10px;flex-direction:column;align-items:center;gap:7px;padding:14px 8px 10px;font-family:inherit;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.learn-card:hover{background:#1e2030;border-color:#3d5a4a}.learn-card.learn-active{background:#7ee8a20f;border-color:#7ee8a2;box-shadow:0 0 22px #7ee8a238}.learn-letter{color:#e2e8f0;font-family:Courier New,monospace;font-size:2rem;font-weight:900;line-height:1}.learn-card.learn-active .learn-letter{color:#7ee8a2;text-shadow:0 0 14px #7ee8a28c}.learn-lights{align-items:center;gap:3px;min-height:12px;display:flex}.ll-dot{background:#1c2a1c;border:1px solid #2d4a2d44;border-radius:50%;width:10px;height:10px;transition:background 80ms,box-shadow 80ms}.ll-dash{background:#1a1e2e;border:1px solid #2e3a5a44;border-radius:3px;width:22px;height:10px;transition:background 80ms,box-shadow 80ms}.ll-dot.ll-on{background:#7ee8a2;border-color:#7ee8a2;box-shadow:0 0 10px #7ee8a2}.ll-dash.ll-on{background:#f87171;border-color:#f87171;box-shadow:0 0 10px #f87171}.ll-dot.ll-done{background:#7ee8a252;border-color:#7ee8a266}.ll-dash.ll-done{background:#f8717152;border-color:#f8717166}.learn-morse{color:#475569;letter-spacing:1px;font-family:Courier New,monospace;font-size:.78rem}.learn-card.learn-active .learn-morse{color:#94a3b8}.test-section{flex-direction:column;align-items:center;gap:22px;width:100%;padding:4px 0 24px;display:flex}.test-score{color:#475569;letter-spacing:1.5px;align-self:flex-end;font-family:Courier New,monospace;font-size:.82rem}.test-letter-display{color:#7ee8a2;text-shadow:0 0 40px #7ee8a259;-webkit-user-select:none;user-select:none;font-family:Courier New,monospace;font-size:clamp(5rem,22vw,9rem);font-weight:900;line-height:1;transition:color .25s,text-shadow .25s}.test-letter-display.tl-correct{color:#7ee8a2;text-shadow:0 0 60px #7ee8a2bf}.test-letter-display.tl-wrong{color:#f87171;text-shadow:0 0 60px #f8717199}.test-input-row{align-items:center;gap:8px;min-height:52px;font-family:Courier New,monospace;display:flex}.ti-sym{font-size:2.2rem;font-weight:700}.ti-hint{color:#334155;font-size:.84rem}.test-controls{flex-direction:column;align-items:center;gap:18px;display:flex}.morse-key{color:#7ee8a2;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#16523a;border:2px solid #2d8a5e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:160px;height:160px;transition:all .12s;display:flex}.morse-key:hover:not(.key-held){background:#1d6b4a;box-shadow:0 0 24px #7ee8a247}.morse-key.key-held{color:#60a5fa;background:#1a2c4e;border-color:#60a5fa;transform:scale(.93);box-shadow:0 0 32px #60a5fa61}.key-icon{font-family:Courier New,monospace;font-size:3rem;font-weight:900;line-height:1}.key-label{opacity:.65;letter-spacing:.4px;font-size:.68rem}.test-btn-row{gap:10px;display:flex}.btn-sm{padding:8px 20px;font-size:.85rem}.btn-clear-sm{color:#f87171;background:#2a1a1a;border:1px solid #4a2a2a;border-radius:8px}.btn-clear-sm:hover{background:#3a2020}.btn-check{color:#7ee8a2;background:#16523a;border:1px solid #2d8a5e;border-radius:8px}.btn-check:hover{background:#1d6b4a}.test-feedback{text-align:center;box-sizing:border-box;border-radius:12px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:360px;padding:20px 28px;display:flex}.tf-correct{background:#7ee8a212;border:1px solid #7ee8a238}.tf-wrong{background:#f8717112;border:1px solid #f8717133}.tf-msg{font-size:1.3rem;font-weight:700}.tf-correct .tf-msg{color:#7ee8a2}.tf-wrong .tf-msg{color:#f87171}.tf-answer{justify-content:center;align-items:center;gap:10px;margin-top:10px;font-family:Courier New,monospace;font-size:2.2rem;font-weight:700;display:flex}.tf-sym.tf-on{text-shadow:0 0 12px;animation:.35s ease-out infinite beep-ring}.tf-actions{gap:10px;display:flex}.btn-play-ans{color:#93c5fd;background:#1a2c4e;border:1px solid #2e4a7a;border-radius:8px}.btn-play-ans:hover{background:#1e3460}.btn-next{color:#7ee8a2;background:#16523a;border:1px solid #2d8a5e;border-radius:8px}.btn-next:hover{background:#1d6b4a}.mode-toggle{box-sizing:border-box;background:#12121c;border:1px solid #2e3048;border-radius:10px;align-self:center;gap:3px;width:100%;max-width:340px;padding:3px;display:flex}.mode-btn{color:#475569;cursor:pointer;letter-spacing:.3px;background:0 0;border:none;border-radius:8px;flex:1;padding:9px 10px;font-family:Courier New,monospace;font-size:.82rem;font-weight:600;transition:all .18s}.mode-btn.mode-active{color:#7ee8a2;background:#1a1a2e;box-shadow:0 0 12px #7ee8a21f}.ti-playing{text-shadow:0 0 12px;animation:.35s ease-out infinite beep-ring}.ti-done{opacity:.4}.rev-picker{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:7px;width:100%;max-width:400px;display:grid}.rev-letter-btn{color:#94a3b8;cursor:pointer;background:#1a1a24;border:1px solid #2e3048;border-radius:8px;padding:10px 4px;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;transition:all .14s}.rev-letter-btn:hover:not(:disabled){color:#e2e8f0;background:#1e2030;border-color:#7ee8a2}.rev-letter-btn:disabled{cursor:default}.rev-letter-btn.rev-correct{color:#7ee8a2;background:#7ee8a21f;border-color:#7ee8a2;box-shadow:0 0 14px #7ee8a24d}.rev-letter-btn.rev-wrong{color:#f87171;background:#f871711a;border-color:#f87171}.rev-letter-btn.rev-dim{opacity:.28}.number-section{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.num-dot{background:#1c2a1c;border:1px solid #2d4a2d66;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:background .1s,box-shadow .1s;display:inline-block}.num-dot.nd-on{background:#7ee8a2;border-color:#7ee8a2;box-shadow:0 0 8px #7ee8a2e6}.num-chart{flex-direction:column;gap:5px;width:100%;display:flex}.num-row{border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;min-height:36px;padding:6px 10px;transition:background .15s,border-color .15s;display:flex}.num-row-clickable{cursor:pointer}.num-row-clickable:hover{background:#1a1a2e}.num-row.num-row-active{background:#7ee8a20f;border-color:#7ee8a247;box-shadow:0 0 16px #7ee8a21a}.num-row-digit{color:#64748b;text-align:center;flex-shrink:0;width:22px;font-family:Courier New,monospace;font-size:1.25rem;font-weight:900;transition:color .15s}.num-row-active .num-row-digit{color:#7ee8a2}.num-row-dots{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.num-row-count{color:#334155;text-align:right;flex-shrink:0;width:24px;font-family:Courier New,monospace;font-size:.7rem}.num-row-active .num-row-count{color:#5d9e7a}.num-learn{flex-direction:column;align-items:stretch;gap:0;width:100%;display:flex}.num-learn-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;display:grid}.num-card{cursor:pointer;background:#1a1a24;border:1px solid #2e3048;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 10px;font-family:inherit;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.num-card:hover{background:#1e2030;border-color:#3d5a4a}.num-card.num-card-active{background:#7ee8a20f;border-color:#7ee8a2;box-shadow:0 0 22px #7ee8a238}.num-card-digit{color:#e2e8f0;font-family:Courier New,monospace;font-size:2rem;font-weight:900;line-height:1}.num-card-active .num-card-digit{color:#7ee8a2;text-shadow:0 0 14px #7ee8a28c}.num-card-dots{flex-wrap:wrap;justify-content:center;gap:3px;min-height:10px;display:flex}.num-card-label{color:#475569;letter-spacing:.3px;font-family:Courier New,monospace;font-size:.68rem}.num-card-active .num-card-label{color:#94a3b8}.num-test{flex-direction:column;align-items:center;gap:20px;width:100%;padding:4px 0 24px;display:flex}.num-tap-guess{color:#94a3b8;letter-spacing:1px;font-family:Courier New,monospace;font-size:1.1rem}.numpad-wrap{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.numpad-target{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.numpad-target-label{color:#475569;text-transform:uppercase;letter-spacing:1.2px;font-size:.72rem;font-weight:700}.numpad-target-seq{gap:4px;display:flex}.numpad-tdigit{color:#64748b;background:#14141e;border:1px solid #2e3048;border-radius:7px;justify-content:center;align-items:center;width:30px;height:34px;font-family:Courier New,monospace;font-size:1.25rem;font-weight:900;transition:color .15s,border-color .15s,background .15s;display:flex}.numpad-tdigit.td-ok{color:#7ee8a2;background:#7ee8a214;border-color:#7ee8a2}.numpad-tdigit.td-err{color:#f87171;background:#f8717114;border-color:#f87171}.numpad-phase{color:#475569;text-align:center;min-height:22px;font-size:.82rem}@keyframes pulse-text{0%{opacity:.55}to{opacity:1}}.phase-watch{color:#7ee8a2;animation:.75s ease-in-out infinite alternate pulse-text}.phase-play{color:#93c5fd}.phase-correct{color:#7ee8a2;font-weight:700}.phase-wrong{color:#f87171;font-weight:700}.numpad-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:10px;width:100%;display:flex}.shapes-panel{-webkit-overflow-scrolling:touch;flex-direction:column;flex-shrink:0;gap:5px;width:128px;max-height:310px;display:flex;overflow-y:auto}@media (width<=430px){.shapes-panel{flex-direction:row;width:100%;max-width:100%;max-height:90px;overflow:auto hidden}}.shape-chip{cursor:pointer;text-align:left;background:#1a1a24;border:1px solid #2e3048;border-radius:8px;flex-shrink:0;align-items:center;gap:7px;padding:7px 8px;font-family:inherit;transition:all .14s;display:flex}.shape-chip:hover{background:#1e2030;border-color:#3d5a4a}.shape-chip.chip-active{background:#7ee8a20f;border-color:#7ee8a2;box-shadow:0 0 10px #7ee8a21f}.shape-prev-svg{flex-shrink:0;display:block}.chip-text{flex-direction:column;gap:1px;display:flex;overflow:hidden}.chip-name{color:#94a3b8;white-space:nowrap;font-family:Courier New,monospace;font-size:.78rem;font-weight:700}.chip-active .chip-name{color:#7ee8a2}.chip-desc{color:#475569;white-space:nowrap;font-size:.62rem}.keypad-outer{flex-direction:column;align-items:center;gap:12px;display:flex}.keypad-container{position:relative}.keypad-grid{z-index:1;display:grid;position:relative}.pad-btn{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1a1a24;border:1px solid #2e3048;border-radius:10px;width:76px;height:66px;font-family:Courier New,monospace;font-size:1.6rem;font-weight:900;transition:color .12s,border-color .12s,background .12s,transform 80ms}.pad-btn:hover:not(:disabled){background:#1e2030;border-color:#3d5a4a}.pad-btn:active{transform:scale(.92)}.pad-btn.pad-btn-sym{color:#2e3048;font-size:1rem}.pad-btn.btn-demo-lit{color:#7ee8a2;background:#7ee8a20f;border-color:#7ee8a2}.pad-btn.btn-user-lit{color:#60a5fa;background:#60a5fa0f;border-color:#60a5fa}.pad-btn.btn-user-wrong{color:#f87171;background:#f871710f;border-color:#f87171}.pad-overlay{pointer-events:none;z-index:2;position:absolute;top:0;left:0}.pad-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:38px;display:flex}.pad-ctrl-hint{color:#7ee8a2;font-family:Courier New,monospace;font-size:.8rem;animation:.75s ease-in-out infinite alternate pulse-text}.pad-btn-sm{border-radius:8px;font-size:1.1rem}.pad-btn.pad-btn-dim{color:#2e3048;cursor:default;background:#121218;border-color:#1e2030}.pad-btn.pad-btn-dim.btn-demo-lit{color:#7ee8a2;background:#7ee8a20d;border-color:#3d8a5e}.game-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.maxlen-picker{align-items:center;gap:4px;display:flex}.maxlen-label{color:#475569;text-transform:uppercase;letter-spacing:1px;margin-right:4px;font-size:.72rem;font-weight:700}.maxlen-btn{color:#475569;cursor:pointer;background:#14141e;border:1px solid #2e3048;border-radius:6px;width:28px;height:28px;font-family:Courier New,monospace;font-size:.78rem;font-weight:700;transition:all .14s}.maxlen-btn:hover{color:#94a3b8;border-color:#3d5a4a}.maxlen-btn.maxlen-active{color:#7ee8a2;background:#1a3a2a;border-color:#7ee8a2}.seq-len-badge{color:#475569;background:#14141e;border:1px solid #2e3048;border-radius:10px;align-self:center;padding:2px 8px;font-family:Courier New,monospace;font-size:.68rem}.path-countdown{color:#fb923c;background:#fb923c1a;border:1px solid #fb923c4d;border-radius:8px;padding:2px 8px;font-family:Courier New,monospace;font-size:.72rem;font-weight:700;animation:.9s ease-in-out infinite alternate countdown-pulse}@keyframes countdown-pulse{0%{opacity:.7}to{opacity:1;box-shadow:0 0 8px #fb923c66}}.hide-delay-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:100%;display:flex}.blind-toggle-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#14141e;border:1px solid #2e3048;border-radius:8px;padding:4px 12px;font-family:Courier New,monospace;font-size:.78rem;font-weight:700;transition:all .15s}.blind-toggle-btn:hover{color:#94a3b8;border-color:#3d5a4a}.blind-toggle-btn.blind-on{color:#a78bfa;background:#a78bfa14;border-color:#a78bfa;box-shadow:0 0 10px #a78bfa33}.game-result-flash{text-align:center;opacity:1;flex-direction:column;align-items:center;gap:4px;font-family:Courier New,monospace;font-size:1.4rem;font-weight:900;transition:opacity .5s;display:flex}.game-result-flash.fading{opacity:0}.game-result-flash.correct{color:#7ee8a2;text-shadow:0 0 20px #7ee8a280}.game-result-flash.wrong{color:#f87171;text-shadow:0 0 20px #f8717166}.result-auto-hint{color:#475569;letter-spacing:.5px;font-size:.7rem;font-weight:400}.watch-section{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.watch-section-header{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.watch-label{color:#3d8a5e;text-transform:uppercase;letter-spacing:1.2px;font-size:.72rem;font-weight:700}.watch-toggle-btn{color:#475569;cursor:pointer;background:#14141e;border:1px solid #2e3048;border-radius:6px;padding:3px 10px;font-family:Courier New,monospace;font-size:.7rem;transition:all .14s}.watch-toggle-btn:hover{color:#94a3b8;border-color:#3d5a4a}.watch-collapsible{opacity:1;max-height:240px;transition:max-height .35s,opacity .3s;overflow:hidden}.watch-collapsible.collapsed{opacity:0;max-height:0}.input-section{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.input-section-header{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.input-label{color:#60a5fa;text-transform:uppercase;letter-spacing:1.2px;font-size:.72rem;font-weight:700}.game-keypads-row{flex-direction:row;justify-content:center;align-items:flex-start;gap:10px;width:100%;display:flex}@media (width<=400px){.game-keypads-row{flex-direction:column;align-items:center}}.game-watch-col,.game-input-col{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.picto-preview-svg{background:#0a0a12;border:1px solid #1e2535;border-radius:6px;flex-shrink:0;display:block}.game-history{flex-direction:column;gap:4px;width:100%;max-width:380px;margin-top:2px;display:flex}.game-history-label{color:#334155;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:2px;font-size:.65rem;font-weight:700}.history-item{background:#12121a;border:1px solid #1e2535;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;display:flex}.hi-ok{border-color:#7ee8a22e}.hi-err{border-color:#f8717124}.hi-seq{color:#64748b;letter-spacing:3px;flex:1;font-family:Courier New,monospace;font-size:.88rem;font-weight:700}.hi-result{font-family:Courier New,monospace;font-size:.88rem;font-weight:900}.hi-ok .hi-result{color:#7ee8a2}.hi-err .hi-result{color:#f87171}.converter-section{flex-direction:column;gap:16px;width:100%;display:flex}.flash-overlay{z-index:9999;pointer-events:none;background:#fff;position:fixed;inset:0}.ctrl-bar{-webkit-overflow-scrolling:touch;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;padding:4px 0;display:flex;overflow-x:auto}.ctrl-group{flex-shrink:0;gap:6px;display:flex}.ctrl-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:62px;min-height:56px;font-family:Courier New,monospace;transition:all .15s;display:flex}.ctrl-btn:disabled{opacity:.35;cursor:default}.ctrl-icon{font-size:1.35rem;line-height:1}.ctrl-label{letter-spacing:.3px;text-transform:uppercase;font-size:.58rem;font-weight:600}.ctrl-play{color:#f87171;background:#2a1010;border-color:#5a1d1d}.ctrl-play:hover:not(:disabled){background:#3a1414;border-color:#b45555}.ctrl-play-active{background:#3a1818;border-color:#f87171;box-shadow:0 0 12px #f8717140}.ctrl-toggle{color:#64748b;background:#1a1e2a;border-color:#2e3556}.ctrl-toggle:hover:not(:disabled){color:#94a3b8;background:#1e2535;border-color:#475569}.ctrl-toggle-sound{color:#5eead4;background:#5eead412;border-color:#5eead4}.ctrl-toggle-light{color:#fde047;background:#fde04712;border-color:#fde047}.ctrl-toggle-vib{color:#a78bfa;background:#a78bfa12;border-color:#a78bfa}.ctrl-util{color:#6b8f6b;background:#141e14;border-color:#2e4a2e}.ctrl-util:hover:not(:disabled){color:#94b494;background:#1a2a1a;border-color:#4a6a4a}.ctrl-util-on{color:#7ee8a2;background:#7ee8a212;border-color:#7ee8a2}.settings-panel{background:#111118;border:1px solid #2e3048;border-radius:12px;padding:16px 12px}.settings-row{justify-content:space-around;gap:8px;display:flex}.setting-item{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.setting-label{text-transform:uppercase;letter-spacing:1px;color:#475569;font-family:Courier New,monospace;font-size:.62rem;font-weight:700}.setting-value{color:#7ee8a2;min-height:1em;font-family:Courier New,monospace;font-size:.75rem;font-weight:700}.setting-slider{-webkit-appearance:slider-vertical;writing-mode:vertical-lr;cursor:pointer;accent-color:#7ee8a2;direction:rtl;background:0 0;width:28px;height:110px}.setting-range{color:#334155;font-family:Courier New,monospace;font-size:.58rem}.ctrl-play-repeat{box-shadow:0 0 10px #fb923c33;color:#fb923c!important;background:#fb923c1a!important;border-color:#fb923c!important}.ctrl-toggle-torch{color:#fb923c;background:#fb923c12;border-color:#fb923c}.ctrl-toggle-screen{color:#fde047;background:#fde04712;border-color:#fde047}.rm-wrap{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.rm-output{color:#e2e8f0;word-break:break-all;background:#0d0d18;border:1px solid #2e3048;border-radius:8px;flex-wrap:wrap;align-items:center;gap:3px;width:100%;min-height:52px;padding:10px 14px;font-family:Courier New,monospace;font-size:1.05rem;line-height:1.5;display:flex}.rm-text{color:#e2e8f0}.rm-placeholder{color:#334155;font-size:.85rem}.rm-preview{color:#7ee8a2;opacity:.75;font-weight:700}.rm-shared-controls{justify-content:center;gap:8px;width:100%;display:flex}.rm-ctrl-btn{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1a1a24;border:1px solid #2e3048;border-radius:8px;padding:8px 16px;font-family:Courier New,monospace;font-size:.82rem;font-weight:700;transition:all .14s}.rm-ctrl-btn:disabled{opacity:.3;cursor:default}.rm-ctrl-btn:not(:disabled):hover{background:#1e2030;border-color:#475569}.rm-ctrl-play{color:#7ee8a2;border-color:#7ee8a24d}.rm-ctrl-play:not(:disabled):hover{background:#7ee8a214;border-color:#7ee8a2}.rm-ctrl-back{color:#94a3b8}.rm-ctrl-clear{color:#f87171;border-color:#f8717140}.rm-ctrl-clear:not(:disabled):hover{background:#f8717114;border-color:#f87171}.rm-tabs{background:#0d0d18;border:1px solid #2e3048;border-radius:10px;gap:4px;width:100%;padding:4px;display:flex}.rm-tab-btn{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:7px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:7px 4px;font-family:inherit;transition:all .15s;display:flex}.rm-tab-btn:hover{color:#94a3b8;background:#1a1a24}.rm-tab-active{color:#7ee8a2;background:#1a2a1a;box-shadow:0 0 10px #7ee8a214}.rm-tab-icon{font-size:1.1rem;line-height:1}.rm-tab-label{text-transform:uppercase;letter-spacing:.4px;font-family:Courier New,monospace;font-size:.58rem;font-weight:700}.rm-tab-content{width:100%}.rm-tab-body{flex-direction:column;align-items:center;gap:10px;width:100%;padding:4px 0;display:flex}.rm-sym{font-family:Courier New,monospace;font-size:1.4rem;font-weight:900}.rm-dot{color:#7ee8a2}.rm-dash{color:#f87171}.rm-hint{color:#334155;font-family:Courier New,monospace;font-size:.78rem}.rm-tab-hint{color:#475569;text-align:center;padding:8px 4px;font-family:Courier New,monospace;font-size:.78rem;line-height:1.5}.rm-cur-sym{align-items:center;gap:4px;min-height:36px;font-family:Courier New,monospace;display:flex}.rm-cur-preview{color:#7ee8a2;margin-left:4px;font-family:Courier New,monospace;font-size:1rem;font-weight:700}.rm-auto-hint{color:#334155;text-align:center;font-family:Courier New,monospace;font-size:.68rem}.rm-buttons{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;width:100%;padding:4px 2px;display:flex;overflow-x:auto}.rm-btn{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1a1a24;border:1px solid #2e3048;border-radius:8px;font-family:Courier New,monospace;transition:all .14s}.rm-btn-dot,.rm-btn-dash{justify-content:center;align-items:center;width:56px;height:56px;font-size:2rem;font-weight:900;display:flex}.rm-btn-dot{color:#7ee8a2;border-color:#7ee8a24d}.rm-btn-dash{color:#f87171;border-color:#f871714d;font-size:1.6rem}.rm-btn-dot:hover{background:#7ee8a21a;border-color:#7ee8a2}.rm-btn-dash:hover{background:#f871711a;border-color:#f87171}.rm-btn-space{color:#64748b;height:56px;padding:0 16px;font-size:.82rem;font-weight:700}.rm-btn-space:hover{color:#94a3b8;background:#1e2030;border-color:#475569}.rm-upload-btn{color:#7ee8a2;cursor:pointer;background:#141e14;border:1px solid #2e4a2e;border-radius:10px;padding:12px 24px;font-family:Courier New,monospace;font-size:.88rem;font-weight:700;transition:all .15s}.rm-upload-btn:hover:not(:disabled){background:#1a2a1a;border-color:#7ee8a2}.rm-upload-btn:disabled{opacity:.5;cursor:default}.rm-file-name{color:#475569;word-break:break-all;text-align:center;font-family:Courier New,monospace;font-size:.72rem}.rm-progress-wrap{background:#1a1a24;border-radius:2px;width:100%;height:4px;overflow:hidden}.rm-progress-bar{background:#7ee8a2;border-radius:2px;height:100%;transition:width .3s}.rm-error{color:#f87171;text-align:center;padding:6px 0;font-family:Courier New,monospace;font-size:.78rem}.rm-waveform{border:1px solid #1e2535;border-radius:6px;width:100%;height:72px;display:block}.rm-file-morse{color:#475569;word-break:break-all;text-align:center;width:100%;max-height:60px;font-family:Courier New,monospace;font-size:.72rem;overflow-y:auto}.rm-live-row{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.rm-toggle-btn{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1a1a24;border:1px solid #2e3048;border-radius:10px;padding:10px 22px;font-family:Courier New,monospace;font-size:.88rem;font-weight:700;transition:all .15s}.rm-toggle-btn:hover{background:#1e2030;border-color:#475569}.rm-toggle-on{color:#7ee8a2;background:#7ee8a214;border-color:#7ee8a2}.rm-level-wrap{background:#1a1a24;border-radius:4px;flex:1;max-width:140px;height:8px;overflow:hidden}.rm-level-bar{background:linear-gradient(90deg,#7ee8a2,#5eead4);border-radius:4px;height:100%;transition:width 50ms}.rm-live-morse{align-items:center;gap:3px;min-height:36px;font-family:Courier New,monospace;display:flex}.rm-camera-layout{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.rm-video-preview{object-fit:cover;background:#000;border:1px solid #2e3048;border-radius:8px;width:180px;height:135px}.rm-bri-row{align-items:center;gap:8px;width:100%;max-width:280px;display:flex}.rm-bri-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-family:Courier New,monospace;font-size:.65rem}.rm-bri-bar-wrap{background:#1a1a24;border-radius:5px;flex:1;height:10px;position:relative;overflow:visible}.rm-bri-fill{background:linear-gradient(90deg,#334155,#fde047);border-radius:5px;height:100%;transition:width 40ms}.rm-bri-thresh{background:#f87171;border-radius:1px;width:2px;height:16px;position:absolute;top:-3px;transform:translate(-50%)}.rm-sens-row{align-items:center;gap:10px;width:100%;max-width:280px;display:flex}.rm-sens-label{color:#475569;white-space:nowrap;min-width:100px;font-family:Courier New,monospace;font-size:.65rem}.rm-sens-slider{accent-color:#f87171;cursor:pointer;flex:1}.mk-divider{color:#334155;letter-spacing:.4px;align-items:center;gap:8px;width:100%;margin-top:2px;font-family:Courier New,monospace;font-size:.68rem;display:flex}.mk-divider:before,.mk-divider:after{content:"";background:#1e2535;flex:1;height:1px}.mk-divider span{white-space:nowrap}.mk-wrap{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.mk-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mk-btn{z-index:1;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 38% 32%,#1e2535,#0d0d18);border:1.5px solid #2e3048;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100px;height:100px;transition:transform 80ms,border-color .1s,box-shadow .1s,background .1s;display:flex;position:relative}.mk-btn:hover{border-color:#3d5a4a}.mk-btn-on{background:radial-gradient(circle at 38% 32%,#1a3a2a,#0d1a14);border-color:#7ee8a2;transform:scale(1.07);box-shadow:0 0 16px #7ee8a259,0 0 40px #7ee8a21f,inset 0 0 12px #7ee8a20f}.mk-btn-dash-glow{background:radial-gradient(circle at 38% 32%,#2a1a0a,#140d08);border-color:#fb923c;box-shadow:0 0 16px #fb923c59,0 0 40px #fb923c1f,inset 0 0 12px #fb923c0f}.mk-sym{color:var(--key-color,#475569);font-family:Courier New,monospace;font-size:2rem;font-weight:900;line-height:1;transition:color 80ms}.mk-lbl{letter-spacing:2.5px;text-transform:uppercase;color:#334155;font-family:Courier New,monospace;font-size:.58rem;font-weight:700}.mk-legend{color:#475569;align-items:center;gap:10px;font-family:Courier New,monospace;font-size:.7rem;display:flex}.mk-leg-item{align-items:center;gap:4px;display:flex}.mk-leg-dot{color:#7ee8a2;font-size:1.1rem;font-weight:900}.mk-leg-dash{color:#f87171;font-weight:900}.mk-leg-sep{color:#1e2535}.brain-section{flex-direction:column;gap:12px;width:100%;display:flex}.brain-sub-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:4px 2px 8px;display:flex;overflow-x:auto}.brain-sub-nav::-webkit-scrollbar{display:none}.brain-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#1a1a24;border:1px solid #2e3048;border-radius:20px;flex-shrink:0;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .14s}.brain-tab-btn:hover{color:#94a3b8;border-color:#3d5a4a}.brain-tab-active{color:#7ee8a2!important;background:#7ee8a214!important;border-color:#7ee8a2!important}.brain-content{width:100%}.brain-game{flex-direction:column;gap:12px;width:100%;display:flex}.brain-game-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.brain-game-title{color:#7ee8a2;letter-spacing:.5px;font-size:1.1rem;font-weight:700}.how-btn{color:#475569;cursor:pointer;background:#14141e;border:1px solid #2e3048;border-radius:8px;padding:4px 10px;font-size:.75rem;transition:all .14s}.how-btn:hover{color:#94a3b8;border-color:#3d5a4a}.how-box{color:#94a3b8;background:#141420;border:1px solid #2e3048;border-radius:8px;padding:10px 14px;font-size:.82rem;line-height:1.55}.brain-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.brain-label{color:#475569;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;font-size:.72rem;font-weight:700}.pill-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#1a1a24;border:1px solid #2e3048;border-radius:16px;padding:5px 12px;font-size:.8rem;font-weight:600;transition:all .14s}.pill-btn:hover{color:#94a3b8;border-color:#3d5a4a}.pill-active{color:#7ee8a2!important;background:#7ee8a214!important;border-color:#7ee8a2!important}.brain-btn{color:#94a3b8;cursor:pointer;background:#1a1a24;border:1px solid #2e3048;border-radius:10px;align-self:flex-start;padding:9px 18px;font-size:.9rem;font-weight:600;transition:all .14s}.brain-btn:hover:not(:disabled){color:#e2e8f0;border-color:#3d5a4a}.brain-btn:disabled{opacity:.4;cursor:default}.brain-btn.primary{color:#7ee8a2;background:#7ee8a212;border-color:#7ee8a2}.brain-btn.primary:hover:not(:disabled){background:#7ee8a224;box-shadow:0 0 14px #7ee8a233}.brain-btn.small{padding:5px 10px;font-size:.78rem}.brain-input{color:#e2e8f0;background:#0f0f14;border:1px solid #2e3048;border-radius:8px;outline:none;flex:1;min-width:0;padding:9px 12px;font-family:inherit;font-size:1rem;transition:border-color .2s}.brain-input:focus{border-color:#7ee8a2}.brain-input::placeholder{color:#334155}.brain-textarea{box-sizing:border-box;color:#e2e8f0;resize:vertical;background:#0f0f14;border:1px solid #2e3048;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.brain-textarea:focus{border-color:#7ee8a2}.brain-textarea::placeholder{color:#334155}.brain-stats{color:#64748b;flex-wrap:wrap;gap:16px;font-size:.82rem;display:flex}.brain-stats b{color:#e2e8f0}.flash-input-row{align-items:center;gap:8px;width:100%;display:flex}.flash-stage{background:#0a0a12;border:1px solid #1e2535;border-radius:12px;justify-content:center;align-items:center;min-height:120px;display:flex}.flash-word{color:#e2e8f0;letter-spacing:2px;text-align:center;font-family:Courier New,monospace;font-size:clamp(1.6rem,6vw,2.8rem);font-weight:900}.flash-hidden{opacity:0;-webkit-user-select:none;user-select:none}@keyframes flash-pop{0%{opacity:0;transform:scale(.85)}15%{opacity:1;transform:scale(1.05)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0}}.flash-animate{animation:flash-pop var(--flash-dur,.3s) ease forwards}.flash-result{background:#141420;border:1px solid #2e3048;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;font-weight:600;display:flex}.flash-result.correct{color:#7ee8a2;background:#7ee8a212;border-color:#7ee8a2}.flash-result.wrong{color:#f87171;background:#f8717112;border-color:#f87171}.rsvp-stage{background:#0a0a12;border:1px solid #1e2535;border-radius:12px;justify-content:center;align-items:center;min-height:130px;display:flex}.rsvp-word{color:#e2e8f0;letter-spacing:1px;font-family:Courier New,monospace;font-size:clamp(1.8rem,7vw,3rem);font-weight:900}.progress-bar-wrap{background:#1a1a24;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-bar-fill{background:#7ee8a2;border-radius:2px;height:100%;transition:width .2s}.rsvp-quiz{flex-direction:column;gap:12px;display:flex}.quiz-question{flex-direction:column;gap:6px;display:flex}.quiz-q{color:#e2e8f0;font-size:.9rem;font-weight:600}.quiz-opts{flex-direction:column;gap:5px;display:flex}.quiz-opt{color:#94a3b8;cursor:pointer;text-align:left;background:#1a1a24;border:1px solid #2e3048;border-radius:8px;padding:8px 12px;font-size:.85rem;transition:all .14s}.quiz-opt:hover{color:#e2e8f0;border-color:#3d5a4a}.quiz-selected{color:#7ee8a2!important;background:#7ee8a214!important;border-color:#7ee8a2!important}.quiz-results{flex-direction:column;gap:10px;display:flex}.quiz-review{background:#141420;border:1px solid #2e3048;border-radius:8px;padding:8px 12px;font-size:.85rem}.chunk-stage{background:#0a0a12;border:1px solid #1e2535;border-radius:12px;justify-content:center;align-items:center;min-height:130px;display:flex;position:relative;overflow:hidden}.chunk-word{color:#e2e8f0;text-align:center;padding:0 32px;font-family:Courier New,monospace;font-size:clamp(1.4rem,5vw,2.4rem);font-weight:900}.chunk-guide-left,.chunk-guide-right{background:#7ee8a240;width:3px;position:absolute;top:0;bottom:0}.chunk-guide-left{left:16px}.chunk-guide-right{right:16px}.matrix-grid{justify-content:center;gap:5px;display:grid}.matrix-cell{color:#e2e8f0;-webkit-user-select:none;user-select:none;background:#1a1a24;border:1px solid #2e3048;border-radius:6px;justify-content:center;align-items:center;font-family:Courier New,monospace;font-weight:700;display:flex;position:relative}.matrix-input-cell{color:#e2e8f0;text-align:center;background:#0f0f14;border:1px solid #2e3048;border-radius:6px;outline:none;justify-content:center;align-items:center;font-family:Courier New,monospace;font-weight:700;transition:border-color .15s;display:flex}.matrix-input-cell:focus{border-color:#7ee8a2}.matrix-user-val{color:#f87171;opacity:.8;font-size:.55rem;position:absolute;bottom:1px;right:3px}.matrix-countdown{color:#f6c90e;text-align:center;text-shadow:0 0 20px #f6c90e66;font-family:Courier New,monospace;font-size:2rem;font-weight:900}.snapshot-reading-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.snapshot-paragraph{color:#e2e8f0;background:#141420;border:1px solid #2e3048;border-radius:10px;padding:16px 18px;font-size:.95rem;line-height:1.7}.peripheral-stage{background:#0a0a12;border:1px solid #1e2535;border-radius:12px;justify-content:center;align-items:center;min-height:140px;display:flex;position:relative;overflow:hidden}.periph-center-dot{z-index:2;background:#f6c90e;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 12px #f6c90eb3}.periph-center-dot-fixed{background:#f6c90e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px #f6c90eb3}.periph-side{color:#7ee8a2;font-family:Courier New,monospace;font-size:clamp(1.1rem,4vw,1.8rem);font-weight:800;position:absolute}.periph-center-word{color:#e2e8f0;font-family:Courier New,monospace;font-size:clamp(1.4rem,5vw,2.2rem);font-weight:900;position:absolute}.backwards-sentence{color:#7ee8a2;text-align:center;background:#0a0a12;border:1px solid #1e2535;border-radius:10px;padding:16px 20px;font-family:Courier New,monospace;font-size:clamp(1rem,4vw,1.5rem);font-weight:700;line-height:1.4}.backwards-progress{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.bk-slot{color:#64748b;text-align:center;background:#1a1a24;border:1px solid #2e3048;border-radius:7px;min-width:36px;padding:6px 10px;font-family:Courier New,monospace;font-size:.88rem}.bk-current{color:#f6c90e;background:#f6c90e12;border-color:#f6c90e}.bk-correct{color:#7ee8a2;background:#7ee8a214;border-color:#7ee8a2}.bk-wrong{color:#f87171;background:#f8717112;border-color:#f87171}.bk-empty{opacity:.3}