:root{--ink:#fff6e4;--ink-soft:#c8bca8;--white:#fffaf0;--cyan:#8fe0ff;--cyan-2:#2a6ab0;--mag:#c77dff;--gold:#ffd36a;--bg:#0b0f18;--bg-2:#18213a;--mute:#a89c88;--line:#3fe8ff38;--f-title:"Cinzel", "Barlow", Georgia, 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-vi{--f-title:"Philosopher", "Barlow", sans-serif}#ui.lang-ko{--f-title:"Black Han Sans", sans-serif;--f-body:"Gothic A1", system-ui, sans-serif}#ui.lang-ja{--f-title:"Dela Gothic One", 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,#ui.lang-zh .btn{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 .kbtn,#ui .dlg{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)}.gold{color:var(--gold)}.cyan{color:var(--cyan)}.muted{color:var(--ink-soft)}.good{color:var(--cyan)}.red{color:#ff7a8a}.mag{color:var(--mag)}.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}.fitin{white-space:nowrap;transform-origin:0;max-width:none;display:inline-block}.btn{--bh:3em;height:var(--bh);min-width:7.5em;padding:0 calc(var(--bh) * .78);border:0 solid #0000;border-image:url(/games/bastiora/assets/ui/btnDark.webp) 0 110 fill / 0 calc(var(--bh) * 1.12) 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.08em;font-weight:700;transition:transform .12s,filter .12s;display:inline-flex;position:relative}.btn>.lbl{white-space:nowrap;letter-spacing:.02em;text-shadow:0 .07em #000000d9,0 0 .2em #00000073;flex:0 auto;min-width:0;max-width:100%;padding-bottom:.04em}.btn-green,.btn-orange{border-image-source:url(/games/bastiora/assets/ui/btnMain.webp)}.btn-green>.lbl,.btn-orange>.lbl{color:#fff;text-shadow:0 .07em #002800bf}.btn-purple>.lbl{color:#fff;text-shadow:0 .07em #28003cbf}.btn-purple{border-image-source:url(/games/bastiora/assets/ui/btnAlt.webp)}.btn .ic{filter:drop-shadow(0 .06em .1em #00000080);flex:none;width:1.55em;height:1.55em}.btn:hover{filter:brightness(1.15);transform:translateY(-.05em)scale(1.03)}.btn:focus-visible{filter:brightness(1.2) drop-shadow(0 0 .4em var(--cyan))}.btn[disabled]{filter:grayscale(.85)brightness(.7);pointer-events:none}.btn.sm{--bh:2.5em;min-width:5.5em;font-size:.92em}.btn.lg{--bh:3.5em;min-width:10em;font-size:1.28em}.btn.on{filter:drop-shadow(0 0 .4em #3fe8ffcc)}.ibtn{cursor:pointer;filter:drop-shadow(0 .15em .25em #00000080);background:50%/contain no-repeat;border:0;flex:none;width:3em;height:3em;padding:0;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(#0408108c,#010206db);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 / 80);border:0 solid #0000;border-image:url(/games/bastiora/assets/ui/panel.webp) 80 fill / calc(var(--k) * 80) stretch;filter:drop-shadow(0 .6em 1.2em #0009);flex-direction:column;padding:1.3em 1.9em 1.5em;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)}.panel-head{flex:none;justify-content:center;align-items:center;height:3.6em;margin:-2.9em -1em .5em;display:flex;position:relative}.panel-head .rib{aspect-ratio:900/148;filter:drop-shadow(0 .3em .5em #00000080);background:url(/games/bastiora/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:var(--white);text-shadow:0 .07em #000000e6,0 0 .5em #3fe8ff80;margin:0;font-size:5.6cqw;line-height:1.1;position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%)}.panel-close{z-index:2;width:2.9em;height:2.9em;position:absolute;top:-1.4em;right:-1.5em}.panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--cyan-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(--cyan-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 / 80);width:94vw;padding:1.1em 1.2em 1.3em}.portrait .panel-close{top:-1.2em;right:-.8em}.tabs{flex-wrap:wrap;flex:none;justify-content:center;gap:.4em;margin-bottom:.7em;display:flex}.tabs .btn{flex:6em;max-width:12em}.chip{background:linear-gradient(#172238,#070b14);border-radius:.4em;align-items:center;gap:.3em;height:2.3em;padding:0 .9em 0 .25em;display:inline-flex;transform:skew(-8deg);box-shadow:inset 0 0 0 .09em #3fe8ff8c,inset 0 .2em .3em #ffffff0f,0 .2em .4em #00000080}.chip>*{transform:skew(8deg)}.chip .ico{width:1.9em;height:1.9em;margin-left:-.25em}.chip span{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:1.6em;color:var(--white)}.ico{flex:none;place-items:center;width:2em;height:2em;display:inline-grid}.ico .box{max-width:100%;max-height:100%;display:block;position:relative;overflow:hidden}.ico .box>i{background-repeat:no-repeat;position:absolute}.ico.off{filter:grayscale()brightness(.45);opacity:.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(1.2em)}to{opacity:1;transform:none}}@keyframes drop{0%{opacity:0;transform:translateY(-1.5em)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-.35em)}}@keyframes starIn{0%{opacity:0;transform:scale(2.4)rotate(-40deg)}60%{opacity:1;transform:scale(.9)rotate(6deg)}to{opacity:1;transform:none}}@keyframes shine{0%{background-position:-150% 0}to{background-position:250% 0}}@keyframes glowp{0%,to{filter:drop-shadow(0 0 .2em #3fe8ff80)}50%{filter:drop-shadow(0 0 .7em #3fe8ff)}}@keyframes slam{0%{opacity:0;transform:scale(2.2)skew(-10deg)}50%{opacity:1;transform:scale(.94)skew(-10deg)}70%{transform:scale(1.03)skew(-10deg)}to{opacity:1;transform:scale(1)skew(-10deg)}}@keyframes cdpop{0%{opacity:0;transform:scale(1.7)}30%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(.7)}}.rise{animation:.34s cubic-bezier(.2,1.2,.4,1) both rise}.drop{animation:.34s cubic-bezier(.2,1.2,.4,1) both drop}@media (prefers-reduced-motion:reduce){#ui *,#ui :before{transition-duration:10ms!important;animation-duration:10ms!important}}#fade{z-index:50;opacity:0;pointer-events:none;background:radial-gradient(at 50% 40%,#13223a 0%,#070b14 60%,#020307 100%);place-items:center;transition:opacity .35s;display:grid;position:fixed;inset:0}#fade.on{opacity:1;pointer-events:auto}#fade.gone{display:none}#fade .box{width:min(78vw,30em);font-size:var(--u,16px);flex-direction:column;align-items:center;gap:1em;display:flex}#fade img{filter:drop-shadow(0 .5em 1em #0009);width:100%;animation:2.4s ease-in-out infinite floaty}#fade .spin{gap:.5em;display:flex}#fade .spin i{background:linear-gradient(135deg,#b8f8ff,#3fe8ff 45%,#ff4fc0);width:.7em;height:.7em;animation:.9s ease-in-out infinite pulse;transform:skew(-20deg)}#fade .spin i:nth-child(2){animation-delay:.15s}#fade .spin i:nth-child(3){animation-delay:.3s}#fade .pbar{background:#0009;border-radius:.1em;width:80%;height:.55em;overflow:hidden;transform:skew(-20deg);box-shadow:inset 0 0 0 .1em #3fe8ff8c}#fade .pbar i{background:linear-gradient(90deg,#128aa8,#b8f8ff,#ff4fc0,#128aa8) 0 0/200% 100%;width:0%;height:100%;transition:width .2s;animation:1.4s linear infinite shine;display:block}#fade .pct{color:var(--cyan,#3fe8ff);text-shadow:0 .1em .2em #000;font:900 1em Cinzel,serif}#fade .tip{text-align:center;text-wrap:balance;text-shadow:0 .1em .3em #000c;color:#d6e8ff;max-width:26em;min-height:2.6em;font:600 1em Barlow,Gothic A1,"M PLUS 1p",Noto Sans SC,sans-serif;transition:opacity .25s}.plaque{aspect-ratio:800/150;filter:drop-shadow(0 .3em .5em #00000080);background:url(/games/bastiora/assets/ui/plaque.webp) 50%/100% 100% no-repeat;width:min(26em,84vw);position:relative;container-type:inline-size}.plaque>span{text-align:center;font-family:var(--f-title);color:var(--white);text-shadow:0 .07em #000000e6,0 0 .6em #3fe8ff73;font-size:6cqw;font-weight:700;position:absolute;top:50%;left:12%;right:12%;transform:translateY(-50%)}.rib-title{aspect-ratio:900/148;filter:drop-shadow(0 .3em .6em #00000080);background:url(/games/bastiora/assets/ui/ribbon.webp) 50%/100% 100% no-repeat;width:min(34em,96vw);margin:0 auto;position:relative;container-type:inline-size}.rib-title>span{text-align:center;font-family:var(--f-title);color:var(--white);text-shadow:0 .07em #000000e6,0 0 .6em #3fe8ff80;font-size:5.2cqw;font-weight:700;position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%)}#ui-title{place-items:center;display:grid}.ttl-wrap{flex-direction:column;justify-content:flex-end;align-items:center;gap:1.1em;padding-bottom:max(6vh,2em);display:flex;position:absolute;inset:0}.landscape .ttl-wrap{padding-bottom:max(5vh,1.4em)}.ttl-tap{animation:1.6s ease-in-out infinite pulse}.ttl-foot{text-align:center;font-size:var(--t-tiny);opacity:.75;position:absolute;bottom:.5em;left:0;right:0}#ui-hub{overflow:hidden}.topbar{z-index:3;flex-wrap:wrap;align-items:center;gap:.45em;display:flex;position:absolute;top:.5em;left:.6em;right:.6em}.topbar .sp{flex:1}.hub-menu{z-index:2;flex-direction:column;gap:.5em;width:min(22em,40vw);display:flex;position:absolute;top:50%;right:1.2em;transform:translateY(-44%)}.hub-menu .btn{width:100%;padding-left:calc(var(--bh) * .7);justify-content:flex-start}.hub-menu .btn.noic{padding-left:calc(var(--bh) * .48);padding-right:calc(var(--bh) * .48);justify-content:center}.hub-menu .btn .ic{width:1.9em;height:1.9em}.hub-menu .btn.play{--bh:3.5em;font-size:1.22em}.hub-menu .row2{grid-template-columns:1fr 1fr;gap:.45em;display:grid}.hub-menu .row2 .btn{min-width:0;padding-left:calc(var(--bh) * .55);padding-right:calc(var(--bh) * .55)}.portrait .hub-menu{top:auto;left:0;right:0;bottom:max(1.2em, env(safe-area-inset-bottom));width:min(26em,92vw);margin:0 auto;transform:none}.short .hub-menu{gap:.3em;width:min(22em,46vw)}.short .hub-menu .btn{--bh:2.45em;font-size:.92em}.short .hub-menu .btn.play{--bh:2.85em;font-size:1.08em}.hub-logo{z-index:2;filter:drop-shadow(0 .4em .8em #0009);width:min(36vw,26em);position:absolute;top:3.6em;left:2em}.portrait .hub-logo{width:min(80vw,24em);margin:0 auto;top:3.4em;left:0;right:0}.short .hub-logo{width:min(26vw,15em);top:3em;left:1em}.hub-car{z-index:2;flex-direction:column;gap:.15em;max-width:46vw;display:flex;position:absolute;bottom:1.1em;left:1.4em}.hub-car b{font-family:var(--f-title);font-size:1.4em}.portrait .hub-car{display:none}#ui-story{overflow:hidden}.reg-art{background:50%/cover no-repeat;transition:opacity .35s;position:absolute;inset:0}.reg-art:after{content:"";background:linear-gradient(#00000073,#0000000d 32%,#00000026 60%,#000000d9);position:absolute;inset:0}.reg-name{z-index:2;flex-direction:column;align-items:center;gap:.2em;display:flex;position:absolute;top:3.5em;left:0;right:0}.reg-name .sub{font-size:var(--t-small)}.reg-nav{z-index:3;background:0 0;border:0;width:3.2em;height:3.2em;margin-top:-1.6em;padding:0;position:absolute;top:50%}.reg-nav.l{left:.6em}.reg-nav.r{right:.6em}.reg-nav[disabled]{opacity:.25;pointer-events:none}.stages{z-index:2;grid-template-columns:repeat(5,1fr);gap:.7em 1em;width:min(92vw,46em);display:grid;position:absolute;bottom:4.6em;left:50%;transform:translate(-50%)}.portrait .stages{grid-template-columns:repeat(3,1fr);gap:.6em;bottom:4.4em}.short .stages{gap:.35em .7em;bottom:3.4em}.node{cursor:pointer;background:linear-gradient(#142036eb,#060a12f2);border:0;flex-direction:column;justify-content:center;align-items:center;gap:.1em;height:4.2em;padding:.3em .5em;transition:transform .12s,box-shadow .12s;display:flex;position:relative;transform:skew(-8deg);box-shadow:inset 0 0 0 .09em #3fe8ff80,0 .3em .6em #00000080}.node b{font-family:var(--f-title);font-size:1.05em;line-height:1}.node .st{gap:.05em;display:flex}.node.boss{box-shadow:inset 0 0 0 .12em var(--mag), 0 0 .9em #ff4fc073}.short .node{height:3.4em}.story-foot{z-index:3;justify-content:center;gap:.6em;display:flex;position:absolute;bottom:.6em;left:0;right:0}.short .story-foot{bottom:.3em}.stage-info{flex-direction:column;gap:.7em;display:flex}.stage-info .head{align-items:center;gap:.7em;display:flex}.stage-info .head .ico{width:3em;height:3em}.goal-row{box-shadow:inset 0 0 0 .07em var(--line);background:#ffffff0a;border-radius:.3em;align-items:center;gap:.55em;padding:.45em .6em;display:flex}.goal-row .ico{width:1.6em;height:1.6em}.boss-card{background:linear-gradient(90deg,#ff4fc02e,#0000);border-radius:.4em;align-items:center;gap:.7em;padding:.5em .7em;display:flex}.boss-card .ico{width:3.4em;height:3.4em;box-shadow:0 0 0 .1em var(--mag);border-radius:50%;overflow:hidden}.garage{grid-template-columns:1.25fr 1fr;gap:1em;min-height:0;display:grid}.portrait .garage{grid-template-columns:1fr}.garage .carpic{aspect-ratio:16/8;background:radial-gradient(at 50% 80%,#3fe8ff38,#0000 65%);border-radius:.5em;place-items:center;display:grid;position:relative}.garage .carpic img{filter:drop-shadow(0 .6em .5em #0009);width:92%;height:auto}.carlist{scrollbar-width:thin;gap:.4em;padding:.3em .1em .5em;display:flex;overflow-x:auto}.carlist button{cursor:pointer;width:6.4em;height:4em;box-shadow:inset 0 0 0 .07em var(--line);background:#ffffff0d;border:0;border-radius:.35em;flex:none;place-items:center;padding:.2em;display:grid;position:relative}.carlist button.on{box-shadow:inset 0 0 0 .14em var(--cyan), 0 0 .7em #3fe8ff73}.carlist button.lock img{filter:brightness(.2)}.carlist button img{max-width:100%;max-height:100%}.carlist button .lk{width:1.5em;height:1.5em;position:absolute}.statrow{grid-template-columns:1.6em 1fr auto auto;align-items:center;gap:.45em;padding:.3em 0;display:grid}.statrow .ico{width:1.6em;height:1.6em}.statbar{gap:.14em;height:.7em;display:flex}.statbar i{background:#ffffff1a;flex:1;transform:skew(-20deg)}.statbar i.up{background:linear-gradient(90deg,#a0207a,#ff4fc0)}.paints{flex-wrap:wrap;gap:.5em;display:flex}.paints .pw{flex-direction:column;align-items:center;gap:.15em;min-width:2.6em;display:flex}.paints .pw small{color:#cfe;white-space:nowrap;font-size:.62em}.paints button{cursor:pointer;border:0;border-radius:50%;width:2.6em;height:2.6em;box-shadow:inset 0 0 0 .14em #ffffff40}.paints button.on{box-shadow:inset 0 0 0 .18em var(--white), 0 0 .6em var(--cyan)}.res{flex-direction:column;align-items:center;gap:.7em;display:flex}.res .big{font-family:var(--f-title);font-size:var(--t-h1);text-align:center}.res .stars{gap:.4em;display:flex}.res .stars .ico{width:3.4em;height:3.4em}.res .stars .ico.got{animation:.55s cubic-bezier(.2,1.3,.4,1) both starIn}.res table{border-collapse:collapse;width:min(100%,26em)}.res td{border-bottom:.06em solid var(--line);padding:.28em .4em}.res td:last-child{text-align:right;font-variant-numeric:tabular-nums}.res .goals{flex-direction:column;gap:.35em;width:min(100%,30em);display:flex}.setrow{border-bottom:.07em solid var(--line);justify-content:space-between;align-items:center;gap:.8em;padding:.5em .2em;display:flex}.setrow input[type=range]{width:min(12em,40vw);accent-color:var(--cyan)}.listrow{border-bottom:.07em solid var(--line);align-items:center;gap:.7em;padding:.5em .4em;display:flex}.listrow .ico{width:2.4em;height:2.4em}.listrow.dim{opacity:.45}.rankrow{border-bottom:.07em solid var(--line);grid-template-columns:2.6em 1fr auto;align-items:center;gap:.6em;padding:.45em .4em;display:grid}.rankrow.me{background:#3fe8ff1f}.toast{pointer-events:none;justify-content:center;display:flex;position:absolute;left:0;right:0}.toast-in{color:var(--ink);background:linear-gradient(#172238,#070b14);border-radius:.4em;align-items:center;gap:.6em;max-width:92vw;padding:.5em 1.2em .5em .6em;display:flex;box-shadow:0 0 0 .08em #3fe8ff99,0 .4em .9em #0000008c}.toast-in .ico{width:2.6em;height:2.6em}.toosmall{z-index:100;color:#d6e8ff;text-align:center;background:#070b14;place-items:center;padding:1em;font:700 14px system-ui,sans-serif;display:grid;position:fixed;inset:0}.center-row{justify-content:center;display:flex}#ui-race{overflow:hidden}.hud{pointer-events:none;position:absolute;inset:0}.hud .tl{align-items:flex-start;gap:.5em;display:flex;position:absolute;top:.55em;left:.7em}.hud .pos{aspect-ratio:567/381;background:url(/games/bastiora/assets/ui/hex.webp) 50%/contain no-repeat;place-items:center;width:4.6em;display:grid;position:relative}.hud .pos b{font-family:var(--f-title);margin-top:.05em;font-size:1.9em;line-height:1}.hud .pos small{opacity:.85;font-size:.55em}.hud .plates{flex-direction:column;gap:.25em;display:flex}.hud .plate{white-space:nowrap;background:url(/games/bastiora/assets/ui/plate.webp) 50%/100% 100% no-repeat;align-items:center;gap:.45em;min-width:9.6em;height:2.1em;padding:0 1.9em 0 2.25em;display:flex}.hud .plate small{color:var(--cyan);text-transform:uppercase;letter-spacing:.06em;font-size:.7em}.hud .plate span{font-family:var(--f-title);font-variant-numeric:tabular-nums;font-size:1.05em;line-height:1}.hud .topc{flex-direction:column;align-items:center;gap:.3em;display:flex;position:absolute;top:.5em;left:50%;transform:translate(-50%)}.hud .timer{font-family:var(--f-title);font-variant-numeric:tabular-nums;text-shadow:0 0 .4em #3fe8ff99,0 .08em #000;font-size:2em}.hud .timer.low{color:#ff6a7a;animation:.5s ease-in-out infinite pulse}.hud .goalbox{box-shadow:inset 0 0 0 .07em var(--line);white-space:nowrap;background:#0408109e;border-radius:.3em;padding:.25em .9em;font-size:.9em}.hud .prog{background:#ffffff1f;border-radius:1em;width:min(40vw,22em);height:.45em;position:relative;box-shadow:inset 0 0 0 .06em #3fe8ff66}.hud .prog i{background:#ff7a8a;border-radius:50%;width:.7em;height:.7em;margin:-.35em 0 0 -.35em;position:absolute;top:50%;box-shadow:0 0 .3em #000}.hud .prog i.me{background:var(--cyan);width:.95em;height:.95em;box-shadow:0 0 .5em var(--cyan);z-index:2;margin:-.475em 0 0 -.475em}.hud .prog i.boss{background:var(--mag)}.hud .pause{pointer-events:auto;width:2.8em;height:2.8em;position:absolute;top:.55em;right:.6em}.hud .view{pointer-events:auto;width:2.8em;height:2.8em;position:absolute;top:.55em;right:3.7em}.hud .speedo{aspect-ratio:617/572;--sp:0;background:url(/games/bastiora/assets/ui/dialOff.webp) 50%/contain no-repeat;place-items:center;width:9.4em;display:grid;position:absolute;bottom:1em;right:1em}.hud .speedo:before{content:"";-webkit-mask:conic-gradient(from 221deg at 50.1% 53.7%, #000 calc(var(--sp) * 278deg), transparent calc(var(--sp) * 278deg + 1deg));-webkit-mask:conic-gradient(from 221deg at 50.1% 53.7%, #000 calc(var(--sp) * 278deg), transparent calc(var(--sp) * 278deg + 1deg));mask:conic-gradient(from 221deg at 50.1% 53.7%, #000 calc(var(--sp) * 278deg), transparent calc(var(--sp) * 278deg + 1deg));background:url(/games/bastiora/assets/ui/dial.webp) 50%/contain no-repeat;position:absolute;inset:0}.hud .speedo.spn:before{filter:grayscale()sepia()hue-rotate(165deg)saturate(3)brightness(1.5)}.hud .speedo.spb:before{filter:grayscale()sepia()hue-rotate(-12deg)saturate(3.2)brightness(1.3)}.hud .speedo .in{position:relative}.hud .speedo b{text-shadow:0 0 .25em #50c8ff8c,0 .06em #000c;transition:color .2s}.hud .speedo.spn b{color:#dff3ff;text-shadow:0 0 .35em #5aaafff2,0 .06em #000c}.hud .speedo.spb b{color:#ffe6b0;text-shadow:0 0 .35em #ff9628e6,0 .06em #000c}.hud .speedo.kick{animation:.45s ease-out spkick}@keyframes spkick{0%{transform:scale(1)}25%{transform:scale(1.12)}to{transform:scale(1)}}.hud .speedo .in{flex-direction:column;align-items:center;gap:0;margin-top:.2em;display:flex}.hud .speedo b{font-family:var(--f-title);font-variant-numeric:tabular-nums;font-size:2.3em;line-height:1}.hud .speedo small{color:var(--cyan);letter-spacing:.06em;font-size:.65em}.hud .speedo .gear{font-family:var(--f-title);color:var(--mag);font-size:.85em}.hud .nitro{aspect-ratio:640/140;background:url(/games/bastiora/assets/ui/gauge.webp) 50%/100% 100% no-repeat;align-items:center;width:10em;padding:0 9%;display:flex;position:absolute;bottom:1.6em;right:10.6em}.hud .nitro .fill{border-radius:1em;flex:1;height:34%;position:relative;overflow:hidden}.hud .nitro .fill i{transform-origin:0;background:linear-gradient(90deg,#2a6cff,#3fe8ff,#ff4fc0);position:absolute;inset:0;transform:scaleX(0)}.hud .nitro.full{animation:.8s ease-in-out infinite glowp}.hud .nitro small{text-align:center;color:var(--cyan);font-size:.7em;position:absolute;top:-1.2em;left:0;right:0}.hud .drift{opacity:0;flex-direction:column;align-items:center;gap:.1em;transition:opacity .15s;display:flex;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.hud .drift.on{opacity:1}.hud .drift b{font-family:var(--f-title);font-variant-numeric:tabular-nums;font-size:1.5em;font-style:italic}.hud .drift .lvl{background:#ffffff26;border-radius:1em;width:9em;height:.45em;overflow:hidden}.hud .drift .lvl i{transform-origin:0;background:#3fe8ff;height:100%;display:block;transform:scaleX(0)}.hud .cd{font-family:var(--f-title);color:var(--white);text-shadow:0 0 .3em #3fe8ffe6,0 .06em #000;pointer-events:none;justify-content:center;font-size:5em;font-style:italic;line-height:1;display:flex;position:absolute;top:36%;left:0;right:0}.hud .cd span{opacity:0;display:inline-block}.hud .cd.on span{animation:.9s ease-out both cdpop}.hud .msg{text-align:center;opacity:0;flex-direction:column;align-items:center;gap:.1em;transition:opacity .25s;display:flex;position:absolute;top:17%;left:.5em;right:.5em}.hud .msg.on{opacity:1}.hud .msg b{font-family:var(--f-title);text-shadow:0 0 .4em #ff4fc0cc,0 .07em #000;font-size:2.1em;font-style:italic;animation:.45s cubic-bezier(.2,1.3,.4,1) both slam;transform:skew(-10deg)}.hud .msg span{color:var(--cyan);text-shadow:0 .07em #000;font-size:1.1em}.hud .feed{flex-direction:column;gap:.2em;font-size:.85em;display:flex;position:absolute;top:5.4em;left:.8em}.hud .feed div{border-left:.2em solid var(--cyan);background:#04081099;padding:.15em .6em;animation:.25s both rise}.hud .boss{background:linear-gradient(90deg,#ff4fc059,#04081099);border-radius:2em;align-items:center;gap:.5em;padding:.2em .9em .2em .2em;display:flex;position:absolute;top:3.6em;left:50%;transform:translate(-50%)}.hud .boss .ico{width:2.3em;height:2.3em;box-shadow:0 0 0 .1em var(--mag);border-radius:50%;overflow:hidden}.portrait .hud .speedo{width:7.6em;top:6.6em;bottom:auto;right:.6em}.portrait .hud .nitro{width:8em;inset:6.9em auto auto .6em}.portrait .hud .feed{top:9.5em}.portrait .hud .cd{top:26%}.short .hud .speedo{width:7.2em;top:3.4em;bottom:auto;right:.5em}.short .hud .nitro{width:7.6em;top:3.6em;bottom:auto;right:8.4em}.short .hud .feed{display:none}.pad{pointer-events:none;--cs:1;position:absolute;inset:0}.kbtn{width:calc(5.4em * var(--cs));height:calc(5.4em * var(--cs));pointer-events:auto;touch-action:none;opacity:.86;cursor:pointer;place-items:center;transition:transform 80ms,opacity .1s;display:grid;position:absolute}.kbtn .ico{width:100%;height:100%}.kbtn em{text-align:center;color:var(--white);text-shadow:0 .07em #000,0 0 .3em #000;white-space:nowrap;font-size:.72em;font-style:normal;position:absolute;bottom:-1.15em;left:-1em;right:-1em}.kbtn kbd{font:800 .62em var(--f-body);color:var(--cyan);box-shadow:inset 0 0 0 .08em var(--line);background:#040810cc;border-radius:.25em;padding:.05em .35em;position:absolute;top:-.2em;right:-.2em}.kbtn.on{opacity:1;transform:scale(.88)}.kbtn.ready{opacity:1;animation:.7s ease-in-out infinite pulse}.kbtn.dim{opacity:.4}.kbtn.hl{filter:drop-shadow(0 0 .7em var(--cyan));z-index:2;animation:.6s ease-in-out infinite pulse;opacity:1!important}.pad .k-left{bottom:1.4em;left:1em}.pad .k-right{left:calc(1.8em + 5.4em * var(--cs));bottom:1.4em}.pad .k-brake{width:calc(4.6em * var(--cs));height:calc(4.6em * var(--cs));bottom:1.4em;right:1em}.pad .k-drift{right:calc(1.8em + 4.6em * var(--cs));width:calc(6.2em * var(--cs));height:calc(6.2em * var(--cs));bottom:1.3em}.pad .k-nitro{right:1em;bottom:calc(3.2em + 4.6em * var(--cs))}.pad .k-gas{right:calc(2.8em + 10.8em * var(--cs));bottom:1.4em}.pad.autogas .k-gas{display:none}.landscape .pad.kb .kbtn{--cs:.78}.landscape:not(.short) .hud .speedo{bottom:calc(4.6em + 10.8em * var(--cs,1));right:1em}.landscape:not(.short) .hud .nitro{bottom:calc(2.3em + 10.8em * var(--cs,1));width:9em;right:1.2em}.short .pad .kbtn{width:calc(4.4em * var(--cs));height:calc(4.4em * var(--cs))}.short .pad .k-right{left:calc(1.6em + 4.4em * var(--cs))}.short .pad .k-drift{right:calc(1.4em + 3.8em * var(--cs));width:calc(5em * var(--cs));height:calc(5em * var(--cs))}.short .pad .k-nitro{bottom:calc(2em + 3.8em * var(--cs))}.short .pad .k-gas{right:calc(2em + 8.8em * var(--cs))}.short .pad .k-brake{width:calc(3.8em * var(--cs));height:calc(3.8em * var(--cs))}.short .pad .kbtn em{display:none}.tutbox{width:max-content;max-width:min(92vw,30em);box-shadow:0 0 0 .08em var(--cyan), 0 0 1.2em #3fe8ff59;pointer-events:auto;background:#040810d1;border-radius:.4em;align-items:center;gap:.6em;margin:0 auto;padding:.6em 1em;animation:.3s both rise;display:flex;position:absolute;top:37%;left:0;right:0}.tutbox p{color:var(--white);text-wrap:balance;margin:0;font-size:1.02em}.tutbox .ico{width:2.6em;height:2.6em}.dlg{z-index:30;cursor:pointer;background:linear-gradient(#0000001a,#000000b3);justify-content:center;align-items:flex-end;animation:.25s both fadeIn;display:flex;position:absolute;inset:0}.dlg .bg{filter:brightness(.55)saturate(1.1);z-index:-1;background:50%/cover no-repeat;position:absolute;inset:0}.dlg .who{object-fit:contain;object-position:bottom;opacity:0;filter:drop-shadow(0 0 1.4em #000000b3);--fl:#000;--fr:#000;max-width:60vw;height:min(78vh,46em);-webkit-mask-image:linear-gradient(to top, transparent 0, #000 16%), linear-gradient(to right, var(--fl) 0, #000 9%, #000 91%, var(--fr) 100%);-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(to top, transparent 0, #000 16%), linear-gradient(to right, var(--fl) 0, #000 9%, #000 91%, var(--fr) 100%);mask-image:linear-gradient(to top, transparent 0, #000 16%), linear-gradient(to right, var(--fl) 0, #000 9%, #000 91%, var(--fr) 100%);transition:opacity .25s,transform .35s cubic-bezier(.2,.9,.25,1),filter .25s;position:absolute;bottom:0;transform:translateY(1.5em);-webkit-mask-composite:source-in;mask-composite:intersect}.dlg .who.on{opacity:1;z-index:1;transform:none}.dlg .who.l{--fr:transparent;left:2%}.dlg .who.r{--fl:transparent;right:2%}.dlg .who.dim{opacity:.5;filter:brightness(.55)saturate(.8)drop-shadow(0 0 1em #000);transform:none}.dlg .box{width:min(94vw,52em);margin-bottom:max(1em, env(safe-area-inset-bottom));--k:calc(1em / 70);padding:calc(95 * var(--k) + .8em) calc(70 * var(--k) + 1em) calc(102 * var(--k) + .6em) calc(75 * var(--k) + 1em);border:0 solid #0000;border-image:url(/games/bastiora/assets/ui/dlg.webp) 180 160 180 160 fill / calc(180 * var(--k)) calc(160 * var(--k)) calc(180 * var(--k)) calc(160 * var(--k)) stretch;filter:drop-shadow(0 .4em 1em #0009);z-index:2;animation:.32s cubic-bezier(.2,.9,.25,1.1) both dlgIn;position:relative}.dlg .name{z-index:2;font-family:var(--f-title);background:linear-gradient(90deg, var(--c,#3fe8ff), color-mix(in srgb, var(--c,#3fe8ff) 60%, #fff));color:#04141c;white-space:nowrap;padding:.18em 1.3em .22em;font-size:1.1em;line-height:1.15;position:absolute;top:-.62em;left:1.95em;transform:skew(-12deg);box-shadow:0 .18em .5em #000000a6,inset 0 -.12em #00000040}.dlg .name>span{display:inline-block;transform:skew(12deg)}.dlg .txt{overflow-wrap:anywhere;min-height:2.9em;color:var(--white);text-shadow:0 .06em #000;font-size:1.12em;line-height:1.45}.dlg .nx{text-align:right;color:var(--cyan);margin-top:.25em;font-size:.78em;animation:1.2s ease-in-out infinite floaty}.dlg .skip{z-index:3;position:absolute;top:.8em;right:.8em}.portrait .dlg .who{max-width:92vw;height:52vh;bottom:9em}.portrait .dlg .who.l,.portrait .dlg .who.r{left:50%;right:auto;transform:translate(-50%,1.5em)}.portrait .dlg .who.on{transform:translate(-50%)}.portrait .dlg .who{--fl:transparent;--fr:transparent}.portrait .dlg .who.dim{opacity:0;transform:translate(-50%)}.short .dlg .who{max-width:42vw;height:88vh}.short .dlg .box{width:min(70vw,46em);margin-left:auto;margin-right:1em}.short .dlg .txt{min-height:2.6em;font-size:1em}.short .dlg .box{padding:calc(95 * var(--k) + .75em) calc(70 * var(--k) + .9em) calc(102 * var(--k) + .45em) calc(75 * var(--k) + .9em)}#ui.lang-ko .dlg .txt{word-break:keep-all}.portrait .pad .kbtn{width:calc(5em * var(--cs));height:calc(5em * var(--cs))}.portrait .pad .k-left{bottom:1.6em;left:.6em}.portrait .pad .k-right{left:calc(1.1em + 5em * var(--cs));bottom:1.6em}.portrait .pad .k-brake{width:calc(4.2em * var(--cs));height:calc(4.2em * var(--cs));bottom:1.6em;right:.6em}.portrait .pad .k-drift{right:calc(1.2em + 4.2em * var(--cs));width:calc(5.4em * var(--cs));height:calc(5.4em * var(--cs));bottom:1.5em}.portrait .pad .k-nitro{right:.6em;bottom:calc(3.2em + 4.2em * var(--cs));width:calc(4.6em * var(--cs));height:calc(4.6em * var(--cs))}.portrait .pad .k-gas{right:calc(1.4em + 4.6em * var(--cs));bottom:calc(3.3em + 5.4em * var(--cs));width:calc(4.4em * var(--cs));height:calc(4.4em * var(--cs))}.portrait .hud .topc{top:7.3em}.portrait .hud .prog{width:min(34vw,9em)}.portrait .hud .timer{font-size:1.6em}.portrait .hud .boss{top:9.8em}.hub-menu .siterow .btn{--bh:2.5em;font-size:.9em}.portrait .reg-nav{top:30%}@keyframes shk{0%,to{transform:translate(0)}25%{transform:translate(-.25em)}75%{transform:translate(.25em)}}.hud .nitro.shake{animation:.25s 2 shk}.pad .k-left em{text-align:left;left:0;right:auto}.pad .k-brake em,.pad .k-nitro em{text-align:right;left:auto;right:0}.listrow .btn{flex:none;min-width:6.2em}.short .hud .boss{font-size:.9em;top:3em}.portrait .hud .msg{top:39%}.short .tutbox{padding:.35em .7em;top:21%}.short .tutbox p{font-size:.92em}.portrait .tutbox{top:24%}.narrow .hub-menu .row2 .btn,.tiny .hub-menu .row2 .btn{padding-left:calc(var(--bh) * .45);padding-right:calc(var(--bh) * .45);font-size:.9em}.narrow .hub-menu .row2 .btn .ic{width:1.5em;height:1.5em}.portrait .hub-menu .row2 .btn{padding-left:calc(var(--bh) * .42);padding-right:calc(var(--bh) * .42);gap:.3em}.portrait .hub-menu .row2 .btn .ic{width:1.55em;height:1.55em}.portrait .hub-menu .row2 .btn .lbl{font-size:.94em}.setrow .row .btn{min-width:2.6em}.tiny .listrow{gap:.4em}.tiny .listrow>img{width:2.1em;height:2.1em}.short .hud .msg{top:26%}.short .hud .msg b{font-size:1.7em}.short .hud .msg span{font-size:.95em}.short .hud .cd{font-size:3.4em;top:55%}.hud .msg{--k:calc(1.3em / 80);border:0 solid #0000;border-image:url(/games/bastiora/assets/ui/panel.webp) 80 fill / calc(var(--k) * 80) stretch;width:max-content;max-width:min(34em,92vw);padding:.55em 1.8em .65em;transition:opacity .25s,transform .25s;left:50%;right:auto;transform:translate(-50%)scale(.96)}.hud .msg.on{transform:translate(-50%)scale(1)}.hud .msg b{white-space:nowrap;max-width:100%}.hud .msg span:empty,.hud .msg b:empty{display:none}#ui.lang-ko .dlg .name{font-family:var(--f-body);letter-spacing:.02em;font-weight:800}.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(1em + 4.7em * var(--cs));top:calc(100% - 1.6em - 4.7em * var(--cs));width:calc(9.4em * var(--cs));aspect-ratio:1;opacity:.62;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.l .base,.pad .stick.r .base{filter:drop-shadow(0 0 .5em #3fe8ff8c)}.pad .stick em{text-align:center;color:var(--white);text-shadow:0 .07em #000,0 0 .3em #000;white-space:nowrap;font-size:.72em;font-style:normal;position:absolute;bottom:-.9em;left:0;right:0}.pad .stick.on em{opacity:0}@keyframes stickPulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.07)}}.pad .stick.hl{opacity:1;filter:drop-shadow(0 0 .7em var(--cyan));animation:.6s ease-in-out infinite stickPulse}.short .pad .stick{width:calc(7.6em * var(--cs));left:calc(.8em + 3.8em * var(--cs));top:calc(100% - 1em - 3.8em * var(--cs))}.short .pad .stick em{display:none}.portrait .pad .stickzone{width:52%;height:46%}.portrait .pad .stick{width:calc(8.6em * var(--cs));left:calc(.7em + 4.3em * var(--cs));top:calc(100% - 1.7em - 4.3em * var(--cs))}#ui.lang-ko{word-break:keep-all;overflow-wrap:break-word}@keyframes panel3d{0%{opacity:0;transform:perspective(70em)rotateX(18deg)translateY(1.6em)scale(.9)}60%{opacity:1}to{opacity:1;transform:perspective(70em)rotateX(0)translateY(0)scale(1)}}.panel{transform-origin:50% 100%;animation:.4s cubic-bezier(.2,1.15,.35,1) both panel3d}.hub-menu{transform-origin:100%;transform:translateY(-44%)perspective(60em)rotateY(-9deg)}.portrait .hub-menu{transform-origin:50% 100%;transform:perspective(60em)rotateX(7deg)}@keyframes menuIn{0%{opacity:0;transform:translate(4em)perspective(30em)rotateY(-40deg)}}.hub-menu>*{animation:.55s cubic-bezier(.2,1.1,.3,1) backwards menuIn}.hub-menu>:nth-child(2){animation-delay:60ms}.hub-menu>:nth-child(3){animation-delay:.12s}.hub-menu>:nth-child(4){animation-delay:.18s}.hub-menu>:nth-child(5){animation-delay:.24s}.hub-menu>:nth-child(6){animation-delay:.3s}@keyframes menuUp{0%{opacity:0;transform:translateY(3em)perspective(30em)rotateX(35deg)}}.portrait .hub-menu>*{animation-name:menuUp}.btn:active{filter:brightness(.88);transform:perspective(18em)rotateX(14deg)scale(.95)}.hub-logo{animation:.9s cubic-bezier(.2,1.1,.3,1) backwards logo3d}@keyframes logo3d{0%{opacity:0;transform:perspective(40em)rotateX(-50deg)translateY(-1.5em)}}#ui.lang-ko :is(.title:not(.t-h1),.hub-car b,.node b,.hud .plate span,.plaque>span),#ui.lang-ja :is(.title:not(.t-h1),.hub-car b,.node b,.hud .plate span,.plaque>span),#ui.lang-ja .dlg .name{font-family:var(--f-body);font-weight:800}.still .hub-menu>*,.still .hub-logo{animation:none}.hud .scorebox{background:url(/games/bastiora/assets/ui/plate.webp) 50%/100% 100% no-repeat;min-width:11em;padding:.35em 1.9em .45em 1.4em;position:absolute;top:.5em;left:.7em}.hud .scorebox .row1{align-items:baseline;gap:.45em;display:flex}.hud .scorebox b{font-family:var(--f-title);font-variant-numeric:tabular-nums;font-size:1.35em;line-height:1.05}.hud .scorebox .mult{font-family:var(--f-title);color:var(--gold);font-size:.9em}.hud .scorebox small{color:var(--ink-soft);white-space:nowrap;font-size:.66em;display:block}.hud .scorebox small.nb{color:var(--gold);animation:.8s ease-in-out infinite pulse}.hud .stat{flex-direction:column;gap:.18em;font-size:.9em;display:flex;position:absolute;top:3.9em;left:.8em}.hud .stat .r{align-items:center;gap:.25em;height:1.35em;display:flex}.hud .stat .ic{flex:none;width:1.3em;height:1.3em}.hud .stat .icons{align-items:center;gap:.05em;display:flex}.hud .stat .icons span{font-family:var(--f-title);margin-left:.15em;font-size:.9em}.hud .stat .pow{gap:.14em;display:flex}.hud .stat .pow i{background:#ffffff29;border-radius:.12em;width:.55em;height:.9em;box-shadow:inset 0 0 0 .06em #fff3}.hud .stat .pow i.on{background:linear-gradient(#ff8a6a,#ff3a4a);box-shadow:0 0 .3em #ff5050b3}.hud .stat .sub{color:var(--cyan);align-items:center;gap:.2em;font-size:.8em;display:flex}.hud .od{aspect-ratio:640/121;background:url(/games/bastiora/assets/ui/gauge.webp) 50%/100% 100% no-repeat;align-items:center;width:min(15em,52vw);padding:0 9%;display:flex;position:absolute;bottom:.7em;left:50%;transform:translate(-50%)}.hud .od .fill{border-radius:1em;flex:1;height:34%;position:relative;overflow:hidden}.hud .od .fill i{transform-origin:0;background:linear-gradient(90deg,#8a5cff,#5ee6ff,#ffd36a);position:absolute;inset:0;transform:scaleX(0)}.hud .od small{text-align:center;color:var(--gold);text-shadow:0 .07em #000;font-size:.68em;position:absolute;top:-1.15em;left:0;right:0}.hud .od.full{animation:.8s ease-in-out infinite glowp}.hud .od.active .fill i{background:linear-gradient(90deg,#ffd36a,#fff3c0,#ffd36a)}.hud .bossbar{width:min(30em,82vw);position:absolute;top:3.6em;left:50%;transform:translate(-50%)}.hud .bossbar .nm{justify-content:space-between;align-items:baseline;padding:0 1.2em;font-size:.85em;display:flex}.hud .bossbar .nm b{font-family:var(--f-title);color:var(--gold);text-shadow:0 .07em #000,0 0 .4em #ff5ad899}.hud .bossbar .nm .ph{color:var(--ink-soft);font-size:.85em}.hud .bossbar .bar{aspect-ratio:900/114;background:url(/games/bastiora/assets/ui/bossbar.webp) 50%/100% 100% no-repeat;align-items:center;padding:0 7.5%;display:flex;position:relative}.hud .bossbar .bar:before{content:"";background:#00000080;border-radius:1em;height:22%;position:absolute;top:40%;left:7.5%;right:7.5%}.hud .bossbar .bar i{transform-origin:0;background:linear-gradient(90deg,#ff3a6a,#ff5ad8,#ffd36a);border-radius:1em;flex:1;height:22%;position:relative;box-shadow:0 0 .4em #ff5ad8b3}.hud .warn{background:linear-gradient(90deg,#0000,#7800148c,#0000);flex-direction:column;align-items:center;gap:.1em;padding:.5em 0;display:flex;position:absolute;top:30%;left:0;right:0}.hud .warn b{font-family:var(--f-title);color:#ff5a6a;letter-spacing:.2em;text-shadow:0 0 .4em #ff283ce6,0 .07em #000;font-size:2.6em;animation:.5s ease-in-out infinite pulse}.hud .warn span{font-family:var(--f-title);color:var(--gold);text-shadow:0 .07em #000;font-size:1.4em}.hud .warn small{color:var(--ink);text-shadow:0 .07em #000;font-size:.85em}.hud .warn.on{animation:.4s ease-out both warnIn}@keyframes warnIn{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.hud .msg{top:24%}.hud .msg b{text-shadow:0 0 .4em #5ee6ffcc,0 .07em #000;font-style:normal;transform:none}.hud .msg span{color:var(--gold)}.hud .feed{align-items:flex-end;top:3.9em;left:auto;right:.8em}.hud .feed div{border-left:0;border-right:.2em solid var(--gold)}.portrait .hud .bossbar{width:auto;top:3.5em;left:7.4em;right:.6em;transform:none}.portrait .hud .scorebox{min-width:9.5em}.short .hud .stat{font-size:.8em;top:3.4em}.short .hud .bossbar{width:min(22em,46vw);top:.5em}.kbtn.k-bomb{left:max(.8em, env(safe-area-inset-left));bottom:calc(1.6em + env(safe-area-inset-bottom))}.kbtn.k-od{right:max(.8em, env(safe-area-inset-right));bottom:calc(1.6em + env(safe-area-inset-bottom))}.kbtn.k-focus{right:max(.9em, env(safe-area-inset-right));bottom:calc(1.6em + 6.4em * var(--cs) + env(safe-area-inset-bottom));width:calc(4.2em * var(--cs));height:calc(4.2em * var(--cs))}.kbtn.k-focus.on{filter:drop-shadow(0 0 .5em var(--cyan));opacity:1;transform:none}.kbtn.dim{opacity:.45;filter:grayscale(.6)}.kbtn.hl{filter:drop-shadow(0 0 .6em var(--gold));opacity:1;animation:.7s ease-in-out infinite pulse}.pad.kb .kbtn{width:calc(4.4em * var(--cs));height:calc(4.4em * var(--cs));opacity:.7}.short .kbtn{width:calc(4.4em * var(--cs));height:calc(4.4em * var(--cs))}.short .kbtn.k-focus{bottom:calc(1.4em + 5.2em * var(--cs));width:calc(3.6em * var(--cs));height:calc(3.6em * var(--cs))}.hangar{grid-template-columns:1.1fr 1fr;gap:1em;min-height:0;display:grid}.portrait .hangar{grid-template-columns:1fr}.hangar .shippic{aspect-ratio:16/8.5;background:radial-gradient(at 50% 60%,#5ee6ff38,#0000 65%);border-radius:.5em;place-items:center;display:grid;position:relative;overflow:hidden}.hangar .shippic img{object-fit:contain;filter:drop-shadow(0 .6em .5em #0009);width:88%;height:100%;animation:3s ease-in-out infinite hover}@keyframes hover{50%{transform:translateY(-.25em)rotate(-1deg)}}.shiplist{scrollbar-width:thin;gap:.4em;padding:.3em .1em .5em;display:flex;overflow-x:auto}.shiplist button{cursor:pointer;width:4.4em;height:4.4em;box-shadow:inset 0 0 0 .07em var(--line);background:#ffffff0d;border:0;border-radius:.35em;flex:none;place-items:center;padding:.3em;display:grid;position:relative}.shiplist button.on{box-shadow:inset 0 0 0 .14em var(--gold), 0 0 .7em #ffd36a73}.shiplist button.lock .ico:first-child{filter:brightness(.2)}.shiplist button .ico{width:100%;height:100%}.shiplist button .lk{width:1.5em;height:1.5em;position:absolute}.hangar .face{width:1.8em;height:1.8em;box-shadow:0 0 0 .08em var(--gold);border-radius:50%;overflow:hidden}.codex{grid-template-columns:repeat(auto-fill,minmax(6.6em,1fr));gap:.5em;display:grid}.codex .cx{box-shadow:inset 0 0 0 .07em var(--line);background:#ffffff0d;border-radius:.4em;flex-direction:column;align-items:center;gap:.2em;min-width:0;padding:.5em .3em;display:flex}.codex .cx .ico{width:4em;height:4em}.codex .cx b{max-width:100%;font-size:.8em}.codex .cx small{color:var(--mag);font-size:.66em}.codex .cx.unk .ico{filter:brightness(0)drop-shadow(0 0 .2em #5ee6ff99)}.codex .cx.unk b{color:var(--ink-soft)}.node.mid{box-shadow:inset 0 0 0 .1em var(--gold), 0 0 .6em #ffd36a59}.reg-nav .arrow{font-family:var(--f-title);color:var(--gold);text-shadow:0 .06em #000;font-size:2.4em;line-height:1}.moderow .btn{flex:none}.moderow b{line-height:1.2;display:block}.shipstat{grid-template-columns:minmax(5.2em,auto) 1fr;align-items:center;gap:.6em;padding:.15em 0;display:grid}.shipstat span{white-space:nowrap}.hud .stat .icons .mini{width:1.25em;height:1.25em}.hud.td .tdtop{flex-wrap:wrap;gap:.4em;display:flex;position:absolute;top:.5em;left:.6em}.hud.td .tdtop .chip{pointer-events:none}.hud.td .tdtop .chip b{font-family:var(--f-title);font-variant-numeric:tabular-nums;font-size:1.1em}.hud.td .tdtop .chip.hurt{animation:.45s ease-out hurt}@keyframes hurt{0%{filter:drop-shadow(0 0 .5em #ff3a3a);transform:scale(1.25)}to{transform:none}}.hud.td .tdtr{pointer-events:auto;align-items:center;gap:.4em;display:flex;position:absolute;top:.5em;right:.6em}.hud.td .tdtr .pause{width:2.8em;height:2.8em;position:static}.tdbtn{cursor:pointer;pointer-events:auto;touch-action:none;background:radial-gradient(circle at 50% 35%,#2f4b8a,#15234a 70%);border:0;border-radius:50%;place-items:center;width:3.6em;height:3.6em;padding:.25em;transition:transform .1s;display:grid;position:relative;box-shadow:inset 0 0 0 .14em #e8c46a,0 .2em .4em #00000080}.tdbtn:active{transform:scale(.9)}.tdbtn .ico{width:100%;height:100%}.tdbtn em{text-align:center;color:var(--white);text-shadow:0 .07em #000,0 0 .3em #000;white-space:nowrap;font-size:.7em;font-style:normal;position:absolute;bottom:-1.15em;left:-1.2em;right:-1.2em}.tdbtn em .fit{display:block}.tdbtn kbd{font:800 .6em var(--f-body);color:var(--gold);background:#0a0e1ed9;border-radius:.25em;padding:.05em .35em;position:absolute;top:-.25em;right:-.25em}.tdbtn .cd{transform-origin:50% 100%;pointer-events:none;background:#0009;border-radius:50%;position:absolute;inset:0;transform:scaleY(0)}.tdbtn.ready{animation:none}.tdbtn.speed{width:2.8em;height:2.8em}.tdbtn.speed em{font-size:.78em;font-family:var(--f-title);color:var(--gold);bottom:-1.2em}.tdbtn.call{background:radial-gradient(circle at 50% 35%,#7a3ab0,#3a1260 70%);width:4.2em;height:4.2em;animation:1.1s ease-in-out infinite pulse;position:absolute;transform:translate(-50%,-50%)}.tdbtn.call>.fit{text-align:center;color:var(--white);text-shadow:0 .07em #000;font-size:.72em;position:absolute;top:-1.3em;left:-2em;right:-2em}.tdbtn.call em{color:var(--gold);font-family:var(--f-title);font-size:.85em;bottom:-1.2em}.hud.td .tdbl{left:max(.7em, env(safe-area-inset-left));bottom:calc(1.4em + env(safe-area-inset-bottom));align-items:flex-end;gap:.7em;display:flex;position:absolute}.hud.td .tdbr{right:max(.7em, env(safe-area-inset-right));bottom:calc(1.4em + env(safe-area-inset-bottom));gap:.7em;display:flex;position:absolute}.tdhero{cursor:pointer;pointer-events:auto;background:#15234a;border:0;border-radius:50%;width:4.6em;height:4.6em;padding:0;position:relative;overflow:visible;box-shadow:inset 0 0 0 .16em #e8c46a,0 .2em .5em #00000080}.tdhero .ico{border-radius:50%;width:100%;height:100%;overflow:hidden}.tdhero .hp{background:#0009;border-radius:1em;height:.45em;position:absolute;bottom:-.55em;left:8%;right:8%;overflow:hidden}.tdhero .hp i{transform-origin:0;background:linear-gradient(90deg,#4ad86a,#9dff7a);height:100%;display:block}.tdhero.dead .ico{filter:grayscale()brightness(.5)}.tdbtn.hl,.tdhero.hl{filter:drop-shadow(0 0 .6em var(--gold));animation:.7s ease-in-out infinite pulse}.hud.td.aiming .tdbr .tdbtn{box-shadow:inset 0 0 0 .18em #ff8a3c,0 0 1em #ff8a3c}.hud.td .msg{z-index:3;top:22%}.hud.td .msg b{text-shadow:0 0 .4em #ffd36acc,0 .07em #000;font-style:normal;transform:none}.hud.td .msg span{color:var(--gold)}.hud.td .float{font-family:var(--f-title);color:#ffe08a;text-shadow:0 .07em #000,0 0 .3em #000;opacity:0;pointer-events:none;font-size:.9em;position:absolute;transform:translate(-50%,-50%)}.hud.td .float.on{animation:.9s ease-out both floatUp}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}20%{opacity:1;transform:translate(-50%,-60%)scale(1.1)}to{opacity:0;transform:translate(-50%,-190%)scale(1)}}.ring{pointer-events:none;z-index:5;width:0;height:0;position:absolute}.ring .rbase{opacity:.9;width:8.8em;height:8.8em;animation:.18s ease-out both ringIn;position:absolute;top:-4.4em;left:-4.4em}@keyframes ringIn{0%{opacity:0;transform:scale(.5)rotate(-30deg)}}.ring .rtitle{text-align:center;width:14em;color:var(--white);text-shadow:0 .07em #000,0 0 .4em #000;justify-content:center;font-size:.78em;display:flex;position:absolute;top:5.3em;left:-7em}.ropt{cursor:pointer;pointer-events:auto;background:radial-gradient(circle at 50% 35%,#2f4b8a,#15234a 70%);border:0;border-radius:50%;width:4.2em;height:4.2em;padding:.2em;animation:.2s ease-out both optIn;position:absolute;top:-2.1em;left:-2.1em;box-shadow:inset 0 0 0 .14em #e8c46a,0 .25em .5em #0000008c}@keyframes optIn{0%{opacity:0;scale:.4}}.ropt .ico{width:100%;height:100%}.ropt .price{white-space:nowrap;background:#0a0e1ed9;border-radius:.6em;align-items:center;gap:.1em;padding:.05em .35em;font-size:.72em;display:flex;position:absolute;bottom:-1.05em;left:50%;transform:translate(-50%)}.ropt .price .ico{width:1.1em;height:1.1em}.ropt .price b{color:var(--gold);font-family:var(--f-title)}.ropt.poor{filter:grayscale(.7)brightness(.75)}.ropt.poor .price b{color:#ff8a8a}.ropt.sell{background:radial-gradient(circle at 50% 35%,#8a3a2a,#4a1a12 70%)}.ropt.sell .price b{color:#9dff7a}.ropt.branch{box-shadow:inset 0 0 0 .16em #c77dff,0 0 .7em #c77dff99}.heropic{aspect-ratio:1/.8;background:radial-gradient(at 50% 60%,#ffd36a40,#0000 65%);border-radius:.5em;place-items:center;display:grid;position:relative;overflow:hidden}.heropic img{object-fit:contain;width:auto;height:100%}.herolist{gap:.4em;padding:.3em .1em .5em;display:flex;overflow-x:auto}.herolist button{cursor:pointer;width:4.2em;height:4.2em;box-shadow:inset 0 0 0 .1em var(--line);background:#15234a;border:0;border-radius:50%;flex:none;padding:0;position:relative;overflow:hidden}.herolist button.on{box-shadow:inset 0 0 0 .16em var(--gold), 0 0 .7em #ffd36a80}.herolist button .ico{width:100%;height:100%}.herolist button.lock .ico:first-child{filter:brightness(.25)}.herolist button .lk{width:50%;height:50%;position:absolute;inset:25%}.portrait .hud.td .tdtop{font-size:.9em}.short .hud.td .tdbl,.short .hud.td .tdbr{bottom:calc(1.35em + env(safe-area-inset-bottom));font-size:.8em}.short .hud.td .tdtop,.short .hud.td .tdtr{font-size:.85em}.portrait .hud.td .msg{top:44%}.stages{gap:.5em 1em}.node{aspect-ratio:175/200;height:5.4em;box-shadow:none;filter:drop-shadow(0 .25em .35em #0000008c);background:url(/games/bastiora/assets/ui/socket.webp) 50%/100% 100% no-repeat;justify-self:center;gap:0;padding:1.15em 0 .5em;transform:none}.node>*{transform:none}.node .tic{width:1.6em;height:1.6em}.node b{color:var(--white);text-shadow:0 .07em #000;font-size:1em}.node .st{background:#0a0e1ecc;border-radius:.6em;padding:.05em .25em;position:absolute;bottom:-.55em;left:50%;transform:translate(-50%)}.node .st .ico{width:.85em;height:.85em}.node.cur{box-shadow:none;animation:1.6s ease-in-out infinite nodeGlow}@keyframes nodeGlow{50%{filter:drop-shadow(0 0 .7em #ffd36af2)drop-shadow(0 .25em .35em #0000008c);transform:translateY(-.12em)}}.node.boss{box-shadow:none;filter:drop-shadow(0 0 .55em #c77dffd9)drop-shadow(0 .25em .35em #0000008c)}.node.boss .tic{border-radius:50%;width:2em;height:2em}.node.lock{filter:grayscale(.85)brightness(.55)drop-shadow(0 .25em .35em #0000008c)}.node:hover{transform:translateY(-.15em)scale(1.05)}.short .node{height:4.3em;padding-top:.9em}.short .node .tic{width:1.3em;height:1.3em}.plaque>span{color:#3a2610;text-shadow:0 .05em #ffffff8c;top:54%}.statbar i.on{background:linear-gradient(90deg,#b07a18,#ffd36a);box-shadow:0 0 .4em #ffd36a73}.heropic img{object-fit:contain;filter:drop-shadow(0 .5em .4em #0000008c);width:100%;height:94%;position:absolute;inset:4% 0 2%}.hud.td.ringon .msg{visibility:hidden;transition:none}.ring .rtitle>.fit{white-space:nowrap;max-width:14em;display:block}@keyframes dlgIn{0%{opacity:0;transform:translateY(1.2em)scale(.96)}to{opacity:1;transform:none}}#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}
