:root{color-scheme:dark;--bg: #12141a;--panel: #1b1e27;--text: #e6e8ee;--dim: #8a90a0;--accent: #4f8cff;--error: #ff5c6a;--done: #4f8cff;--key: #262a36}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}.practice{max-width:900px;margin:0 auto;padding:24px 20px 60px}.practice-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.practice-header h1{font-size:22px;margin:0}.layout-select{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--dim)}.layout-select select{background:var(--panel);color:var(--text);border:1px solid #333848;border-radius:6px;padding:6px 10px;font-size:14px}.stats-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.stat{background:var(--panel);border:1px solid #2a2f3d;border-radius:8px;padding:10px 16px;min-width:90px;display:flex;flex-direction:column}.stat-value{font-size:22px;font-weight:600}.stat-label{font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.05em}.typing-text{background:var(--panel);border:1px solid #2a2f3d;border-radius:10px;padding:20px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:20px;-webkit-user-select:none;user-select:none;white-space:pre-wrap;word-break:break-word;margin-bottom:20px}.char{border-radius:3px}.char.done{color:var(--done)}.char.current{background:#4f8cff2e;outline:1px solid var(--accent)}.char.error{background:#ff5c6a38;color:var(--error)}.glyph{color:var(--dim);font-size:.8em}.keyboard{margin-bottom:20px}.keyboard-row{display:flex;gap:5px;margin-bottom:5px;justify-content:center}.key{background:var(--key);border:1px solid #333848;border-radius:6px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text);min-width:0}.key.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 3px #4f8cff40}.key.warm{background:#5c431f;border-color:#8a662e}.key.hot{background:#5c2227;border-color:#96343c}.mode-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 16px}.mode-tabs button{padding:6px 14px;background:var(--panel);border:1px solid #333848;border-radius:6px;color:var(--dim);cursor:pointer;font-size:14px}.mode-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.stage-badge{padding:4px 12px;border-radius:12px;background:var(--panel);border:1px solid #333848;color:var(--dim);font-size:13px}.stage-reset{margin-left:auto;background:transparent!important;border:1px dashed #4a4f60!important;color:var(--dim)!important}.boss-battle.shake{animation:shake .25s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.health.flash .health-fill{animation:hp-flash .3s}@keyframes hp-flash{0%{filter:brightness(2)}to{filter:brightness(1)}}.progress-chart{margin:12px 0}.progress-chart svg{width:100%;max-width:600px;background:var(--panel);border:1px solid #333848;border-radius:8px}.result{background:var(--panel);border:1px solid #2a2f3d;border-radius:10px;padding:20px;margin-bottom:16px}.result h2{margin:0 0 8px}.result button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:10px 18px;font-size:15px;cursor:pointer}.hint{color:var(--dim);font-size:13px}.error-banner{background:#ff5c6a26;border:1px solid var(--error);border-radius:8px;padding:10px 14px;color:var(--error)}.topnav{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid #2a2f3d}.topnav button{background:transparent;color:var(--dim);border:none;padding:8px 16px;font-size:15px;border-radius:6px;cursor:pointer}.topnav button.active{background:var(--panel);color:var(--text)}.boss-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.boss-card{background:var(--panel);border:1px solid #2a2f3d;border-radius:10px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.boss-name{font-size:17px;font-weight:600}.boss-meta{color:var(--dim);font-size:13px;margin-top:2px}.badge{margin-left:8px;background:#4f8cff2e;color:var(--accent);border-radius:999px;padding:2px 10px;font-size:12px}.boss-card button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:10px 18px;font-size:15px;cursor:pointer}.battle-bars{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.health-label{font-size:13px;color:var(--dim);margin-bottom:4px}.health-track{background:#12141a;border-radius:999px;height:14px;overflow:hidden}.health-fill{background:var(--accent);height:100%;border-radius:999px;transition:width .2s ease}.health-fill.danger{background:var(--error)}.combo{font-size:14px;color:var(--text)}.combo-streak{color:var(--dim)}.auth{max-width:420px}.auth-form{display:flex;flex-direction:column;gap:14px;background:var(--panel);border:1px solid #2a2f3d;border-radius:10px;padding:20px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--dim)}.auth-form input{background:#12141a;color:var(--text);border:1px solid #333848;border-radius:6px;padding:10px 12px;font-size:15px}.auth-form button[type=submit]{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:11px 18px;font-size:15px;cursor:pointer}.auth-tabs{display:flex;gap:8px}.auth-tabs button{flex:1;background:transparent;color:var(--dim);border:1px solid #2a2f3d;border-radius:6px;padding:8px;cursor:pointer}.auth-tabs button.active{background:#262a36;color:var(--text)}.topnav .logout{margin-left:auto}.duel-bars{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.duel-stats{font-size:14px;color:var(--dim)}.duel-countdown{font-size:48px;font-weight:700;text-align:center;margin:24px 0}.duel-result{width:100%;border-collapse:collapse;margin:12px 0 20px}.duel-result th,.duel-result td{text-align:left;padding:8px 12px;border-bottom:1px solid #2a2f3d}.duel-result th{color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.app-shell{max-width:960px;margin:0 auto;padding:16px}.topnav-title{font-weight:600;margin-left:4px}.menu-screen{max-width:720px;margin:0 auto}.menu-header{text-align:center;margin-bottom:24px}.menu-header h1{font-size:40px;margin:0 0 4px}.menu-user{color:var(--accent);margin:8px 0 0}.menu-section{margin-bottom:24px}.menu-section h2{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:0 0 10px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.menu-grid button{padding:16px;font-size:16px;background:var(--panel);border:1px solid #333848;border-radius:10px;color:var(--text);cursor:pointer}.menu-grid button:hover{border-color:var(--accent)}.menu-continue{width:100%;padding:18px;font-size:18px;font-weight:600;background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer}.menu-continue:disabled{background:var(--panel);color:var(--dim);cursor:default}.menu-reset{width:100%;padding:10px;background:transparent;border:1px dashed #6b3a3a;border-radius:8px;color:#d98a8a;cursor:pointer}.settings-screen,.profile-screen,.leaderboard-screen{max-width:720px;margin:0 auto}.settings-group{background:var(--panel);border:1px solid #2a2f3d;border-radius:10px;padding:16px;margin-bottom:16px}.settings-group h2{margin:0 0 12px;font-size:16px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #23283a}.settings-row:last-of-type{border-bottom:none}.settings-row select,.settings-row input[type=range]{min-width:160px}.settings-row input[type=range]{accent-color:var(--accent)}.profile-card{background:var(--panel);border:1px solid #2a2f3d;border-radius:10px;padding:16px;margin-bottom:20px}.profile-name{font-size:24px;font-weight:600;margin-bottom:12px}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:0}.profile-stats dt{color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.profile-stats dd{margin:4px 0 0;font-size:20px;font-weight:600}.leaderboard-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.leaderboard-filters label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--dim)}.leaderboard-list{list-style:none;padding:0;margin:0}.leaderboard-list li{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--panel);border:1px solid #2a2f3d;border-radius:8px;margin-bottom:8px}.leaderboard-rank{width:28px;text-align:center;font-weight:700;color:var(--accent)}.leaderboard-name{flex:1;font-weight:600}.leaderboard-level{color:var(--dim);font-size:13px}.leaderboard-value{font-variant-numeric:tabular-nums}.scene{margin-bottom:16px}.scene-bars{display:flex;flex-direction:column;gap:12px}.scene-monkey{margin-bottom:18px}.monkey-track{position:relative;width:100%;height:400px;overflow:hidden;border:1px solid #2c4433;border-radius:14px;background:linear-gradient(180deg,#26432d,#16281c 55%,#0a120d);--tension: 0;--shake-x: 0px;--shake-y: 0px;--parallax: 0%;transform:translate(var(--shake-x),var(--shake-y));will-change:transform}.monkey-far,.monkey-tree{position:absolute;top:-9%;bottom:-9%;will-change:transform}.monkey-far{left:0;right:0;transform:translateY(calc(var(--parallax) * .35))}.monkey-tree{left:50%;width:220px;margin-left:-110px;transform:translateY(var(--parallax))}.monkey-far .forest,.monkey-tree .tree{display:block;width:100%;height:100%}.monkey-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 70px #000000eb;opacity:calc(.35 + var(--tension) * .65)}.monkey-alarm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at 50% 60%,#dc2e1600 30%,#e22c12e6);opacity:calc(var(--tension) * .85)}.monkey-dust{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.dust{position:absolute;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#c8a273;opacity:0;will-change:bottom,opacity,transform}.monkey-finish{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:6}.monkey-finish svg{display:block;width:26px;height:30px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.monkey-actor,.monkey-cheetah{position:absolute;left:50%;transform:translate(-50%);z-index:3;will-change:bottom}.monkey-actor{width:100px}.monkey-cheetah{width:136px;filter:drop-shadow(0 0 10px rgba(255,130,80,.4))}.monkey-actor .sprite,.monkey-cheetah .sprite{display:block;width:100%;height:auto}.sprite-bob{will-change:transform}.sprite-cheetah{transform:rotate(-90deg)}.limb{transform-box:view-box}.monkey-arm-left{transform-origin:28px 44px}.monkey-arm-right{transform-origin:52px 44px}.monkey-leg-left{transform-origin:32px 62px}.monkey-leg-right{transform-origin:48px 62px}.cheetah-leg-a{transform-origin:32px 38px}.cheetah-leg-b{transform-origin:80px 38px}.cheetah-leg-c{transform-origin:44px 38px}.cheetah-leg-d{transform-origin:92px 38px}.monkey-info{position:absolute;left:16px;top:14px;z-index:7;display:flex;flex-wrap:wrap;gap:8px}.monkey-info>span{display:inline-flex;align-items:baseline;gap:6px;padding:6px 13px;border:1px solid rgba(120,180,140,.28);border-radius:999px;background:#060c08d1;color:#cfe3d6;font-size:13px;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.focus-symbols{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 0;color:var(--dim);font-size:13px}.focus-symbol{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border:1px solid #4f8cff;border-radius:6px;background:#4f8cff24;color:#cfe0ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.match-banner{margin:0 0 12px;padding:10px 16px;border:1px solid rgba(230,170,60,.5);border-radius:10px;background:#e6aa3c1f;color:#f0d29a;font-size:14px}.scene-tug{margin-bottom:16px}.tug-row{display:flex;align-items:center;gap:10px}.tug-actor{font-size:28px}.tug-actor.flip{transform:scaleX(-1)}.tug-rope{position:relative;flex:1;height:8px;background:#6b5a3a;border-radius:4px}.tug-knot{position:absolute;top:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--accent);transform:translateY(-50%);transition:left .2s ease-out}.tug-info{display:flex;justify-content:space-between;margin-top:8px;color:var(--dim);font-size:14px}.scene-boss{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.boss-figure{display:flex;align-items:center;gap:10px}.boss-sprite{font-size:40px}.boss-figure.hit .boss-sprite{animation:boss-hit .3s}@keyframes boss-hit{0%{transform:translate(0) scale(1)}30%{transform:translate(-6px) scale(.94)}60%{transform:translate(4px) scale(1.02)}to{transform:translate(0) scale(1)}}.boss-caption{font-weight:600}.result-fail h2{color:#d98a8a}