:root{--gold:#ffd83d;--gold-d:#e8a417;--cyan:#4de1ff;--lime:#7dff9b;--red:#ff4d6d;--ink:#0a1020;--ink-2:#121a30;--paper:#f2f6ff;--ui-font:"Bahnschrift", "DIN Alternate", "Impact", "PingFang SC", "Microsoft YaHei", -apple-system, system-ui, sans-serif;--num-font:"DIN Alternate", "Bahnschrift", "Arial Black", Impact, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--paper);font-family:var(--ui-font);user-select:none;cursor:default;background:#05070e;overflow:hidden}body.playing{cursor:none}#viewport{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.noclick{pointer-events:none}kbd{font-size:.85em;font-family:var(--num-font);background:#ffffff24;border:1px solid #ffffff40;border-bottom-width:2px;border-radius:5px;padding:1px 7px;display:inline-block}.screen{z-index:40;flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:6vh 5vw;animation:.28s both scrFade;display:flex;position:fixed;inset:0}@keyframes scrFade{0%{opacity:0;transform:scale(.985)}}#zones:before,#options:before,#howto:before,#board:before,#nameask:before,#pause:before,#results:before,#ending:before{content:"";z-index:-1;backdrop-filter:blur(9px)saturate(1.15);background:radial-gradient(120% 80% at 50% 0,#4de1ff29,#0000 60%),radial-gradient(100% 70% at 50% 100%,#ff4d6d24,#0000 60%),linear-gradient(#050812db,#050812f0);position:absolute;inset:0}#title:before{content:"";z-index:-1;background:linear-gradient(100deg,#040814e6 0%,#040814b8 34%,#0408142e 62%,#04081400 82%),linear-gradient(#0000 58%,#0408148c);position:absolute;inset:0}#pause:before{backdrop-filter:blur(14px)saturate(.7)brightness(.7)}.panel-h{letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(180deg, #fff, var(--gold) 65%, var(--gold-d));color:#0000;filter:drop-shadow(0 4px #00000080)drop-shadow(0 0 26px #ffd83d66);background-clip:text;font-size:clamp(28px,5vw,54px);font-style:italic}.panel-foot{opacity:.6;letter-spacing:.08em;font-size:13px}#boot{z-index:90;background:radial-gradient(80% 60% at 50% 45%,#16224a,#05070e 70%)}.boot-logo{flex-direction:column;align-items:center;gap:10px;display:flex}.boot-mark{filter:drop-shadow(0 8px 18px #0009);font-size:64px;animation:1.4s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-14px)rotate(4deg)}}.boot-title{letter-spacing:.16em;color:#fff;text-shadow:0 0 30px #4de1ff99;font-size:clamp(26px,5vw,44px);font-style:italic;font-weight:900}.boot-bar{background:#ffffff1a;border-radius:99px;width:min(420px,70vw);height:7px;overflow:hidden}.boot-bar i{background:linear-gradient(90deg, var(--cyan), var(--lime), var(--gold));border-radius:99px;width:0%;height:100%;transition:width .25s;display:block;box-shadow:0 0 18px #7dff9bb3}.boot-hint{letter-spacing:.14em;opacity:.7;font-size:13px}#title{justify-content:center;align-items:flex-start;gap:30px;padding-left:clamp(24px,7vw,110px)}.title-wrap{text-align:left;line-height:1}.title-sub{letter-spacing:.5em;opacity:.75;color:var(--cyan);margin-bottom:14px;font-size:clamp(10px,1.4vw,13px)}.title-main{letter-spacing:-.01em;justify-content:flex-start;align-items:baseline;gap:.14em;font-size:clamp(40px,8.2vw,104px);font-style:italic;font-weight:900;display:flex}.title-main span{background:linear-gradient(#fff 8%,#cfe6ff 40%,#5aa6ff 72%,#1a55c8);color:#0000;filter:drop-shadow(0 6px #0b1836)drop-shadow(0 0 40px #5aa6ff8c);background-clip:text}.title-main em{background:linear-gradient(180deg, #fff 8%, var(--gold) 45%, #ff8a2b 80%, #c9440e);color:#0000;filter:drop-shadow(0 6px #3a1000)drop-shadow(0 0 40px #ff962899);background-clip:text;font-style:italic;transform:skew(-3deg)}.title-tag{letter-spacing:.5em;opacity:.85;margin-top:16px;font-size:clamp(13px,2vw,20px)}.title-foot{opacity:.5;letter-spacing:.08em;font-size:12px;position:absolute;bottom:22px;left:clamp(24px,7vw,110px)}#title .menu{width:min(330px,62vw)}@media (width<=820px){#title{align-items:center;padding-left:5vw;padding-right:5vw}.title-wrap{text-align:center}.title-main{justify-content:center}.title-foot{text-align:center;left:0;right:0}#title:before{background:linear-gradient(#0408148c,#040814e0 45%)}}.menu{flex-direction:column;gap:10px;width:min(360px,78vw);display:flex}.mi{font-family:var(--ui-font);letter-spacing:.06em;color:#dbe6ff;cursor:pointer;background:linear-gradient(100deg,#ffffff12,#ffffff05);border:0;border-radius:12px;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 20px;font-size:19px;font-style:italic;font-weight:700;transition:transform .14s cubic-bezier(.2,1.4,.4,1),background .18s,color .18s,box-shadow .18s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.mi small{letter-spacing:.2em;opacity:.5;font-size:11px;font-style:normal}.mi.sel,.mi:hover{color:#14203c;background:linear-gradient(100deg, var(--gold), #ffe98a 60%, var(--gold-d));transform:translate(10px)skew(-6deg);box-shadow:0 8px 26px #ffbe2859,inset 0 0 0 1px #fff9}.mi.sel small,.mi:hover small{opacity:.6}.mi.sel:before{content:"▸";color:var(--gold);animation:.5s ease-in-out infinite alternate nudge;position:absolute;left:-22px}@keyframes nudge{to{transform:translate(5px)}}.zone-grid{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px;width:min(880px,92vw);display:grid}.zcard{cursor:pointer;border-radius:16px;flex-direction:column;justify-content:flex-end;min-height:168px;padding:16px;transition:transform .16s cubic-bezier(.2,1.4,.4,1),box-shadow .18s,filter .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff24}.zcard:after{content:"";background:linear-gradient(#0000 30%,#04070fe0);position:absolute;inset:0}.zcard>*{z-index:1;position:relative}.zcard.sel,.zcard:hover{box-shadow:0 16px 40px #0000008c, inset 0 0 0 2px var(--gold);transform:translateY(-7px)scale(1.03)}.zcard.locked{filter:grayscale()brightness(.45);cursor:not-allowed}.zcard .zn{letter-spacing:.3em;opacity:.7;font-size:11px}.zcard .zt{font-size:23px;font-style:italic;font-weight:900;line-height:1.05}.zcard .zc{opacity:.8;margin-bottom:6px;font-size:13px}.zcard .zb{letter-spacing:.1em;opacity:.75;font-size:11px;font-family:var(--num-font)}.zcard .zrank{z-index:2;color:var(--gold);text-shadow:0 2px #6b3d00,0 0 22px #ffd83db3;font-size:30px;font-style:italic;font-weight:900;position:absolute;top:10px;right:12px}.zcard .zlock{z-index:2;font-size:22px;position:absolute;top:12px;right:14px}.opts{flex-direction:column;gap:8px;width:min(520px,90vw);display:flex}.opt{cursor:pointer;background:#ffffff0d;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;font-size:16px;transition:background .16s,transform .14s;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.opt.sel{box-shadow:inset 0 0 0 1px var(--gold);background:#ffd83d29;transform:translate(6px)}.opt .ov{font-family:var(--num-font);letter-spacing:.06em;color:var(--gold);text-align:right;min-width:130px}.opt .ov b{color:#fff}.howto-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;width:min(820px,92vw);display:grid}.hk{background:#ffffff0d;border-radius:10px;align-items:center;gap:14px;padding:11px 16px;display:flex}.hk b{font-family:var(--num-font);color:var(--cyan);letter-spacing:.04em;min-width:150px;font-size:14px}.hk span{opacity:.85;font-size:14px}#zonecard{backdrop-filter:none;background:0 0}#zonecard:before{display:none}.zc-inner{text-align:center;background:linear-gradient(100deg,#060a1600,#060a16d1 12% 88%,#060a1600);border-radius:4px;padding:30px 60px;line-height:1.1;animation:.55s cubic-bezier(.16,1,.3,1) both zcIn}@keyframes zcIn{0%{opacity:0;transform:translate(-60px)skew(-14deg)}}.zc-num{letter-spacing:.5em;color:var(--cyan);margin-bottom:10px;font-size:14px}.zc-name{letter-spacing:.01em;background:linear-gradient(180deg, #fff 20%, var(--gold) 70%, var(--gold-d));color:#0000;filter:drop-shadow(0 5px #0000008c);background-clip:text;font-size:clamp(30px,6.5vw,76px);font-style:italic;font-weight:900}.zc-cn{letter-spacing:.42em;opacity:.9;margin-top:10px;font-size:clamp(14px,2.6vw,24px)}.zc-rule{letter-spacing:.12em;color:var(--lime);opacity:.9;margin-top:14px;font-size:13px}#hud{z-index:20;font-family:var(--num-font);position:fixed;inset:0}#hud>*{position:absolute}.hud-tl{top:18px;left:22px}.ring-row{align-items:center;gap:10px;display:flex}.ring-ico{filter:drop-shadow(0 3px 8px #0009);width:44px;height:44px;animation:2.4s linear infinite ringSpin}@keyframes ringSpin{to{transform:rotateY(360deg)}}.ring-num{color:#fff;text-shadow:0 3px #8a5a00,0 0 22px #ffd83d8c;font-size:44px;font-style:italic;font-weight:900;line-height:1;transition:transform 90ms}.ring-num.pop{transform:scale(1.28)}.stat-row{text-shadow:0 2px 5px #000c;align-items:baseline;gap:9px;margin-top:4px;display:flex}.stat-row label{letter-spacing:.24em;opacity:.55;min-width:46px;font-size:10px}.stat-row span{letter-spacing:.02em;font-size:19px;font-style:italic;font-weight:700}.hud-tr{flex-direction:column;align-items:flex-end;gap:8px;display:flex;top:18px;right:22px}.speedo{filter:drop-shadow(0 4px 12px #0000008c);width:126px;height:126px;position:relative}.speedo-svg{width:100%;height:100%}#sp-fill{stroke-dasharray:1 1;transition:stroke-dashoffset 80ms linear}.speedo-txt{flex-direction:column;justify-content:center;align-items:center;padding-top:8px;display:flex;position:absolute;inset:0}.speedo-txt span{text-shadow:0 2px #0009;font-size:38px;font-style:italic;font-weight:900;line-height:.9}.speedo-txt small{letter-spacing:.22em;opacity:.55;font-size:9px}.boost-wrap{width:150px}.boost-lbl{letter-spacing:.3em;opacity:.6;text-align:right;margin-bottom:3px;font-size:9px}.boost-bar{background:#00000073;border-radius:99px;height:9px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.boost-bar i{background:linear-gradient(90deg, #1e7bff, var(--cyan) 50%, #b6f4ff);width:100%;height:100%;transition:width 70ms linear;display:block;box-shadow:0 0 14px #4de1ffcc}.boost-bar.full i{background:linear-gradient(90deg, #ff8a2b, var(--gold) 55%, #fff8c8);box-shadow:0 0 20px #ffd83de6}.boost-bar.low i{background:linear-gradient(90deg, #7a2233, var(--red));box-shadow:0 0 12px #ff4d6db3}.lives{gap:5px;margin-top:2px;display:flex}.lives i{background:var(--gold);border-radius:50%;width:13px;height:13px;box-shadow:0 0 10px #ffd83dcc,inset 0 -3px #00000040}.lives i.dead{box-shadow:none;background:#ffffff29}.hud-combo{text-align:center;animation:.18s cubic-bezier(.2,1.6,.4,1) both comboIn;top:46%;right:6%}@keyframes comboIn{0%{opacity:0;transform:scale(1.7)rotate(-8deg)}}.hud-combo b{color:var(--gold);text-shadow:0 4px #7a3d00,0 0 30px #ffb428d9;font-size:56px;font-style:italic;font-weight:900;line-height:1;display:block}.hud-combo span{letter-spacing:.4em;opacity:.75;font-size:11px}.hud-center{text-align:center;top:27%;left:0;right:0}.popup{letter-spacing:.04em;color:#fff;text-shadow:0 4px #0000008c,0 0 34px;font-size:clamp(24px,4.6vw,52px);font-style:italic;font-weight:900;animation:.62s cubic-bezier(.16,1,.3,1) both popIn;display:inline-block}@keyframes popIn{0%{opacity:0;transform:scale(.4)skew(-18deg)}22%{opacity:1;transform:scale(1.12)skew(-10deg)}70%{opacity:1;transform:scale(1)skew(-8deg)}to{opacity:0;transform:scale(1.04)translateY(-26px)skew(-8deg)}}.hud-progress{background:#00000073;border-radius:99px;height:4px;bottom:20px;left:12%;right:12%;box-shadow:inset 0 0 0 1px #ffffff24}.hud-progress i{background:linear-gradient(90deg, var(--cyan), var(--lime));border-radius:99px;width:0%;height:100%;transition:width .12s linear;display:block}.prog-dot{filter:drop-shadow(0 2px 4px #000000b3);font-size:20px;transition:left .12s linear;position:absolute;top:-16px;left:0;transform:translate(-50%)}.reticle{opacity:.95;width:92px;height:92px;margin:-46px 0 0 -46px;animation:.16s both retIn,.7s ease-in-out infinite alternate retPulse;top:50%;left:50%}.reticle svg{filter:drop-shadow(0 0 12px #ff4d6de6);width:100%;height:100%}@keyframes retIn{0%{opacity:0;transform:scale(2.2)}}@keyframes retPulse{to{transform:scale(.88)}}.res-card{background:linear-gradient(165deg,#182240f0,#090d1af5);border-radius:20px;width:min(560px,92vw);padding:34px 40px;animation:.45s cubic-bezier(.16,1,.3,1) both resIn;position:relative;box-shadow:0 26px 70px #000000a6,inset 0 0 0 1px #ffffff24}@keyframes resIn{0%{opacity:0;transform:translateY(34px)scale(.95)}}.res-h{text-align:center;background:linear-gradient(180deg, #fff, var(--gold) 70%, var(--gold-d));color:#0000;filter:drop-shadow(0 3px #00000080);background-clip:text;margin-bottom:22px;font-size:clamp(26px,4.6vw,44px);font-style:italic;font-weight:900}.res-rows{font-family:var(--num-font);flex-direction:column;gap:9px;display:flex}.rr{border-bottom:1px dashed #ffffff21;justify-content:space-between;align-items:baseline;padding-bottom:7px;display:flex}.rr label{letter-spacing:.18em;opacity:.6;font-size:12px}.rr span{font-size:24px;font-style:italic;font-weight:700}.rr.total{border-bottom:0;margin-top:6px}.rr.total label{color:var(--gold);opacity:1}.rr.total span{color:var(--gold);text-shadow:0 0 26px #ffd83d99;font-size:38px}.rank-stamp{color:var(--gold);text-shadow:0 5px #7a4200,0 0 46px #ffd83dd9;opacity:0;font-size:118px;font-style:italic;font-weight:900;line-height:1;position:absolute;top:8px;right:18px;transform:scale(3)rotate(22deg)}.rank-stamp.hit{animation:.5s cubic-bezier(.2,1.5,.35,1) forwards stamp}@keyframes stamp{to{opacity:1;transform:scale(1)rotate(11deg)}}.res-best{text-align:center;letter-spacing:.1em;color:var(--lime);min-height:18px;margin-top:16px;font-size:13px}.res-cta{text-align:center;opacity:.6;margin-top:12px;font-size:12px;animation:1.1s ease-in-out infinite blink}@keyframes blink{50%{opacity:.18}}.end-wrap{text-align:center;max-width:620px}.end-mark{font-size:84px;animation:2s ease-in-out infinite bob}.end-h{background:linear-gradient(180deg, #fff, var(--gold) 65%, #ff8a2b);color:#0000;background-clip:text;margin:8px 0 14px;font-size:clamp(30px,6vw,62px);font-style:italic;font-weight:900}.end-p{opacity:.85;font-size:16px;line-height:1.9}.end-stats{font-family:var(--num-font);flex-wrap:wrap;justify-content:center;gap:26px;margin:22px 0;display:flex}.end-stats div{text-align:center}.end-stats b{color:var(--gold);font-size:30px;font-style:italic;display:block}.end-stats small{letter-spacing:.24em;opacity:.55;font-size:10px}#touch{z-index:25;position:fixed;inset:0}#touch.on{pointer-events:auto}.tstick{background:#ffffff12;border-radius:50%;width:132px;height:132px;position:absolute;bottom:8vh;left:5vw;box-shadow:inset 0 0 0 2px #ffffff2e}.tstick i{background:#ffffff47;border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #0006}.tbtns{grid-template-columns:repeat(2,74px);gap:12px;display:grid;position:absolute;bottom:8vh;right:5vw}.tb{width:74px;height:74px;font-size:22px;font-weight:900;font-family:var(--num-font);color:#0d1426;background:#ffffffb8;border:0;border-radius:50%;box-shadow:0 5px 16px #0006}.tb:active{background:var(--gold);transform:scale(.92)}.tb-jump{background:#7dff9bcc}.tb-boost{background:#4de1ffcc}body.portrait .tbtns{grid-template-columns:auto;grid-template-areas:"stomp""boost""jump";gap:10px;bottom:7vh}body.portrait .tb-stomp{grid-area:stomp}body.portrait .tb-boost{grid-area:boost}body.portrait .tb-jump{grid-area:jump}#flash{z-index:30;pointer-events:none;opacity:0;mix-blend-mode:screen;background:#fff;position:fixed;inset:0}#flash.on{animation:.34s ease-out flashOut}@keyframes flashOut{0%{opacity:.85}to{opacity:0}}#flash.dmg{background:var(--red)}#flash.dmg.on{animation:.42s ease-out flashOut}#vig{z-index:15;pointer-events:none;opacity:0;background:radial-gradient(115% 78%,#0000 42%,#ff3c5a6b 100%);transition:opacity .2s;position:fixed;inset:0}#vig.danger{opacity:1;animation:.85s ease-in-out infinite alternate vigPulse}@keyframes vigPulse{to{opacity:.45}}@media (width<=720px){.hud-tl{top:12px;left:14px}.hud-tr{top:12px;right:14px}.ring-num{font-size:34px}.ring-ico{width:34px;height:34px}.speedo{width:96px;height:96px}.speedo-txt span{font-size:28px}.boost-wrap{width:112px}.hud-progress{bottom:14px;left:6%;right:6%}.howto-grid{grid-template-columns:1fr}}.bd-tabs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bd-tab{cursor:pointer;font-family:var(--ui-font);letter-spacing:.06em;color:#cfe0ff;background:#ffffff0f;border:0;border-radius:10px;padding:8px 18px;font-size:14px;font-style:italic;font-weight:700;transition:background .16s,color .16s,transform .14s;box-shadow:inset 0 0 0 1px #ffffff1f}.bd-tab.sel{color:#14203c;background:linear-gradient(100deg, var(--gold), #ffe98a 60%, var(--gold-d));transform:translateY(-2px);box-shadow:0 6px 20px #ffbe2852}.bd-wrap{width:min(620px,94vw);font-family:var(--num-font)}.bd-head,.bd-row{grid-template-columns:44px 1fr 130px 120px;align-items:baseline;gap:8px;padding:7px 14px;display:grid}.bd-head{letter-spacing:.22em;opacity:.5;font-size:10px}.bd-rows{flex-direction:column;gap:3px;min-height:200px;display:flex}.bd-row{background:#ffffff0b;border-radius:9px;font-size:17px;animation:.28s cubic-bezier(.16,1,.3,1) both bdIn}@keyframes bdIn{0%{opacity:0;transform:translate(-12px)}}.bd-row .bp{opacity:.6;font-style:italic;font-weight:900}.bd-row:first-child .bp{color:#ffd83d;opacity:1}.bd-row:nth-child(2) .bp{color:#d8e2f0;opacity:1}.bd-row:nth-child(3) .bp{color:#e0a06a;opacity:1}.bd-row .bn{font-family:var(--ui-font);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-style:italic;font-weight:700;overflow:hidden}.bd-row .bv{text-align:right;font-style:italic;font-weight:700}.bd-row.me{background:#ffd83d29;box-shadow:inset 0 0 0 1px #ffd83d80}.bd-empty{text-align:center;opacity:.4;letter-spacing:.1em;padding:60px 0;font-size:14px}.bd-note{opacity:.55;letter-spacing:.06em;font-size:12px}.name-tip{opacity:.7;letter-spacing:.06em;font-size:13px}.name-input{color:#fff;width:min(360px,80vw);font-family:var(--num-font);letter-spacing:.12em;text-align:center;background:#ffffff14;border:0;border-radius:12px;outline:none;padding:14px 18px;font-size:26px;font-style:italic;box-shadow:inset 0 0 0 1px #fff3}.name-input:focus{box-shadow:inset 0 0 0 2px var(--gold), 0 0 26px #ffd83d40}.name-ok{justify-content:center;width:min(200px,60vw)}.hud-dist{text-align:center;font-family:var(--num-font);bottom:16px;left:0;right:0}.hud-dist b{color:#fff;text-shadow:0 3px #0000008c,0 0 24px #4de1ff80;font-size:34px;font-style:italic;font-weight:900}.hud-dist small{opacity:.6;letter-spacing:.12em;margin-left:4px;font-size:13px}.hud-dist span{letter-spacing:.34em;opacity:.55;margin-top:2px;font-size:10px;display:block}.res-place{text-align:center;letter-spacing:.1em;color:var(--gold);margin-top:8px;font-size:15px;font-style:italic;font-weight:700;animation:.5s cubic-bezier(.16,1,.3,1) both popIn2}@keyframes popIn2{0%{opacity:0;transform:scale(.7)}}.zcard-inf .zrank{color:#b98bff;text-shadow:0 2px #2a1050,0 0 22px #b98bffb3;font-size:40px}.backbtn,.res-next{justify-content:center;width:min(240px,62vw);margin-top:4px}.res-next{margin:14px auto 0}body:not(.touch) .backbtn,body:not(.touch) .res-next{opacity:.55;padding:10px 18px;font-size:16px}body:not(.touch) .backbtn:hover,body:not(.touch) .res-next:hover{opacity:1}body.touch .panel-foot,body.touch .res-cta,body.touch .bd-note kbd,body.touch .title-foot{display:none}.hud-pause{pointer-events:auto;background:#0a10208c;border:0;border-radius:50%;justify-content:center;align-items:center;gap:5px;width:46px;height:46px;display:none;top:14px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff38}.hud-pause i{background:#dbe6ff;border-radius:2px;width:4px;height:15px;display:block}.hud-pause:active i{background:#14203c}body.touch .hud-pause{display:flex}.hud-pause:active{background:#ffd83dd9}#touch{pointer-events:none}#touch .tstick,#touch .tb{pointer-events:auto}.tstick,.tb{touch-action:none}@media (height<=480px){.screen{gap:12px;padding:3vh 4vw}.panel-h{font-size:clamp(22px,4.4vh,34px)}.menu{gap:6px}.mi{padding:9px 16px;font-size:16px}.zone-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.zcard{min-height:104px;padding:10px}.zcard .zt{font-size:16px}.zcard .zc{font-size:11px}.zcard .zrank{font-size:20px}.howto-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:5px}.hk{padding:5px 10px}.hk b{min-width:110px;font-size:11px}.hk span{font-size:11px}.bd-row,.bd-head{padding:4px 10px}.bd-row{font-size:14px}.bd-rows{min-height:0}.res-card{padding:16px 22px}.res-h{margin-bottom:10px;font-size:24px}.rr span{font-size:18px}.rr.total span{font-size:26px}.rank-stamp{font-size:72px}.opt{padding:7px 14px;font-size:14px}.name-input{padding:9px 14px;font-size:20px}.tstick{width:108px;height:108px;bottom:6vh}.tstick i{width:48px;height:48px;margin:-24px 0 0 -24px}.tb{width:62px;height:62px;font-size:18px}.tbtns{grid-template-columns:repeat(2,62px);bottom:6vh}}@media (width<=480px){.hud-tl{top:8px;left:10px}.hud-tr{top:8px;right:10px}.ring-num{font-size:28px}.ring-ico{width:28px;height:28px}.stat-row label{min-width:38px;font-size:9px}.stat-row span{font-size:15px}.speedo{width:78px;height:78px}.speedo-txt span{font-size:22px}.boost-wrap{width:92px}.hud-dist b{font-size:26px}.popup{font-size:clamp(20px,6vw,32px)}}