:root{--font:"Fredoka", ui-rounded, "Arial Rounded MT Bold", "Nunito", "Trebuchet MS", system-ui, sans-serif;--ink:#2b0b4e}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:#fff;-webkit-user-select:none;user-select:none;background:#1a0638;margin:0;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{position:fixed;inset:0}.screen{flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.hidden{display:none!important}kbd{min-width:1.7em;font:inherit;text-align:center;background:#ffffff2e;border:2px solid #fff6;border-bottom-width:4px;border-radius:.45em;margin:0 .12em;padding:.1em .45em;font-size:.85em;display:inline-block}kbd.wide{min-width:4.2em}.home-bg{z-index:-1;background:radial-gradient(at 50% 45%,#7b2ff7 0%,#4a12a8 30%,#2a0a5e 62%,#14042e 100%);position:absolute;inset:0;overflow:hidden}.dots{opacity:.7;background-image:radial-gradient(#fff 1.2px,#0000 1.6px),radial-gradient(#9ff3ff 1px,#0000 1.4px),radial-gradient(#ffe9a8 1.4px,#0000 1.8px);background-position:0 0,60px 90px,120px 40px;background-size:130px 130px,190px 190px,260px 260px;animation:80s linear infinite drift,3s ease-in-out infinite twinkle;position:absolute;inset:-50%}.portal{aspect-ratio:1;width:min(78vh,700px);position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.portal i{border-radius:50%;position:absolute;inset:0}.portal i:first-child{filter:blur(18px);opacity:.85;background:conic-gradient(#f107a3,#ffd23f,#00e5ff,#7b2ff7,#f107a3,#ffd23f,#00e5ff,#7b2ff7,#f107a3);animation:16s linear infinite spin;-webkit-mask:radial-gradient(circle,#0000 30%,#000 44% 58%,#0000 71%);mask:radial-gradient(circle,#0000 30%,#000 44% 58%,#0000 71%)}.portal i:nth-child(2){filter:blur(10px);opacity:.9;background:conic-gradient(from 90deg,#00e5ff,#fff,#f107a3,#ffd23f,#00e5ff,#fff,#f107a3,#00e5ff);animation:9s linear infinite reverse spin;inset:16%;-webkit-mask:radial-gradient(circle,#0000 34%,#000 48% 60%,#0000 71%);mask:radial-gradient(circle,#0000 34%,#000 48% 60%,#0000 71%)}.portal i:nth-child(3){filter:blur(6px);background:radial-gradient(circle,#fff 0%,#b8f6ff 25%,#7b2ff7 60%,#0000 72%);animation:3.2s ease-in-out infinite breathe;inset:33%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.8;transform:scale(1.12)}}@keyframes drift{to{transform:translate(130px,260px)}}@keyframes twinkle{50%{opacity:.45}}.logo{letter-spacing:.02em;align-items:center;margin:3.2vh 0 0;font-size:clamp(54px,11.5vh,124px);font-weight:700;line-height:1;display:flex;transform:rotate(-2deg)}.logo.big{margin-top:24vh;font-size:clamp(70px,17vh,190px)}.logo span{color:var(--ink);-webkit-text-stroke:.2em var(--ink);text-shadow:0 .09em 0 var(--ink), 0 .16em .12em #00000073;animation:2.6s ease-in-out infinite bob;display:inline-block;position:relative}.logo span:nth-child(2n){animation-delay:-.4s}.logo span:nth-child(3n){animation-delay:-.9s}.logo span:before{content:attr(data-t);z-index:1;-webkit-text-stroke:0;text-shadow:none;background:linear-gradient(#fff 10%,#fff3a8 32%,#ffc93c 54%,#ff8a3c 74%,#ff5fa2 96%);color:#0000;-webkit-background-clip:text;background-clip:text;position:absolute;top:0;left:0}.logo span:after{content:"";z-index:2;filter:blur(1px);background:#ffffffe6;border-radius:50%;width:30%;height:11%;position:absolute;top:20%;left:16%;transform:rotate(-18deg)}.logo .gap{width:.35em}.logo .gap:before,.logo .gap:after{display:none}.logo .logo-i{--s:1.3em;z-index:-1;margin:0 .16em}.logo .logo-i:before{background-image:linear-gradient(#fff 10%,#d6fbff 45%,#5ef2ff 96%)}.logo .logo-i:after{width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);filter:blur(2px);z-index:-1;background:conic-gradient(#f107a3,#ffd23f,#00e5ff,#7b2ff7,#f107a3,#ffd23f,#00e5ff,#7b2ff7,#f107a3);border-radius:50%;animation:4s linear infinite spin;top:50%;left:50%;transform:none;-webkit-mask:radial-gradient(circle,#0000 20%,#000 38% 60%,#0000 70%);mask:radial-gradient(circle,#0000 20%,#000 38% 60%,#0000 70%)}@keyframes bob{50%{transform:translateY(-.05em)}}.pick{text-shadow:0 3px 0 var(--ink), 0 0 18px #ffffff80;margin:1.6vh 0 0;font-size:clamp(20px,3.4vh,34px);font-weight:600}.start{text-shadow:0 3px 0 var(--ink);margin-top:6vh;font-size:clamp(22px,4vh,40px);font-weight:600;animation:1.2s ease-in-out infinite pulse}#splash{cursor:pointer;z-index:5}#home{isolation:isolate}@keyframes pulse{50%{opacity:.75;transform:scale(1.08)}}.hint{opacity:.95;text-shadow:0 2px 0 var(--ink);margin:0;font-size:clamp(14px,2.2vh,20px);font-weight:500;position:absolute;bottom:2.4vh}.cards{gap:clamp(10px,1.6vw,26px);margin-top:auto;margin-bottom:9.5vh;padding:0 2vw;display:flex}.wcard{width:clamp(170px,20.5vw,290px);color:var(--ink);font:inherit;text-align:center;cursor:pointer;background:#fff;border:5px solid #fff;border-radius:26px;padding:0 0 14px;transition:transform .16s cubic-bezier(.3,1.6,.5,1),box-shadow .16s;position:relative;overflow:hidden;box-shadow:0 9px #14042e8c,0 16px 30px #00000059}.wcard:hover,.wcard:focus-visible{box-shadow:0 16px 0 #14042e73, 0 0 0 5px var(--glow), 0 0 44px 8px var(--glow);outline:none;transform:translateY(-12px)scale(1.04)}.wcard:active{transform:translateY(-4px)scale(.99)}.wcard h3{margin:10px 0 0;font-size:clamp(17px,2.7vh,26px);font-weight:700}.wcard .tag{opacity:.75;margin:1px 0 6px;font-size:clamp(13px,1.9vh,17px);font-weight:500}.wcard .best{background:var(--chip);color:#fff;border-radius:99px;padding:3px 13px;font-size:clamp(12px,1.8vh,16px);font-weight:600;display:inline-block}.preview{border-radius:19px 19px 0 0;height:clamp(90px,19vh,170px);position:relative;overflow:hidden}.preview i{display:block;position:absolute}.pv-starfall{background:linear-gradient(#2a0a5e,#c2188f)}.pv-starfall .a{background-image:radial-gradient(#fff 1.3px,#0000 1.8px),radial-gradient(#9ff3ff 1px,#0000 1.5px);background-size:46px 46px,70px 70px;animation:3s linear infinite fall;inset:-100% 0 0}.pv-starfall .b{background:linear-gradient(#ffc46b,#ff8a5c);border-radius:50%;width:46px;height:46px;top:16%;right:12%;box-shadow:0 0 0 5px #ffe9a800}.pv-starfall .b:after{content:"";border:3px solid #ffe9a8;border-radius:50%;width:78px;height:10px;position:absolute;top:18px;left:-16px;transform:rotate(-18deg)}.pv-starfall .c{background:#d9713f;border-radius:42% 58% 50% 50%;width:34px;height:30px;animation:5s linear infinite tumble;bottom:20%;left:18%;box-shadow:0 0 0 3px #ffb347}@keyframes fall{to{transform:translateY(50%)}}@keyframes tumble{to{transform:rotate(360deg)}}.pv-gale{background:linear-gradient(#4fc3ff,#ff7fb0 55%,#ff9a3c)}.pv-gale .a{background:#fff7d0;border-radius:50%;width:54px;height:54px;animation:3s ease-in-out infinite breathe;top:14%;right:14%;box-shadow:0 0 30px 14px #fff0aacc}.pv-gale .b,.pv-gale .c{background:#fff6e6;border-radius:99px;width:80px;height:26px;animation:7s linear infinite slide;box-shadow:22px -12px 0 2px #fff6e6,46px -3px 0 -2px #fff}.pv-gale .b{top:58%;left:-40%}.pv-gale .c{transform-origin:0;animation-duration:11s;animation-delay:-5s;top:26%;left:-40%;scale:.7}@keyframes slide{to{transform:translate(420px)}}.pv-mooncrow{background:linear-gradient(#1b1464,#17407a 60%,#0f4a5c)}.pv-mooncrow .a{background:#f6f3d4;border-radius:50%;width:50px;height:50px;top:12%;left:14%;box-shadow:0 0 26px 8px #cfe8ff99}.pv-mooncrow .b{background-image:radial-gradient(#ffe45c 2px,#0000 3px),radial-gradient(#ffe45c 1.5px,#0000 2.5px);background-position:10px 20px,40px 5px;background-size:60px 50px,85px 70px;animation:1.6s ease-in-out infinite twinkle,5s ease-in-out infinite floaty;inset:0}.pv-mooncrow .c{opacity:.95;background:linear-gradient(135deg,#177a78 25%,#0000 25%) 0 0/40px 100%,linear-gradient(225deg,#1c908a 25%,#0000 25%) 0 0/40px 100%;height:46%;bottom:0;left:0;right:0}@keyframes floaty{50%{transform:translate(6px,-8px)}}.pv-bubblebed{background:linear-gradient(#3fe6e0,#00a5d6 45%,#0a3d91)}.pv-bubblebed .a{background-image:radial-gradient(circle,#0000 3px,#ffffffe6 3.5px,#0000 5px),radial-gradient(circle,#0000 2px,#fffc 2.5px,#0000 4px);background-position:0 0,20px 30px;background-size:64px 70px,44px 50px;animation:5s linear infinite rise;inset:0 0 -100%}.pv-bubblebed .b{background:repeating-linear-gradient(105deg,#ffffff38 0 14px,#0000 14px 52px);height:100%;animation:4s ease-in-out infinite sway;top:0;left:0;right:0;-webkit-mask:linear-gradient(#000,#0000 80%);mask:linear-gradient(#000,#0000 80%)}.pv-bubblebed .c{transform-origin:bottom;background:#19b87f;border-radius:8px;width:12px;height:55%;animation:3s ease-in-out infinite sway;bottom:0;left:22%;box-shadow:26px 14px #12a070,150px 6px #19b87f,120px 24px #ff7aa8}@keyframes rise{to{transform:translateY(-50%)}}@keyframes sway{0%,to{transform:skew(-5deg)}50%{transform:skew(5deg)}}#hud{pointer-events:none;font-weight:700}#hud>div{text-shadow:0 3px #1e083cbf,0 0 12px #1e083c73;position:absolute}.hud-km{letter-spacing:.01em;font-size:clamp(34px,6.5vh,66px);top:2.2vh;left:50%;transform:translate(-50%)}.hud-km.bump{animation:.22s ease-out bump}@keyframes bump{40%{transform:translate(-50%)scale(1.12)}}.hud-world{font-size:clamp(16px,2.8vh,26px);top:3vh;left:3vw}.hud-best{font-size:clamp(16px,2.8vh,26px);top:3vh;right:calc(3vw + 60px)}.hud-speed{font-size:clamp(16px,2.8vh,26px);bottom:3vh;left:3vw}.hud-speed span{font-size:1.5em}.hud-count{color:#fff3a8;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;opacity:0;font-size:clamp(90px,24vh,240px);top:34%;left:50%;transform:translate(-50%,-50%)}.hud-count.show{animation:.7s cubic-bezier(.2,1.5,.4,1) forwards count}@keyframes count{0%{opacity:0;transform:translate(-50%,-50%)scale(2.2)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.8)}}.hud-pop,.hud-tier{opacity:0;white-space:nowrap;left:50%;transform:translate(-50%)}.hud-pop{color:#fff3a8;font-size:clamp(24px,4.6vh,46px);top:13vh}.hud-tier{color:#9ff3ff;font-size:clamp(22px,4vh,40px);top:20vh}.hud-pop.show,.hud-tier.show{animation:1.5s ease-out forwards popup}@keyframes popup{0%{opacity:0;transform:translate(-50%)scale(.4)}12%{opacity:1;transform:translate(-50%)scale(1.25)}22%{transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-18px)}}.hud-debug{text-align:right;white-space:pre;background:#00000073;border-radius:8px;padding:6px 10px;font:600 13px/1.5 ui-monospace,monospace;bottom:3vh;right:3vw;text-shadow:none!important}.dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:3;background:#14042e99;justify-content:center}.card{background:linear-gradient(#8a3ffc,#5a189a);border:6px solid #fff;border-radius:34px;flex-direction:column;align-items:center;gap:12px;min-width:min(430px,88vw);padding:28px 40px 30px;display:flex;position:relative;box-shadow:0 12px #14042e99,0 26px 60px #00000080}.card.pop{animation:.5s cubic-bezier(.25,1.7,.45,1) cardpop}@keyframes cardpop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.card h2{text-shadow:0 4px 0 var(--ink);margin:0 0 4px;font-size:clamp(30px,5.4vh,50px);font-weight:700}.go-km{color:#fff3a8;text-shadow:0 5px 0 var(--ink);font-size:clamp(54px,10vh,92px);font-weight:700;line-height:1}.go-best{opacity:.92;margin-bottom:8px;font-size:22px;font-weight:600}.badge{color:var(--ink);box-shadow:0 4px 0 var(--ink);background:linear-gradient(#ffd23f,#ff8a3c);border-radius:99px;padding:5px 20px;font-size:22px;font-weight:700;animation:.7s ease-in-out infinite wiggle}@keyframes wiggle{0%,to{transform:rotate(-4deg)scale(1)}50%{transform:rotate(4deg)scale(1.1)}}.btn{color:#fff;min-width:250px;font:inherit;cursor:pointer;background:#ffffff24;border:4px solid #fff;border-radius:99px;padding:12px 26px;font-size:23px;font-weight:600;transition:transform .12s cubic-bezier(.3,1.6,.5,1),background .12s;box-shadow:0 6px #14042e99}.btn kbd{vertical-align:middle;margin-left:.5em;font-size:.6em}.btn.primary{color:var(--ink);background:linear-gradient(#ffd23f,#ff8a3c)}.btn.primary kbd{background:#2b0b4e26;border-color:#2b0b4e66}.btn:hover,.btn:focus-visible{outline:none;transform:translateY(-3px)scale(1.04)}.btn:active{transform:translateY(3px);box-shadow:0 2px #14042e99}.keys{opacity:.85;margin:4px 0 0;font-size:15px}.confetti{pointer-events:none;position:absolute;inset:0;overflow:visible}.confetti i{border-radius:3px;width:11px;height:16px;animation:1.5s cubic-bezier(.1,.7,.4,1) forwards confetti;position:absolute;top:30%;left:50%}@keyframes confetti{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot));opacity:0}}.mute{z-index:6;cursor:pointer;background:#2b0b4e8c;border:4px solid #fff;border-radius:50%;width:50px;height:50px;font-size:21px;line-height:1;transition:transform .12s;position:absolute;top:2.2vh;right:2vw;box-shadow:0 4px #14042e99}.mute:hover{transform:scale(1.1)}.mute.off{opacity:.75}#flash{opacity:0;pointer-events:none;z-index:2;background:#fff;position:absolute;inset:0}#flash.go{animation:.45s ease-out flash}@keyframes flash{0%{opacity:.95}to{opacity:0}}#pulse{pointer-events:none;opacity:0;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 120px 40px #fff3a8bf}#pulse.go{animation:.7s ease-out screenpulse}@keyframes screenpulse{0%{opacity:0}20%{opacity:1}to{opacity:0}}#transition{z-index:8;opacity:0;pointer-events:none;background:radial-gradient(circle,#7b2ff7,#2a0a5e 70%);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0;overflow:hidden}#transition.on{opacity:1;pointer-events:auto}.swirl{filter:blur(22px);opacity:.8;background:conic-gradient(#f107a3,#ffd23f,#00e5ff,#7b2ff7,#f107a3,#ffd23f,#00e5ff,#7b2ff7,#f107a3);border-radius:50%;flex:none;width:160vmax;height:160vmax;animation:1.4s linear infinite spin;-webkit-mask:radial-gradient(circle,#0000 4%,#000 20%,#0000 60%);mask:radial-gradient(circle,#0000 4%,#000 20%,#0000 60%)}.touch-only{display:none}body.touch .touch-only{display:block}body.touch .keys-only,body.touch .btn kbd{display:none}#game,#ui{touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.dim.soft{-webkit-backdrop-filter:none;backdrop-filter:none;background:#14042e61}.card.brief{gap:10px;width:min(760px,94vw);max-height:96%;padding:20px 28px 22px;overflow-y:auto}.brief-cols{gap:14px;width:100%;display:flex}.brief-col{text-align:center;border:4px solid;border-radius:22px;flex:1;min-width:0;padding:10px 12px 12px}.brief-col.shoot{background:#ffd23f29;border-color:#ffd23f}.brief-col.dodge{background:#5ef2ff1f;border-color:#7fb8e6}.brief-col h3{text-shadow:0 3px 0 var(--ink);margin:0 0 4px;font-size:clamp(18px,3.4vh,26px);font-weight:700}.brief-col.shoot h3{color:#ffe27a}.brief-col.dodge h3{color:#b8e6ff}.brief-col p{margin:6px 0 0;font-size:clamp(12.5px,2.1vh,15.5px);font-weight:500;line-height:1.3}.thumbs{flex-wrap:wrap;justify-content:center;gap:4px 10px;display:flex}.thumbs figure{width:clamp(62px,13vh,92px);margin:0}.thumbs img{aspect-ratio:1;width:100%;display:block}.thumbs figcaption{font-size:clamp(11px,1.9vh,14px);font-weight:600;line-height:1.15}.brief-rule{text-align:center;margin:0;font-size:clamp(13px,2.3vh,17px);font-weight:500}.row{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:4px;display:flex}.row .btn{min-width:190px}.go-reason{color:#ffd6e8;min-height:1em;margin-top:-6px;font-size:clamp(15px,2.6vh,20px);font-weight:600}#touch{z-index:2;display:none;position:absolute;inset:0}body.touch.in-run #touch{display:block}#stick{pointer-events:none;background:#ffffff1f;border:4px solid #ffffff8c;border-radius:50%;width:124px;height:124px;margin:-62px 0 0 -62px;position:absolute}#stick i{background:#fffc;border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%;box-shadow:0 4px #14042e80}#fire-btn{right:calc(5vw + env(safe-area-inset-right,0px));bottom:calc(9vh + env(safe-area-inset-bottom,0px));width:104px;height:104px;color:var(--ink);opacity:.85;pointer-events:none;background:linear-gradient(#ffd23f,#ff8a3c);border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex;position:absolute;box-shadow:0 7px #14042e99}#fire-btn.down{opacity:1;transform:translateY(5px)scale(.95);box-shadow:0 2px #14042e99}.mute.pause-btn{letter-spacing:1px;color:#fff;right:calc(2vw + 60px + env(safe-area-inset-right,0px));z-index:4;font-size:15px;display:none}body.in-run .mute.pause-btn{display:block}body.touch.in-run .hud-speed{bottom:2vh;left:50%;transform:translate(-50%)}.mute{right:calc(2vw + env(safe-area-inset-right,0px))}@media (height<=520px){.logo{margin-top:2vh;font-size:clamp(34px,13vh,60px)}.logo.big{margin-top:18vh;font-size:clamp(56px,26vh,110px)}.pick{margin-top:.5vh;font-size:17px}.cards{gap:8px;margin-bottom:9vh}.wcard{border-width:4px;border-radius:18px;width:clamp(118px,22vw,200px);padding-bottom:8px}.wcard h3{margin-top:5px;font-size:14.5px}.wcard .tag{margin-bottom:3px;font-size:11.5px}.wcard .best{padding:2px 9px;font-size:11px}.preview{border-radius:13px 13px 0 0;height:clamp(48px,21vh,90px)}.hint{font-size:12.5px;bottom:1.2vh}.card{border-width:4px;border-radius:24px;gap:5px;padding:12px 22px 14px;box-shadow:0 7px #14042e99}.card h2{margin:0;font-size:24px}.card.brief{gap:5px;padding:8px 14px 10px}.brief-col{border-width:3px;border-radius:16px;padding:5px 8px 6px}.go-km{font-size:46px}.go-best{margin-bottom:2px;font-size:16px}.badge{padding:2px 14px;font-size:15px}.btn{border-width:3px;min-width:150px;padding:7px 18px;font-size:17px}.row .btn{min-width:140px}.mute{border-width:3px;width:40px;height:40px;font-size:16px}.mute.pause-btn{right:calc(2vw + 48px + env(safe-area-inset-right,0px))}body.in-run .hud-best{right:calc(3vw + 100px)}.hud-world{left:calc(3vw + env(safe-area-inset-left,0px))}#fire-btn{width:88px;height:88px;bottom:calc(12vh + env(safe-area-inset-bottom,0px));font-size:19px}}@media (width<=760px) and (height<=520px){.wcard{width:21.5vw}.wcard .tag{display:none}}.topbar{top:calc(2.2vh + env(safe-area-inset-top,0px));right:calc(2vw + env(safe-area-inset-right,0px));z-index:6;gap:8px;display:flex;position:absolute}.topbar .mute{color:#fff;padding:0;position:relative;top:auto;right:auto}.topbar .pause-btn{display:none}body.in-run .topbar .pause-btn{display:block}.mute.off{opacity:1;color:#ffffff73;background:#2b0b4ecc}.mute.off:after{content:"";background:#ff5f7a;border-radius:2px;width:120%;height:4px;margin:-2px 0 0 -60%;position:absolute;top:50%;left:50%;transform:rotate(-45deg);box-shadow:0 0 0 1.5px #2b0b4ee6}.hud-best{right:calc(2vw + 130px)}body.in-run .hud-best{right:calc(2vw + 190px)}.seg{vertical-align:middle;background:#2b0b4e8c;border:3px solid #fff;border-radius:99px;display:inline-flex;overflow:hidden}.seg button{color:#fff;font:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;padding:4px 14px;font-size:15px;font-weight:600}.seg button.on{color:var(--ink);opacity:1;background:linear-gradient(#ffd23f,#ff8a3c)}.seg button:focus-visible{outline-offset:-3px;outline:3px solid #5ef2ff}.settings{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.mouse-only{display:none}body.ctl-mouse .mouse-only{display:inline}body.ctl-mouse p.mouse-only{display:block}body.ctl-mouse .kb-only{display:none}body.touch .kb-only,body.touch .mouse-only{display:none!important}body.touch .hint .touch-only{display:inline}.hint{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:0 12px;display:flex;left:0;right:0}body.ctl-mouse.in-run:not(.touch) #ui{cursor:crosshair}#demo{pointer-events:none;flex:1 1 0;width:100%;min-height:0;display:block}.cards{margin-top:0}@media (orientation:portrait) and (width<=720px){.logo{margin-top:calc(9vh + env(safe-area-inset-top,0px));font-size:clamp(40px,14.5vw,84px)}.logo.big{margin-top:26vh;font-size:clamp(48px,17vw,110px)}.pick{font-size:22px}.cards{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-bottom:11vh;padding:0 16px;display:grid}.wcard{border-width:4px;border-radius:20px;width:auto;padding-bottom:10px}.wcard h3{margin-top:6px;font-size:17px}.wcard .tag{margin-bottom:4px;font-size:13px}.wcard .best{font-size:12px}.preview{border-radius:14px 14px 0 0;height:clamp(60px,11vh,110px)}.hint{bottom:calc(2.5vh + env(safe-area-inset-bottom,0px));font-size:15px}.mute{border-width:3px;width:42px;height:42px;font-size:17px}.hud-km{top:calc(8vh + env(safe-area-inset-top,0px));font-size:46px}.hud-world{top:calc(2.6vh + env(safe-area-inset-top,0px));font-size:16px;left:16px}.hud-best,body.in-run .hud-best{top:calc(8vh + 54px + env(safe-area-inset-top,0px));white-space:nowrap;font-size:15px;left:50%;right:auto;transform:translate(-50%)}.hud-pop{top:24vh}.hud-tier{top:30vh}.hud-speed,body.touch.in-run .hud-speed{left:50%;bottom:calc(2vh + env(safe-area-inset-bottom,0px));font-size:15px;transform:translate(-50%)}.hud-count{font-size:34vw}.card{width:92vw;min-width:0;padding:20px 16px 22px}.card.brief{padding:14px 12px 16px}.brief-cols{gap:8px}.brief-col{padding:8px 6px 10px}.thumbs figure{width:56px}.btn{min-width:0;padding:10px 20px;font-size:20px}.row{width:100%}.row .btn{flex:1;min-width:0}.seg button{padding:4px 11px;font-size:14px}#fire-btn{right:calc(7vw + env(safe-area-inset-right,0px));bottom:calc(10vh + env(safe-area-inset-bottom,0px))}}@media (height<=520px){.topbar{gap:6px}.hud-best{right:calc(2vw + 105px)}body.in-run .hud-best{right:calc(2vw + 152px)}.seg button{padding:2px 10px;font-size:12.5px}.seg{border-width:2px}.settings{margin-top:2px}.hint{gap:8px}}.seg button+button{border-left:2px solid #ffffffa6}@media (orientation:portrait) and (width<=720px){.brief-col h3{font-size:19px}.brief-col p,.brief-rule{font-size:13.5px}.card h2{font-size:32px}}