: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}.practice>h1{overflow-wrap:anywhere}.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}.duel-result td:first-child{overflow-wrap:anywhere}@media (max-width: 600px){.duel-result{table-layout:fixed}.duel-result th,.duel-result td{padding:6px 4px;font-size:12px}.duel-result th{font-size:10px;letter-spacing:0}.duel-result th:nth-child(2){width:48px}.duel-result th:nth-child(3){width:64px}.duel-result th:nth-child(4){width:88px}.duel-result th:not(:first-child),.duel-result td:not(:first-child){text-align:right;white-space:nowrap}}.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}:root{--bg: #101820;--panel: #17232f;--text: #edf2f7;--dim: #9babb9;--accent: #7bd9b1;--error: #f08b87;--done: #7bafa5;--key: #1b2a36;--gold: #efbe77}body{background:var(--bg)}button,select,input{font:inherit}button{cursor:pointer;border:1px solid #344552;border-radius:5px;color:var(--text);background:#1b2b36;padding:7px 12px}button:hover:not(:disabled){border-color:var(--accent);background:#243744}button:disabled{cursor:default;opacity:.55}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell{max-width:1120px;padding:12px 24px}.topnav{min-height:44px;margin-bottom:12px;gap:10px;display:flex;align-items:center}.app-brand{border:0;padding:8px 0;background:transparent;font-size:14px;font-weight:700;margin-right:auto}.app-brand span{color:#486070;margin:0 7px}.topnav-actions{display:flex;align-items:center;gap:8px}.topnav-actions button{font-size:12px;background:transparent}.sound-toggle{width:34px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0}.practice{max-width:1040px;padding:8px 0 28px}.practice-header{margin-bottom:10px;gap:10px}.practice-header h1{font-size:19px;letter-spacing:-.02em}.practice-stage{font-size:12px;color:var(--dim)}.chase-toggle{margin-left:auto;font-size:12px;padding:4px 10px}.chase-toggle.active{color:var(--gold);border-color:#756043}.mode-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 14px}.mode-tabs button{font-size:12px;padding:5px 11px;color:var(--dim)}.mode-tabs button.active{background:#253d40;color:#d9fff0;border-color:#4e8b76}.typing-text{position:relative;margin:0 0 14px;padding:22px 26px;min-height:116px;max-height:216px;overflow-y:auto;font-size:27px;line-height:1.75;letter-spacing:.035em;color:#dce7ee;background:#192a35;border:1px solid #3a5760;border-left:3px solid var(--accent);border-radius:7px;scrollbar-width:thin;scrollbar-color:#425c68 transparent;-moz-tab-size:2;tab-size:2}.typing-text:has(br){font-size:21px;line-height:1.65;letter-spacing:.012em}.typing-text:focus{outline:none;border-color:#63958c}.char.done{color:#719b95}.char.current{color:#f6fffb;background:#285149;outline:1px solid var(--accent);border-radius:2px}.char.error{color:#f4b2a3;background:#5e3734}.glyph{color:#627985;font-size:.8em}.keyboard{margin:0 0 10px}.keyboard-row{gap:4px;margin-bottom:3px}.key{min-height:30px;height:30px;font-size:12px;background:#192833;border-color:#2c414e;border-radius:4px;color:#99aebb}.key.active{background:#304c44;color:#f0fff7;border-color:#82c6a5}.stats-bar{display:flex;gap:20px;margin:4px 0 10px;align-items:center}.stat{flex-direction:row;align-items:baseline;gap:7px;padding:0;min-width:0;border:0;background:none}.stat-value{font-size:16px;font-variant-numeric:tabular-nums;color:#c7d8dd}.stat-label{font-size:10px;color:#849da9;letter-spacing:.035em}.pixel-arena{position:relative;margin:10px 0 12px;border:1px solid #3b5559;border-radius:5px;overflow:hidden;background:#14252b}.pixel-hud{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 12px;min-height:28px;font-size:11px;color:#b5cbce;background:#14252b;font-variant-numeric:tabular-nums}.pixel-hud b{color:#e1eeed;margin-left:7px}.pixel-hp{display:flex;align-items:center;gap:7px}.pixel-hp meter{width:76px;height:8px;accent-color:var(--accent)}.pixel-world{position:relative;height:120px;overflow:hidden;isolation:isolate;background:#355963}.pixel-sky,.pixel-forest{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:repeat-x;image-rendering:pixelated}.pixel-sky{background-image:url(/pixel/sunnyland/back.png);background-size:768px 480px;opacity:.72}.pixel-forest{background-image:url(/pixel/sunnyland/forest.png);background-size:352px 360px;opacity:.75}.pixel-ground{position:absolute;inset:auto 0 0;height:22px;background:#76503c url(/pixel/sunnyland/ground.png) repeat-x;background-size:32px 64px;image-rendering:pixelated;z-index:2}.pixel-ground-second{bottom:42px;height:14px;opacity:.9}.pixel-actor{position:absolute;bottom:18px;z-index:3;image-rendering:pixelated;background-repeat:no-repeat;filter:drop-shadow(0 2px 0 #173330)}.pixel-other{transform:translate(-50%)}.pixel-pursuer{transform:translate(-50%) scaleX(-1)}.pixel-rival{bottom:52px;filter:hue-rotate(155deg) drop-shadow(0 2px 0 #173330)}.pixel-hit{filter:brightness(1.4) drop-shadow(0 2px 0 #173330)}.pixel-progress{height:3px;background:#283e42}.pixel-progress>div{height:100%;background:#97cbb8}.pixel-stumble-mark{display:none;position:absolute;top:38px;left:45%;width:4px;height:4px;background:#f9d88c;box-shadow:6px -5px #f9d88c,-5px -3px #f9d88c;z-index:4}.pixel-arena[data-stumble=true] .pixel-stumble-mark{display:block}.pixel-arena[data-caught=true]{border-color:#ba6c61}.pixel-player-label:before,.pixel-opponent-label:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--accent)}.pixel-opponent-label:before{background:#b9a0e0}.pixel-player-label,.pixel-opponent-label{min-width:0;overflow-wrap:anywhere}.boss-battle.shake{animation:none;transform:none}.boss-battle .hint{margin:8px 0;font-size:12px}.route-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:10px 12px;margin:12px 0;background:#15212b;border:1px solid #2c404b;border-radius:5px}.route-title{font-size:11px;color:var(--dim)}.route-stages{list-style:none;display:flex;align-items:center;gap:20px;margin:0;padding:0}.route-stage{display:flex;align-items:center;gap:5px;opacity:.45}.route-stage.current,.route-stage.done{opacity:1}.route-stage-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #45616c;border-radius:4px;font:600 12px/1 system-ui}.route-stage.current .route-stage-number{color:#d8ffed;border-color:#74b499;background:#28483b}.route-stage.done .route-stage-number{color:var(--accent);background:#213b34}.milestone-dots{display:flex;gap:3px}.milestone-dot{display:block;width:4px;height:4px;background:#38505b}.milestone-dot.done{background:var(--accent)}.route-lessons{margin-left:auto;white-space:nowrap;font-size:12px;color:#becdd5}.route-goal{flex-basis:100%;font-size:11px;color:var(--dim)}.route-boss{color:#ffdfaa;border-color:#7e684b;font-size:12px;margin-left:auto}.route-boss-locked{display:none}.lesson-card,.boss-pick{background:#172832;border:1px solid #35545d;border-radius:6px;padding:20px;margin:12px 0}.lesson-card h2,.boss-pick h2{font-size:19px;margin:0 0 6px}.lesson-card>button,.boss-pick-actions button:first-child{background:#285846;border-color:#619d7a;color:#effff5}.boss-pick-actions{display:flex;gap:10px}.duel-layout,.queue-layout{font-size:13px;color:#c7d8dd;margin:10px 0 6px}.queue-count{font-size:13px;color:var(--dim);margin:6px 0 10px}.result{padding:14px 18px;margin:12px 0;background:#19302c;border:1px solid #42665a;border-radius:5px}.result h2{font-size:18px;margin:0 0 5px}.result p{font-size:13px;margin:0 0 10px}.practice>details{margin:10px 0;padding:6px 0;color:var(--dim);font-size:12px}.practice>.hint{font-size:11px;color:#7f98a6;margin:8px 0}.stage-reset,.stage-reset-confirm button{font-size:11px;margin-top:6px}.error-banner{padding:10px 12px;background:#39292c;border:1px solid #7f5155;color:#f5c9c7;border-radius:5px;font-size:13px}.error-banner button{margin-left:10px;font-size:12px}.settings-row{gap:20px}.settings-row select{min-width:180px}.settings-save-state{font-size:12px;color:var(--dim);min-height:24px}.settings-group .hint{font-size:12px}.profile-loading{padding:42px 0;color:var(--dim);text-align:center}.menu-screen{max-width:840px;padding:18px 0 32px}.menu-header{text-align:left;margin-bottom:18px}.menu-eyebrow{font-size:12px;color:var(--accent);font-weight:700;letter-spacing:.08em}.menu-header h1{font-size:clamp(30px,4vw,44px);margin:5px 0;letter-spacing:-.035em}.menu-header .hint{margin:3px 0}.menu-user{color:var(--dim);font-size:12px;margin-top:10px}.menu-pixel-banner{position:relative;height:110px;border:1px solid #49636a;border-radius:5px;overflow:hidden;background:url(/pixel/sunnyland/forest.png) 0 -150px / 352px 360px repeat-x,url(/pixel/sunnyland/back.png) center -160px / 768px 480px repeat-x;image-rendering:pixelated}.menu-pixel-banner:after{content:"";position:absolute;bottom:0;height:20px;inset-inline:0;background:url(/pixel/sunnyland/ground.png) 0 0 / 32px 64px repeat-x}.menu-runner{position:absolute;width:66px;height:64px;bottom:17px;left:18%;background:url(/pixel/sunnyland/player-idle.png) 0 0 / 264px 64px no-repeat;image-rendering:pixelated}.menu-continue{margin:14px 0 18px;padding:12px 16px;font-size:15px;background:#2b5545;border:1px solid #659a7f;border-radius:5px;color:#e9fff1}.menu-primary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-mode-card{display:grid;grid-template-columns:30px 1fr;gap:6px 12px;padding:17px;text-align:left;background:#182630;border-radius:6px}.menu-card-index{grid-row:1 / 3;font:600 12px/1.7 monospace;color:#87b7ac}.menu-mode-card strong{font-size:16px}.menu-mode-card>span:last-child{font-size:12px;line-height:1.65;color:var(--dim)}.menu-section h2{font-size:11px}.menu-grid{grid-template-columns:repeat(3,1fr)}.menu-grid button{font-size:13px;padding:12px;border-radius:5px}.menu-reset{margin:0;padding:6px 0;border:0;background:transparent;color:#9ca8b0;font-size:11px;text-align:left;width:auto}.auth-form button[type=submit]{background:#285746;border:1px solid #659a7f;color:#eafff1}@media (max-height: 800px) and (min-width: 601px){.typing-text{padding:16px 24px;min-height:96px;font-size:26px}.key{min-height:27px;height:27px}.pixel-world{height:102px}.route-bar{gap:6px 16px;padding:8px 12px}}@media (max-width: 600px){.app-shell{padding:8px 14px}.app-brand{font-size:12px;max-width:45vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topnav{gap:6px}.topnav>button:not(.app-brand){font-size:10px;padding:5px}.practice{padding-top:5px}.practice-header h1{font-size:17px}.practice-stage{font-size:10px}.chase-toggle{margin-left:0}.typing-text{padding:16px;font-size:22px;min-height:104px;line-height:1.65;max-height:204px}.typing-text:has(br){font-size:17px}.key{font-size:9px;min-height:25px;height:25px;border-radius:2px}.keyboard-row{gap:2px;margin-bottom:2px}.stats-bar{gap:14px}.stat{gap:4px;flex-direction:column}.stat-value{font-size:14px}.stat-label{font-size:9px}.pixel-hud{gap:6px;padding:5px 8px;flex-wrap:wrap}.pixel-hp meter{width:40px}.pixel-world{height:100px}.route-stages{gap:12px}.route-title{display:none}.route-lessons{font-size:10px}.route-stage-number{width:20px;height:20px}.settings-row{gap:10px;flex-wrap:wrap}.settings-row select{min-width:140px}.menu-primary-grid,.menu-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}