:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;background:#071c38}*{box-sizing:border-box}body{margin:0;overflow:hidden}#app,canvas,.ui{position:fixed;inset:0;width:100%;height:100%}.environment{position:fixed;inset:0;z-index:0;background:#16385b center 0/auto 120% repeat-y;will-change:background-position;background-image:linear-gradient(135deg,#16385b,#071c38)}canvas{z-index:1}.ui{z-index:2;overflow:hidden;pointer-events:none}.hud{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));display:grid;grid-template-columns:1fr auto 1fr;gap:16px}.hearts{font-size:clamp(26px,3.5vw,46px);letter-spacing:3px;color:#ff5b70;text-shadow:0 3px #70203a}.objective{min-width:min(455px,61vw);text-align:center;font-family:Impact,Arial Narrow,sans-serif;background:linear-gradient(150deg,#164d9c,#0a2867);border:3px solid #69b5ff;border-radius:17px;padding:8px 22px;box-shadow:0 7px #071a48}.objective span{display:block;font-size:clamp(22px,3vw,39px);line-height:1}.objective b,em{color:#ffd347;font-style:normal}.objective strong{display:inline-block;background:#0a3275;margin-top:7px;padding:0 21px;border-radius:8px;font-size:clamp(23px,2.8vw,37px)}.objective small{display:block;color:#a9d6ff;font-size:12px;letter-spacing:1px}.scores{justify-self:end;background:#08275dce;border:2px solid #4178bd;border-radius:13px;padding:7px 12px;font-size:clamp(22px,3vw,38px);line-height:1}.scores small{display:block;color:#aacbed;font:600 11px Impact,Arial Narrow,sans-serif;margin-top:5px}.pause,.sound{pointer-events:auto;position:absolute;right:max(20px,env(safe-area-inset-right));width:46px;height:46px;border:2px solid #78bdff;color:#fff;border-radius:50%;background:#093575;font-size:20px}.pause{top:130px}.sound{top:184px;font-size:22px}.progress{position:absolute;bottom:max(27px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:end;justify-content:space-between;width:min(680px,82vw);height:38px;border-top:4px solid #dbe5ec}.progress:before{content:"";position:absolute;top:-10px;width:15px;height:15px;background:#fff;border:4px solid #17529d;border-radius:50%}.progress i{position:absolute;left:0;top:-4px;height:4px;background:linear-gradient(90deg,#4dd9e4,#367fff);width:0;transition:width .2s}.progress span{font:700 16px Impact,Arial Narrow,sans-serif;white-space:nowrap;text-shadow:0 2px 3px #08192d}.power{position:absolute;right:24px;top:245px;font:700 16px Impact,Arial Narrow,sans-serif;color:#fff0ae;text-shadow:0 2px 4px #000}.toast{position:absolute;left:50%;top:27%;transform:translate(-50%,-15px);opacity:0;transition:.2s;background:#112c5fef;border:2px solid #ffd050;border-radius:10px;padding:10px 18px;font:800 24px Impact,Arial Narrow,sans-serif;letter-spacing:.8px;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%)}.toast.bad{border-color:#ff6571}.toast.good{border-color:#72eed0}.touch-hints{position:absolute;left:50%;bottom:94px;transform:translate(-50%);display:flex;gap:18px;opacity:.8;transition:.65s;font:700 13px Impact,Arial Narrow,sans-serif;text-align:center}.touch-hints span{width:62px;height:48px;padding:2px;border:1px solid #96d4ff;border-radius:12px;background:#062a60a8;font-size:18px}.touch-hints.hide{opacity:0}.overlay{pointer-events:auto;position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#0b326899,#020b1de8);opacity:0;visibility:hidden;transition:.25s}.overlay.visible{opacity:1;visibility:visible}.panel{width:min(480px,calc(100vw - 36px));padding:clamp(28px,5vw,48px);border:2px solid #549ce8;border-radius:22px;background:linear-gradient(145deg,#0d3c7cfa,#061a42f9);box-shadow:0 18px 70px #0008;text-align:center}.panel h1,.panel h2{font:800 clamp(47px,8vw,75px)/.82 Impact,"Arial Narrow",sans-serif;letter-spacing:1px;margin:10px 0 21px}.panel h2{font-size:clamp(42px,7vw,64px)}.panel p{font-size:15px;line-height:1.55;color:#d7e9ff}.eyebrow{font:700 14px Impact,Arial Narrow,sans-serif!important;letter-spacing:3px;color:#83ceff!important;margin:0}.primary,.secondary{width:100%;margin-top:13px;min-height:50px;padding:10px 15px;border-radius:9px;border:2px solid #ffd353;background:linear-gradient(#ffd951,#d99522);color:#17264b;font-weight:800;letter-spacing:.6px;box-shadow:0 3px #805117}.secondary{border-color:#5f9bd7;background:#153f7b;color:#e8f5ff;box-shadow:none}.primary kbd{float:right;background:#fff5c5;padding:2px 5px;border-radius:3px}.fine{font-size:12px!important;color:#8cb9dd!important}.moves{display:grid;gap:8px;margin:20px 0}.moves span{padding:9px;background:#123c76;border:1px solid #3977bd;border-radius:8px;font:800 26px Impact,Arial Narrow,sans-serif;color:#ffda56}.moves b{display:inline-block;margin-left:16px;color:#ddedff;font-size:15px;vertical-align:middle}.panel label{display:block;text-align:left;margin:18px 0;color:#dcebff}.panel select{float:right;border-radius:5px;padding:3px}.breakdown{border-block:1px solid #4d81bd;margin:20px 0;padding:11px;display:grid;gap:6px}.breakdown span{display:flex;justify-content:space-between;font:700 17px Impact,Arial Narrow,sans-serif;color:#c5def7}.breakdown b{color:#ffdd5e;font-size:20px}.reduced *{transition:none!important}@media(max-width:650px){.hud{grid-template-columns:1fr auto;gap:5px}.objective{grid-row:2;grid-column:1/3;justify-self:center;min-width:65vw;padding:6px 12px}.objective small{display:none}.scores{font-size:24px}.scores small{display:none}.hearts{font-size:28px}.pause{top:76px}.sound{top:128px;font-size:22px}.power{top:180px;font-size:14px}.progress span{font-size:11px}.touch-hints{bottom:70px;gap:6px}.touch-hints span{width:48px;font-size:15px}.toast{top:36%;font-size:20px}}.impact-flash{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;opacity:0;background:radial-gradient(circle at 50% 60%,#ffdf7a33 0 13%,#f345 30%,#71001899);border:12px solid #ff435e;z-index:9}.impact-flash b{font:900 clamp(64px,12vw,140px)/.8 Impact,"Arial Narrow",sans-serif;color:#fff;text-shadow:0 6px 0 #81152c,0 0 24px #ffcd64;letter-spacing:4px}.impact-flash span{font:900 clamp(22px,4vw,42px) Impact,"Arial Narrow",sans-serif;color:#ffe06b;text-shadow:0 3px 0 #6b1324}.impact .impact-flash{animation:impactFlash .52s ease-out}.impact canvas,.impact .environment{animation:impactShake .42s ease-out}.impact .hearts{animation:heartHit .52s ease-out}@keyframes impactFlash{0%{opacity:0}12%{opacity:.94}35%{opacity:.72}to{opacity:0}}@keyframes impactShake{0%,to{transform:translate(0)}15%{transform:translate(-12px,5px) rotate(-.35deg)}30%{transform:translate(10px,-4px) rotate(.3deg)}48%{transform:translate(-7px,3px)}68%{transform:translate(5px,-2px)}}@keyframes heartHit{0%,to{transform:scale(1)}25%{transform:scale(1.38);filter:brightness(1.8)}55%{transform:scale(.9)}}.coin-fly{position:absolute;z-index:10;pointer-events:none;white-space:nowrap;font:900 clamp(20px,3vw,34px) Impact,"Arial Narrow",sans-serif;color:#ffdf55;text-shadow:0 3px 0 #7c4d00,0 0 14px #fff4a8;filter:drop-shadow(0 5px 5px #001b4aaa)}.scores.collect{animation:scoreCollect .65s ease-out}@keyframes scoreCollect{0%,to{transform:scale(1)}38%{transform:scale(1.22);border-color:#ffe45d;box-shadow:0 0 22px #ffe45daa}65%{transform:scale(.97)}}.difficulty-badge{position:absolute;left:max(22px,env(safe-area-inset-left));top:88px;padding:6px 11px;border:2px solid #73cfff;border-radius:8px;background:#092d65dd;color:#ffdc5c;font:800 15px Impact,Arial Narrow,sans-serif;letter-spacing:1px;text-shadow:0 2px #071832}.difficulty-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0 5px}.difficulty-picker button{pointer-events:auto;min-width:0;padding:9px 4px;border:2px solid #407ab9;border-radius:9px;background:#0b2f66;color:#cce8ff;cursor:pointer}.difficulty-picker button b,.difficulty-picker button small{display:block}.difficulty-picker button b{font:800 18px Impact,Arial Narrow,sans-serif;letter-spacing:.7px}.difficulty-picker button small{margin-top:3px;font-size:10px;white-space:nowrap}.difficulty-picker button.selected{border-color:#ffd557;background:linear-gradient(#225ba1,#133c78);color:#ffdc5c;box-shadow:0 0 17px #52baff66;transform:translateY(-2px)}.difficulty-copy{min-height:20px;margin:5px 0!important;color:#9ed9ff!important;font-size:12px!important;font-weight:700}.preflight .difficulty-badge{opacity:0}@media(max-width:650px){.difficulty-badge{top:72px;font-size:12px}.difficulty-picker button{padding:8px 2px}.difficulty-picker button b{font-size:15px}.difficulty-picker button small{font-size:8px}}.touch-controls{display:none}.touch-controls button{pointer-events:auto;min-width:58px;min-height:58px;border:2px solid #78bdff;border-radius:16px;background:linear-gradient(145deg,#174f95ef,#082757ef);color:#fff;font:800 17px Impact,Arial Narrow,sans-serif;letter-spacing:.5px;box-shadow:0 3px #041735;touch-action:manipulation}.touch-controls button:active{transform:translateY(2px);box-shadow:0 1px #041735}.touch-move,.touch-actions{display:flex;gap:8px}@media(max-width:650px){.touch-controls{pointer-events:none;position:absolute;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:end}.touch-actions{flex-direction:column}.touch-actions button{min-width:72px}.touch-hints{display:none}.progress{bottom:max(100px,calc(env(safe-area-inset-bottom) + 88px))}}.secret-title,.secret-gate{cursor:pointer;-webkit-user-select:none;user-select:none}.secret-title.secret-tap,.secret-gate.secret-tap{animation:secretTap .3s ease-out}.difficulty-picker .secret-level{grid-column:1/-1;padding:7px}.difficulty-picker .crazy-level{background:linear-gradient(100deg,#3a0c5d,#a01348,#3a0c5d);border-color:#fa5e9c;color:#ffe165}.difficulty-picker .crazy-level.selected{border-color:#fff16b;background:linear-gradient(100deg,#68128c,#e12f42,#68128c);box-shadow:0 0 25px #ff3e87aa}.difficulty-picker .impossible-level{background:linear-gradient(100deg,#050506,#681019,#050506);border-color:#e83d45;color:#ffb0a8}.difficulty-picker .impossible-level.selected{border-color:#fff;background:linear-gradient(100deg,#160006,#d41424,#160006);color:#fff;box-shadow:0 0 28px #ff1828bb}.difficulty-picker.secret-unlocked{animation:secretUnlock .75s ease-out}.panel:has(.secret-level:not([hidden])){padding-block:20px}.panel:has(.secret-level:not([hidden])) h1{font-size:clamp(41px,6.7vw,63px);margin-block:6px 12px}@keyframes secretTap{0%,to{transform:scale(1)}45%{transform:scale(1.035) rotate(-.5deg);filter:brightness(1.25)}}@keyframes secretUnlock{0%{filter:brightness(1);transform:scale(1)}45%{filter:brightness(1.8);transform:scale(1.035)}to{filter:brightness(1);transform:scale(1)}}.environment{position:fixed;inset:-10%;z-index:0;background:#16385b center/cover no-repeat;transform-origin:50% 48%;will-change:transform}.ui.preflight .hud,.ui.preflight .progress,.ui.preflight .pause,.ui.preflight .sound,.ui.preflight .touch-hints,.ui.preflight .power,.ui.preflight .toast{opacity:0;pointer-events:none}