:root{--ink:#f1e4c8;--ink-soft:#b8ad98;--white:#fff7ea;--org:#f06a14;--org-2:#b9480a;--steel:#15171a;--steel-2:#24282d;--mute:#8f8a80;--good:#9be36b;--line:#f06a1459;--f-title:"Chakra Petch", system-ui, sans-serif;--f-body:"Barlow", system-ui, sans-serif;--t-display:2.8em;--t-h1:2em;--t-h2:1.5em;--t-h3:1.2em;--t-body:1em;--t-small:.86em;--t-tiny:.78em}#ui.lang-ko{--f-title:"Black Han Sans", "Gothic A1", sans-serif;--f-body:"Gothic A1", system-ui, sans-serif}#ui.lang-ja{--f-title:"Dela Gothic One", "M PLUS 1p", sans-serif;--f-body:"M PLUS 1p", system-ui, sans-serif}#ui.lang-zh{--f-title:"Noto Sans SC", sans-serif;--f-body:"Noto Sans SC", system-ui, sans-serif}#ui.lang-zh .title{font-weight:900}#ui{z-index:10;pointer-events:none;font-family:var(--f-body);color:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-weight:700;line-height:1.25;position:fixed;inset:0;overflow:hidden}#ui *{box-sizing:border-box}#ui .hit,#ui button,#ui .btn,#ui .panel,#ui .modal,#ui input,#ui .tap,#ui .card,#ui .pad b{pointer-events:auto}#ui button{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}#ui img{-webkit-user-drag:none;display:block}.lt{color:var(--white);text-shadow:0 .08em #000000e6,0 0 .5em #0009}.dk{color:var(--ink);text-shadow:0 .06em .12em #000000b3}.title{font-family:var(--f-title);letter-spacing:.02em;font-weight:700}.t-display{font-size:var(--t-display)}.t-h1{font-size:var(--t-h1)}.t-h2{font-size:var(--t-h2)}.t-h3{font-size:var(--t-h3)}.t-body{font-size:var(--t-body)}.t-small{font-size:var(--t-small)}.t-tiny{font-size:var(--t-tiny)}.org{color:#ff9a4a}.muted{color:var(--ink-soft)}.good{color:var(--good)}.red{color:#ff7a60}.nowrap{white-space:nowrap}.center{text-align:center}.grow{flex:auto;min-width:0}.fit{white-space:nowrap;max-width:100%;display:block;overflow:hidden}.clamp2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.balance{text-wrap:balance}.row{align-items:center;gap:.6em;display:flex}.col{flex-direction:column;gap:.6em;display:flex}.center-row{justify-content:center;display:flex;position:absolute;left:0;right:0}.fitin{white-space:nowrap;transform-origin:0;max-width:none;display:inline-block}.ico{flex:none;width:1.6em;height:1.6em;display:inline-block}.ico img{object-fit:contain;width:100%;height:100%}.btn{--bh:3.1em;height:var(--bh);min-width:7.5em;padding:0 calc(var(--bh) * .55);border:0 solid #0000;border-image:url(/games/mudvanta/assets/ui/btn_dark.webp) 0 74 fill / 0 calc(var(--bh) * 74 / 196) stretch;font-family:var(--f-title);color:var(--white);cursor:pointer;background:0 0;outline:none;justify-content:center;align-items:center;gap:.4em;font-size:1.1em;font-weight:700;transition:transform .12s,filter .12s;display:inline-flex;position:relative}.btn>.lbl{white-space:nowrap;min-width:0;max-width:100%;color:var(--ink);text-shadow:0 .07em #000000e6;letter-spacing:.02em;flex:0 auto;padding-bottom:.06em;overflow:hidden}.btn-orange{border-image-source:url(/games/mudvanta/assets/ui/btn_orange.webp)}.btn-orange>.lbl{color:#fff8ee;text-shadow:0 .07em #501800d9,0 0 .3em #50180066}.btn .ic{filter:drop-shadow(0 .06em .1em #00000080);flex:none;width:1.5em;height:1.5em}.btn:hover{filter:brightness(1.12);transform:translateY(-.05em)scale(1.03)}.btn:active{filter:brightness(.92);transform:scale(.95)}.btn:focus-visible{filter:brightness(1.2)drop-shadow(0 0 .4em #ffb27a)}.btn[disabled]{filter:grayscale(.85)brightness(.7);pointer-events:none}.btn.sm{--bh:2.6em;min-width:5.5em;padding:0 calc(var(--bh) * .44);font-size:.95em}.btn.lg{--bh:3.6em;min-width:10em;font-size:1.3em}.btn.on{filter:drop-shadow(0 0 .35em #ff9646cc)}.ibtn{cursor:pointer;filter:drop-shadow(0 .15em .25em #00000080);background:url(/games/mudvanta/assets/ui/round.webp) 50%/contain no-repeat;border:0;flex:none;width:3.1em;height:3.1em;padding:.62em;transition:transform .12s}.ibtn .ico{width:100%;height:100%}.ibtn:hover{transform:scale(1.08)}.ibtn:active{transform:scale(.9)}.modal{z-index:20;-webkit-backdrop-filter:blur(3px);background:radial-gradient(#0e0a088c,#040302db);place-items:center;animation:.2s both fadeIn;display:grid;position:absolute;inset:0}.modal.clear{-webkit-backdrop-filter:none;background:0 0}.panel{width:min(94vw,44em);max-height:min(88vh,46em);color:var(--ink);--k:calc(2.4em / 86);border:0 solid #0000;border-image:url(/games/mudvanta/assets/ui/panel.webp) 86 fill / calc(var(--k) * 86) stretch;filter:drop-shadow(0 .6em 1.2em #0009);flex-direction:column;margin-top:2.4em;padding:1.2em 2em 1.6em;animation:.28s cubic-bezier(.2,1.3,.4,1) both popIn;display:flex;position:relative}.panel.wide{width:min(96vw,64em)}.panel.tall{height:min(88vh,46em)}.modal:has(.panel.side){justify-items:end;padding-right:2vw}.panel.side{width:min(46vw,34em);max-height:86vh}.portrait .modal:has(.panel.side){place-items:end center;padding:0 0 1vh}.portrait .panel.side{width:96vw;max-height:60vh}.panel-head{flex:none;justify-content:center;align-items:center;height:4.4em;margin:-3.2em -1em .4em;display:flex;position:relative}.panel-head .rib{aspect-ratio:1024/270;filter:drop-shadow(0 .3em .5em #00000073);background:url(/games/mudvanta/assets/ui/ribbon.webp) 50%/100% 100% no-repeat;width:min(28em,100%);position:relative;container-type:inline-size}.panel-head .rib h2{text-align:center;color:#fff8ee;text-shadow:0 .07em #501800e6;margin:0;font-size:6.2cqw;line-height:1.1;position:absolute;top:50%;left:18%;right:18%;transform:translateY(-50%)}.panel-close{z-index:2;width:3em;height:3em;position:absolute;top:-1.3em;right:-1.6em}.panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--org-2) transparent;flex:auto;min-height:0;padding:.3em .4em .5em;position:relative;overflow:hidden auto}.panel-body::-webkit-scrollbar{width:.45em}.panel-body::-webkit-scrollbar-thumb{background:var(--org-2);border-radius:1em}.panel-foot{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:.8em;padding-top:.8em;display:flex}.portrait .panel{--k:calc(2em / 86);width:94vw;padding:1em 1.3em 1.4em}.portrait .panel-close{top:-1.2em;right:-.9em}.tabs{flex-wrap:wrap;flex:none;justify-content:center;gap:.4em;margin-bottom:.7em;display:flex}.tabs .btn{flex:6em;max-width:12em}.chip{height:2.3em;box-shadow:inset 0 0 0 .1em var(--org-2), inset 0 .2em .3em #ffffff0f, 0 .2em .4em #00000080;background:linear-gradient(#2a2e33,#121417);border-radius:.5em;align-items:center;gap:.3em;padding:0 .9em 0 .25em;display:inline-flex}.chip .ico{width:2em;height:2em;margin-left:-.3em}.chip span{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:1.6em;color:var(--ink)}.card{cursor:pointer;background:linear-gradient(#2a2e33,#121417);border-radius:.7em;transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .12em #3a3f45,0 .3em .6em #00000080}.card:hover{transform:translateY(-.1em)}.card:active{transform:scale(.97)}.card.sel{box-shadow:inset 0 0 0 .18em var(--org), 0 0 .8em #f06a148c}.card.lock{filter:grayscale(.9)brightness(.55)}.card .cimg{aspect-ratio:3/2;object-fit:cover;width:100%}.card .cap{padding:.45em .6em .55em}.stars{gap:.1em;display:inline-flex}.stars .ico{width:1.2em;height:1.2em}.stars .off{filter:grayscale()brightness(.45)}.stat{grid-template-columns:7em 1fr;align-items:center;gap:.5em;display:grid}.statbar{background:#0c0d0f;border-radius:1em;height:.55em;overflow:hidden;box-shadow:inset 0 0 0 .08em #3a3f45}.statbar i{background:linear-gradient(90deg, var(--org-2), var(--org));transform-origin:0;height:100%;display:block}.pips{gap:.25em;display:flex}.pips i{background:#0c0d0f;border-radius:.2em;width:1.1em;height:.55em;box-shadow:inset 0 0 0 .08em #3a3f45}.pips i.on{background:var(--org);box-shadow:0 0 .4em #f06a1499}.bar{background:#0c0d0f;border-radius:1em;height:.9em;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .1em #3a3f45}.bar .fill{position:absolute;inset:0;overflow:hidden}.bar .fill i{background:linear-gradient(90deg, var(--org-2), var(--org));position:absolute;inset:0;transform:translate(-100%)}.bar .fill b{place-items:center;font-size:.75em;display:grid;position:absolute;inset:0}.toast{pointer-events:none}.toast-in{max-width:94vw;box-shadow:inset 0 0 0 .12em var(--org), 0 .4em .9em #0009;background:linear-gradient(#24282df7,#0e0f11f7);border-radius:.7em;align-items:center;gap:.6em;padding:.55em 1.2em .55em .7em;display:flex}.toast-in .ico{width:2.4em;height:2.4em}.drop{animation:.35s cubic-bezier(.2,1.3,.4,1) both drop}#fade{z-index:50;opacity:0;pointer-events:none;background:#0b0806 50%/cover no-repeat;place-items:center;transition:opacity .35s;display:grid;position:fixed;inset:0}#fade.on{opacity:1;pointer-events:auto}#fade.gone{display:none}#fade:before{content:"";background:linear-gradient(#08060440 0%,#08060426 50%,#080604d9 100%);position:absolute;inset:0}#fade .box{font-family:var(--f-body);flex-direction:column;align-items:center;gap:.7em;padding:0 5vw;display:flex;position:absolute;bottom:max(6vh,2.4em);left:0;right:0}#fade .box img.logo{filter:drop-shadow(0 .4em .8em #000000b3);width:min(64vw,30em);margin-bottom:auto}#fade .pbar{background:#0c0d0f;border-radius:1em;width:min(70vw,26em);height:.7em;overflow:hidden;box-shadow:inset 0 0 0 .1em #3a3f45}#fade .pbar i{background:linear-gradient(90deg, var(--org-2), var(--org));width:0;height:100%;transition:width .25s;display:block}#fade .pct{color:var(--ink);text-shadow:0 .1em .2em #000;font-size:1.1em;font-weight:800}#fade .tip{color:var(--ink);text-align:center;text-shadow:0 .1em .25em #000;max-width:34em;min-height:2.6em;font-weight:600;transition:opacity .25s}.toosmall{z-index:100;color:var(--ink);text-align:center;background:#0b0806;place-items:center;padding:1em;font:700 14px system-ui;display:grid;position:fixed;inset:0}.hud{pointer-events:none;position:absolute;inset:0}.hud .pos{aspect-ratio:421/483;background:url(/games/mudvanta/assets/ui/badge.webp) 50%/contain no-repeat;place-items:center;width:5.2em;padding-top:.1em;display:grid;position:absolute;top:.6em;left:.8em}.hud .pos b{font-family:var(--f-title);color:var(--white);text-shadow:0 .06em #000;font-size:2.2em;line-height:1}.hud .pos small{color:var(--ink-soft);font-size:.8em;position:absolute;bottom:16%}.hud .info{flex-direction:column;gap:.3em;display:flex;position:absolute;top:.9em;left:6.6em}.hud .plate{font-variant-numeric:tabular-nums;white-space:nowrap;background:url(/games/mudvanta/assets/ui/plate.webp) 50%/100% 100% no-repeat;justify-content:center;align-items:center;gap:.3em;min-width:6.6em;height:2.3em;padding:0 .8em;display:inline-flex}.hud .plate small{color:var(--ink-soft);font-size:.78em}.hud .speedo{aspect-ratio:1;background:url(/games/mudvanta/assets/ui/gauge.webp) 50%/contain no-repeat;place-items:center;width:7.4em;display:grid;position:absolute;top:.5em;right:.8em}.hud .speedo b{font-family:var(--f-title);font-variant-numeric:tabular-nums;font-size:1.85em;line-height:1}.hud .speedo small{color:var(--ink-soft);font-size:.72em;position:absolute;bottom:19%}.hud .speedo .gear{color:#ff9a4a;font-size:.8em;position:absolute;top:17%}.hud .nitro{aspect-ratio:512/160;background:url(/games/mudvanta/assets/ui/capsule.webp) 50%/contain no-repeat;width:9.5em;position:absolute;top:8.3em;right:.8em}.hud .nitro i{transform-origin:0;will-change:transform;background:linear-gradient(90deg,#2c8cff,#9fe6ff);border-radius:1em;position:absolute;inset:35% 9%;box-shadow:0 0 .5em #4ab4ff}.hud .nitro.full i{animation:.6s ease-in-out infinite alternate pulse}.hud .cd{font-family:var(--f-title);color:var(--white);text-shadow:0 .05em #000,0 0 .3em #f06a14cc;opacity:0;font-size:7em;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.hud .cd.on{animation:.9s ease-out both cdPop}.hud .msg{opacity:0;flex-direction:column;align-items:center;gap:.1em;transition:opacity .2s;display:flex;position:absolute;top:20%;left:0;right:0}.hud .msg b{font-family:var(--f-title);color:var(--white);text-shadow:0 .07em #000,0 0 .4em #f06a14b3;white-space:nowrap;font-size:1.9em}.hud .msg span{color:#ffb27a;text-shadow:0 .08em .1em #000;font-size:1.1em}.hud .msg.on{opacity:1;animation:.35s cubic-bezier(.2,1.4,.4,1) both msgPop}.hud .top{gap:.5em;display:flex;position:absolute;top:.6em;left:50%;transform:translate(-50%)}.hud .timer b{font-size:1.3em}.hud .timer.low b{color:#ff7a60;animation:.5s infinite alternate pulse}.hud .pause{pointer-events:auto;width:2.8em;height:2.8em;position:absolute;top:.7em;right:9em}.narrow .hud .pause,.portrait .hud .pause{inset:auto auto auto 50%;transform:translate(-50%)}.portrait .hud .pause{top:6.9em;left:2em;transform:none}.portrait .hud .top{top:3.8em}.pad{pointer-events:none;position:absolute;inset:0}.pad b{bottom:calc(env(safe-area-inset-bottom) + var(--pb,1.2em));width:var(--ps,5.6em);height:var(--ps,5.6em);opacity:.82;touch-action:none;cursor:pointer;background:url(/games/mudvanta/assets/ui/round.webp) 50%/contain no-repeat;place-items:center;transition:transform 80ms,filter 80ms;display:grid;position:absolute}.pad b.on{opacity:1;filter:brightness(1.15);background-image:url(/games/mudvanta/assets/ui/round_on.webp);transform:scale(.93)}.pad b .ico{pointer-events:none;width:46%;height:46%}.pad b em{color:var(--ink);text-shadow:0 .1em .15em #000;white-space:nowrap;pointer-events:none;font-size:.72em;font-style:normal;position:absolute;bottom:-1.25em}.pad b kbd{font:800 .62em var(--f-body);color:var(--ink-soft);background:#000000a6;border-radius:.3em;padding:.1em .35em;position:absolute;top:-.2em;right:-.1em}.pad .l{left:calc(env(safe-area-inset-left) + 1em)}.pad .r{left:calc(env(safe-area-inset-left) + 1em + var(--ps,5.6em) + .8em)}.pad .nitro{right:calc(env(safe-area-inset-right) + 1em)}.pad .drift{right:calc(env(safe-area-inset-right) + 1em + var(--ps,5.6em) + .8em)}.pad .brake{right:calc(env(safe-area-inset-right) + 1em + var(--ps,5.6em) * .5);bottom:calc(env(safe-area-inset-bottom) + var(--pb,1.2em) + var(--ps,5.6em) + 1.4em);width:calc(var(--ps,5.6em) * .82);height:calc(var(--ps,5.6em) * .82)}.pad .gas{right:calc(env(safe-area-inset-right) + 1em + var(--ps,5.6em) * 1.5 + .8em);bottom:calc(env(safe-area-inset-bottom) + var(--pb,1.2em) + var(--ps,5.6em) + 1.4em);width:calc(var(--ps,5.6em) * .82);height:calc(var(--ps,5.6em) * .82)}.pad.nogas .gas{display:none}.pad b.hint{animation:1s ease-in-out infinite alternate hint}.tut{max-width:90vw;box-shadow:inset 0 0 0 .12em var(--org), 0 .4em .9em #0009;text-align:center;pointer-events:auto;background:linear-gradient(#24282df2,#0e0f11f2);border-radius:.8em;padding:.7em 1.2em;position:absolute;top:30%;left:50%;transform:translate(-50%)}.tut .skip{margin-top:.5em}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:scale(.85)translateY(.6em)}}@keyframes drop{0%{opacity:0;transform:translateY(-1em)}}@keyframes pulse{to{filter:brightness(1.5)}}@keyframes cdPop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}@keyframes msgPop{0%{transform:scale(.6)}}@keyframes hint{to{filter:brightness(1.6)drop-shadow(0 0 .6em #ff9a4a);transform:scale(1.06)}}@keyframes rise{0%{opacity:0;transform:translateY(1.2em)}}.rise>*{animation:.35s cubic-bezier(.2,1,.4,1) both rise}.rise>:nth-child(2){animation-delay:40ms}.rise>:nth-child(3){animation-delay:80ms}.rise>:nth-child(4){animation-delay:.12s}.rise>:nth-child(5){animation-delay:.16s}.rise>:nth-child(6){animation-delay:.2s}.narrow .tabs .btn .ic,.short .tabs .btn .ic,.tiny .btn .ic{display:none}.narrow .tabs .btn,.short .tabs .btn{min-width:0;padding:0 calc(var(--bh) * .42)}.narrow .panel-body .btn.sm .ic{width:1.1em;height:1.1em}.short .hud .speedo{font-size:.8em}.short .hud .nitro{width:8em;top:6.8em}.short .pad b{--ps:4.6em;--pb:1.35em}.narrow .panel{padding:.9em 1em 1.2em}.tiny .btn{min-width:5.5em}@media (prefers-reduced-motion:reduce){.rise>*,.panel,.drop,.hud .msg.on{animation:none!important}}.tiny .tabs .btn{padding:0 calc(var(--bh) * .3);letter-spacing:-.01em;min-width:0}.tiny .tabs .btn .lbl{font-size:.9em}.pad .stickzone{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;width:46%;height:64%;position:absolute;bottom:0;left:0}.pad .stick{left:calc(env(safe-area-inset-left) + 1em + var(--ps,5.6em) * .85);top:calc(100% - env(safe-area-inset-bottom) - 1.4em - var(--ps,5.6em) * .85);width:calc(var(--ps,5.6em) * 1.7);aspect-ratio:1;opacity:.7;pointer-events:none;transition:opacity .12s;position:absolute;transform:translate(-50%,-50%)}.pad .stick.on{opacity:.97}.pad .stick .base{width:100%;height:100%;display:block}.pad .stick .knob{filter:drop-shadow(0 .25em .35em #0009);width:56%;transition:transform .14s cubic-bezier(.3,1.6,.5,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pad .stick.on .knob{transition:none}.pad .stick em{text-align:center;color:var(--ink);text-shadow:0 .1em .15em #000;white-space:nowrap;font-size:.72em;font-style:normal;position:absolute;bottom:-1em;left:0;right:0}.pad .stick.on em{opacity:0}@keyframes stickHint{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(1.08)}}.pad .stick.hint{opacity:1;filter:drop-shadow(0 0 .7em #ff8a2a);animation:.6s ease-in-out infinite alternate stickHint}.short .pad .stick{--ps:4.6em}.short .pad .stick em{display:none}.portrait .pad .stickzone{width:52%;height:46%}#ui.lang-ko{word-break:keep-all;overflow-wrap:break-word}#ui.lang-ko .title:not(.t-display):not(.t-h1),#ui.lang-ja .title:not(.t-display):not(.t-h1){font-family:var(--f-body);font-weight:800}.hud .pos{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0 0 .7em;display:flex}.hud .pos small{color:#fff1dc;text-shadow:0 .07em #000,0 0 .3em #000;margin-top:.05em;font-size:.8em;font-weight:800;position:static}.hud .plate small{color:#fff1dc;text-shadow:0 .07em #000,0 0 .3em #000;font-weight:800}#ui img.sym,img.sym{vertical-align:-.3em;pointer-events:none;width:auto;height:1.3em;margin:0 .1em;display:inline-block}#ui img.sym-S,#ui img.sym-C{vertical-align:-.22em;height:1.15em}#ui img.sym-B{vertical-align:-.08em;height:.9em;margin-right:.35em}#ui img.sym-N{vertical-align:-.16em;height:1.05em}.fit:has(.sym){white-space:nowrap}.lv:has(.sym){white-space:nowrap}kbd:has(.sym){white-space:nowrap}
