@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Outfit:wght@600;700;800;900&display=swap');
:root{font-family:'DM Sans',sans-serif;color:white;background:#17364a}*{box-sizing:border-box}body{margin:0;overflow:hidden;touch-action:none;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;border:0;touch-action:none}button:active{transform:scale(.96)}button:focus-visible{outline:3px solid #ffcf70}[hidden]{display:none!important}#game{width:100vw;height:100dvh;display:block;outline:none}#shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#10283d99,transparent 85%),linear-gradient(0deg,#10283d90,transparent 45%)}header{position:fixed;top:max(22px,env(safe-area-inset-top));left:24px;right:24px;display:flex;justify-content:space-between;align-items:start}.brand{font:900 25px/.9 Outfit,sans-serif;letter-spacing:-1px;text-shadow:0 2px 9px #17334e}.brand span{color:#ffce68;margin-left:4px}.brand small{display:block;font:700 8px sans-serif;letter-spacing:2.5px;margin-top:8px}#pause{border:1px solid #fff5;background:#17334e90;border-radius:50%;width:40px;height:40px;font-size:18px}.overlay{position:fixed;left:6%;top:50%;transform:translateY(-42%);width:min(650px,88%);max-height:82dvh;overflow:auto;scrollbar-width:none;touch-action:pan-y}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#ffda8e}h1{font:800 clamp(35px,5.5vw,65px)/1.04 Outfit,sans-serif;letter-spacing:-1.5px;margin:18px 0}h1 em{font-style:normal;color:#ffce68}p{font-size:15px;line-height:1.6;color:#e5f2f7;max-width:430px}h2{font:700 32px/1.1 Outfit,sans-serif}.worlds{display:flex;gap:8px;margin:25px 0 22px}.worlds button{flex:1;text-align:left;padding:15px 12px;border-radius:12px;border:1px solid #fff5;background:#183746a0;backdrop-filter:blur(12px)}.worlds .selected{border-color:#ffcc6b;background:#365150de;box-shadow:inset 0 -3px #ffcc6b}.worlds small{display:block;font-size:9px;letter-spacing:1px;color:#cce0dc}.worlds strong{display:block;font:600 17px Outfit,sans-serif;margin:8px 0}.worlds span{font-size:10px;color:#d4e7e9}.primary{background:#ffcc6b;color:#253537;padding:17px 24px;border-radius:10px;font-weight:700;font-size:16px;box-shadow:0 5px #bd863b,0 10px 35px #0002;min-width:265px}.textbutton{display:block;background:none;padding:17px 0;font-size:13px;color:#dfedef}.micro{font-size:9px;letter-spacing:1px;color:#bfd8de;margin-top:10px}.compact{left:50%;transform:translate(-50%,-45%);width:min(420px,90%);padding:26px;background:#122b41f0;border:1px solid #fff3;backdrop-filter:blur(20px);border-radius:20px}.compact .primary{width:100%;min-width:0}.secondary{width:100%;padding:14px;margin-top:10px;border-radius:8px;background:#ffffff15}.instructions p{display:flex;gap:15px;margin:16px 0;font-size:12px;color:#c6dce3}.instructions b{color:#ffce68;font-size:27px;width:48px;text-align:center}.instructions strong{display:block;color:white;font-size:14px}#sensorStatus{font-size:12px;color:#ffce68}label{font-size:13px}#hud{position:fixed;top:85px;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none}#hud small{display:block;font-size:9px;letter-spacing:2px;color:#d4eee6}#hud strong{font:600 17px Outfit,sans-serif}.track{margin-top:8px;height:3px;width:140px;background:#fff5}.track i{display:block;height:100%;background:#ffcc6b}.stats{display:flex;align-items:end;flex-direction:column;gap:8px;font-size:16px}#hearts{color:#ffaaa0;letter-spacing:3px}.stats b{color:#ffdb76}#controls{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:20px;right:20px;display:flex;justify-content:space-between;align-items:end;gap:10px}#controls button{width:52px;height:52px;border-radius:50%;border:1px solid #fff7;background:#15344a90;backdrop-filter:blur(8px);font-size:30px;user-select:none}.directions,.actions{display:flex;gap:8px;align-items:end}#controls .jump{width:64px;height:64px;background:#ffcc6b;color:#233e48}.motion #controls{opacity:.5}.motion #controls .directions{visibility:hidden}#motionHint{position:fixed;bottom:99px;left:0;right:0;text-align:center;font-size:11px;pointer-events:none}#quickCal{pointer-events:auto;background:#15344a90;border-radius:50%;margin-left:7px;width:30px;height:30px}#toast{position:fixed;top:36%;left:50%;transform:translate(-50%,-50%);background:#132c40ed;padding:13px 20px;border-radius:30px;font-size:14px;text-align:center;width:max-content;max-width:85%;opacity:0;transition:opacity .25s;pointer-events:none}#power{position:fixed;bottom:140px;left:24px;background:#183746dd;color:#ffda8e;padding:12px 15px;border:1px solid #ffe09766;border-radius:12px;font-size:13px;overflow:hidden}#power i{position:absolute;bottom:0;left:0;height:3px;background:#ffce68}#bossHud{position:fixed;top:145px;left:50%;transform:translateX(-50%);width:170px;text-align:center}#bossHud small{font-size:9px;letter-spacing:2px}#bossHud>div{height:6px;background:#172335;margin-top:6px}#bossHealth{display:block;background:#ff7664;height:100%}@media(max-width:500px){.overlay:not(.compact){top:auto;bottom:28px;transform:none;max-height:78dvh}h1{font-size:39px}.worlds{gap:6px;margin:20px 0}.worlds button{padding:12px 8px}.worlds strong{font-size:14px}.worlds span{font-size:9px}.worlds small{font-size:8px}.primary{width:100%}.micro{font-size:8px;letter-spacing:.5px}#shade{background:linear-gradient(0deg,#10283df2,transparent 95%)}.compact{padding:22px}.compact h2{font-size:28px}}@media(orientation:landscape) and (max-height:550px){header{top:15px;left:20px}.brand{font-size:21px}.overlay:not(.compact){top:54%;left:5%;width:62%;transform:translateY(-45%)}h1{font-size:32px;margin:10px 0}p{font-size:12px;margin:8px 0}.eyebrow{font-size:8px}.worlds{margin:12px 0}.worlds button{padding:9px}.worlds strong{font-size:14px;margin:5px 0}.worlds span{display:none}.primary{padding:12px 18px;font-size:14px}.textbutton{padding:12px 0}.micro{display:none}#hud{top:63px}#controls{bottom:16px}#controls button{height:45px;width:45px}#controls .jump{width:55px;height:55px}.compact{max-height:86dvh;top:52%;padding:20px}.compact h2{font-size:25px;margin:12px 0}.instructions p{margin:9px 0}.instructions b{font-size:22px}#motionHint{bottom:18px;left:25%;right:25%}#power{bottom:80px}}
.calibration-track{height:6px;background:#ffffff20;border-radius:8px;overflow:hidden;margin:22px 0 14px}.calibration-track i{display:block;width:0;height:100%;background:#ffce68;transition:width .1s linear}.calibration-note{font-size:12px;line-height:1.5;color:#b9d0d8;margin:8px 0 0}.settings{display:grid;gap:14px;padding-top:4px}.settings label{font-size:14px;display:flex;align-items:center;gap:8px}.settings input{width:18px;height:18px;accent-color:#ffce68}.primary:disabled{opacity:.6;cursor:default;box-shadow:none}#sensorStatus{min-height:36px;font-size:14px;line-height:1.5}#calibrationHelp{font-size:16px;line-height:1.55}.worlds strong{font-size:16px}@media(max-width:500px){.worlds strong{font-size:13px}}@media(orientation:landscape) and (max-height:550px){#calibrationHelp{font-size:14px}.calibration-track{margin:12px 0}#sensorStatus{min-height:24px;margin:8px 0}.settings{gap:10px}}

.auto-calibration{text-align:center;padding:40px 24px}.auto-calibration h2{font-size:clamp(28px,5vw,38px);line-height:1.25;margin:12px 0 28px}.auto-calibration .textbutton{margin:0 auto;color:#b9d0d8}