.boss-card{position:absolute;left:0;right:0;top:max(21%,calc(96px + var(--safe-top)));display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:22;animation:bc-slam .36s cubic-bezier(.2,1.6,.4,1) both}.boss-card.out{animation:bc-out .32s ease-in forwards}.bc-name{display:flex;font-family:var(--font);line-height:.95;letter-spacing:1px;white-space:nowrap;font-size:clamp(40px,min(15vw,10vh),104px);color:#ff3b47;text-shadow:0 .06em 0 #4a0710,0 0 .02em #000,-3px -3px 0 #12040a,3px -3px 0 #12040a,-3px 3px 0 #12040a,3px 3px 0 #12040a,0 8px 0 #12040a}.bc-name span{display:inline-block;animation:bc-letter .32s cubic-bezier(.2,1.8,.4,1) both}.bc-sub{margin-top:6px;padding:3px 14px 5px;border-radius:8px;background:#12040a;color:#ffd27a;font-family:var(--font);letter-spacing:3px;font-size:clamp(15px,min(5vw,3.2vh),30px);border:3px solid #ff3b47;animation:bc-fade .25s ease-out both}.bc-bar{margin-top:10px;height:clamp(8px,1.4vh,14px);width:min(78vw,560px);border-radius:99px;background:linear-gradient(#ff5a66,#c8102a);border:3px solid #12040a;transform-origin:center;animation:bc-grow .5s cubic-bezier(.3,1.3,.5,1) both}.bc-k1 .bc-name{color:#ff4a78}.bc-k1 .bc-sub{border-color:#ff4a78}.bc-k2 .bc-name{color:#9dff3a}.bc-k2 .bc-sub{border-color:#9dff3a}.boss-card-on .banners{visibility:hidden}@keyframes bc-slam{0%{transform:scale(2.4);opacity:0}55%{opacity:1}to{transform:none;opacity:1}}@keyframes bc-letter{0%{transform:translateY(-60px) scale(1.8);opacity:0}to{transform:none;opacity:1}}@keyframes bc-fade{0%{transform:scaleX(.2);opacity:0}to{transform:none;opacity:1}}@keyframes bc-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bc-out{0%{transform:none;opacity:1}to{transform:translateY(-40px) scale(.9);opacity:0}}@media(prefers-reduced-motion:reduce){.boss-card,.bc-name span,.bc-sub,.bc-bar{animation-duration:.01s!important}}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--font: "Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, -apple-system, sans-serif;--ink: #ffffff;--navy: #14183a;--yellow: #ffd23f;--yellow-d: #d99a00;--green: #3ddc6a;--green-d: #1c9a43;--red: #ff4d5e;--red-d: #b3192b;--blue: #38bdf8;--purple: #a78bfa;--silver: #e3e9f2;--outline: 0 2px 0 var(--navy), 0 -2px 0 var(--navy), 2px 0 0 var(--navy), -2px 0 0 var(--navy), 1.5px 1.5px 0 var(--navy), -1.5px 1.5px 0 var(--navy), 1.5px -1.5px 0 var(--navy), -1.5px -1.5px 0 var(--navy), 0 4px 0 var(--navy);--outline-sm: 0 1.5px 0 var(--navy), 0 -1.5px 0 var(--navy), 1.5px 0 0 var(--navy), -1.5px 0 0 var(--navy), 0 3px 0 rgba(10, 12, 40, .6);--bounce: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#120c08;overscroll-behavior:none}body{font-family:var(--font);color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#game.steer{cursor:grab}#game.steer.grabbing{cursor:grabbing}#ui{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hidden{display:none!important}svg{display:block;width:100%;height:100%}.btn{pointer-events:auto;font-family:var(--font);font-size:clamp(24px,4.4vh,28px);min-height:44px;letter-spacing:1px;color:#fff;text-shadow:var(--outline-sm);background:linear-gradient(#6af08c,var(--green) 55%,#2cc456);border:4px solid var(--navy);border-radius:22px;padding:10px 48px 12px;box-shadow:inset 0 -6px #0000002e,inset 0 4px #ffffff73,0 6px 0 var(--navy),0 12px 24px #00000059;cursor:pointer;position:relative;touch-action:manipulation;transition:transform .08s}.btn:active{animation:none;transform:translateY(4px) scale(.97);box-shadow:inset 0 -4px #0000002e,inset 0 3px #ffffff73,0 2px 0 var(--navy)}.pulse:before{content:"";position:absolute;inset:-4px;border-radius:24px;border:4px solid rgba(255,255,255,.9);animation:ring 1.3s ease-out infinite;pointer-events:none}.pulse:after{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);background-size:250% 100%;animation:shine 2.6s ease-in-out infinite;pointer-events:none}.btn-play{animation:breathe 1.3s ease-in-out infinite}@keyframes ring{0%{transform:scale(1);opacity:.85}to{transform:scale(1.35,1.6);opacity:0}}@keyframes shine{0%,55%{background-position:120% 0}to{background-position:-120% 0}}@keyframes breathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.icon-btn{pointer-events:auto;width:44px;height:44px;padding:9px;border-radius:14px;color:#fff;cursor:pointer;background:#18100a80;border:2.5px solid rgba(255,255,255,.85);box-shadow:0 3px #0a0c2899;touch-action:manipulation;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icon-btn:active{transform:translateY(2px)}.icon-btn:before{content:"";position:absolute;inset:-5px}.icon-btn.off{color:#ffffff80;border-color:#fff6}.icon-btn.off:after{content:"";position:absolute;left:6px;right:6px;top:50%;height:3px;margin-top:-1.5px;background:var(--red);border-radius:2px;transform:rotate(-45deg);box-shadow:0 0 0 1.5px var(--navy)}.icon-btn:first-child.off:after{display:none}.toggles{position:absolute;z-index:30;top:calc(12px + var(--safe-top));right:calc(12px + var(--safe-right));display:flex;gap:8px}.toggles.in-hud{gap:6px}.toggles.in-hud .icon-btn{width:34px;height:34px;padding:6px;border-radius:11px;border-width:2px}.screen{position:absolute;inset:0;height:100%;max-height:100dvh;display:flex;flex-direction:column;align-items:center;text-align:center;padding:calc(24px + var(--safe-top)) calc(16px + var(--safe-right)) calc(28px + var(--safe-bottom)) calc(16px + var(--safe-left));overflow-x:hidden;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;pointer-events:auto}.screen::-webkit-scrollbar{display:none}.screen>*{flex-shrink:0}.screen>*{pointer-events:auto}.title-screen{justify-content:space-between;background:linear-gradient(#120a06b8,#120a0600 40% 58%,#120a06cc)}.title-spacer{flex:1}.logo{margin-top:clamp(16px,7vh,64px);display:flex;flex-direction:column;align-items:center;transform:rotate(-4deg);animation:logo-in .7s var(--bounce) both}.logo-army,.logo-runner{line-height:.86;letter-spacing:2px}.logo-army{font-size:clamp(44px,min(25vw,17vh),120px);color:var(--yellow);text-shadow:0 3px 0 var(--navy),0 -3px 0 var(--navy),3px 0 0 var(--navy),-3px 0 0 var(--navy),2.5px 2.5px 0 var(--navy),-2.5px 2.5px 0 var(--navy),2.5px -2.5px 0 var(--navy),-2.5px -2.5px 0 var(--navy),0 7px 0 var(--navy),0 9px 0 #e0a500,0 12px 0 var(--navy),0 18px 20px rgba(0,0,0,.45);animation:logo-bob 2.4s ease-in-out .7s infinite}.logo-runner{font-size:clamp(29px,min(16vw,11vh),78px);color:#fff;margin-top:4px;text-shadow:0 3px 0 var(--navy),0 -3px 0 var(--navy),3px 0 0 var(--navy),-3px 0 0 var(--navy),2.5px 2.5px 0 var(--navy),-2.5px 2.5px 0 var(--navy),2.5px -2.5px 0 var(--navy),-2.5px -2.5px 0 var(--navy),0 6px 0 var(--navy),0 8px 0 #2b7bd6,0 11px 0 var(--navy),0 16px 18px rgba(0,0,0,.4);animation:logo-bob 2.4s ease-in-out .9s infinite}.logo-tag{margin-top:min(18px,2.4vh);font-size:clamp(12px,3.6vw,15px);letter-spacing:1.5px;padding:6px 14px 7px;border-radius:999px;background:#2f63e0;border:3px solid var(--navy);box-shadow:0 3px 0 var(--navy);text-shadow:var(--outline-sm);transform:rotate(2deg);white-space:nowrap}@keyframes logo-in{0%{transform:rotate(-4deg) translateY(-40px) scale(.6);opacity:0}to{transform:rotate(-4deg);opacity:1}}@keyframes logo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.title-bottom{display:flex;flex-direction:column;align-items:center;gap:16px;animation:rise-in .6s var(--bounce) .25s both}.title-best{display:flex;align-items:center;gap:8px;font-size:18px;letter-spacing:1px;padding:6px 16px 7px 10px;border-radius:999px;background:#18100aa6;border:2.5px solid rgba(255,210,63,.9);text-shadow:var(--outline-sm)}.title-best b{color:var(--yellow);font-weight:400}.trophy{display:inline-block;width:1.1em;height:1.1em;color:var(--yellow);filter:drop-shadow(0 2px 0 var(--navy));flex:none}.hint{display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:1.5px;text-shadow:var(--outline-sm);opacity:.95}.hint-track{position:relative;width:84px;height:26px;display:inline-block}.hint-arrow{position:absolute;top:-4px;font-size:26px;color:var(--yellow);text-shadow:var(--outline-sm);animation:blink 1.6s ease-in-out infinite}.hint-fine{display:none}@media(hover:hover)and (pointer:fine){.hint-touch{display:none}.hint-fine{display:inline}}.hint-arrow.l{left:0}.hint-arrow.r{right:0;animation-delay:.8s}.hint-finger{position:absolute;left:50%;top:3px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#fff;border:3px solid var(--navy);box-shadow:0 0 0 4px #ffffff4d;animation:swipe 1.6s ease-in-out infinite}@keyframes swipe{0%,to{transform:translate(-20px)}50%{transform:translate(20px)}}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}@keyframes rise-in{0%{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}.hud{position:absolute;left:0;top:0;padding:calc(12px + var(--safe-top)) 0 0 calc(12px + var(--safe-left));pointer-events:none}.hud *{pointer-events:none}.score{display:flex;align-items:center;gap:6px;padding:3px 12px 4px 8px;border-radius:12px;background:#120c086b;border:2px solid rgba(255,255,255,.28);text-shadow:var(--outline-sm);opacity:.92}.score-icon{width:18px;height:18px;color:var(--silver);filter:drop-shadow(0 1.5px 0 var(--navy))}.score-num{font-size:20px;line-height:1.1;min-width:1.2ch;font-variant-numeric:tabular-nums}.score.tick .score-num{animation:tick .18s ease-out}@keyframes tick{40%{transform:scale(1.18);color:#fff3c4}}.pop{animation:pop .4s var(--bounce)}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.banners{position:absolute;left:0;right:0;top:max(24%,calc(120px + var(--safe-top)));display:flex;justify-content:center;pointer-events:none;z-index:20}.banner{display:flex;flex-direction:column;align-items:center;animation:banner-in .42s var(--bounce) both;text-align:center;max-width:min(720px,calc(100vw - 24px))}.banner.out{animation:banner-out .26s ease-in forwards}.b-title{font-size:clamp(30px,min(14vw,9vh),64px);line-height:1;letter-spacing:1px;color:#fff;text-shadow:var(--outline),0 10px 18px rgba(0,0,0,.35);white-space:nowrap}.b-sub{margin-top:6px;font-size:clamp(14px,min(5vw,3.4vh),22px);letter-spacing:1.5px;padding:4px 16px 6px;border-radius:999px;background:var(--navy);border:2.5px solid rgba(255,255,255,.85);box-shadow:0 3px #00000059;white-space:nowrap}.b-boss .b-title{color:var(--red);font-size:clamp(40px,min(20vw,11vh),88px);animation:boss-throb .5s ease-in-out infinite}.b-boss .b-sub{background:var(--red-d)}.b-rank .b-title{color:var(--yellow);font-size:clamp(28px,min(11vw,7.5vh),52px)}.b-rank .b-sub{background:linear-gradient(#ffcf3a,#f59e0b);color:#fff;text-shadow:var(--outline-sm);font-size:clamp(18px,min(7vw,4.4vh),30px);border-color:var(--navy)}.b-hero .b-title{color:#b8ffcb;font-size:clamp(26px,min(10vw,7vh),46px)}.b-hero .b-sub{background:var(--green-d);font-size:clamp(16px,min(6.5vw,4vh),28px)}.b-win .b-title{color:var(--green)}@keyframes banner-in{0%{transform:scale(.3) rotate(-6deg);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}@keyframes banner-out{0%{transform:none;opacity:1}to{transform:translateY(-30px) scale(1.15);opacity:0}}@keyframes boss-throb{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.defeat-screen{background:radial-gradient(ellipse at 50% 42%,#0e080680,#0e0806a8 50%,#080504e6)}.end-body{margin:auto 0;width:100%;display:flex;flex-direction:column;align-items:center;gap:min(18px,2.4vh)}.end-main{display:flex;flex-direction:column;align-items:center;gap:min(18px,2.4vh);width:100%}.defeat-emblem{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:-2vh}.crown{width:min(46vw,24vh,200px);filter:drop-shadow(0 8px 0 rgba(10,12,30,.55)) drop-shadow(0 0 26px rgba(160,200,255,.45))}.ribbon{position:relative;width:clamp(200px,min(78vw,41vh),330px);aspect-ratio:330 / 80;margin-top:-12px;filter:drop-shadow(0 6px 0 rgba(10,12,30,.5))}.ribbon-svg{position:absolute;inset:0;width:100%;height:100%}.ribbon span{position:absolute;left:0;right:0;top:14%;text-align:center;font-size:clamp(22px,min(8.5vw,4.7vh),38px);letter-spacing:2px;color:#fff;text-shadow:var(--outline-sm)}.enter .crown{animation:crown-drop .7s var(--bounce) both}.enter .ribbon{animation:unfurl .45s var(--bounce) .35s both}.defeat-card{display:flex;flex-direction:column;align-items:center;gap:min(12px,1.6vh);width:min(320px,100%)}.d-score-box{padding:8px 26px 9px;border-radius:18px;background:#140e0ab3;border:2.5px solid rgba(255,255,255,.8);box-shadow:0 4px #00000073}.d-score{font-size:clamp(34px,min(13vw,8vh),56px);line-height:1.05;color:var(--yellow);text-shadow:var(--outline);font-variant-numeric:tabular-nums}.stat-label{font-size:clamp(11px,3.4vw,14px);letter-spacing:1.5px;opacity:.9}.enter .d-score-box{animation:rise-in .45s var(--bounce) .7s both}.new-best{display:flex;align-items:center;gap:8px;font-size:clamp(24px,7.5vw,32px);color:var(--navy);padding:6px 20px 8px 14px;border-radius:16px;background:linear-gradient(#fff3a6,var(--yellow) 50%,#f5b400);border:3px solid var(--navy);box-shadow:0 4px 0 var(--navy),0 0 30px #ffd23f99;transform:rotate(-3deg)}.new-best span{width:28px;height:28px;color:var(--navy)}.enter .new-best{animation:best-in .6s var(--bounce) 1s both,best-glow 1.2s ease-in-out 1.6s infinite}.defeat-best{display:flex;align-items:center;gap:6px;font-size:17px;letter-spacing:1px;opacity:.9;text-shadow:var(--outline-sm);min-height:1px}.enter .defeat-best{animation:rise-in .45s var(--bounce) .85s both}.defeat-screen .btn{background:linear-gradient(#7cb8ff,#3a7bff 55%,#2557d6);color:#fff}.enter .btn-again{animation:rise-in .5s var(--bounce) 1.05s both,breathe 1.3s ease-in-out 1.7s infinite}@keyframes crown-drop{0%{transform:translateY(-60vh) rotate(-12deg) scale(1.3);opacity:0}30%{opacity:1}to{transform:none;opacity:1}}@keyframes unfurl{0%{transform:scaleX(.1) scaleY(.6);opacity:0}to{transform:none;opacity:1}}@keyframes best-in{0%{transform:rotate(-3deg) scale(0)}to{transform:rotate(-3deg) scale(1)}}@keyframes best-glow{0%,to{box-shadow:0 4px 0 var(--navy),0 0 20px #ffd23f66}50%{box-shadow:0 4px 0 var(--navy),0 0 44px #ffd23fe6}}.confetti{position:absolute;inset:0;pointer-events:none!important;overflow:hidden}.confetti i{position:absolute;top:-20px;width:9px;height:14px;border-radius:2px;opacity:0;animation-name:confetti;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes confetti{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:1;transform:translate(var(--drift),110vh) rotate(var(--rot))}}@media(max-width:350px){.score-num{font-size:18px}.toggles.in-hud .icon-btn{width:31px;height:31px}.btn{font-size:30px;padding:10px 44px 12px}}@media(min-aspect-ratio:13/10)and (max-height:760px){.end-body{flex-direction:row;justify-content:center;gap:4vw;max-width:900px}.end-body .end-side{width:30%;flex:none;margin-top:0}.end-body .end-main{width:auto;flex:0 1 380px}.end-side .crown{width:min(100%,38vh,200px)}.end-side .ribbon{width:min(130%,330px)}.end-side .ribbon span{font-size:clamp(20px,5.4vh,38px)}.end-main .btn{font-size:24px}}@media(max-height:480px){.screen{padding-top:calc(10px + var(--safe-top));padding-bottom:calc(10px + var(--safe-bottom))}.logo{margin-top:0}.logo-army{font-size:clamp(36px,14vh,120px)}.logo-runner{font-size:clamp(24px,9vh,78px)}.title-bottom{gap:6px!important}.title-screen .hint{display:none}}@media(prefers-reduced-motion:reduce){.pulse,.logo-army,.logo-runner,.hint-finger,.b-boss .b-title,.enter .crown,.enter .ribbon{animation:none!important}}.debug{position:absolute;left:8px;bottom:calc(8px + var(--safe-bottom));font:11px/1.35 ui-monospace,monospace;background:#0009;padding:6px 8px;border-radius:6px;white-space:pre;pointer-events:none}.debug.hidden{display:none}.hud-hint{position:fixed;left:50%;bottom:14%;transform:translate(-50%);color:#fff;white-space:nowrap;pointer-events:none}.d-level{font-size:clamp(16px,min(5.5vw,3.6vh),24px);letter-spacing:2px;text-shadow:var(--outline-sm)}.so-close{font-size:clamp(18px,min(6.4vw,4vh),28px);line-height:1.15;letter-spacing:1px;text-align:center;color:#fff;text-shadow:var(--outline);padding:0 12px}.so-close b{font-weight:400;color:var(--red);font-size:1.35em}.enter .so-close{animation:best-in .6s var(--bounce) .6s both}.enter .d-level{animation:rise-in .45s var(--bounce) .55s both}@media(min-width:1100px)and (min-height:700px){.score{padding:5px 16px 6px 11px;border-radius:14px}.score-icon{width:24px;height:24px}.score-num{font-size:28px}}.coin-icon{display:inline-block;width:1em;height:1em;vertical-align:-.14em}.coin-pill{position:absolute;z-index:30;top:calc(12px + var(--safe-top));left:calc(12px + var(--safe-left));display:flex;align-items:center;gap:6px;font-size:20px;padding:4px 14px 5px 6px;border-radius:999px;background:#18100aa6;border:2.5px solid rgba(255,210,63,.9);text-shadow:var(--outline-sm);box-shadow:0 3px #0a0c2899;pointer-events:auto}.coin-pill .coin-icon{width:26px;height:26px}.coin-num{color:var(--yellow);font-variant-numeric:tabular-nums;min-width:1ch}.bump{animation:coin-bump .35s var(--bounce)}@keyframes coin-bump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.meta-row{display:flex;gap:8px}.meta-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:78px;padding:8px 0 7px;font-family:var(--font);font-size:14px;letter-spacing:.5px;color:#fff;text-shadow:var(--outline-sm);cursor:pointer;background:linear-gradient(#5b6bd6,#3b47a8);border:3px solid var(--navy);border-radius:16px;box-shadow:inset 0 3px #ffffff4d,0 4px 0 var(--navy);touch-action:manipulation}.meta-btn:active{transform:translateY(3px);box-shadow:inset 0 3px #ffffff4d,0 1px 0 var(--navy)}.mb-icon{width:28px;height:28px;color:var(--yellow);filter:drop-shadow(0 2px 0 var(--navy))}.meta-btn .dot{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--red);border:3px solid var(--navy);animation:dot-pop 1s ease-in-out infinite}@keyframes dot-pop{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.btn-horde{display:flex;flex-direction:column;align-items:center;font-family:var(--font);font-size:20px;letter-spacing:1px;color:#fff;text-shadow:var(--outline-sm);padding:6px 22px 7px;border-radius:16px;cursor:pointer;touch-action:manipulation;background:linear-gradient(#ff7a7a,var(--red) 55%,var(--red-d));border:3px solid var(--navy);box-shadow:inset 0 3px #ffffff59,0 4px 0 var(--navy)}.btn-horde small{font-size:11px;letter-spacing:1px;opacity:.95}.btn-horde:active{transform:translateY(3px)}.title-bottom{gap:12px}.sheet-back{position:absolute;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;background:#08060e8c;pointer-events:auto}.sheet{width:min(440px,100%);max-height:min(82%,calc(100dvh - 24px - var(--safe-top)));display:flex;flex-direction:column;border-radius:26px 26px 0 0;background:linear-gradient(#2c3478,#1b2152);border:4px solid var(--navy);border-bottom:0;box-shadow:inset 0 4px #ffffff26,0 -10px 40px #00000080;padding-bottom:var(--safe-bottom)}.sheet.enter{animation:sheet-up .32s var(--bounce)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.sheet-head{display:flex;align-items:center;justify-content:center;position:relative;padding:14px 16px 6px}.sheet-title{font-size:30px;letter-spacing:2px;color:var(--yellow);text-shadow:var(--outline)}.sheet-close{position:absolute;right:14px;top:12px}.sheet-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:4px 16px 20px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch;touch-action:pan-y}.sheet-hint{font-size:14px;opacity:.85;text-align:center;text-shadow:var(--outline-sm);line-height:1.25}.sheet-sub{font-size:15px;letter-spacing:1px;color:var(--yellow);text-shadow:var(--outline-sm);margin-top:6px}.card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;text-align:left;background:#ffffff14;border:2.5px solid rgba(255,255,255,.25)}.card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.card-name{font-size:20px;letter-spacing:1px;text-shadow:var(--outline-sm)}.card-name.small{font-size:16px;letter-spacing:.5px}.card-name .lv{font-size:14px;color:var(--yellow);margin-left:4px}.card-sub{font-size:13px;opacity:.85;line-height:1.2}.card-sub b{color:var(--green);font-weight:400}.card-btns{display:flex;flex-direction:column;gap:6px;align-items:stretch}.bar{height:9px;border-radius:5px;background:#00000073;overflow:hidden;border:1.5px solid var(--navy)}.bar i{display:block;height:100%;background:linear-gradient(#fff3a6,var(--yellow));border-radius:4px}.mini{font-family:var(--font);font-size:16px;letter-spacing:.5px;color:#fff;text-shadow:var(--outline-sm);cursor:pointer;min-height:44px;padding:6px 12px 7px;border-radius:12px;border:3px solid var(--navy);white-space:nowrap;touch-action:manipulation;background:linear-gradient(#6af08c,var(--green) 55%,#2cc456);box-shadow:inset 0 3px #ffffff59,0 3px 0 var(--navy);display:inline-flex;align-items:center;justify-content:center;gap:4px}.mini:active{transform:translateY(2px);box-shadow:inset 0 3px #ffffff59,0 1px 0 var(--navy)}.mini:disabled{filter:grayscale(.85) brightness(.7);cursor:default;transform:none}.mini.pick{background:linear-gradient(#7cb8ff,#3a7bff 55%,#2557d6)}.maxed{font-size:16px;color:var(--yellow);text-shadow:var(--outline-sm);padding:0 8px}.hero-badge{width:52px;height:52px;flex:none;padding:8px;border-radius:50%;background:var(--c);border:3px solid var(--navy);box-shadow:inset 0 -5px #00000038,0 3px 0 var(--navy)}.hero-card.picked{border-color:var(--c);background:#ffffff29;box-shadow:0 0 18px color-mix(in srgb,var(--c) 55%,transparent)}.hero-card.picked .mini.pick{background:linear-gradient(#fff3a6,var(--yellow) 55%,#f5b400);color:var(--navy);text-shadow:none}.hero-card.locked{opacity:.6}.hero-card.locked .hero-badge{filter:grayscale(1) brightness(.6)}.chest-card{flex-direction:column;gap:10px}.streak{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:100%}.sday{display:flex;flex-direction:column;align-items:center;padding:4px 0 5px;border-radius:10px;background:#0000004d;border:2px solid transparent}.sday span{font-size:9px;letter-spacing:.5px;opacity:.8}.sday b{font-weight:400;font-size:15px;color:var(--yellow);text-shadow:var(--outline-sm)}.sday.got{opacity:.45}.sday.today{border-color:var(--yellow);background:#ffd23f2e;opacity:1}.btn-claim{font-size:24px;padding:8px 26px 10px;display:inline-flex;align-items:center;gap:6px}.chest-wait{font-size:15px;opacity:.9;text-shadow:var(--outline-sm)}.mission-card.done{border-color:var(--green)}.mission-card.done .bar i{background:linear-gradient(#b8ffcb,var(--green))}.m-prog{font-size:15px;color:var(--yellow);text-shadow:var(--outline-sm);white-space:nowrap}.mission-card.done .m-prog{color:var(--green)}.meta-report{display:flex;flex-direction:column;align-items:center;gap:4px}.earned{display:flex;align-items:center;gap:6px;font-size:clamp(22px,min(8vw,5vh),34px);color:var(--yellow);text-shadow:var(--outline)}.earned .coin-icon{width:1.1em;height:1.1em}.rline{font-size:14px;letter-spacing:.5px;opacity:.9;text-shadow:var(--outline-sm)}.rline.gold{color:var(--yellow);opacity:1}.enter .meta-report{animation:rise-in .45s var(--bounce) 1.2s both}.meta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;pointer-events:auto}.enter .meta-actions{animation:rise-in .45s var(--bounce) 1.35s both}.meta-actions .mini{font-size:18px;padding:8px 16px 9px}.mini.revive{background:linear-gradient(#fff3a6,var(--yellow) 55%,#f5b400);color:var(--navy);text-shadow:none}.mini.revenge{flex-direction:column;gap:0;background:linear-gradient(#ff7a7a,var(--red) 55%,var(--red-d));line-height:1}.mini.revenge small{font-size:10px;letter-spacing:1px}@media(max-height:680px){.meta-btn{width:72px;padding:5px 0;font-size:12px}.mb-icon{width:22px;height:22px}.title-bottom{gap:8px}}@media(max-height:480px){.meta-btn{width:66px;padding:4px 0;font-size:11px}.mb-icon{width:18px;height:18px}.btn-horde{padding:4px 18px 5px;font-size:17px}}.mini.home{background:linear-gradient(#5b6bd6,#3b47a8)}
