@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#fffdf0;font-synthesis:none;--lime:#e5fb83;--ink:#173f39;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#a6d4c4;margin:0;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer;border:0}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #efa64d}button:disabled{opacity:.7;cursor:wait}[hidden]{display:none!important}#game{outline:none;width:100%;height:100%;position:fixed;inset:0}.vignette{pointer-events:none;background:linear-gradient(#183e3529,#0000 30% 65%,#0e302d60);position:fixed;inset:0}header{pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:32px;left:38px;right:38px}header button{pointer-events:auto}.brand{align-items:center;gap:11px;display:flex}.brand-icon{color:var(--lime);font-size:36px;line-height:1}h1{letter-spacing:1px;margin:0 0 5px;font:700 20px Space Grotesk,sans-serif}.version{opacity:.6;font-size:12px;font-weight:400}.eyebrow{letter-spacing:2.1px;font-size:10px;font-weight:700}.brand .eyebrow{opacity:.7;font-size:8px}.clock{text-align:center;position:absolute;left:50%;transform:translate(-50%)}.clock>div{font-family:Space Grotesk,sans-serif;line-height:1.15}#time{letter-spacing:-3px;font-size:54px;font-weight:600}#decimal{opacity:.65;font-size:23px;font-weight:500}.top-actions{align-items:center;gap:10px;display:flex}.icon-button{width:41px;height:41px;color:inherit;background:#ffffff1c;border:1px solid #ffffff35;border-radius:50%;place-items:center;font-size:23px;transition:all .2s;display:grid}.icon-button:hover{background:#ffffff38}.banana-count{align-items:center;gap:8px;margin-right:14px;display:flex}.banana-count>span{color:#ffdb6a;font-size:37px;transform:rotate(-35deg)}.banana-count b{font:500 26px Space Grotesk,sans-serif}.banana-count small{opacity:.65;font-size:13px}.stage-label{pointer-events:none;position:absolute;top:130px;left:40px}.pill{letter-spacing:1.6px;background:var(--lime);color:var(--ink);border-radius:4px;padding:6px 9px;font-size:8px;font-weight:700}.stage-label h2{letter-spacing:-1px;margin:13px 0 5px;font:500 28px Space Grotesk,sans-serif}.stage-label p{opacity:.7;margin:0;font-size:11px}.overlay{pointer-events:none;background:#1c423b13;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.intro-card{pointer-events:auto;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#163f37e8;border:1px solid #ffffff25;border-radius:19px;width:360px;padding:30px 25px;box-shadow:0 25px 100px #143c3530}.intro-card>.eyebrow{color:var(--lime);font-size:9px}.intro-card h2{letter-spacing:-1.8px;margin:14px 0;font:500 39px Space Grotesk,sans-serif}.intro-card p{color:#cdded7;font-size:13px;line-height:1.7}.primary{background:var(--lime);color:var(--ink);border-radius:9px;padding:14px 24px;font-size:12px;font-weight:700;transition:all .2s}.primary:hover{background:#f1ffb6;transform:translateY(-1px)}.intro-card .primary{width:100%;margin:12px 0 22px}.intro-controls{color:#cdded7;flex-direction:column;gap:10px;font-size:10px;display:flex}kbd{white-space:nowrap;background:#ffffff16;border:1px solid #ffffff28;border-radius:4px;padding:4px 6px;font:500 10px DM Sans,sans-serif}.intro-card .controller-hint{opacity:.65;margin:19px 0 0;font-size:9px}footer{pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:30px;left:40px;right:40px}.telemetry{width:195px}.telemetry>div:nth-child(2){align-items:baseline;gap:8px;margin:1px 0 7px;display:flex}.telemetry b#speed{letter-spacing:-3px;font:500 53px Space Grotesk,sans-serif}.telemetry>div>span{opacity:.7;font-size:10px}.telemetry .motion{letter-spacing:1px;margin-left:auto;font-size:8px}.speed-track{background:#ffffff30;border-radius:5px;height:3px;overflow:hidden}.speed-track i{background:var(--lime);width:0;height:100%;transition:width .1s;display:block}.telemetry-note{letter-spacing:1px;opacity:.7;gap:7px;margin-top:10px;font-size:8px;display:flex}.telemetry-note>span{margin-left:auto}.bottom-center{text-align:center;margin-bottom:2px}.tip{color:#f6f5e7;margin-bottom:15px;font-size:12px}.shortcuts{color:#e1eee4;gap:19px;font-size:9px;display:flex}.shortcuts kbd{margin-right:4px}.minimap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#143e385c;border:1px solid #ffffff29;border-radius:13px;width:159px;padding:12px}.map-heading,.map-footer{letter-spacing:1.1px;justify-content:space-between;align-items:center;font-size:7px;display:flex}.map-heading{color:#ffffffab}.minimap canvas{width:100%;height:123px;margin:6px 0;display:block}.map-footer{justify-content:flex-start;gap:5px}.map-footer i{background:var(--lime);border-radius:50%;width:5px;height:5px}.map-footer span{color:#f9d47d;margin-left:auto}#notice{pointer-events:none;color:#183f39;background:var(--lime);opacity:0;border-radius:30px;padding:8px 16px;font-size:12px;transition:opacity .25s;position:absolute;top:110px;left:50%;transform:translate(-50%)}#notice.show{opacity:1}.tuning{width:340px;color:var(--ink);z-index:5;background:#f8f8eefa;border-radius:17px;padding:25px;position:absolute;top:20px;bottom:20px;right:20px;overflow:auto;box-shadow:0 15px 80px #143c3555}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading .eyebrow{color:#668176;font-size:8px}.panel-heading h2{letter-spacing:-1px;margin:7px 0 0;font:500 28px Space Grotesk,sans-serif}.panel-heading button{color:var(--ink);background:#173f3910}.panel-note{color:#6d7e74;margin:17px 0 20px;font-size:11px;line-height:1.6}.tuning label{margin-top:19px;font-size:11px;font-weight:700;display:block}.tuning output{float:right;color:#6c8173;font-weight:500}.tuning input[type=range]{accent-color:#4c8368;width:100%;height:4px;margin:13px 0 3px}.tuning select{width:100%;color:var(--ink);background:#fff;border:1px solid #d4ddcc;border-radius:7px;margin-top:10px;padding:10px;font-size:12px}.tuning p:not(.panel-note){color:#7a8c7e;margin:6px 0;font-size:9px;line-height:1.5}.tuning .check{align-items:center;gap:7px;margin:23px 0;font-weight:500;display:flex}.check input{accent-color:#4c8368}.check span{color:#7a8c7e;margin-left:auto;font-size:9px}.panel-buttons{gap:8px;margin-top:22px;display:flex}.panel-buttons button{flex:1;padding:12px;font-size:10px}.secondary{color:var(--ink);background:#e6ebdf;border-radius:8px}#joystick{touch-action:none;-webkit-user-select:none;user-select:none;background:#143e3825;border:1px solid #ffffff70;border-radius:50%;width:110px;height:110px;display:none;position:absolute;bottom:155px;left:30px}#stick{background:#e5fb83ba;border-radius:50%;width:36px;height:36px;position:absolute;top:36px;left:36px}#joystick>span{text-align:center;letter-spacing:2px;width:100%;font-size:7px;position:absolute;bottom:8px}@media (pointer:coarse){#joystick{display:block}.shortcuts{display:none}}@media (width<=750px){header{top:20px;left:20px;right:20px}h1{font-size:14px}.brand-icon{font-size:28px}.version,.brand .eyebrow{display:none}.top-actions{gap:6px}.banana-count{margin-right:0}.banana-count>span{font-size:25px}.banana-count b{font-size:18px}.banana-count small{font-size:9px}.icon-button{width:33px;height:33px;font-size:18px}.clock{top:52px}#time{font-size:38px}#decimal{font-size:18px}.clock .eyebrow{font-size:8px}.stage-label{top:89px;left:20px}.stage-label h2{font-size:23px}.stage-label p{display:none}.pill{font-size:7px}footer{bottom:20px;left:20px;right:20px}.telemetry{width:137px}.telemetry b#speed{font-size:40px}.telemetry .motion{font-size:6px}.bottom-center{width:100%;position:absolute;bottom:143px}.tip{font-size:10px}.shortcuts{display:none}.minimap{width:125px;padding:10px}.minimap canvas{height:93px}.intro-card{width:310px;padding:25px 20px}.intro-card h2{font-size:34px}.tuning{width:min(340px,100% - 24px);top:12px;bottom:12px;right:12px}.telemetry-note{font-size:7px}#notice{white-space:nowrap;top:140px}}@media (height<=610px){.stage-label{top:100px}.stage-label p{display:none}.intro-card{padding:18px 24px}.intro-card h2{margin:9px 0;font-size:29px}.intro-card .primary{margin:6px 0 15px;padding:11px}.intro-card .controller-hint{display:none}.minimap canvas{height:80px}.bottom-center{bottom:0}.clock #time{font-size:38px}}.level-choice{pointer-events:auto;letter-spacing:1px;align-items:center;gap:8px;margin-top:14px;font-size:8px;display:flex}.level-choice select{color:#f2f6d4;cursor:pointer;background:#123f39dc;border:1px solid #dcedb653;border-radius:6px;max-width:205px;padding:7px 9px;font-size:11px}.stage-label p{max-width:250px;line-height:1.6}.stage-label{text-shadow:0 1px 9px #143b3988}.level-choice option{background:#153f36}.stage-label .pill{text-shadow:none}@media (width<=750px){.level-choice{margin-top:7px}.level-choice>span{display:none}.level-choice select{max-width:165px;padding:5px;font-size:10px}.stage-label h2{margin-top:11px;font-size:21px}}.sound-slash{display:none}.sound-button.muted .sound-slash{display:block}.sound-button.muted .sound-waves{display:none}.sound-button.muted{opacity:.6}body[data-theme=space]{--lime:#95edff;--ink:#142d4c;background:#0b1733}body[data-theme=space] .vignette{background:linear-gradient(#09192c50,#0000 35% 70%,#0a163c88)}body[data-theme=space] .intro-card{background:#142844ed;border-color:#83dfff44}body[data-theme=space] .minimap{background:#132b4cbb}body[data-theme=space] .level-choice select{background:#183352e8;border-color:#93daff55}body[data-theme=space] .pill{color:#112843}body[data-theme=space] .stage-label p{opacity:.88}