:root{--bg:#060912;--ink:#eaf2ff;--muted:#93a4c4;--glass:#0f182c8c;--glass-brd:#96beff29;--accent:#38e1ff;--good:#5aff9e;--shadow:0 18px 50px -20px #000000b3;--font:"Vazirmatn", "Segoe UI", Tahoma, system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow:hidden}button{cursor:pointer;font-family:inherit}.app-root{width:100%;height:100%}.menu{background:radial-gradient(1200px 600px at 70% -10%,#38e1ff24,#0000 60%),radial-gradient(900px 500px at 10% 110%,#ff9d5c1f,#0000 60%),linear-gradient(#05070f,#070b16);justify-content:center;align-items:stretch;height:100%;display:flex;overflow-y:auto}.menu-inner{flex-direction:column;gap:clamp(24px,5vh,56px);width:min(1080px,100%);margin:auto;padding:clamp(24px,6vw,64px);display:flex}.menu-head{text-align:center}.eyebrow{letter-spacing:.2em;color:var(--accent);text-transform:uppercase;opacity:.9;margin:0 0 8px;font-size:.8rem}.menu-title{background:linear-gradient(#fff,#9fd4ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.2rem,7vw,4.2rem);font-weight:800;line-height:1.1}.menu-sub{max-width:620px;color:var(--muted);margin:14px auto 0;font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.9}.world-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.world-card{text-align:right;border:1px solid var(--glass-brd);min-height:220px;color:var(--ink);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;flex-direction:column;justify-content:space-between;gap:16px;padding:22px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.world-card:hover{border-color:var(--accent);transform:translateY(-6px)}.world-card.is-complete{border-color:#5aff9e80}.world-index{color:#ffffff24;font-size:3rem;font-weight:800;line-height:1;position:absolute;top:6px;left:14px}.world-body{flex-direction:column;gap:4px;display:flex}.world-title{font-size:1.35rem;font-weight:800}.world-sub{color:#eaf2ffb3;font-size:.95rem}.world-progress{gap:6px;display:flex}.world-progress i{background:#ffffff24;border-radius:4px;width:26px;height:6px;transition:background .3s}.world-progress i.on{background:var(--accent)}.world-go{color:var(--accent);align-items:center;gap:6px;font-weight:700;display:inline-flex}.world-go:after{content:"◀"}.menu-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.9rem;display:flex}.ghost-btn{color:var(--ink);border:1px solid var(--glass-brd);background:0 0;border-radius:999px;padding:9px 16px;font-size:.9rem;transition:border-color .2s,background .2s}.ghost-btn:hover{border-color:var(--accent);background:#38e1ff14}.stage{width:100%;height:100%;position:relative;overflow:hidden}.stage>canvas{display:block}.hud{pointer-events:none;font-family:var(--font);flex-direction:column;justify-content:space-between;padding:14px;display:flex;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-top{align-items:center;gap:12px;display:flex}.hud-top-spacer{flex:1}.hud-back{background:var(--glass);border:1px solid var(--glass-brd);color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:9px 14px;font-size:.9rem}.hud-back:hover{border-color:var(--accent)}.hud-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hud-stage-name{background:var(--glass);border:1px solid var(--glass-brd);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:8px 14px;font-size:.95rem;font-weight:700}.hud-stage-name i{color:var(--accent);margin:0 4px;font-style:normal}.hud-levels{gap:6px;display:flex}.lvl-dot{background:var(--glass);border:1px solid var(--glass-brd);width:30px;height:30px;color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;place-items:center;font-size:.85rem;display:grid}.lvl-dot.current{color:#06101f;background:var(--accent);border-color:var(--accent);font-weight:800}.lvl-dot.done{color:#06101f;background:var(--good);border-color:var(--good)}.hud-prompt{background:var(--glass);border:1px solid var(--glass-brd);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:640px;box-shadow:var(--shadow);border-radius:16px;align-self:center;margin-top:4px;padding:12px 18px;font-size:1.02rem;line-height:1.8}.hud-hint{color:#ffe9a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffd1661f;border:1px solid #ffd16659;border-radius:14px;align-self:center;max-width:560px;margin-top:10px;padding:9px 16px;font-size:.92rem;line-height:1.7}.hud-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hud-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hud-mirror-hint{color:var(--muted);font-size:.85rem}.hud-mirror-ctl,.hud-toggles{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{background:var(--glass);border:1px solid var(--glass-brd);color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.88rem;transition:border-color .2s,background .2s;display:inline-flex}.chip:hover{border-color:var(--accent)}.chip.on{border-color:var(--accent);background:#38e1ff24}.chip-dot{background:#ffffff4d;border-radius:50%;width:8px;height:8px}.chip.on .chip-dot{background:var(--accent);box-shadow:0 0 10px var(--accent)}.chip-reset{padding:8px 12px;font-size:1.05rem}.ov-ang{white-space:nowrap;direction:ltr;background:#060a14d1;border:1px solid #96beff4d;border-radius:999px;align-items:center;gap:10px;padding:6px 14px;font-size:.9rem;font-weight:700;display:inline-flex}.ov-eq{color:#ffd166;font-size:1.1rem}.ov-label{color:#fff;white-space:nowrap;background:#060a14b3;border:1px solid #ffffff40;border-radius:8px;padding:3px 9px;font-size:.8rem}.card-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#04070fb8;place-items:center;padding:20px;animation:.3s fadeIn;display:grid;position:fixed;inset:0}.card{border:1px solid var(--glass-brd);border-top:3px solid var(--accent);text-align:center;width:min(520px,100%);box-shadow:var(--shadow);background:linear-gradient(#121c34f5,#0a1020f5);border-radius:22px;padding:28px;animation:.4s cubic-bezier(.2,.9,.3,1.2) rise}.card-eyebrow{letter-spacing:.15em;color:var(--accent);margin:0 0 6px;font-size:.8rem}.card-title{margin:0 0 14px;font-size:1.5rem;font-weight:800}.card-text{color:#c7d4ef;margin:8px 0;font-size:.98rem;line-height:1.9}.card-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.formula{background:#38e1ff14;border:1px solid #38e1ff4d;border-radius:16px;flex-direction:column;align-items:center;gap:6px;margin:16px auto 4px;padding:14px;display:flex}.formula-main{color:#dff4ff;direction:ltr;font-size:1.5rem;font-weight:800}.formula-cap{color:var(--muted);font-size:.85rem;line-height:1.7}.primary-btn{background:var(--accent);color:#04121f;box-shadow:0 8px 26px -8px var(--accent);border:none;border-radius:999px;padding:12px 24px;font-size:1rem;font-weight:800;transition:transform .15s,box-shadow .2s}.primary-btn:hover{box-shadow:0 12px 32px -8px var(--accent);transform:translateY(-2px)}.mat-row{flex-wrap:wrap;gap:8px;display:flex}.mat-chip{background:var(--glass);border:1px solid var(--glass-brd);color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:.88rem;display:inline-flex}.mat-chip .swatch{border-radius:4px;width:14px;height:14px}.mat-chip.on{border-color:var(--accent);background:#38e1ff24}.idx-tag{font-variant-numeric:tabular-nums;direction:ltr;background:#ffffff14;border-radius:6px;padding:2px 7px;font-size:.8rem}.wl-wrap{flex-direction:column;gap:6px;min-width:220px;display:flex}.wl-head{color:var(--muted);justify-content:space-between;font-size:.82rem;display:flex}.wl-head b{color:var(--ink);direction:ltr}input[type=range].wl{appearance:none;background:linear-gradient(90deg,#7a5cff,#4fd6c8,#5aff9e,#ffe14f,#ff9d5c,#ff4d4d,#ff2d78);border-radius:8px;outline:none;width:100%;height:8px}input[type=range].wl::-webkit-slider-thumb{appearance:none;border:3px solid var(--accent);width:20px;height:20px;box-shadow:0 0 12px var(--accent);cursor:pointer;background:#fff;border-radius:50%}input[type=range].wl::-moz-range-thumb{border:3px solid var(--accent);width:18px;height:18px;box-shadow:0 0 12px var(--accent);cursor:pointer;background:#fff;border-radius:50%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}@media (width<=900px){.world-grid{grid-template-columns:1fr}.world-card{min-height:150px}}@media (width<=640px){.hud{padding:10px}.hud-prompt{font-size:.9rem}.hud-levels{display:none}.world-index{font-size:2rem}}.ltr{direction:ltr}.error-boundary{text-align:center;color:var(--ink);z-index:100;background:radial-gradient(#141d33 0%,#060912 70%);flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:2rem;display:flex;position:fixed;inset:0}.error-boundary h2{font-size:1.5rem}.error-boundary pre{text-align:left;color:#ff9f9f;direction:ltr;background:#0c1322;border-radius:8px;max-width:90vw;max-height:30vh;padding:.6rem;font-size:.7rem;overflow:auto}