:root{--bg: #08090c;--panel: rgba(14, 16, 21, .82);--line: rgba(255, 255, 255, .12);--text: #f2f3f5;--muted: #8c93a0;--orange: #ff7a1a;--orange2: #ffb347;--red: #e5383b;--blue: #2f8cff;--gold: #ffc233;--top: calc(var(--jg-bar, 0px) + 8px + env(safe-area-inset-top, 0px));--sl: env(safe-area-inset-left, 0px);--sr: env(safe-area-inset-right, 0px);--tc-scale: 1;--display: "Chakra Petch", "Arial Narrow", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Figtree,system-ui,sans-serif;user-select:none;-webkit-user-select:none}#app,#app canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}button{font-family:inherit}.logo{position:relative;margin:0;line-height:0;width:min(560px,44vw)}.logo img{position:relative;z-index:1;display:block;width:100%;height:auto;filter:drop-shadow(0 10px 22px rgba(0,0,0,.65))}.logo:before{content:"";position:absolute;inset:10% 6%;z-index:0;border-radius:50%;background:radial-gradient(closest-side,rgba(255,122,26,.42),rgba(255,122,26,.12) 60%,transparent);filter:blur(18px);animation:logoGlow 3.2s ease-in-out infinite alternate}@keyframes logoGlow{0%{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}.logo:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;-webkit-mask:url(../ui/logo-kinetik.webp) center / 100% 100% no-repeat;mask:url(../ui/logo-kinetik.webp) center / 100% 100% no-repeat;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.7) 49%,rgba(255,214,160,.45) 52%,transparent 58%) 0 0 / 300% 100% no-repeat;mix-blend-mode:screen;animation:logoShine 5s ease-in-out infinite 1.1s;background-position:130% 0}@keyframes logoShine{0%{background-position:130% 0}28%,to{background-position:-30% 0}}#hud{position:fixed;top:var(--top);left:calc(10px + var(--sl));right:calc(10px + var(--sr));z-index:5;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.plate{display:flex;align-items:flex-start;gap:8px;width:calc(50% - 66px);max-width:540px}.p2.plate{justify-content:flex-end}.face{flex:none;width:60px;height:60px;background:linear-gradient(160deg,#262a33,#0d0f13);overflow:hidden;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%);border-bottom:3px solid var(--orange)}.p2 .face{clip-path:polygon(0 0,100% 0,100% 100%,28% 100%,0 72%);border-bottom-color:var(--red)}.face img{width:100%;height:100%;object-fit:cover;display:block}.plateBody{flex:1;min-width:0}.nm{font:italic 700 13px/1 var(--display);letter-spacing:.14em;color:var(--text);margin:1px 0 5px}.p2 .nm{text-align:right}.bar{position:relative;height:16px;background:#0a0b0ed9;border:1px solid rgba(255,255,255,.14);clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}.p2 .bar{clip-path:polygon(0 0,100% 0,100% 100%,10px 100%)}.bar i{position:absolute;inset:2px;transform-origin:left}.p2 .bar i{transform-origin:right}.bar .chip{background:#ffffffd9}.bar .fill{background:linear-gradient(90deg,#e5383b,#ff7a1a 45%,#ffd166);box-shadow:0 0 10px #ff7a1a73}.p2 .bar .fill{background:linear-gradient(270deg,#e5383b,#ff7a1a 45%,#ffd166)}.bar.low .fill{animation:lowpulse .45s ease-in-out infinite alternate}@keyframes lowpulse{to{filter:brightness(1.7)}}.bar.hurt{animation:barhurt .22s}@keyframes barhurt{30%{transform:translate(-5px)}60%{transform:translate(4px)}}.energy{position:relative;height:6px;width:64%;margin-top:5px;background:#0a0b0ecc;border:1px solid rgba(255,255,255,.1);clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%)}.p2 .energy{margin-left:auto;clip-path:polygon(0 0,100% 0,100% 100%,5px 100%)}.energy i{position:absolute;inset:1px;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#1f6fff,#53b3ff)}.p2 .energy i{transform-origin:right}.energy.full i{background:linear-gradient(90deg,#ff7a1a,#ffd166,#ff7a1a);background-size:200% 100%;animation:energyGlow .7s linear infinite}@keyframes energyGlow{to{background-position:200% 0}}.medal{position:absolute;left:50%;top:0;transform:translate(-50%);display:grid;justify-items:center;gap:2px}.timer{min-width:76px;padding:4px 10px 2px;text-align:center;font:700 34px/1 var(--display);color:var(--text);background:var(--panel);border-bottom:2px solid var(--orange);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 100%,0 100%)}#timer{display:inline-block}#timer.hurry{animation:hurry .5s ease-in-out infinite alternate}#timer.inf{font-size:38px}@keyframes hurry{to{transform:scale(1.08)}}.round{font:600 10px/1.2 var(--display);letter-spacing:.22em;color:var(--muted)}.pips{display:flex;gap:22px;margin-top:2px}.wins{display:inline-flex;gap:4px}.wins b{width:9px;height:9px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55)}.wins b.on{background:var(--orange);border-color:var(--orange);box-shadow:0 0 8px var(--orange)}.modeFlag{pointer-events:auto;margin-top:4px;display:inline-flex;padding:2px;gap:2px;border:1px solid rgba(255,255,255,.14);border-radius:99px;background:#0a0b0e8c;cursor:pointer;opacity:.75;transition:opacity .2s;-webkit-tap-highlight-color:transparent}.modeFlag:hover,.modeFlag:focus-visible{opacity:1;outline:none}.modeFlag b{font:700 9.5px/1 var(--display);letter-spacing:.12em;padding:3px 7px 2px;border-radius:99px;color:var(--muted);transition:background .2s,color .2s}html:not(.modo-2d) .modeFlag b[data-m="3"],html.modo-2d .modeFlag b[data-m="2"]{background:var(--orange);color:#fff;box-shadow:0 0 8px #ff7a1a73}@media(pointer:coarse){.modeFlag{padding:3px}.modeFlag b{padding:4px 9px 3px;font-size:10.5px}}.combo{position:fixed;top:calc(var(--top) + 84px);z-index:6;pointer-events:none;font:italic 700 36px/.9 var(--display);color:var(--text);text-shadow:0 0 16px rgba(255,122,26,.7),0 2px 0 #000;opacity:0}.combo small{display:block;font-size:12px;letter-spacing:.3em;color:var(--orange);font-style:normal}.combo.left{left:calc(18px + var(--sl))}.combo.right{right:calc(18px + var(--sr));text-align:right}.combo.show{opacity:1;animation:combopop .22s cubic-bezier(.2,1.8,.4,1)}@keyframes combopop{0%{transform:scale(1.5)}}.combo.fade{opacity:0;transition:opacity .5s}.popup{position:fixed;left:50%;top:26%;transform:translate(-50%);z-index:6;pointer-events:none;opacity:0;font:italic 700 clamp(22px,4vw,36px)/1 var(--display);letter-spacing:.12em;color:var(--orange2);text-shadow:0 0 14px rgba(255,122,26,.8),0 2px 0 #000}.popup.show{animation:popup .9s ease-out forwards}@keyframes popup{0%{opacity:0;transform:translate(-50%) scale(1.6)}15%{opacity:1;transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-14px)}}#band{position:fixed;left:0;right:0;top:38%;z-index:7;pointer-events:none;height:0;display:flex;justify-content:center}.bandStage{position:absolute;top:0;transform:translateY(-50%);perspective:900px}.bandPlate{position:relative;width:min(640px,82vw);aspect-ratio:1100 / 233;container-type:inline-size;background:url(../ui/placa-round.webp) center / 100% 100% no-repeat;filter:drop-shadow(0 14px 26px rgba(0,0,0,.6));opacity:0;transform:rotateX(80deg) scale(.7)}#band.show .bandPlate{animation:plateIn .45s cubic-bezier(.16,1.3,.3,1) forwards,plateFloat 3.2s ease-in-out .45s infinite}#band.out .bandPlate{opacity:1;transform:none;animation:plateOut .3s ease-in forwards}@keyframes plateIn{0%{opacity:0;transform:rotateX(80deg) scale(.7)}to{opacity:1;transform:none}}@keyframes plateFloat{0%,to{opacity:1;transform:none}30%{opacity:1;transform:rotateX(5deg) rotateY(-4deg)}70%{opacity:1;transform:rotateX(-3deg) rotateY(4deg) translateY(-3px)}}@keyframes plateOut{to{opacity:0;transform:rotateX(-70deg) scale(.85)}}.bandLuz{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;-webkit-mask:url(../ui/placa-round-luz.png) center / 100% 100% no-repeat;mask:url(../ui/placa-round-luz.png) center / 100% 100% no-repeat;background:linear-gradient(90deg,transparent 38%,rgba(255,236,190,1) 48%,rgba(255,180,90,.8) 52%,transparent 62%) 0 0 / 260% 100% no-repeat;animation:luzRun 1.6s linear infinite}.bandLuz:after{content:"";position:absolute;inset:0;background:#ffaa5059;animation:luzPulse 1.2s ease-in-out infinite alternate}@keyframes luzRun{0%{background-position:160% 0}to{background-position:-60% 0}}@keyframes luzPulse{0%{opacity:.2}to{opacity:.7}}.bandTexts{position:absolute;inset:20% 19%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9cqw}#bandText{font:700 min(8cqw,calc(60cqw / var(--n, 6))) / 1 var(--display);letter-spacing:.14em;padding-left:.14em;white-space:nowrap;background:linear-gradient(180deg,#fff,#e2e5ea 45%,#9aa0aa);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 1.2cqw rgba(255,122,26,.45))}#band.show #bandText{animation:bandText .5s .1s cubic-bezier(.2,1.4,.3,1) both}@keyframes bandText{0%{opacity:0;transform:scale(1.4)}}#bandSub{font:600 1.9cqw/1 var(--display);letter-spacing:.5em;padding-left:.5em;text-transform:uppercase;color:#b9bec8}#bandSub:empty{display:none}#band.fight #bandText{background-image:linear-gradient(180deg,#fff1dc,#ffc37a 40%,#ff7a1a)}#band.ko #bandText{background-image:linear-gradient(180deg,#fff0e0,#ffa24a 40%,#ea5d10);filter:drop-shadow(0 0 1.6cqw rgba(255,100,20,.75))}#band.gold #bandText{background-image:linear-gradient(180deg,#fff8dc,#ffd95a 45%,#d99a12)}#flash{position:fixed;inset:0;z-index:8;pointer-events:none;background:#fff;opacity:0}#vignette{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(229,56,59,.6) 100%);transition:opacity .25s}#rotate,#toast{position:fixed;left:50%;transform:translate(-50%);z-index:9;padding:8px 14px;background:var(--panel);border:1px solid var(--line);color:var(--text);font-size:13px;pointer-events:none;white-space:nowrap}#rotate{top:calc(var(--top) + 110px)}#toast{bottom:18px}#fps{position:fixed;left:8px;bottom:8px;z-index:20;font:600 11px var(--display);color:#7dff9a;background:#0009;padding:3px 6px;pointer-events:none}.screen{position:fixed;inset:0;z-index:10}.blade{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;min-height:50px;margin:0 0 8px;padding:8px 22px 8px 26px;border:0;cursor:pointer;color:var(--text);text-align:left;background:linear-gradient(90deg,#14161ceb,#14161cc7);border-left:3px solid rgba(255,255,255,.18);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);transition:transform .15s cubic-bezier(.2,1.4,.4,1),background .15s,border-color .15s}.blade b{font:italic 700 19px/1 var(--display);letter-spacing:.1em}.blade small{font:600 11px/1.3 Figtree,sans-serif;color:var(--muted);margin-top:3px}.blade.primary{background:linear-gradient(90deg,#ff7a1a,#e8590c);border-left-color:#fff;color:#fff}.blade.primary small{color:#fffc}.blade{overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.blade .num{position:absolute;right:24px;top:50%;transform:translateY(-50%);font:italic 700 26px/1 var(--display);color:#ffffff12;letter-spacing:.02em;pointer-events:none}.blade.primary .num{color:#ffffff4d}.blade:after{content:"";position:absolute;inset:0;pointer-events:none;transform:translate(-110%);background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%)}.blade:hover:after,.blade:focus-visible:after{transform:translate(110%);transition:transform .55s ease}.blade.primary:after{animation:bladeShine 3.6s ease-in-out infinite 1.4s}@keyframes bladeShine{0%,72%{transform:translate(-110%)}to{transform:translate(110%)}}.blade:hover .num,.blade:focus-visible .num{color:#ff7a1a73}.blade.primary:hover .num{color:#ffffff73}.blade:hover,.blade:focus-visible{transform:translate(6px);border-left-color:var(--orange);outline:none}.blade:active{transform:translate(3px) scale(.98)}.screenTitle{margin:0 0 16px;font:italic 700 clamp(28px,5vw,46px)/1 var(--display);letter-spacing:.08em;text-shadow:0 0 20px rgba(255,122,26,.35)}.link{border:0;background:none;color:var(--muted);font:700 14px Figtree,sans-serif;cursor:pointer;margin-top:14px}#title{display:grid;place-items:center;align-content:center;justify-content:end;text-align:center;cursor:pointer;padding:16px max(5vw,20px) 16px 16px;background:linear-gradient(270deg,#08090c8c,#08090c40 38%,#08090c00 60%)}#title>*{max-width:56vw}#title.boot{justify-content:center;padding-right:16px;background:none}#title .logo{width:min(620px,50vw);animation:logoIn 1.1s cubic-bezier(.16,1,.3,1) both}@keyframes logoIn{0%{transform:scale(1.4) translateY(4%);opacity:0;filter:blur(14px) brightness(2.2)}55%{opacity:1;filter:blur(0) brightness(1.6)}to{transform:none;filter:none}}#title .tagline{animation:fadeIn .8s .6s both}@keyframes fadeIn{0%{opacity:0;letter-spacing:.9em}}.tagline{margin-top:14px;font:600 12px var(--display);letter-spacing:.5em;color:var(--muted)}.press{margin-top:30px;padding:10px 26px;font:italic 700 15px var(--display);letter-spacing:.3em;color:#fff;background:linear-gradient(90deg,#ff7a1a00,#ff7a1ae6,#ff7a1a00);animation:pressPulse 1.1s ease-in-out infinite alternate}@keyframes pressPulse{to{opacity:.45}}.loading{display:flex;align-items:center;gap:10px;width:min(320px,70vw);margin-top:26px;color:var(--muted);font-size:12px}.lbar{flex:1;height:3px;background:#ffffff1a;overflow:hidden}.lbar i{display:block;height:100%;width:0;background:var(--orange);box-shadow:0 0 8px var(--orange);transition:width .2s}#menu{pointer-events:none}.menuCol{pointer-events:auto;position:absolute;left:auto;right:max(5vw,24px);top:50%;transform:translateY(-46%);width:min(330px,38vw);display:flex;flex-direction:column;align-items:stretch;animation:fadeUp .4s cubic-bezier(.2,1,.3,1)}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,-38%)}}.menuCol .logo{width:100%;margin-bottom:16px}.blades .blade{animation:bladeIn .35s cubic-bezier(.2,1.2,.3,1) backwards}.blades .blade:nth-child(2){animation-delay:.05s}.blades .blade:nth-child(3){animation-delay:.1s}.blades .blade:nth-child(4){animation-delay:.15s}@keyframes bladeIn{0%{transform:translate(46px);opacity:0;filter:blur(6px)}}.buildTag{position:absolute;right:calc(12px + var(--sr));bottom:calc(8px + env(safe-area-inset-bottom,0px));font:600 10px var(--display);letter-spacing:.2em;color:var(--muted);opacity:.7}.menuFoot{margin-top:8px;text-align:center;font-size:10px;color:var(--muted);letter-spacing:.2em;text-transform:uppercase}.nameTag{position:absolute;bottom:9%;display:grid;font:italic 700 clamp(18px,2.6vw,30px)/1 var(--display);letter-spacing:.12em}.nameTag small{font:600 10px var(--display);letter-spacing:.4em;color:var(--muted);margin-top:4px;font-style:normal}.nameTag.left{left:9%}.nameTag.right{right:52%;text-align:right}.nameTag.left b{color:var(--orange)}#difficulty{display:grid;place-items:center;padding:calc(var(--jg-bar, 0px) + 18px) 16px 16px;background:radial-gradient(ellipse at 50% 55%,#08090c59,#08090ccc)}.diffBox{width:min(860px,100%);text-align:center;perspective:1000px}.difTitle{margin:0 auto 10px;width:min(640px,92%);line-height:0;animation:difTitle .6s cubic-bezier(.16,1.2,.3,1) both}.difTitle img{width:100%;height:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.6))}@keyframes difTitle{0%{opacity:0;transform:translateY(-14px) scale(1.08);filter:blur(4px)}}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.card{position:relative;aspect-ratio:687 / 312;container-type:inline-size;padding:0;border:0;cursor:pointer;color:var(--text);text-align:left;background:url(../ui/dif-card.webp) center / 100% 100% no-repeat;transition:transform .2s cubic-bezier(.2,1.4,.4,1),filter .2s;animation:cardIn .55s cubic-bezier(.16,1.2,.3,1) both}.card:nth-child(2){animation-delay:.08s}.card:nth-child(3){animation-delay:.16s}@keyframes cardIn{0%{opacity:0;transform:rotateY(-30deg) translateY(16px)}}.card.sel,.card:hover,.card:focus-visible{background-image:url(../ui/dif-card-on.webp);outline:none}.cards:hover .card.sel:not(:hover){background-image:url(../ui/dif-card.webp)}.card:hover,.card:focus-visible{transform:translateY(-4px)}.card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .25s;-webkit-mask:url(../ui/dif-card-luz.png) center / 100% 100% no-repeat;mask:url(../ui/dif-card-luz.png) center / 100% 100% no-repeat;background:linear-gradient(90deg,transparent 38%,rgba(255,236,190,1) 48%,rgba(255,180,90,.8) 52%,transparent 62%) 0 0 / 260% 100% no-repeat;animation:luzRun 2s linear infinite}.card.sel:after,.card:hover:after,.card:focus-visible:after{opacity:1}.cards:hover .card.sel:not(:hover):after{opacity:0}.card .stars{position:absolute;left:8%;top:13.5%;display:flex;gap:1.4cqw;filter:drop-shadow(0 0 1.2cqw rgba(255,140,40,.85))}.card .stars i{width:5.4cqw;height:5cqw;background:linear-gradient(180deg,#ffe3a0,#ff9a2a 60%,#e0660f);clip-path:polygon(50% 0,100% 100%,0 100%)}.card b{position:absolute;left:8%;top:36%;font:700 7.4cqw/1 var(--display);letter-spacing:.1em}.card small{position:absolute;left:8%;right:9%;top:58%;font:500 3.8cqw/1.35 Figtree,sans-serif;color:#aab0ba}@media(max-width:560px){.cards{grid-template-columns:1fr;width:min(420px,100%);margin:0 auto}}html.jg-corner #difficulty{padding-left:calc(68px + var(--sl))}#vs{overflow:hidden;background:transparent}.vsSide{position:absolute;top:0;bottom:0;width:56%;display:flex;align-items:flex-end;padding:0 6%;color:#fff}.vsSide>div{position:absolute;bottom:9%;left:7%;z-index:1}.vsSide.p2>div{left:auto;right:7%}.vsSide.p1{left:0;background:linear-gradient(110deg,#ff7a1a80,#a032002e 55%,#a0320000 80%);clip-path:polygon(0 0,100% 0,82% 100%,0 100%);animation:vsL .42s cubic-bezier(.2,1,.3,1)}.vsSide.p2{right:0;justify-content:flex-end;text-align:right;background:linear-gradient(250deg,#282c3699,#0c0d1138 55%,#0c0d1100 80%);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);animation:vsR .42s cubic-bezier(.2,1,.3,1)}@keyframes vsL{0%{transform:translate(-100%)}}@keyframes vsR{0%{transform:translate(100%)}}.vsSide b{display:block;font:italic 700 clamp(30px,5.5vw,58px)/1 var(--display);letter-spacing:.06em}.vsSide small{font:600 12px var(--display);letter-spacing:.3em;opacity:.85}.vsMark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:italic 700 clamp(70px,15vw,150px)/1 var(--display);color:#fff;text-shadow:0 0 30px rgba(255,122,26,.9),0 6px 0 #000;animation:vsMark .5s .22s cubic-bezier(.2,1.8,.3,1) backwards}@keyframes vsMark{0%{transform:translate(-50%,-50%) scale(2.6);opacity:0}}#pause{display:grid;place-items:center;background:#08090ca6;backdrop-filter:blur(4px)}.pauseBox{width:min(340px,90vw)}.pauseBox .screenTitle{text-align:center}#result{display:flex;align-items:center;justify-content:flex-end;padding:calc(var(--jg-bar, 0px) + 12px) max(4vw,18px) 12px 12px;background:linear-gradient(270deg,#08090cb3,#08090c4d 42%,#08090c00 62%)}.resultStage{perspective:1100px;filter:drop-shadow(0 26px 40px rgba(0,0,0,.6))}.resultPanel{--r: 1.0759;position:relative;container-type:inline-size;width:min(calc(90vh * var(--r)),48vw,600px);aspect-ratio:1162 / 1080;background:url(../ui/painel-resultado.webp) center / 100% 100% no-repeat;transform-style:preserve-3d;animation:panelIn .9s cubic-bezier(.16,1,.3,1) both,panelFloat 7s ease-in-out .9s infinite}@keyframes panelIn{0%{opacity:0;transform:rotateY(-34deg) rotateX(10deg) translate3d(12%,4%,-160px)}}@keyframes panelFloat{0%,to{transform:rotateY(-7deg) rotateX(2deg)}50%{transform:rotateY(-4deg) rotateX(-1deg) translateY(-5px)}}.resultPanel{transform:rotateY(-7deg) rotateX(2deg)}.resultPanel:after{content:"";position:absolute;inset:0;pointer-events:none;transform:translateZ(1px);-webkit-mask:url(../ui/painel-resultado.webp) center / 100% 100% no-repeat;mask:url(../ui/painel-resultado.webp) center / 100% 100% no-repeat;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.12) 48%,rgba(255,190,120,.1) 52%,transparent 60%) 0 0 / 300% 100% no-repeat;animation:panelSheen 6s ease-in-out 1.2s infinite;background-position:140% 0}@keyframes panelSheen{0%{background-position:140% 0}35%,to{background-position:-40% 0}}.rp{position:absolute;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;transform:translateZ(14px)}.rp-title{left:6%;top:8%;width:88%;height:12.5%;flex-direction:column;gap:1cqw}.rp-p1{left:9%;top:26.6%;width:31.8%;height:11.6%}.rp-p2{left:59.2%;top:26.6%;width:31.8%;height:11.6%}.rp-x{left:42.4%;top:31%;width:15.2%;height:8%;font:500 4.2cqw/1 var(--display);color:#ffffff8c}.rp-info{left:9.5%;top:41.7%;width:79.8%;height:7%;font:600 2.5cqw/1 var(--display);letter-spacing:.42em;padding-left:.42em;color:#a9b0bc}.rp-btn{left:8.5%;width:82.5%;height:11.1%;padding:0;border:0;background:none;cursor:pointer;color:#fff;clip-path:polygon(2.5% 0,95% 0,100% 50%,95% 100%,2.5% 100%,0 80%,0 20%);transition:transform .18s cubic-bezier(.2,1.4,.4,1)}.rp-b1{top:52.7%}.rp-b2{top:66.7%}.rp-b3{top:81.2%}.rp-btn b{position:relative;font:600 4.1cqw/1 var(--display);letter-spacing:.24em;padding-left:.24em;text-shadow:0 2px 8px rgba(0,0,0,.8)}.rp-btn:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .2s;background:linear-gradient(90deg,#ff7a1a00,#ff7a1a42,#ff7a1a00)}.rp-btn:hover:before,.rp-btn:focus-visible:before{opacity:1}.rp-btn:hover b,.rp-btn:focus-visible b{color:#ffd2a3}.rp-btn:focus-visible{outline:none}.rp-btn:active{transform:translateZ(14px) scale(.97)}.rp-b1 b{color:#ffb45c;text-shadow:0 0 14px rgba(255,122,26,.55),0 2px 8px rgba(0,0,0,.8)}.rp-b1:before{animation:primaryGlow 2.4s ease-in-out 1.6s infinite}@keyframes primaryGlow{0%,to{opacity:0}50%{opacity:.75}}.resultKicker{font:600 2.1cqw/1 var(--display);letter-spacing:.6em;padding-left:.6em;color:#8c93a0}#resultTitle{margin:0;font:700 9.6cqw/1 var(--display);letter-spacing:.16em;padding-left:.16em;background:linear-gradient(180deg,#fff6ea,#ffc37a 45%,#ff7a1a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 1.6cqw rgba(255,122,26,.45))}#result.lose #resultTitle{background-image:linear-gradient(180deg,#f1f2f4,#b9bec8,#7d838f);filter:drop-shadow(0 0 1.4cqw rgba(229,56,59,.35))}.rp.side{gap:3.2cqw;opacity:.5;transition:opacity .4s}.rp.side.won{opacity:1}.rp.side small{font:600 2.3cqw/1 var(--display);letter-spacing:.4em;padding-left:.4em;color:#a9b0bc}.rp.side b{font:700 7.4cqw/1 var(--display);color:#fff;min-width:1.2ch}.rp.side.won b{color:#ffb45c;text-shadow:0 0 2cqw rgba(255,122,26,.55)}.rp.side b.pop{animation:scorePop .55s cubic-bezier(.2,1.6,.4,1)}@keyframes scorePop{0%{transform:scale(1.9);opacity:0;filter:blur(4px)}}.rp-title{animation:rpIn .6s cubic-bezier(.16,1,.3,1) .35s both}.rp-p1{animation:rpLeft .6s cubic-bezier(.16,1,.3,1) .55s both}.rp-p2{animation:rpRight .6s cubic-bezier(.16,1,.3,1) .55s both}.rp-x,.rp-info{animation:rpFade .6s ease .7s both}.rp-b1{animation:rpBtn .5s cubic-bezier(.16,1,.3,1) .8s both}.rp-b2{animation:rpBtn .5s cubic-bezier(.16,1,.3,1) .9s both}.rp-b3{animation:rpBtn .5s cubic-bezier(.16,1,.3,1) 1s both}@keyframes rpIn{0%{opacity:0;transform:translateZ(60px) scale(1.15);filter:blur(6px)}}@keyframes rpLeft{0%{opacity:0;transform:translate3d(-18%,0,40px)}}@keyframes rpRight{0%{opacity:0;transform:translate3d(18%,0,40px)}}@keyframes rpFade{0%{opacity:0}}@keyframes rpBtn{0%{opacity:0;transform:translate3d(10%,0,30px);filter:blur(3px)}}#how{display:grid;place-items:center;padding:calc(var(--jg-bar, 0px) + 50px) 16px 16px;overflow-y:auto;background:#08090cf2}.howBox{width:min(880px,100%)}.howGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.howCard{padding:12px 14px;background:var(--panel);border-left:3px solid var(--orange)}.howCard b{font:italic 700 15px/1.1 var(--display);letter-spacing:.06em}.howCard p{margin:6px 0 0;font-size:12.5px;line-height:1.4;color:#c5cad3}.howCard i{color:var(--muted);font-size:11.5px}.howBox .blade{width:220px;margin-left:auto;align-items:center}@media(max-width:900px){.howGrid{grid-template-columns:repeat(2,1fr)}}@media(max-height:460px){.blade{min-height:42px;margin-bottom:6px;padding:6px 18px 6px 22px}.blade b{font-size:16px}.blade small{font-size:10px}.menuCol .logo{width:88%;margin:0 auto 8px}#title .logo{width:min(440px,46vw)}.face{width:50px;height:50px}.bar{height:13px}.timer{font-size:28px;min-width:64px}.howCard{padding:8px 10px}.howCard p{font-size:11.5px}.nameTag{bottom:5%}}@media(max-aspect-ratio:1/1){#title{align-content:start;justify-content:center;padding:calc(9vh + env(safe-area-inset-top,0px)) 16px 16px;background:linear-gradient(180deg,#08090c99,#08090c33 30%,#08090c00 50%,#08090c80)}#title>*{max-width:92vw}#title .logo{width:min(520px,88vw)}#title .tagline{letter-spacing:.3em;font-size:10px}#title .press,#title .loading{position:absolute;left:50%;bottom:calc(7vh + env(safe-area-inset-bottom,0px));transform:translate(-50%);margin:0;white-space:nowrap}.menuCol{width:min(360px,88vw);inset:auto auto 16px 50%;transform:translate(-50%)}.nameTag{top:calc(8vh + env(safe-area-inset-top,0px));bottom:auto}.nameTag.left{left:13%}.nameTag.right{right:13%}.plate{width:calc(50% - 44px)}.face{width:42px;height:42px}.nm{font-size:11px}#result{align-items:flex-end;justify-content:center;padding:12px 12px calc(3vh + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#08090c00 30%,#08090cbf)}.resultPanel{width:min(94vw,470px)}@keyframes panelIn{0%{opacity:0;transform:rotateX(28deg) translate3d(0,14%,-140px)}}@keyframes panelFloat{0%,to{transform:rotateX(3deg)}50%{transform:rotateX(0) translateY(-5px)}}}#touch{position:fixed;inset:0;z-index:4;pointer-events:none}.tc-stick-zone{position:absolute;left:0;bottom:0;width:46%;height:70%;pointer-events:auto;touch-action:none}.tc-stick{position:absolute;left:calc(104px + var(--sl));top:calc(100% - 108px);width:140px;height:140px;margin:-70px 0 0 -70px;border-radius:50%;opacity:.7;transition:opacity .2s;transform:scale(var(--tc-scale));background:radial-gradient(circle at 50% 35%,#ffffff12,#fff0 60%),#0e10153d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px #ff964652,inset 0 1px #ffffff2e,inset 0 -10px 22px #0000004d,0 0 16px #ff7a1a1a}.tc-stick-zone.active .tc-stick{opacity:1;transition:none}.tc-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:radial-gradient(circle at 38% 28%,#ffffff8c,#ffffff1f 45%,#ffffff0d 70%),#1e212873;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 6px 14px #00000073,inset 0 0 0 1px #ffffff59,inset 0 -4px 8px #00000040,0 0 12px #ff7a1a2e}.tc-arrow{position:absolute;width:9px;height:9px;border:solid rgba(255,255,255,.7);border-width:2px 2px 0 0;opacity:.8}.tc-arrow.l{left:12px;top:50%;margin-top:-4.5px;transform:rotate(-135deg)}.tc-arrow.r{right:12px;top:50%;margin-top:-4.5px;transform:rotate(45deg)}.tc-arrow.u{top:12px;left:50%;margin-left:-4.5px;transform:rotate(-45deg)}.tc-buttons{position:absolute;right:var(--sr);bottom:env(safe-area-inset-bottom,0px);width:300px;height:300px;transform:scale(var(--tc-scale));transform-origin:right bottom}.tc-btn{--s: 80px;position:absolute;width:var(--s);height:var(--s);display:grid;place-items:center;border:0;border-radius:50%;padding:0;pointer-events:auto;touch-action:none;color:#fff;overflow:visible;background:radial-gradient(circle at 50% 18%,#ffffff29,#fff0 55%),#0e101542;-webkit-backdrop-filter:blur(7px) saturate(1.3);backdrop-filter:blur(7px) saturate(1.3);box-shadow:inset 0 0 0 1px #ff964657,inset 0 1.5px #ffffff38,inset 0 -8px 16px #00000052,0 8px 18px #00000057,0 0 14px #ff7a1a1a;transition:transform .12s,box-shadow .12s}.tc-glass{position:absolute;inset:4px;border-radius:50%;pointer-events:none;background:linear-gradient(180deg,#ffffff1a,#fff0 45%)}.tc-btn svg{position:relative;width:44%;height:44%;margin-top:-14%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.tc-btn b{position:absolute;bottom:14%;font:600 8.5px/1 var(--display);letter-spacing:.2em;padding-left:.2em;opacity:.78}.tc-ring{position:absolute;inset:-2px;border-radius:50%;border:1.5px solid var(--acc, rgba(255,150,70,0));pointer-events:none}.tc-btn.down{transform:scale(.93);box-shadow:inset 0 0 0 1.5px #ff9646bf,inset 0 0 22px #ff7a1a59,inset 0 -4px 10px #0000004d,0 4px 10px #0000004d,0 0 20px #ff7a1a59}.tc-btn.down .tc-ring{animation:ring .35s ease-out;border-color:#ffaa5acc}@keyframes ring{0%{transform:scale(.95);opacity:1}to{transform:scale(1.28);opacity:0}}.b-kick{right:22px;bottom:18px}.b-punch{right:22px;bottom:112px}.b-dodge{right:116px;bottom:18px}.b-guard{right:116px;bottom:112px}.b-special{right:69px;bottom:206px;--acc: rgba(255,150,70,.9)}.b-jump{right:210px;bottom:18px;display:none}#touch.free .b-jump{display:grid}#touch.free .tc-arrow.u{display:none}html.jg-corner .tc-stick{left:calc(148px + var(--sl))}@media(max-aspect-ratio:1/1){html.jg-corner #jgCorner.side-left{top:calc(var(--top) + 58px)!important;transform:none!important}html.jg-corner .tc-stick{left:calc(84px + var(--sl))}html.jg-corner #title{padding-left:66px;padding-right:10px}html.jg-corner #title .logo{width:min(520px,calc(100vw - 86px))}html.jg-corner .nameTag.left{left:calc(72px + var(--sl))}}html.jg-corner .tc-tip,html.jg-corner .combo.left{left:calc(70px + var(--sl))}.b-special .tc-ring{-webkit-mask:conic-gradient(#000 var(--meter, 0%),rgba(0,0,0,.18) 0);mask:conic-gradient(#000 var(--meter, 0%),rgba(0,0,0,.18) 0)}.b-special .tc-ring{border-width:2.5px}.b-special.full{background:radial-gradient(circle at 50% 18%,#ffffff4d,#fff0 55%),#ff7a1a73;animation:superpulse .9s ease-in-out infinite alternate}@keyframes superpulse{to{box-shadow:inset 0 0 0 1.5px #ffc88ccc,inset 0 1.5px #ffffff4d,0 0 0 5px #ff7a1a2e,0 0 26px #ff7a1a99}}.tc-tip{position:absolute;left:calc(20px + var(--sl));bottom:200px;max-width:260px;padding:8px 12px;background:var(--panel);border-left:3px solid var(--orange);color:var(--text);font-size:12px;line-height:1.4;pointer-events:none}@media(max-height:400px){.tc-buttons{transform:scale(calc(var(--tc-scale) * .8))}.tc-stick{top:calc(100% - 94px);transform:scale(calc(var(--tc-scale) * .86))}.tc-tip{bottom:164px}}.metal{color:transparent;-webkit-text-fill-color:transparent;text-shadow:none!important;background-image:linear-gradient(180deg,#fbfcfe,#d9dde5 30%,#8d939e 50%,#5d626c 56%,#aab0bb 74%,#eef1f6);-webkit-background-clip:text;background-clip:text;filter:url(#kmetal);padding-right:.08em}.metal.hot{background-image:linear-gradient(180deg,#fff1dc,#ffc37a 28%,#ff8a24 48%,#b84206 57%,#ff9a3c 76%,#ffdcae)}.metal.blood{background-image:linear-gradient(180deg,#ffe1e1,#ff8d8d 28%,#e5383b 48%,#7c1215 57%,#ff5a5d 76%,#ffc9c9)}.metal.sm{filter:url(#kmetalSm)}#result.lose #resultTitle,#timer.hurry{background-image:linear-gradient(180deg,#ffe1e1,#ff8d8d 28%,#e5383b 48%,#7c1215 57%,#ff5a5d 76%,#ffc9c9)}#menuFx{position:fixed;inset:0;width:100%;height:100%;z-index:9;pointer-events:none;opacity:0;transition:opacity .7s;background:radial-gradient(ellipse 75% 70% at 50% 50%,transparent 55%,rgba(0,0,0,.5) 100%)}#menuFx.on{opacity:1}.grain{position:fixed;inset:0;z-index:12;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .7s}.grain.on{opacity:1}.grain:before{content:"";position:absolute;inset:-60%;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grainMove .8s steps(6) infinite}@keyframes grainMove{0%{transform:translate(0)}20%{transform:translate(-6%,4%)}40%{transform:translate(5%,-3%)}60%{transform:translate(-3%,-6%)}80%{transform:translate(6%,5%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.grain:before,.logo:after,.logo:before,.blade.primary:after{animation:none}}#online{display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at 50% 50%,#08090c8c,#08090ce0)}html.jg-corner #online{padding-left:calc(68px + var(--sl))}.onBox{width:min(460px,100%);display:grid;gap:12px;justify-items:stretch;text-align:center;animation:fadeUp .4s cubic-bezier(.2,1,.3,1)}.onBox .screenTitle{margin:0 0 4px}.onName{display:grid;gap:6px;text-align:left}.onName small{font:600 11px/1 var(--display);letter-spacing:.35em;color:var(--muted)}.onName input{width:100%;padding:12px 14px;border:1px solid rgba(255,122,26,.45);background:#0e1015d9;color:#fff;font:700 20px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;outline:none;border-radius:4px}.onName input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff7a1a2e}.onStatus{margin:0;min-height:2.6em;font:500 14px/1.35 Figtree,sans-serif;color:#cfd3da}.onCode{display:grid;gap:2px;justify-items:center}.onCode small{font:600 11px/1 var(--display);letter-spacing:.4em;color:var(--muted)}.onCode b{font:700 38px/1 var(--display);letter-spacing:.3em;padding-left:.3em;color:var(--orange2);text-shadow:0 0 18px rgba(255,122,26,.45)}.onBtns{display:grid;gap:8px}.onWait{display:flex;align-items:center;justify-content:center;gap:14px;min-height:46px}.onSpin{width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,122,26,.18);border-top-color:var(--orange);border-right-color:#ffaa5ab3;box-shadow:0 0 16px #ff7a1a40;animation:onSpin .9s linear infinite}#online.noSpin .onSpin{display:none}@keyframes onSpin{to{transform:rotate(360deg)}}.onWait b{font:700 30px/1 var(--display);letter-spacing:.08em;color:#fff;min-width:3.2ch;text-align:left;font-variant-numeric:tabular-nums}.onWait b.hurry{color:var(--orange2);text-shadow:0 0 14px rgba(255,122,26,.6);animation:onHurry 1s ease-in-out infinite}@keyframes onHurry{50%{transform:scale(1.12)}}.onBtns .blade{margin:0;align-items:center}@media(max-height:460px){.onBox{gap:7px}.onName input{padding:8px 12px;font-size:17px}.onCode b{font-size:28px}.onStatus{min-height:0}.onWait{min-height:34px}.onSpin{width:28px;height:28px}.onWait b{font-size:24px}}#custom{display:grid;align-content:center;justify-content:end;padding:16px max(5vw,20px) 16px 16px;background:linear-gradient(270deg,#08090cb8,#08090c4d 45%,#08090c00 62%)}.custBox{width:min(420px,48vw);display:grid;gap:14px;animation:fadeUp .4s cubic-bezier(.2,1,.3,1)}.custBox .screenTitle{margin:0 0 2px}.custRow{display:grid;gap:8px}.custRow small{font:600 11px/1 var(--display);letter-spacing:.35em;color:var(--muted)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:8px}.sw{position:relative;aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.16);cursor:pointer;padding:0;background:var(--c);box-shadow:inset 0 -6px 10px #00000059,inset 0 3px 6px #ffffff2e;transition:transform .15s,border-color .15s}.sw:hover{transform:scale(1.08)}.sw.sel{border-color:var(--orange);box-shadow:0 0 0 3px #ff7a1a59,0 0 14px #ff7a1a8c,inset 0 -6px 10px #00000059}.sw.orig{background:conic-gradient(from 45deg,#1b1d22 0 50%,#ff7a1a 0 100%)}.sw.orig:after{content:"";position:absolute;inset:42% -8%;background:#ffffffbf;transform:rotate(-45deg);border-radius:2px}.custBtns{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.custBtns .blade{margin:0;min-width:150px;align-items:center}html.jg-corner #custom{padding-left:66px}@media(max-aspect-ratio:1/1){#custom{align-content:start;justify-content:center;padding-top:calc(4vh + env(safe-area-inset-top,0px));background:linear-gradient(180deg,#08090ccc,#08090c00 55%)}.custBox{width:min(420px,92vw)}}@media(max-height:460px){.custBox{gap:8px}.swatches{grid-template-columns:repeat(8,1fr);gap:6px}}.styleAsk{position:fixed;left:50%;top:calc(var(--top) + 96px);transform:translate(-50%);z-index:9;display:grid;gap:10px;justify-items:center;padding:12px 16px;border:1px solid rgba(255,122,26,.45);border-radius:12px;background:#0a0b0ee6;backdrop-filter:blur(6px);box-shadow:0 10px 30px #00000080;animation:fadeUp .25s cubic-bezier(.2,1,.3,1)}.styleAsk p{margin:0;font:600 14px/1.3 Figtree,sans-serif;color:var(--text);text-align:center;max-width:72vw}.styleAskBtns{display:flex;gap:10px}.styleAskBtns .blade{margin:0;min-width:96px;padding:8px 18px;align-items:center}