:root{color:#f5fdff;background:#082638;font-family:Inter,ui-rounded,SF Pro Rounded,PingFang SC,system-ui,sans-serif;font-synthesis:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overflow:clip}html,body{position:fixed;inset:0;overscroll-behavior:none;touch-action:none}button{font:inherit;touch-action:manipulation}#app{position:relative;isolation:isolate;background:#0a4a62}.scenery{position:absolute;z-index:0;inset:-3%;background:url(/assets/antarctic-run.jpg) center/cover no-repeat;opacity:0;transform:scale(1.035);transition:opacity 1s,transform 1.6s}.scenery.is-active{opacity:1;transform:scale(1)}.frost-vignette{position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 52%,transparent 35%,#021b2a55 100%),linear-gradient(180deg,#09334b44 0,transparent 27%,#031b2a44 100%);box-shadow:inset 0 0 80px #bff7ff20}#game{position:relative;z-index:1;display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;z-index:4;inset:max(16px,env(safe-area-inset-top)) 16px auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;pointer-events:none}.brand{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:950;letter-spacing:.11em;text-shadow:0 4px 18px #00283bbb}.brand-mark{color:#c9fbff;text-shadow:0 0 14px #78eaf2}.score-wrap{text-align:center;min-width:90px}.score-wrap strong{display:block;font-size:clamp(30px,8vw,46px);line-height:1;text-shadow:0 7px 24px #002235aa}.score-wrap span{display:block;height:18px;margin-top:3px;color:#ffcf72;font-size:11px;font-weight:950;letter-spacing:.08em}.hud-actions{justify-self:end;display:flex;gap:7px;pointer-events:auto}.icon-button{pointer-events:auto;width:42px;height:42px;padding:0;border:1px solid #e9fdff33;border-radius:15px;color:#fff;background:#082d42c9;font-weight:900;backdrop-filter:blur(18px);box-shadow:inset 0 1px #fff2,0 9px 25px #0020304d}.end-button{width:0;border-width:0;opacity:0;visibility:hidden;transform:scale(.7);transition:.2s}.end-button.is-visible{width:42px;border-width:1px;opacity:1;visibility:visible;transform:scale(1)}.speed-meter{position:absolute;z-index:4;left:16px;top:50%;width:8px;height:130px;padding:2px;border-radius:99px;background:#dffcff25;transform:translateY(-40%);opacity:0;transition:.2s;overflow:hidden}.speed-meter.is-visible{opacity:1}.speed-meter span{position:absolute;inset:50% -4px auto;height:1px;background:#fff4}.speed-meter div{position:absolute;left:2px;right:2px;bottom:2px;height:10%;border-radius:99px;background:linear-gradient(0deg,#7de8ee,#fff7bb,#ffb755);box-shadow:0 0 14px #8ff7ff;transition:height .08s}.tutorial{position:absolute;z-index:5;left:50%;bottom:calc(48px + env(safe-area-inset-bottom));display:grid;justify-items:center;gap:6px;transform:translate(-50%);opacity:0;pointer-events:none;transition:.3s;text-shadow:0 4px 16px #00273a}.tutorial.is-visible{opacity:1}.tutorial-hand{font-size:32px;animation:steer 1.2s ease-in-out infinite}.tutorial strong{font-size:11px;letter-spacing:.18em}.panel{position:absolute;z-index:8;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:linear-gradient(180deg,#0630472b,#041f30dc);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transform:scale(1.025);transition:.25s}.panel.is-visible{opacity:1;visibility:visible;transform:scale(1)}.welcome-language-select{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;height:42px;max-width:145px;padding:0 30px 0 12px;border:1px solid #efffff35;border-radius:15px;color:#fff;background:#082d42d9;font-weight:850;outline:0}.welcome-settings-button{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px}.hero-penguin{width:min(210px,52vw);height:170px;object-fit:contain;margin:-28px 0 -10px;filter:drop-shadow(0 22px 24px #00192799);animation:float 3s ease-in-out infinite}.eyebrow{margin:0 0 8px;color:#9ef5f4;font-size:10px;font-weight:950;letter-spacing:.22em}h1{margin:0;font-size:clamp(52px,15vw,82px);line-height:.79;letter-spacing:-.045em;text-shadow:0 11px 34px #001f31bb}h1 span{color:#ffcf72;font-style:italic}h2{margin:0;font-size:26px}.subtitle{max-width:340px;margin:16px 0 22px;color:#d2e9ef;font-size:14px;line-height:1.55}.muted{min-height:18px;margin:11px 0 5px;color:#9abdc8;font-size:12px}.primary-button,.secondary-button{min-height:52px;padding:0 30px;border-radius:18px;border:0;font-weight:950;cursor:pointer;transition:transform .15s}.primary-button{color:#073044;background:linear-gradient(135deg,#faffff,#91eced);box-shadow:0 13px 36px #73e6ea4f}.primary-button:disabled{opacity:.45}.secondary-button{color:#f1fdff;border:1px solid #fff3;background:#0a3d55cc}.primary-button:active,.secondary-button:active,.icon-button:active{transform:scale(.96)}.mini-rank-card{width:min(330px,100%);margin-top:4px;padding:9px 14px;border:1px solid #eaffff21;border-radius:18px;background:#06283db8;box-shadow:inset 0 1px #fff1,0 12px 34px #001c2b55}.mini-rank-title{margin:0 0 4px;color:#8db7c4;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.mini-rank-list,.rank-list{margin:0;padding:0;list-style:none}.mini-rank-list li{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;min-height:27px;font-size:12px;text-align:left}.result-rank-card{margin-top:16px}.final-score{font-size:clamp(78px,24vw,128px);font-weight:950;line-height:1;color:#fff;text-shadow:0 14px 44px #001a2baa}.action-row{display:flex;gap:10px}.sheet{position:absolute;z-index:14;left:12px;right:12px;bottom:12px;max-height:min(74vh,620px);padding:22px;border:1px solid #eaffff29;border-radius:28px;background:#06283df2;box-shadow:0 -20px 60px #00152199;backdrop-filter:blur(22px);transform:translateY(calc(100% + 30px));transition:transform .28s}.sheet.is-visible{transform:translateY(0)}.sheet[aria-hidden=true]{visibility:hidden}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.rank-list{max-height:48vh;overflow:auto}.rank-list li{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;min-height:48px;border-bottom:1px solid #fff1}.rank-position{color:#83aeb9;font-weight:900}.rank-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-score{color:#ffcf72;font-weight:950}.rank-empty{display:block!important;padding:25px 0;color:#92b5bf;text-align:center}.settings-list{display:grid;gap:10px}.setting-row{display:flex;align-items:center;gap:14px;min-height:58px;padding:0 16px;border:1px solid #fff1;border-radius:18px;background:#fff1;color:#eaffff;font-weight:850}.setting-row>span:first-child{flex:1}.setting-row input{position:absolute;width:1px;height:1px;opacity:0}.setting-row i{position:relative;width:48px;height:28px;border-radius:99px;background:#315467;box-shadow:inset 0 2px 5px #001a2b88}.setting-row i:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#dff4f5;box-shadow:0 3px 8px #00192788;transition:.18s}.setting-row input:checked+i{background:#37bfc3}.setting-row input:checked+i:after{transform:translate(20px);background:#fff}.language-row select{max-width:58%;height:40px;padding:0 12px;border:1px solid #fff2;border-radius:12px;color:#fff;background:#0b3a51;font:inherit;font-size:13px}.website-row{text-decoration:none}.website-row span:last-child{color:#8deff0;font-size:13px}.toast{position:absolute;z-index:20;left:50%;bottom:98px;max-width:80%;padding:10px 16px;border-radius:12px;background:#021722e8;color:#fff;font-size:13px;transform:translate(-50%,20px);opacity:0;transition:.2s;pointer-events:none}.toast.is-visible{transform:translate(-50%);opacity:1}@keyframes steer{50%{transform:translate(16px)}}@keyframes float{50%{transform:translateY(-7px) rotate(1deg)}}@media(max-width:430px){.brand{font-size:10px}.action-row{width:100%;flex-direction:column}.action-row button{width:100%}.hero-penguin{height:145px;margin-top:-20px}#welcome .subtitle{margin:12px 0 16px}#welcome .muted{margin:9px 0 3px}}@media(prefers-reduced-motion:reduce){.tutorial-hand,.hero-penguin{animation:none}.panel,.sheet,.toast{transition-duration:.01ms}}.scenery{inset:-13%;transform:translate3d(var(--scene-x, 0),var(--scene-y, 0),0) rotate(var(--scene-tilt, 0deg)) scale(var(--scene-scale, 1.09));transform-origin:50% 58%;transition:opacity 1s;will-change:transform;backface-visibility:hidden}.scenery.is-active{transform:translate3d(var(--scene-x, 0),var(--scene-y, 0),0) rotate(var(--scene-tilt, 0deg)) scale(var(--scene-scale, 1.09))}@media(prefers-reduced-motion:reduce){.scenery,.scenery.is-active{transform:scale(1.09)}}.item-feedback{position:absolute;z-index:7;left:50%;bottom:31%;min-width:92px;padding:8px 15px;border:1px solid rgb(255 255 255 / 32%);border-radius:999px;color:#fff;background:#041f30c2;box-shadow:0 10px 32px #00162366;font-size:18px;font-weight:950;letter-spacing:.06em;text-align:center;text-shadow:0 2px 8px rgb(0 0 0 / 35%);opacity:0;pointer-events:none;transform:translate(-50%,16px) scale(.72)}.item-feedback.is-visible{animation:item-feedback-pop .78s cubic-bezier(.2,.85,.28,1) both}.item-feedback.fish{color:#fff3b0;border-color:#ffcf539e;background:linear-gradient(135deg,#804a04e0,#1c5c72d6);box-shadow:0 0 28px #ffbf2d59}.item-feedback.gate{color:#dfffff;border-color:#72f7ffa6;background:linear-gradient(135deg,#054e69e5,#774b04db);box-shadow:0 0 30px #5fecff61}.item-feedback.air{color:#e7fbff;border-color:#bef5ff9e;background:linear-gradient(135deg,#0e4b75e5,#2488a0d1);box-shadow:0 0 32px #91ebff59}@keyframes item-feedback-pop{0%{opacity:0;transform:translate(-50%,18px) scale(.65)}18%{opacity:1;transform:translate(-50%,-4px) scale(1.12)}65%{opacity:1;transform:translate(-50%,-18px) scale(1)}to{opacity:0;transform:translate(-50%,-38px) scale(.9)}}