html,body{color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background:#1d2744;height:100%;margin:0;font-family:Fredoka,system-ui,sans-serif;overflow:hidden}canvas{display:block}#loading{z-index:10;background:radial-gradient(circle at 50% 40%,#2c3a66,#141b33);flex-direction:column;justify-content:center;align-items:center;gap:28px;transition:opacity .5s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#loading h1{letter-spacing:1px;margin:0;font-size:64px;font-weight:700}#loading h1 span{color:#4fc3ff}#loading .logo-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:min(320px,78vw);display:block}.load-track{background:#ffffff26;border-radius:4px;width:240px;height:8px;overflow:hidden}#load-bar{background:#4fc3ff;width:0;height:100%;transition:width .2s}.boot-error{white-space:pre-wrap;color:#ffb4b4;max-width:90vw;font-size:12px}#help{pointer-events:none;background:#141b338c;border-radius:10px;padding:6px 12px;font-size:14px;position:fixed;bottom:14px;left:16px}.hud-end{z-index:5;background:#141b3399;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:fixed;inset:0}.hud-end h2{margin:0;font-size:48px}.hud-end p{font-size:20px}.hud-end button{font:inherit;color:#141b33;cursor:pointer;background:#4fc3ff;border:0;border-radius:14px;padding:10px 26px;font-size:20px;font-weight:600}.hud-ink{pointer-events:none;opacity:0;z-index:5;position:fixed;inset:0}.hud-ink i{background:radial-gradient(circle at 40% 35%,#3a3160,#141b33 70%);border-radius:48% 52% 45% 55%/55% 45%;position:absolute;transform:translate(-50%,-50%)}.menu{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;opacity:0;pointer-events:none;z-index:12;background:radial-gradient(at 50% 45%,#0b0f201f,#0b0f208c);justify-content:center;align-items:flex-start;padding:16px;transition:opacity .35s;display:flex;position:fixed;inset:0;overflow-y:auto}.menu.show{opacity:1;pointer-events:auto}.menu-box{text-align:center;width:min(560px,100%);margin:auto}.menu,.menu *,.panel-box,.panel-box *,.panel-scroll{touch-action:pan-y}.panel-box,.panel-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.menu-link-box{gap:8px;display:flex}.menu-link-box input{min-width:0;font:inherit;color:#141b33;-webkit-user-select:text;user-select:text;background:#ffffffeb;border:0;border-radius:12px;flex:1;padding:10px 12px;font-size:15px}.menu-status{color:#ffe266;min-height:1.4em}.hud-pockets{z-index:4;flex-wrap:wrap;justify-content:center;gap:6px;max-width:calc(100% - 32px);display:none;position:fixed;bottom:46px;left:50%;transform:translate(-50%)}.hud-pockets.show{display:flex}.hud-pockets .pocket{cursor:pointer;background:#141b338c;border:2px solid #ffffff59;border-radius:10px;width:44px;height:44px;padding:0;position:relative}.hud-pockets .pocket.sel{border-color:#ffe266;box-shadow:0 0 0 2px #ffe26659}.hud-pockets .pocket i{background:linear-gradient(90deg, transparent 40%, var(--ribbon) 40% 60%, transparent 60%), linear-gradient(0deg, transparent 40%, var(--ribbon) 40% 60%, transparent 60%), var(--box);border-radius:4px;position:absolute;inset:9px}.hud-pockets .pocket span{color:#fff;text-shadow:0 1px 3px #141b33e6;font-size:16px;font-weight:700;position:relative}.hud-pockets .pocket small{color:#fffc;font-size:10px;position:absolute;bottom:1px;right:3px}.pocket-hint{text-align:center;text-shadow:0 1px 2px #141b33cc;flex-basis:100%;font-size:13px}.ship-screen{z-index:9;opacity:0;pointer-events:none;transition:opacity .5s;position:fixed;inset:0}.ship-screen.show{opacity:1;pointer-events:auto}.ship-screen:not(.show),.ship-screen:not(.show) *{pointer-events:none!important}.ship-ui{pointer-events:none;color:#eaf4ff;--ink:#0d2f5c;--cyan:#7ff3ff;font-family:inherit;position:absolute;inset:0}.ship-sheet{left:calc(max(env(safe-area-inset-left), 0px) + 16px);top:calc(max(env(safe-area-inset-top), 0px) + 14px);letter-spacing:.12em;border:1.5px solid #d9ecffb3;padding:6px 12px;font:600 13px/1.2 ui-monospace,Menlo,monospace;position:absolute}.ship-head{left:50%;top:calc(max(env(safe-area-inset-top), 0px) + 64px);text-align:center;text-shadow:0 2px #08193cd9;width:min(620px,100% - 32px);position:absolute;transform:translate(-50%)}.ship-head h2{text-wrap:balance;margin:0 0 4px;font-size:clamp(26px,6vw,42px);line-height:1.05}.ship-head p{opacity:.92;text-wrap:balance;margin:0;font-size:clamp(15px,3.6vw,19px)}.ship-foot{left:50%;bottom:calc(max(env(safe-area-inset-bottom), 0px) + 20px);flex-direction:column;align-items:center;gap:14px;width:min(600px,100% - 32px);display:flex;position:absolute;transform:translate(-50%)}.ship-dots{pointer-events:auto;background:#0d2f5c99;border:1.5px solid #d9ecff73;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:clamp(5px,1.8vw,9px);max-width:100%;padding:8px 14px;display:flex}.ship-dots i{box-sizing:border-box;border:2px solid #d9ecff8c;border-radius:50%;width:clamp(10px,3vw,13px);height:clamp(10px,3vw,13px);position:relative}.ship-dots i.got{border-color:var(--cyan);background:var(--cyan)}.ship-dots i.new:after{content:"";border:2px solid var(--cyan);border-radius:50%;animation:1.5s ease-out infinite ship-ping;position:absolute;inset:-6px}@keyframes ship-ping{0%{opacity:1;transform:scale(.45)}to{opacity:0;transform:scale(1.25)}}.ship-list{letter-spacing:.06em;text-transform:uppercase;pointer-events:auto;background:#0d2f5ce6;border:1.5px solid #d9ecffb3;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 14px;width:100%;max-height:42vh;margin:0;padding:12px 16px;font:600 13px/1.25 ui-monospace,Menlo,monospace;list-style:none;display:grid;overflow:auto}.ship-list[hidden]{display:none}.ship-list li{opacity:.45}.ship-list li:before{content:"○ "}.ship-list li.got{opacity:1}.ship-list li.got:before{content:"● ";color:var(--cyan)}.ship-list li.new{color:var(--cyan)}.ship-actions{justify-content:center;align-items:center;gap:10px;display:flex}.ship-actions button{min-height:46px;font:inherit;cursor:pointer;pointer-events:auto;touch-action:manipulation;border-radius:14px;padding:0 24px;font-size:18px;font-weight:800}.ship-go{background:var(--cyan);color:var(--ink);border:0;box-shadow:0 4px #3ab2c4}.ship-more{color:#eaf4ff;background:#0d2f5c99;border:1.5px solid #d9ecffb3}.ship-actions button:active{transform:translateY(2px)}@media (max-width:480px){.ship-sheet{letter-spacing:.05em;white-space:nowrap;padding:4px 8px;font-size:10.5px}.ship-head{top:calc(max(env(safe-area-inset-top), 0px) + 58px)}.ship-list{letter-spacing:.03em;grid-template-columns:repeat(2,1fr);font-size:12px}}@media (max-height:520px){.ship-sheet{padding:4px 9px;font-size:11px}.ship-head{top:calc(max(env(safe-area-inset-top), 0px) + 10px);width:min(420px,100% - 300px)}.ship-head h2{font-size:22px}.ship-head p{font-size:14px}.ship-foot{bottom:calc(max(env(safe-area-inset-bottom), 0px) + 10px);gap:8px}.ship-actions button{min-height:40px;font-size:16px}.ship-list{max-height:50vh}}@media (prefers-reduced-motion:reduce){.ship-dots i.new:after{opacity:.8;animation:none;transform:scale(1)}}.intro{z-index:10;opacity:0;cursor:pointer;background:#141b33;transition:opacity .7s;position:fixed;inset:0}.intro.show{opacity:1}.intro.now{transition:none}.intro-art{background-position:50%;background-size:cover;transition:transform 8s ease-out;position:absolute;inset:0;transform:scale(1.06)}.intro.show .intro-art{transform:scale(1)}.intro-fx{pointer-events:none;transition:transform 8s ease-out;position:absolute;inset:0;overflow:hidden;transform:scale(1.06)}.intro.show .intro-fx{transform:scale(1)}.intro-stage{position:absolute}.falls{-webkit-mask:var(--mask) center / 100% 100% no-repeat;-webkit-mask:var(--mask) center / 100% 100% no-repeat;mask:var(--mask) center / 100% 100% no-repeat;position:absolute;inset:0;overflow:hidden}.falls i{background:repeating-linear-gradient(#fff0 0,#ffffffb3 20%,#fff0 40%,#96faff80 65%,#fff0 85% 100%) 0 0/100% 12%;height:300%;animation:.9s linear infinite fall-run;position:absolute;top:-100%;left:0;right:0}@keyframes fall-run{to{transform:translateY(12%)}}.intro-sky{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ship{width:var(--size);animation:ship-fly var(--dur) linear infinite;animation-delay:var(--delay);will-change:transform;position:absolute;left:0}.ship b{animation:2.4s ease-in-out infinite ship-bob;display:block}.ship svg{width:100%;display:block}.ship:before{content:"";background:linear-gradient(270deg,#7ff3ffcc,#7ff3ff00);border-radius:3px;width:150%;height:3px;position:absolute;top:52%;right:70%}.ship.back{animation-name:ship-fly-back}.ship.back svg{transform:scaleX(-1)}.ship.back:before{background:linear-gradient(90deg,#ff96f0cc,#ff96f000);left:70%;right:auto}@keyframes ship-fly{0%{transform:translate(-30vw)}to{transform:translate(130vw)}}@keyframes ship-fly-back{0%{transform:translate(130vw)}to{transform:translate(-30vw)}}@keyframes ship-bob{50%{transform:translateY(-7px)}}.twinkle{opacity:0;width:5px;height:5px;animation:twinkle var(--t) ease-in-out infinite;animation-delay:var(--d);background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.45)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(45deg)}}@media (prefers-reduced-motion:reduce){.falls i,.ship,.ship b,.twinkle{animation:none}.ship{display:none}}.intro-title{text-align:center;position:absolute;top:6%;left:0;right:0}.intro-title h1{color:#fff;text-shadow:0 4px #3a2f8f,0 10px 30px #141b3399;margin:0;font-size:clamp(48px,11vw,120px);font-weight:700}.intro-title span{color:#7ff3ff}.intro-title{pointer-events:none}.intro-title h1{justify-content:center;display:flex}.intro-title h1:has(.intro-logo){text-shadow:none}.intro-logo{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:0;width:clamp(280px,86vw,760px);max-height:34vh;display:block;transform:scale(.8)translateY(-14px)}.intro.show .intro-logo{animation:.9s cubic-bezier(.2,1.5,.4,1) .15s forwards logo-in,4.2s ease-in-out 1.1s infinite logo-float}.intro.now.show .intro-logo{animation-delay:.25s,1.2s}@keyframes logo-in{to{opacity:1;transform:scale(1)translateY(0)}}@keyframes logo-float{0%,to{opacity:1;transform:translateY(0)rotate(-.6deg)}50%{opacity:.94;transform:translateY(-8px)rotate(.6deg)}}@media (prefers-reduced-motion:reduce){.intro.show .intro-logo{animation:10ms forwards logo-in}}.intro-press{white-space:nowrap;text-align:center;color:#fff;text-shadow:0 2px 8px #141b33e6;background:#141b338c;border-radius:999px;margin:0;padding:8px 20px;font-size:clamp(16px,2.6vw,22px);animation:1.6s ease-in-out infinite intro-blink;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}@keyframes intro-blink{50%{opacity:.35}}.hud-end-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hud-end button.secondary{background:#ffffffd9}.menu button:focus-visible,.hud-end button:focus-visible,.ship-actions button:focus-visible{outline-offset:3px;outline:3px solid #7ff3ff}.story{z-index:11;opacity:0;cursor:pointer;background:#0b0f20;transition:opacity .7s;position:fixed;inset:0}.story.show{opacity:1}.story-art{opacity:0;background-position:50%;background-size:cover;transition:opacity .9s,transform 9s ease-out;position:absolute;inset:0;transform:scale(1.07)}.story-art.on{opacity:1;transform:scale(1)}.story-hint{color:#fff9;margin:0;font-size:14px;position:absolute;bottom:14px;right:18px}.story.gl{background:0 0}.story.gl .story-art{display:none}.story.backdrop-only{cursor:default}.story.backdrop-only .story-card,.story.backdrop-only .story-hint,.story.backdrop-only .story-skip{display:none}body.fx-cover .hud,body.fx-cover .hud-quest,body.fx-cover .hud-corner,body.fx-cover .hud-map,body.fx-cover .hud-sense,body.fx-cover .hud-alert,body.fx-cover .hud-hero,body.fx-cover .hud-pockets,body.fx-cover .hud-ink,body.fx-cover .hud-toast,body.fx-cover .hud-banner,body.fx-cover .floaters,body.fx-cover .hud-flash,body.fx-cover .dragstick,body.fx-cover #touch{visibility:hidden}.menu.panel{z-index:20;background:#141b33d1}.panel-box{background:#1d2744eb;border-radius:22px;max-height:92vh;padding:22px 26px;overflow-y:auto;box-shadow:0 10px 40px #0006}.panel-box h2{margin:0 0 14px;font-size:34px}.panel-box h3{color:#7ff3ff;text-align:left;margin:18px 0 6px;font-size:18px;font-weight:600}.panel-scroll{max-height:66vh;padding-right:6px;overflow-y:auto}.panel-box table{border-collapse:collapse;width:100%;font-size:16px}.panel-box th,.panel-box td{text-align:left;border-bottom:1px solid #ffffff14;padding:5px 8px}.panel-box th{color:#fff;white-space:nowrap;font-weight:600}.panel-box td{color:#ffffffd9}.panel-box kbd{color:#141b33;text-align:center;background:#fff;border-radius:6px;min-width:24px;margin:1px;padding:2px 7px;font:600 14px/1.3 inherit;display:inline-block;box-shadow:0 2px #9aa6c8}.panel-note{color:#ffffffa6;text-align:left;margin:8px 0 0!important;font-size:14px!important}.panel-col{flex-direction:column;gap:10px;display:flex}.panel-col button,.seg button{font:inherit;color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:14px;padding:12px 18px;font-size:20px;font-weight:600}.panel-col button.primary{color:#141b33;background:#4fc3ff}.panel-col button:hover,.seg button:hover{box-shadow:inset 0 0 0 99px #ffffff24}.opt{justify-content:space-between;align-items:center;gap:16px;margin:14px 0;font-size:20px;display:flex}.opt input[type=range]{accent-color:#4fc3ff;flex:0 260px}.seg{gap:8px;display:flex}.seg button{padding:8px 14px;font-size:17px}.seg button.on{color:#141b33;background:#4fc3ff}.menu-tools{justify-content:center;gap:22px;margin-top:8px;display:flex}.panel-box button:focus-visible,.menu-tools button:focus-visible{outline-offset:3px;outline:3px solid #7ff3ff}#touch{pointer-events:none;z-index:8;transition:opacity .25s;position:fixed;inset:0}#touch.off{opacity:0;visibility:hidden}.stick{left:calc(max(env(safe-area-inset-left), 0px) + 28px);bottom:calc(max(env(safe-area-inset-bottom), 0px) + 30px);background:#ffffff1f;border:2.5px solid #ffffff80;border-radius:50%;width:130px;height:130px;position:absolute;box-shadow:0 4px 14px #00000038}.stick .nub{background:#fff;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%;box-shadow:0 3px #a99ee0,0 6px 14px #0000004d}.stick.run{border-color:#7ff3fff2}.stick.run .nub{background:radial-gradient(circle at 50% 38%,#fff,#7ff3ff 60%,#3fb9d6);box-shadow:0 3px #2b8da6,0 0 0 5px #7ff3ff80}.tbtns{right:calc(max(env(safe-area-inset-right), 0px) + 18px);bottom:calc(max(env(safe-area-inset-bottom), 0px) + 24px);pointer-events:none;width:210px;height:200px;position:absolute}.tbtn{color:#141b33;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffffdb;border:0;border-radius:50%;place-items:center;padding:0;transition:transform 80ms;display:grid;position:absolute;box-shadow:0 3px #a99ee0,0 6px 16px #00000040}.tbtn svg{pointer-events:none;width:54%;height:54%;display:block}.tbtn.down{transform:scale(.92)}.t-jump{background:#7ff3fff2;width:84px;height:84px;bottom:0;right:0}.t-open{background:#ffe266f2;width:64px;height:64px;bottom:100px;right:6px}.t-next{width:58px;height:58px;bottom:8px;right:100px}.t-give{background:#ff8fc8f2;width:52px;height:52px;bottom:80px;right:96px}.t-pause{right:calc(max(env(safe-area-inset-right), 0px) + 14px);top:calc(max(env(safe-area-inset-top), 0px) + 12px);color:#fff;width:44px;height:44px;box-shadow:none;background:#141b338c;position:absolute}.touch-device .hud-pockets{left:auto;right:calc(max(env(safe-area-inset-right), 0px) + 18px);bottom:calc(max(env(safe-area-inset-bottom), 0px) + 238px);justify-content:flex-end;max-width:60vw;transform:none}.touch-device .hud-pockets .pocket{touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:54px;height:54px}.touch-device .hud-pockets .pocket small,.touch-device .pocket-hint{display:none}.touch-device .intro-press{font-size:clamp(16px,4vw,22px)}@media (orientation:portrait){.stick{bottom:calc(max(env(safe-area-inset-bottom), 0px) + 60px)}.tbtns{bottom:calc(max(env(safe-area-inset-bottom), 0px) + 50px)}.touch-device .hud-pockets{bottom:calc(max(env(safe-area-inset-bottom), 0px) + 262px)}}.intro.leaving{z-index:12;pointer-events:none;opacity:0;background:0 0;transition:opacity .9s}.intro.leaving .intro-art{opacity:0}.dragstick{opacity:0;will-change:transform;pointer-events:none;z-index:6;width:0;height:0;transition:opacity .16s;position:fixed;top:0;left:0}.dragstick.on{opacity:1}.dragstick .ring{left:calc(var(--ring) / -2);top:calc(var(--ring) / -2);width:var(--ring);height:var(--ring);background:#ffffff1a;border:2.5px solid #fff9;border-radius:50%;position:absolute;box-shadow:0 4px 14px #00000038}.dragstick.on .ring{animation:.24s cubic-bezier(.2,.9,.3,1.25) dragpop}.dragstick .ring:after{content:"";background:#ffffffe6;border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;left:50%}.dragstick .tether{transform-origin:0;background:#ffffffbf;border-radius:2px;height:3px;position:absolute;top:-1.5px;left:0}.dragstick .knob{background:#fff;border-radius:50%;width:32px;height:32px;transition:background .15s;position:absolute;top:-16px;left:-16px;box-shadow:0 3px #a99ee0,0 6px 14px #0000004d}.dragstick.run .ring{border-color:#7ff3fff2}.dragstick.run .knob{background:radial-gradient(circle at 50% 38%,#fff,#7ff3ff 60%,#3fb9d6);box-shadow:0 3px #2b8da6,0 0 0 5px #7ff3ff80}@keyframes dragpop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}body.steering,body.steering canvas{cursor:none}.hud-bigmap{z-index:30;opacity:0;cursor:pointer;background:#080a1cd1;place-items:center;font-family:"Baloo 2",Fredoka,sans-serif;transition:opacity .22s;display:grid;position:fixed;inset:0}.hud-bigmap.show{opacity:1}.bm-card{text-align:center}.bm-card h2{margin:0 0 8px;font-size:34px;font-weight:800}.bm-card canvas{aspect-ratio:1;background:#141b338c;border-radius:50%;width:min(100vw - 32px,100vh - 150px,760px);height:auto;margin:0 auto;display:block;box-shadow:0 0 0 4px #ffffff4d,0 20px 60px #00000080}.bm-legend{flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:12px 0 2px;font-size:16px;font-weight:600;display:flex}.bm-legend span{align-items:center;gap:6px;display:inline-flex}.lg{color:#141b33;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;display:inline-grid}.lg-you{background:#fff}.lg-up,.lg-down{background:#7ff3ff}.lg-piece{background:#ffe266}.lg-chest{background:#c78bff}.lg-shop{background:#ffd34d}.bm-card p{opacity:.7;margin:4px 0 0;font-size:14px}.intro-art{background-position:20%}@media (min-aspect-ratio:1){.intro-art{background-position:50%}}@media (max-height:520px){.bm-card h2{display:none}.bm-card canvas{width:min(100vw - 32px,100vh - 90px)}.panel-box{padding:14px 20px}.panel-box h2{margin-bottom:8px;font-size:26px}.opt{margin:8px 0;font-size:18px}}.hud,.hud-quest,.hud-corner,.hud-hero.p2{--panel:#121830d1;--edge:#ffffff2e;--drop:#080a1c66;font-family:"Baloo 2",Fredoka,system-ui,sans-serif}.hud{z-index:3;left:calc(max(env(safe-area-inset-left), 0px) + 16px);top:calc(max(env(safe-area-inset-top), 0px) + 14px);pointer-events:none;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:fixed}.hud-hero,.hud-quest,.hud-money,.hud-tool{box-sizing:border-box;background:var(--panel);border:2px solid var(--edge);box-shadow:0 4px 0 var(--drop)}.hud-hero{--hc:#b9b2ff;border-radius:40px 22px 22px 40px;align-items:center;gap:12px;padding:6px 18px 6px 6px;display:flex}.hud-hero.hero-odd{--hc:#6ec3ff;--face:42% 22%}.hud-hero.hero-out{--hc:#6fd39a;--face:48% 9%}.hc-face{border:3px solid var(--hc);background:radial-gradient(circle at 50% 30%, var(--hc), color-mix(in srgb, var(--hc) 45%, #141b33));background-repeat:no-repeat;border-radius:50%;flex:none;place-items:center;width:60px;height:60px;display:grid;position:relative;box-shadow:0 3px #080a1c59}.hc-face.has-pic{background-size:200%;background-position:var(--face,50% 12%);background-color:color-mix(in srgb, var(--hc) 55%, #141b33)}.hc-face.has-pic .hc-initial{display:none}.hc-initial{color:#0d1b3a;font-size:28px;font-weight:800;line-height:1}.hc-lives{color:#141b33;text-align:center;background:#fff;border:2px solid #141b33;border-radius:12px;min-width:24px;padding:0 6px;font-size:13px;font-style:normal;font-weight:800;line-height:18px;position:absolute;bottom:-6px;right:-9px}.hc-body{flex-direction:column;gap:1px;display:flex}.hc-name{letter-spacing:.02em;color:var(--hc);font-size:17px;font-weight:800;line-height:1.05}.hc-hearts{gap:2px;display:flex}.hp{width:23px;height:23px;display:block}.hp svg{fill:#ffffff21;stroke:#fff3;stroke-width:1.3px;stroke-linejoin:round;width:100%;height:100%;transition:transform .15s;display:block}.hp.full svg{fill:#ff4f70;stroke:#a8183a;stroke-width:1.6px}.hud-hero.low .hp.full svg{animation:.8s ease-in-out infinite hud-beat}.hud-hero.hurt{animation:.38s hud-shake}.hud-hero.heal{animation:.5s ease-out hud-heal}.hud-hero.heal .hp.full svg{animation:.5s ease-out hud-beat}@keyframes hud-heal{35%{transform:scale(1.08)}}.hud-hero.hurt .hc-face{border-color:#ff4f70}@keyframes hud-beat{50%{transform:scale(1.22)}}@keyframes hud-shake{20%{transform:translate(-5px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}}@keyframes hud-pop{40%{transform:scale(1.14)}}.pop{animation:.34s ease-out hud-pop}.hud-effects{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.hud-effects span{background:var(--panel);border:2px solid var(--edge);border-radius:14px;padding:3px 12px;font-size:16px;font-weight:600}.hud-effects b{color:#ffe266;margin-left:4px}.hud-quest{z-index:3;left:50%;top:calc(max(env(safe-area-inset-top), 0px) + 14px);pointer-events:none;white-space:nowrap;border-radius:22px;align-items:center;padding:6px 16px 6px 6px;display:flex;position:fixed;transform:translate(-50%)}.hud-level{border-right:2px solid #ffffff1f;align-items:center;gap:10px;margin-right:16px;padding-right:16px;display:flex}.lv-badge{color:#0d1b3a;background:linear-gradient(160deg,#7ff3ff,#4fa8ff);border-radius:13px;place-items:center;width:40px;height:40px;font-size:25px;font-weight:800;line-height:1;display:grid;box-shadow:0 3px #2b6fb8}.lv-text{flex-direction:column;font-size:21px;font-weight:800;line-height:1.02;display:flex}.lv-text small{letter-spacing:.16em;text-transform:uppercase;color:#9fb0e6;font-size:11px;font-weight:700}.hud-pieces{align-items:center;gap:10px;min-width:190px;display:flex}.pc-ico{color:#ffe266;place-items:center;width:28px;height:28px;display:grid}.pc-ico svg{width:100%;height:100%;display:block}.pc-bar{background:#ffffff24;border-radius:8px;flex:1;height:13px;position:relative;overflow:hidden}.pc-bar i{transform-origin:0;background:linear-gradient(90deg,#ffe266,#ffb347);transition:transform .5s;position:absolute;inset:0}.hud-pieces b{font-size:23px;font-weight:800;line-height:1}.hud-pieces b small{color:#9fb0e6;font-size:14px;font-weight:700}.hud-pieces.done b{color:#ffe266}.hud-sense{z-index:3;opacity:0;pointer-events:none;will-change:transform;width:0;height:0;transition:opacity .25s;position:fixed;top:0;left:0}.hud-sense.on{opacity:var(--warm,1)}.sense-pin,.sense-tipwrap{width:0;height:0;position:absolute;top:0;left:0}.sense-tip{fill:#ffe266;stroke:#141b33;stroke-width:2.4px;stroke-linejoin:round;width:22px;height:22px;position:absolute;top:-11px;left:19px}.sense-bubble{color:#141b33;width:44px;height:44px;animation:sense-bob var(--beat,1s) ease-in-out infinite;background:#ffe266;border:3px solid #141b33;border-radius:50%;place-items:center;display:grid;position:absolute;top:-22px;left:-22px;box-shadow:0 3px #141b33}.sense-bubble svg{width:26px;height:26px;display:block}.hud-sense.close .sense-bubble{animation-name:sense-hop}@keyframes sense-bob{50%{transform:scale(1.1)}}@keyframes sense-hop{50%{transform:translateY(-9px)scale(1.14)}}@media (prefers-reduced-motion:reduce){.sense-bubble{animation:none}}.hud-alert{z-index:4;pointer-events:none;opacity:0;width:0;height:0;position:fixed;top:0;left:0}.hud-alert.show{opacity:1}.hud-alert b{color:#fff;transform-origin:50% 100%;background:#ff5d73;border:3px solid #141b33;border-radius:12px;place-items:center;width:34px;height:40px;font:800 26px/1 "Baloo 2",Fredoka,system-ui,sans-serif;display:grid;position:absolute;top:-42px;left:-17px;transform:scale(0);box-shadow:0 3px #141b33}.hud-alert.show b{animation:.95s cubic-bezier(.3,1.6,.5,1) forwards alert-pop}@keyframes alert-pop{0%{opacity:1;transform:scale(0)rotate(-12deg)}18%{transform:scale(1.25)rotate(6deg)}30%{transform:scale(1)rotate(0)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)translateY(-10px)}}@media (prefers-reduced-motion:reduce){.hud-alert.show b{animation:none;transform:scale(1)}}.hud-corner{z-index:5;right:calc(max(env(safe-area-inset-right), 0px) + 16px);top:calc(max(env(safe-area-inset-top), 0px) + 14px);pointer-events:none;align-items:center;gap:10px;display:flex;position:fixed}.hud-money{border-radius:23px;align-items:center;gap:8px;height:46px;padding:0 16px 0 9px;font-size:23px;font-weight:800;line-height:1;display:flex}.mn-ico{width:28px;height:28px;display:block}.mn-ico svg{width:100%;height:100%;display:block}.hud-tools{gap:8px;display:flex}.hud-tool{color:#fff;cursor:pointer;pointer-events:auto;touch-action:manipulation;border-radius:16px;place-items:center;width:46px;height:46px;padding:0;transition:transform .12s,background .12s,border-color .12s;display:grid}.hud-tool svg{width:23px;height:23px}.hud-tool:hover{background:#283464eb;border-color:#7ff3ff;transform:translateY(-2px)}.hud-tool:active{box-shadow:0 1px 0 var(--drop);transform:translateY(2px)}.hud-map{z-index:4;left:calc(max(env(safe-area-inset-left), 0px) + 20px);bottom:calc(max(env(safe-area-inset-bottom), 0px) + 22px);pointer-events:auto;cursor:pointer;background:#141b3380;border-radius:50%;width:170px;height:170px;transition:transform .15s,box-shadow .15s;position:fixed;box-shadow:0 0 0 4px #ffffffeb,0 0 0 7px #121830e0,0 9px 0 7px #080a1c59}.hud-map:hover{transform:scale(1.03);box-shadow:0 0 0 4px #7ff3ff,0 0 0 7px #121830e0,0 9px 0 7px #080a1c59}.hud-hero.p2{z-index:3;right:calc(max(env(safe-area-inset-right), 0px) + 16px);top:calc(max(env(safe-area-inset-top), 0px) + 14px);pointer-events:none;border-radius:22px 40px 40px 22px;flex-direction:row-reverse;margin:0;padding:6px 6px 6px 18px;display:none;position:fixed}body.split .hud-hero.p2{display:flex}body.split .hud-hero.p2 .hc-body{align-items:flex-end}body.split .hud-tools{display:none}body.split .hud-corner{left:50%;right:auto;top:calc(max(env(safe-area-inset-top), 0px) + 74px);transform:translate(-50%)}body.split .hud-map{width:124px;height:124px;margin-left:-62px;bottom:20px;left:50%}body.split .hud-map:hover{transform:scale(1.03)}.hud-burger,.hud-tool .tool-label{display:none}.touch-device .hud{left:calc(max(env(safe-area-inset-left), 0px) + 10px);top:calc(max(env(safe-area-inset-top), 0px) + 10px);transform-origin:0 0;gap:8px;transform:scale(.82)}.touch-device .hud-hero{gap:8px;padding:5px 14px 5px 5px}.touch-device .hc-face{width:46px;height:46px}.touch-device .hc-name{display:none}.touch-device .hp{width:19px;height:19px}.touch-device .hud-quest{top:calc(max(env(safe-area-inset-top), 0px) + 10px);transform-origin:top;padding:5px 14px 5px 5px;transform:translate(-50%)scale(.82)}.touch-device .hud-level{margin-right:10px;padding-right:10px}.touch-device .lv-badge{width:34px;height:34px;font-size:21px}.touch-device .lv-text{display:none}.touch-device .hud-pieces{gap:8px;min-width:0}.touch-device .pc-ico{width:24px;height:24px}.touch-device .hud-pieces b{font-size:21px}.touch-device .hud-corner{top:calc(max(env(safe-area-inset-top), 0px) + 10px);right:calc(max(env(safe-area-inset-right), 0px) + 12px);gap:6px}.touch-device .hud-money{height:40px;font-size:20px}.touch-device .hud-tool{width:40px;height:40px}.touch-device .hud-burger{display:grid}.touch-device .hud-tools{flex-direction:column;gap:6px;margin-top:8px;display:none;position:absolute;top:100%;right:0}.touch-device .hud-corner.open .hud-tools{display:flex}.touch-device .hud-corner.open .hud-burger{border-color:#7ff3ff}.touch-device .hud-tools .hud-tool{border-radius:14px;grid-auto-flow:column;justify-content:start;gap:12px;width:auto;min-width:150px;height:44px;padding:0 16px 0 12px;font-size:18px;font-weight:700}.touch-device .hud-tools .tool-label{display:block}.touch-device .hud-tools .hud-tool{background:#121830f7}.touch-device .hud-map{bottom:auto;left:auto;right:calc(max(env(safe-area-inset-right), 0px) + 14px);top:calc(max(env(safe-area-inset-top), 0px) + 60px);opacity:.88;width:84px;height:84px;box-shadow:0 0 0 3px #ffffffd9,0 0 0 5px #121830cc,0 5px 0 5px #080a1c4d}@media (max-width:640px){.touch-device .pc-bar,.touch-device .hud-level{display:none}.touch-device .hp{width:16px;height:16px}.touch-device .hud-quest{padding:5px 12px}}@media (max-height:520px){.hud-tool{width:40px;height:40px}}.touch-device .hud,.touch-device .hud-quest,.touch-device .hud-corner,.touch-device .hud-pockets{transition:opacity .25s}.touch-device.walking .hud-quest,.touch-device.walking .hud-corner,.touch-device.walking .hud-pockets{opacity:0}.touch-device.walking .hud-corner *,.touch-device.walking .hud-pockets *{pointer-events:none}.touch-device.walking:not(.peek) .hud{opacity:0}.touch-device.walking #touch:not(.off){opacity:.3}.menu-box h1{letter-spacing:.5px;color:#fff;text-shadow:0 4px #3a2f8f,0 8px #141b3366;margin:0 0 2px;font-size:clamp(46px,8.5vw,84px);font-weight:700;line-height:1}.menu-box h1 span{color:#4fc3ff}.menu-logo{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:clamp(210px,52vw,360px);max-height:22vh;margin:0 auto 6px;display:block}.menu-sub{text-shadow:0 2px #141b33b3;margin:10px 0 22px;font-size:clamp(17px,2.4vw,22px);font-weight:500}.menu-box p.menu-sub{margin:10px 0 22px;font-size:clamp(17px,2.4vw,22px)}.menu.modes .menu-box{width:min(1020px,100%)}.mode-row{grid-template-columns:repeat(auto-fit,minmax(230px,300px));justify-content:center;gap:20px;display:grid}.mode-card{--c:#7ff3ff;color:#fff;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(#2b3a7a,#1a2350);border:3px solid #ffffff3d;border-radius:28px;flex-direction:column;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s;animation:.5s cubic-bezier(.2,.9,.3,1.2) backwards card-in;display:flex;position:relative;overflow:hidden;box-shadow:0 7px #080a1c8c}.mode-card:nth-child(2){animation-delay:70ms}.mode-card:nth-child(3){animation-delay:.14s}@keyframes card-in{0%{opacity:0;transform:translateY(26px)scale(.96)}}.mode-card:hover:not(:disabled),.mode-card:focus-visible{border-color:var(--c);outline:none;transform:translateY(-7px);box-shadow:0 14px #080a1c80}.mode-card:active:not(:disabled){transform:translateY(0);box-shadow:0 4px #080a1c8c}.mode-card:disabled{cursor:default}.mode-solo{--c:#6ec3ff}.mode-duo{--c:#ff9ad0}.mode-local{--c:#7ee2a8}.mode-art{background:radial-gradient(circle at 50% 120%, #ffffff59, transparent 60%), var(--art,#3a6bff);height:clamp(160px,31vh,270px);position:relative;overflow:hidden}.mode-art:before{content:"";opacity:.6;pointer-events:none;background:radial-gradient(#ffffff2e 1.5px,#0000 1.6px) 0 0/18px 18px;position:absolute;inset:0}.mode-card:disabled .mode-art:after{content:"";background:#141b339e;position:absolute;inset:0}.art-solo{--art:linear-gradient(160deg, #5bc8ff, #3a6bff)}.art-duo{--art:linear-gradient(160deg, #ff9ad0, #8f5cff)}.pic{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:none;height:106%;transition:opacity .35s,transform .3s;position:absolute;bottom:-7%;transform:translateY(16px)}.pic.ready{opacity:1;transform:none}.art-solo .pic.front{left:6%}.art-solo .pic.back{height:84%;bottom:-5%;right:4%}.art-duo .pic.l{left:3%}.art-duo .pic.r{right:3%}.art-link{color:#8f5cff;background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;margin-left:-21px;display:grid;position:absolute;top:14px;left:50%;box-shadow:0 3px #080a1c4d}.art-link svg{width:23px;height:23px}.mode-card:hover:not(:disabled) .pic.ready.front,.mode-card:hover:not(:disabled) .pic.ready.l{transform:translateY(-6px)rotate(-1.5deg)scale(1.03)}.mode-card:hover:not(:disabled) .pic.ready.back,.mode-card:hover:not(:disabled) .pic.ready.r{transform:translateY(-4px)rotate(1.5deg)scale(1.03)}.art-local .half{position:absolute;inset:0}.art-local .half.l{clip-path:polygon(0 0,44.7% 0,55.3% 100%,0 100%);background:linear-gradient(160deg,#5bc8ff,#3a6bff)}.art-local .half.r{clip-path:polygon(44.7% 0,100% 0,100% 100%,55.3% 100%);background:linear-gradient(160deg,#7fe3a8,#25a56e)}.art-local .half.l .pic{left:0}.art-local .half.r .pic{right:0}.art-cut{clip-path:polygon(calc(44.7% - 2px) 0,calc(44.7% + 2px) 0,calc(55.3% + 2px) 100%,calc(55.3% - 2px) 100%);background:#fff;position:absolute;inset:0}.art-keys{position:absolute;top:10px}.half.l .art-keys{left:10px}.half.r .art-keys{right:10px}.art-keys kbd{color:#141b33;letter-spacing:.06em;background:#fff;border-radius:7px;padding:2px 8px;font:800 12px/1.5 "Baloo 2",Fredoka,sans-serif;display:inline-block;box-shadow:0 2px #9aa6c8}.mode-info{align-items:center;gap:14px;padding:14px 16px 18px;display:flex}.mode-ico{background:var(--c);color:#141b33;border-radius:15px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 3px #080a1c66}.mode-ico svg{width:26px;height:26px}.mode-text{flex-direction:column;gap:2px;min-width:0;display:flex}.mode-text b{font-size:27px;font-weight:700;line-height:1.05}.mode-text small{color:#c9d4ff;font-size:14px;line-height:1.25}.menu-tools{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex}.menu-pill{color:#fff;font:inherit;cursor:pointer;background:#141b33b8;border:2px solid #ffffff42;border-radius:999px;align-items:center;gap:8px;padding:9px 20px 9px 16px;font-size:17px;font-weight:600;transition:transform .12s,border-color .12s;display:inline-flex;box-shadow:0 3px #080a1c80}.menu-pill svg{width:20px;height:20px}.menu-pill:hover{border-color:#7ff3ff;transform:translateY(-2px)}.menu-pill:active{transform:translateY(2px);box-shadow:0 1px #080a1c80}.menu-pill.ghost{margin-top:18px}.menu-pill[hidden],.opt[hidden]{display:none}.install-steps{white-space:normal;text-align:left;pointer-events:none;max-width:300px;line-height:1.25;border-radius:16px!important;font-size:15px!important}.menu-pill:focus-visible{outline-offset:3px;outline:3px solid #7ff3ff}.menu.wide .menu-box{width:min(900px,100%)}.hero-row{justify-content:center;align-items:stretch;gap:clamp(16px,3.5vw,40px);margin:4px 0 6px;display:flex}.hero-card{--c:#6ec3ff;--tint:#6ec3ff66;background:linear-gradient(180deg, var(--tint), #1a2350f0 58%), #1a2350;color:#fff;max-width:410px;font:inherit;cursor:pointer;border:3px solid #ffffff3d;border-radius:30px;flex-direction:column;flex:1 1 0;align-items:center;padding:0 18px 18px;transition:transform .16s,border-color .16s,box-shadow .16s;animation:.5s cubic-bezier(.2,.9,.3,1.2) backwards card-in;display:flex;position:relative;box-shadow:0 7px #080a1c8c}.hero-card.hero-out{--c:#6fd39a;--tint:#6fd39a66;animation-delay:80ms}.hero-card:hover,.hero-card:focus-visible{border-color:var(--c);outline:none;transform:translateY(-8px);box-shadow:0 15px #080a1c80}.hero-card:active{transform:translateY(0);box-shadow:0 4px #080a1c8c}.hero-stage{width:100%;height:min(38vh,340px);position:relative}.hero-stage:after{content:"";background:#080a1c61;border-radius:50%;height:22px;position:absolute;bottom:2px;left:14%;right:14%}.hero-stage img{pointer-events:none;z-index:1;width:auto;max-width:none;height:118%;transition:transform .25s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.hero-card:hover .hero-stage img{transform:translate(-50%)translateY(-6px)rotate(-1.5deg)scale(1.04)}.hero-name{text-shadow:0 3px #080a1c99;margin-top:10px;font-size:clamp(30px,4.6vw,42px);font-weight:700;line-height:1}.hero-card>small{color:#d5ddff;max-width:28ch;margin-top:6px;font-size:clamp(13px,1.8vw,16px);line-height:1.3}.hero-stats{border-top:2px solid #ffffff1f;justify-content:center;gap:14px;width:100%;margin-top:14px;padding-top:12px;display:flex}.hs{flex-direction:column;align-items:center;gap:5px;display:flex}.hs>span{letter-spacing:.14em;text-transform:uppercase;color:#9fb0e6;font-size:11px;font-weight:700}.hs-val{align-items:center;gap:3px;height:18px;display:flex}.hs-heart{width:16px;height:16px;display:block}.hs-heart svg{fill:#ff4f70;stroke:#a8183a;stroke-width:1.6px;stroke-linejoin:round;width:100%;height:100%;display:block}.hs-val i{background:#ffffff29;border-radius:5px;width:16px;height:9px;display:block}.hs-val i.on{background:var(--c)}.menu-link-box button{font:inherit;color:#141b33;cursor:pointer;background:#4fc3ff;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 18px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 3px #2b8da6}.menu-link-box button svg{width:18px;height:18px}.menu-status{background:#141b33b3;border:2px solid #ffffff29;border-radius:999px;margin:18px 0 14px;padding:7px 18px;font-size:17px;display:inline-block}.menu-status:empty{display:none}.resume-row{grid-template-columns:repeat(auto-fit,minmax(230px,320px))}.mode-continue{--c:#ffd35c}.mode-new{--c:#7ff3ff}.art-continue{--art:linear-gradient(160deg, #5bc8ff, #3a6bff)}.art-continue[data-theme=suburb]{--art:linear-gradient(160deg, #9be86f, #2f9e55)}.art-continue[data-theme=beach]{--art:linear-gradient(160deg, #66dcff, #ffd36b)}.art-continue[data-theme=forest]{--art:linear-gradient(160deg, #c08cff, #3b2a8f)}.art-continue[data-theme=city]{--art:linear-gradient(160deg, #9fb4dc, #3b4a7a)}.art-continue[data-theme=snow]{--art:linear-gradient(160deg, #eaf8ff, #6fb6f5)}.art-continue[data-theme=ruins]{--art:linear-gradient(160deg, #e8d49a, #8a6d3b)}.art-continue[data-theme=canyon]{--art:linear-gradient(160deg, #ffb870, #c4542b)}.art-continue[data-theme=absurd]{--art:linear-gradient(160deg, #ff8ad8, #6a5cff)}.art-continue .pic.front{right:4%}.art-new{--art:linear-gradient(160deg, #ffd35c, #ff7ac8 60%, #8f5cff)}.art-new .pic.front{left:6%}.art-new .pic.back{height:84%;bottom:-5%;right:4%}.mode-card:hover:not(:disabled) .art-new .pic.ready.front{transform:translateY(-6px)rotate(-1.5deg)scale(1.03)}.mode-card:hover:not(:disabled) .art-new .pic.ready.back{transform:translateY(-4px)rotate(1.5deg)scale(1.03)}.resume-badge{color:#fff;background:#141b339e;border-radius:999px;align-items:center;gap:8px;max-width:58%;padding:4px 12px 4px 4px;font-size:14px;font-weight:600;line-height:1.1;display:flex;position:absolute;top:12px;left:12px}.resume-badge b{color:#141b33;background:#ffd35c;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:18px;display:grid}.resume-badge span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.resume-progress{background:#141b339e;border-radius:999px;width:46%;height:20px;position:absolute;bottom:12px;left:12px;overflow:hidden}.resume-progress i{background:#7fe3a8;border-radius:999px;position:absolute;top:0;bottom:0;left:0}.resume-progress em{text-align:center;color:#fff;font-size:12px;font-style:normal;font-weight:700;line-height:20px;display:block;position:relative}.spark{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);pointer-events:none;background:#fff;width:15px;height:15px;animation:1.9s ease-in-out infinite twinkle;position:absolute;top:20%}.spark.s1{width:10px;height:10px;animation-delay:.45s;top:62%}.spark.s2{width:11px;height:11px;animation-delay:.9s;top:12%}.spark.s3{animation-delay:1.3s;top:70%}.spark.s4{width:9px;height:9px;animation-delay:.2s;top:34%}.mode-row.small{grid-template-columns:minmax(200px,340px)}.mode-row.small button{color:#fff;font:inherit;cursor:pointer;background:#ffffff24;border:2px solid #ffffff4d;border-radius:18px;padding:12px 18px;font-size:20px;font-weight:600;transition:transform .12s,border-color .12s;box-shadow:0 4px #080a1c66}.mode-row.small button:hover{border-color:#7ff3ff;transform:translateY(-2px)}.mode-row.small button small{color:#d5ddff;margin-top:2px;font-size:14px;font-weight:400;display:block}.menu button:focus-visible{outline-offset:3px;outline:3px solid #7ff3ff}@media (max-height:520px){.menu{align-items:flex-start;padding:8px}.menu-box h1{text-shadow:0 3px #3a2f8f;font-size:36px}.menu-logo{width:auto;height:64px;max-height:none;margin-bottom:2px}.menu-sub,.menu-box p.menu-sub{margin:4px 0 10px;font-size:16px}.mode-row{grid-template-columns:repeat(auto-fit,minmax(150px,250px));gap:12px}.mode-art{height:100px}.mode-info{gap:10px;padding:8px 12px 10px}.mode-ico{border-radius:12px;width:36px;height:36px}.mode-ico svg{width:20px;height:20px}.mode-text b{font-size:21px}.mode-text small{display:none}.resume-badge{font-size:12px;top:8px;left:8px}.resume-badge b{width:24px;height:24px;font-size:14px}.resume-progress{height:16px;bottom:8px;left:8px}.resume-progress em{font-size:11px;line-height:16px}.menu-tools{margin-top:12px}.hero-row{gap:12px;margin:2px 0 4px}.hero-card{border-radius:22px;padding:0 8px 8px}.hero-stage{height:30vh}.hero-name{margin-top:2px;font-size:24px}.hero-card>small,.hero-stats{display:none}.menu-pill.ghost{margin-top:8px}}@media (max-width:640px){.mode-art{height:clamp(110px,20vh,170px)}.hero-card>small{display:none}.hero-stage{height:26vh}}@media (prefers-reduced-motion:reduce){.mode-card,.hero-card,.spark,.hud-hero.low .hp.full svg{animation:none}}.split-ghost{z-index:2;opacity:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.shop-purse{background:#141b33b3;border:2px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;margin:0 0 4px;padding:4px 16px 4px 8px;font-size:26px;font-weight:700;display:inline-flex}.shop-coin{vertical-align:middle;width:24px;height:24px;display:inline-block}.shop-coin svg{width:100%;height:100%;display:block}.shop-list{text-align:left;flex-direction:column;gap:10px;margin:10px 0 4px;display:flex}.shop-item{background:#ffffff14;border:2px solid #ffffff24;border-radius:18px;align-items:center;gap:14px;padding:10px 12px;display:flex}.shop-item.got{opacity:.6}.si-ico{background:#ffffff1f;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-size:28px;display:grid}.si-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.si-text b{font-size:20px}.si-text small{color:#c9d4ff;font-size:14px;line-height:1.25}.shop-item button{min-width:76px;font:inherit;color:#141b33;cursor:pointer;background:#ffd34d;border:0;border-radius:14px;flex:none;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:20px;font-weight:700;display:inline-flex;box-shadow:0 3px #b8861c}.shop-item button:disabled{color:#fff;box-shadow:none;cursor:default;background:#ffffff29;font-size:16px}.shop-item button:not(:disabled):hover{transform:translateY(-2px)}.shop-item button:focus-visible{outline-offset:3px;outline:3px solid #7ff3ff}.shop-msg{color:#ffe266;min-height:1.4em;margin:8px 0 0;font-size:17px}.hud-hint{z-index:4;left:50%;bottom:calc(max(env(safe-area-inset-bottom), 0px) + 24px);color:#fff;cursor:pointer;opacity:0;background:#121830db;border:2px solid #fff3;border-radius:999px;align-items:center;gap:10px;padding:8px 20px 8px 10px;font:700 20px "Baloo 2",Fredoka,system-ui,sans-serif;transition:opacity .2s,transform .2s;display:none;position:fixed;transform:translate(-50%,12px);box-shadow:0 4px #080a1c66}.hud-hint.show{opacity:1;display:inline-flex;transform:translate(-50%)}.hud-hint kbd{color:#141b33;text-align:center;background:#fff;border-radius:8px;min-width:26px;padding:1px 8px;font:800 17px/1.4 inherit;display:inline-block;box-shadow:0 2px #9aa6c8}.touch-device .hud-hint{bottom:calc(max(env(safe-area-inset-bottom), 0px) + 150px)}@media (prefers-reduced-motion:reduce){.hud-hint{transition:none}}.hud-toast{z-index:5;color:#fff;text-align:center;text-wrap:balance;opacity:0;pointer-events:none;background:#121830e6;border:2px solid #ffffff2e;border-radius:16px;width:max-content;max-width:min(86vw,400px);padding:8px 18px 9px;font:700 clamp(14px,3.9vw,19px)/1.25 "Baloo 2",Fredoka,system-ui,sans-serif;transition:opacity .2s,transform .3s cubic-bezier(.3,1.5,.5,1);position:fixed;top:22%;left:50%;transform:translate(-50%,10px)scale(.94);box-shadow:0 4px #080a1c66}.hud-toast.show{opacity:1;transform:translate(-50%)scale(1)}.touch-device .hud-toast{max-width:min(68vw,330px)}.hud-banner{left:50%;bottom:calc(max(env(safe-area-inset-bottom), 0px) + 5%);z-index:5;text-align:center;opacity:0;pointer-events:none;width:max-content;max-width:min(92vw,680px);font-family:"Baloo 2",Fredoka,system-ui,sans-serif;transition:opacity .16s,transform .45s cubic-bezier(.3,1.7,.5,1);position:fixed;transform:translate(-50%,24px)scale(.6)}.hud-banner.show{opacity:1;transform:translate(-50%)scale(1)}.bn-title{color:#ffe266;-webkit-text-stroke:.1em #2b2350;paint-order:stroke fill;text-shadow:0 .08em #2b2350;text-wrap:balance;font-size:clamp(28px,6.4vw,56px);font-weight:800;line-height:1.04;display:block}.bn-text{color:#2b2350;background:#fff7e3;border:3px solid #2b2350;border-radius:999px;margin-top:10px;padding:3px 18px 5px;font-size:clamp(16px,3.6vw,24px);font-weight:800;line-height:1.2;display:inline-block;box-shadow:0 3px #2b2350}.bn-text[hidden]{display:none}.touch-device .hud-banner{max-width:min(76vw,520px);bottom:calc(max(env(safe-area-inset-bottom), 0px) + 16%)}.toast-text{margin:0;position:relative}.floaters{z-index:4;pointer-events:none;position:fixed;inset:0;overflow:hidden}.floater{--c:#ffe266;width:0;height:0;position:absolute;top:0;left:0}.floater[hidden]{display:none}.floater>span{white-space:nowrap;opacity:0;color:var(--c);-webkit-text-stroke:.14em #2b2350;paint-order:stroke fill;text-shadow:0 .09em #2b2350;font:800 clamp(20px,3.4vw,30px)/1 "Baloo 2",Fredoka,system-ui,sans-serif;display:block;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.floater.go>span{animation:floater-rise var(--dur,1.1s) cubic-bezier(.2, .8, .3, 1) forwards}.floater.coin{--c:#ffe266}.floater.bad{--c:#ff6f7d}.floater.heart{--c:#ff5d73}.floater.z{--c:#fff7e3;font-size:clamp(18px,2.8vw,26px)}.floater.z.go>span{animation-name:floater-drift}.floater.alert{--c:#ff5d73;font-size:1.3em}.floater.alert.go>span{animation-name:floater-pop}.floater.beep{--c:#ffd34d;font-size:1.6em}.floater.beep.go>span{animation-name:floater-beep}@keyframes floater-rise{0%{opacity:0;transform:translate(-50%,-20%)scale(.4)}14%{opacity:1;transform:translate(-50%,-90%)scale(1.25)}30%{transform:translate(-50%,-120%)scale(1)}to{opacity:0;transform:translate(-50%,-300%)scale(1)}}@keyframes floater-drift{0%{opacity:0;transform:translate(-50%,-40%)scale(.5)rotate(-8deg)}20%{opacity:1}50%{transform:translate(-30%,-170%)scale(1)rotate(6deg)}to{opacity:0;transform:translate(-70%,-320%)scale(1.1)rotate(-6deg)}}@keyframes floater-pop{0%{opacity:1;transform:translate(-50%,-50%)scale(0)rotate(-14deg)}22%{transform:translate(-50%,-130%)scale(1.3)rotate(6deg)}36%{transform:translate(-50%,-120%)scale(1)rotate(0)}80%{opacity:1;transform:translate(-50%,-125%)scale(1)}to{opacity:0;transform:translate(-50%,-160%)scale(.7)}}@keyframes floater-beep{0%{opacity:0;transform:translate(-50%,-30%)scale(.2)rotate(-18deg)}12%{opacity:1;transform:translate(-50%,-110%)scale(1.5)rotate(8deg)}24%{transform:translate(-50%,-120%)scale(1.1)rotate(-6deg)}36%{transform:translate(-50%,-125%)scale(1.25)rotate(5deg)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-200%)scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.floater.go>span{animation-name:floater-fade}@keyframes floater-fade{0%,80%{opacity:1;transform:translate(-50%,-120%)}to{opacity:0;transform:translate(-50%,-120%)}}}.hud-flash{z-index:4;pointer-events:none;opacity:0;position:fixed;inset:0}.hud-flash[data-kind=hurt]{background:radial-gradient(#ff3c5000 38%,#ff3c5080 100%)}.hud-flash[data-kind=cyan]{background:radial-gradient(#7ff3ff59 0%,#7ff3ff00 70%)}.hud-flash[data-kind=gold]{background:radial-gradient(#ffe26666 0%,#ffe26600 70%)}.hud-flash.go{animation:flash-fade var(--dur,.45s) ease-out}@keyframes flash-fade{0%{opacity:1}to{opacity:0}}.toast-who{display:none}.hud-toast.say{color:#2b2350;text-align:left;text-wrap:pretty;background:#fff7e3;border:3px solid #2b2350;border-radius:20px;padding:6px 18px 10px;box-shadow:0 4px #2b2350}.hud-toast.say:after{content:"";background:#fff7e3;border-bottom:3px solid #2b2350;border-right:3px solid #2b2350;border-bottom-right-radius:4px;width:14px;height:14px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)rotate(45deg)}.hud-toast.say .toast-who{letter-spacing:.1em;text-transform:uppercase;color:#6a58e0;margin-bottom:1px;font-size:.62em;font-weight:800;line-height:1.2;display:block}.hud-toast.say[data-id=odd] .toast-who{color:#1f8aa3}.hud-toast.say[data-id=out] .toast-who{color:#d4503f}.hud-toast.say[data-id=wizard] .toast-who{color:#8a45c9}.tw-off{visibility:hidden}.tw-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.typing .tw-on{border-right:.09em solid;margin-right:-.09em;animation:.7s step-end infinite tw-blink}@keyframes tw-blink{50%{border-right-color:#0000}}.story-card{left:50%;bottom:calc(max(env(safe-area-inset-bottom), 0px) + 9%);color:#2b2350;opacity:0;pointer-events:none;background:#fff7e3;border:3px solid #2b2350;border-radius:22px;width:min(86vw,560px);padding:22px 22px 24px;transition:opacity .35s,transform .5s cubic-bezier(.3,1.4,.5,1);position:absolute;transform:translate(-50%,14px);box-shadow:0 5px #2b2350}.story-card.in{opacity:1;transform:translate(-50%)}.story-text{text-wrap:pretty;min-height:2.7em;margin:0;font:600 clamp(17px,4.6vw,25px)/1.35 "Baloo 2",Fredoka,system-ui,sans-serif;position:relative}.story-card.the-end{text-align:center}.story-card.the-end .story-text{letter-spacing:.06em;min-height:0;font-size:clamp(30px,9vw,54px)}.story-card.the-end .story-dots{display:none}.story-dots{background:#ffd35c;border:3px solid #2b2350;border-radius:999px;gap:5px;padding:3px 9px;display:flex;position:absolute;top:-9px;left:18px}.story-dots i{background:#2b235040;border-radius:50%;width:8px;height:8px;transition:background .3s,transform .3s}.story-dots i.on{background:#2b2350;transform:scale(1.15)}.story-card:after{content:"";opacity:0;border-top:11px solid #6a58e0;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:11px;right:16px}.story-card.ready:after{opacity:1;animation:.9s ease-in-out infinite story-nod}@keyframes story-nod{50%{transform:translateY(4px)}}.story-hint{top:calc(max(env(safe-area-inset-top), 0px) + 12px);right:calc(max(env(safe-area-inset-right), 0px) + 16px);bottom:auto}@media (prefers-reduced-motion:reduce){.hud-toast,.hud-banner,.story-card{transition:opacity .2s}.hud-banner{transform:translate(-50%)}.story-card.ready:after{animation:none}}html[data-input=keyboard] :is(button,input,[data-nav-item]):focus,html[data-input=pad] :is(button,input,[data-nav-item]):focus{outline-offset:3px;outline:3px solid #7ff3ff}html[data-input=keyboard] .mode-card:focus:not(:disabled),html[data-input=pad] .mode-card:focus:not(:disabled){border-color:var(--c);transform:translateY(-7px);box-shadow:0 14px #080a1c80}html[data-input=keyboard] .hero-card:focus,html[data-input=pad] .hero-card:focus{border-color:var(--c);transform:translateY(-8px);box-shadow:0 15px #080a1c80}.nav-hint{z-index:30;left:50%;bottom:calc(max(env(safe-area-inset-bottom), 0px) + 10px);color:#fff;text-align:center;pointer-events:none;opacity:0;background:#121830db;border:2px solid #ffffff29;border-radius:999px;max-width:calc(100% - 24px);padding:6px 16px;font:600 14px/1.3 "Baloo 2",Fredoka,system-ui,sans-serif;transition:opacity .2s;position:fixed;transform:translate(-50%)}.nav-hint.show{opacity:1}.story-skip{z-index:2;top:calc(max(env(safe-area-inset-top), 0px) + 40px);right:calc(max(env(safe-area-inset-right), 0px) + 16px);padding:7px 18px;font-size:16px;transition:opacity .3s,transform .12s,border-color .12s;position:absolute}@media (pointer:coarse){.menu-pill,.seg button,.panel-col button,.hud-end button,.shop-item button,.ship-actions button,.menu-link-box button{min-height:44px}.hud-tool{min-width:44px;min-height:44px}.opt input[type=range]{min-height:32px}}