@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(./baloo-2-latin-600-normal-tIfxVoAe.woff2)format("woff2"),url(./baloo-2-latin-600-normal-B4tNaogw.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-latin-800-normal-BbF3Etk1.woff2)format("woff2"),url(./baloo-2-latin-800-normal-B8BXfZF7.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(./baloo-2-vietnamese-600-normal-C5EqHgu0.woff2)format("woff2"),url(./baloo-2-vietnamese-600-normal-CGkk4Wtx.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-vietnamese-800-normal-ConLnEgt.woff2)format("woff2"),url(./baloo-2-vietnamese-800-normal-GQACmpuv.woff)format("woff")}:root{--font:"Baloo 2", "Segoe UI", Roboto, system-ui, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--glass:#120e1c8c;--stroke:#ffffff29}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{color:#fff;height:100%;font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;touch-action:none;overscroll-behavior:none;background:#120e1a;margin:0;overflow:hidden}#scene{width:100vw;height:100vh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}button{color:inherit;cursor:pointer;touch-action:none;background:0 0;border:0;padding:0;font-family:inherit}#hud{pointer-events:none;opacity:0;transition:opacity .4s;position:fixed;top:0;bottom:0;left:0;right:0}body.playing #hud{opacity:1}#hud>*{pointer-events:auto}#scoreboard{top:calc(var(--safe-t) + 10px);background:var(--glass);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(6px);pointer-events:none;border-radius:16px;grid-template-columns:auto auto auto;align-items:center;gap:10px;padding:5px 14px 2px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000059}.team{letter-spacing:.04em;align-items:center;gap:7px;font-size:17px;font-weight:800;display:flex}.chip{border-radius:6px;width:20px;height:20px;box-shadow:inset 0 -3px #00000040,0 0 0 2px #ffffffd9}.scores{color:#1a1320;background:#fffffff2;border-radius:10px;gap:6px;padding:3px 10px 0;font-size:26px;font-weight:800;line-height:1;display:flex}.scores .sep{opacity:.4}.scores .bump{animation:.5s cubic-bezier(.3,1.8,.5,1) bump}@keyframes bump{0%{color:#da251d;transform:scale(1.9)}to{transform:scale(1)}}#clock{text-align:center;opacity:.85;letter-spacing:.1em;grid-column:1/-1;margin-top:-2px;font-size:12px;font-weight:600}#topbar{top:calc(var(--safe-t) + 10px);right:calc(var(--safe-r) + 12px);align-items:center;gap:8px;display:flex;position:absolute}#topbar button{background:var(--glass);border:1px solid var(--stroke);border-radius:12px;min-width:40px;height:36px;padding:0 10px;font-size:15px;font-weight:800}#topbar button:active{transform:scale(.94)}#fps{opacity:.6;margin-right:4px;font-size:11px;font-weight:600}#joy-zone{width:48%;position:absolute;top:22%;bottom:0;left:0}#joy-base{opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff14 40%,#ffffff2e 72%,#ffffff0d 73%);border:2px solid #ffffff59;border-radius:50%;width:128px;height:128px;margin:-64px 0 0 -64px;transition:opacity .15s;position:absolute;top:0;left:0}#joy-base.active{opacity:1}#joy-knob{background:radial-gradient(circle at 35% 30%,#fff,#d9dbe6 60%,#a9adbf);border-radius:50%;width:58px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0006}body:not(.playing) #joy-zone{display:none}@media (pointer:coarse){#joy-zone:after{content:"";left:calc(var(--safe-l) + 90px);bottom:calc(var(--safe-b) + 70px);border:2px dashed #ffffff47;border-radius:50%;width:96px;height:96px;position:absolute}}#actions{right:calc(var(--safe-r) + 18px);bottom:calc(var(--safe-b) + 18px);pointer-events:none;width:250px;height:200px;position:absolute}.act{pointer-events:auto;border-radius:50%;place-items:center;transition:transform 80ms;display:grid;position:absolute;box-shadow:inset 0 -6px #00000040,inset 0 3px #ffffff59,0 8px 18px #00000059}.act span{letter-spacing:.06em;text-shadow:0 1px #0000004d;font-size:11px;font-weight:800;position:absolute;bottom:13%}.act svg{fill:currentColor}.act.pressed{transform:scale(.9)}.act.big{background:radial-gradient(circle at 40% 30%,#ff6a5e,#da251d 60%,#a3140e);width:104px;height:104px;bottom:0;right:0}.act.big .icon{color:#fff;width:38px;height:38px;margin-top:-12px}.act.big .icon path{fill:#fff}.act.big span{font-size:14px}.act .ring{fill:none;width:calc(100% + 18px);height:calc(100% + 18px);position:absolute;top:-9px;bottom:-9px;left:-9px;right:-9px;transform:rotate(-90deg)}.act .ring circle{fill:none;stroke-width:6px}.act .ring .track{stroke:#ffffff26}#power-ring{stroke:#ffcd00;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:289px;filter:drop-shadow(0 0 4px #ffcd00e6)}.act.big.charging{animation:.25s infinite alternate charge}@keyframes charge{to{filter:brightness(1.18)}}.act.mid{background:radial-gradient(circle at 40% 30%,#6fb6ff,#2e7bd6 60%,#1b4f94);width:76px;height:76px;bottom:6px;right:118px}.act.mid svg{width:28px;height:28px;margin-top:-10px}.act.small{color:#3a2200;background:radial-gradient(circle at 40% 30%,#ffe27a,#f0a42b 60%,#b56d0e);width:64px;height:64px;bottom:124px;right:22px}.act.small .icon{width:22px;height:22px;margin-top:-9px}.act.small .ring{width:calc(100% + 14px);height:calc(100% + 14px);top:-7px;bottom:-7px;left:-7px;right:-7px}#stamina-ring{stroke:#5cff7a;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:0;transition:stroke .25s}.act.small.exhausted{color:#2b2722;background:radial-gradient(circle at 40% 30%,#c9c3b8,#8d877d 60%,#5c574f);animation:.5s ease-in-out infinite alternate tired}@keyframes tired{to{transform:translateY(2px)}}.act.small span{text-shadow:none;font-size:10px}#actions .def,#actions.defend .atk{display:none}#actions.defend .def{display:block}#actions.defend .act span.def{display:inline}#actions.defend .act.big{background:radial-gradient(circle at 40% 30%,#ff9a5e,#e0621d 60%,#a33f0e)}#actions.defend .act.mid{background:radial-gradient(circle at 40% 30%,#7dea9a,#22a94f 60%,#147033)}#actions.defend .act.mid span{font-size:10px}#actions .act{transition:transform 80ms,background .2s}.act.skill{color:#ffde968c;background:radial-gradient(circle at 40% 30%,#5d4a7e,#31244a 60%,#1b1229);width:62px;height:62px;bottom:100px;right:112px}.act.skill .icon{width:26px;height:26px;margin-top:-9px;display:none}.act.skill[data-skill=kimCang] .ic-guard,.act.skill[data-skill=dragonPalm] .ic-palm,.act.skill[data-skill=windGod] .ic-wind,.act.skill[data-skill=dollarRain] .ic-dollar,.act.skill[data-skill=beauty] .ic-heart{display:block}#actions .act.skill.urgent{color:#4a1300;background:radial-gradient(circle at 40% 30%,#fff6c4,#ffb21f 50%,#d2400e);animation:.32s ease-in-out infinite alternate chi-urgent}@keyframes chi-urgent{0%{transform:scale(1);box-shadow:0 0 12px 3px #ffa028b3}to{transform:scale(1.12);box-shadow:0 0 34px 12px #ff781ef2}}#actions .act.skill.guarding{color:#4a2300;background:radial-gradient(circle at 40% 30%,#fff1b8,#e3a227 60%,#8f5a06);box-shadow:inset 0 -6px #00000040,0 0 18px 5px #ffcd50bf}.act.skill .ring{width:calc(100% + 14px);height:calc(100% + 14px);top:-7px;bottom:-7px;left:-7px;right:-7px}#chi-ring{stroke:#ffc94a;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:289px;filter:drop-shadow(0 0 3px #ffbe3ccc)}.act.skill span{letter-spacing:.04em;font-size:9px}#actions .act.skill.ready{color:#4a2300;background:radial-gradient(circle at 40% 30%,#fff6c4,#f7bd2c 55%,#b56a06);animation:.9s ease-in-out infinite alternate chi-ready}.act.skill.ready span{text-shadow:none}@keyframes chi-ready{0%{box-shadow:inset 0 -6px #00000040,inset 0 3px #ffffff80,0 0 10px 2px #ffc43c8c}to{box-shadow:inset 0 -6px #00000040,inset 0 3px #ffffff80,0 0 26px 8px #ffc43ce6}}.act.skill.busy{filter:saturate(.4)brightness(.8)}#goal-banner{text-align:center;pointer-events:none;opacity:0;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}#goal-banner .goal-word{color:#fff;text-shadow:3px 0 0 var(--c1,#da251d), -3px 0 0 var(--c1,#da251d), 0 3px 0 var(--c1,#da251d), 0 -3px 0 var(--c1,#da251d), 2px 2px 0 var(--c1,#da251d), -2px 2px 0 var(--c1,#da251d), 2px -2px 0 var(--c1,#da251d), -2px -2px 0 var(--c1,#da251d), 0 8px 0 var(--c1,#da251d), 0 14px 0 #00000040, 0 0 40px var(--c2,#ffcd00);letter-spacing:.02em;font-size:min(14vw,17vh,120px);font-weight:800;line-height:.9}#goal-team{background:var(--c1,#da251d);color:var(--c2,#ffcd00);border-radius:12px;margin-top:8px;padding:4px 18px 0;font-size:22px;font-weight:800;display:inline-block;box-shadow:0 6px #00000040}#goal-banner.show{animation:3.6s cubic-bezier(.2,1.4,.4,1) forwards goal-in}@keyframes goal-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-12deg)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(3deg)}20%{transform:translate(-50%,-50%)scale(1)rotate(-2deg)}85%{opacity:1;transform:translate(-50%,-50%)scale(1.04)rotate(-2deg)}to{opacity:0;transform:translate(-50%,-60%)scale(1.2)rotate(-2deg)}}@font-face{font-family:Skill Brush;src:url(./skill-brush-DtVmuPyB.woff2)format("woff2");font-display:block}@font-face{font-family:Skill Seal;src:url(./skill-seal-G5bQ2gt4.woff2)format("woff2");font-display:block}#skill-fx{pointer-events:none;visibility:hidden;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}#skill-fx.show{visibility:visible}.sk-bar{background:#07050a;height:12vh;transition:transform .22s ease-out;position:absolute;left:0;right:0;transform:scaleY(0)}.sk-bar.top{transform-origin:top;top:0}.sk-bar.bottom{transform-origin:bottom;bottom:0}#skill-fx.show .sk-bar{transform:scaleY(1)}#skill-fx.out .sk-bar{transition-duration:.4s;transform:scaleY(0)}.sk-lines{opacity:0;background:radial-gradient(circle,#0a060e00 22%,#0a060e80 75%),repeating-conic-gradient(#ffeec800 0deg 3.1deg,#ffeec847 3.1deg 3.9deg);transition:opacity .2s;position:absolute;top:-30%;bottom:-30%;left:-30%;right:-30%;-webkit-mask-image:radial-gradient(circle,#0000 18%,#000 46%);mask-image:radial-gradient(circle,#0000 18%,#000 46%)}#skill-fx.show .sk-lines{opacity:1;animation:.24s steps(3,end) infinite sk-jitter}#skill-fx.out .sk-lines{opacity:0}@keyframes sk-jitter{to{transform:rotate(3deg)}}#skill-banner{aspect-ratio:3.2;width:min(88vw,165vh);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.sk-ink{clip-path:inset(0 100% 0 0);filter:drop-shadow(0 8px 16px #00000073);background:50%/100% 100% no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}#skill-fx.show .sk-ink{animation:.34s cubic-bezier(.3,.7,.2,1) 40ms forwards sk-brush}@keyframes sk-brush{to{clip-path:inset(0)}}.sk-name{font-family:"Skill Brush", var(--font);white-space:nowrap;filter:drop-shadow(0 3px #4a1600)drop-shadow(0 0 12px #ffaa28a6);flex-direction:column;align-items:center;line-height:.92;display:flex;position:absolute;top:50%;left:4%;right:17%;transform:translateY(-54%)}.sk-name span{background:linear-gradient(#fff8d6 12%,#ffd34d 46%,#e6900f 72%,#ffeaa6 100%);color:#0000;opacity:0;-webkit-background-clip:text;background-clip:text;padding:0 .12em;display:block}.sk-l1{margin-right:24%;font-size:min(6.2vw,11.5vh)}.sk-l2{margin-left:6%;font-size:min(8vw,14.8vh)}#scoreboard,#topbar,#actions{transition:opacity .2s}#hud.casting #scoreboard,#hud.casting #topbar{opacity:0}#hud.casting #actions{opacity:.35}#hud.casting-foe #scoreboard,#hud.casting-foe #topbar{opacity:0}#hud.casting-foe #actions{z-index:6}.sk-who{letter-spacing:.08em;opacity:0;border-radius:.5em;padding:.25em .8em .1em;font-size:min(2.2vw,4vh);font-weight:800;position:absolute;top:4%;left:9%;transform:rotate(-4deg);box-shadow:0 4px #0000004d}#skill-fx.show .sk-who{animation:.25s ease-out .1s forwards sk-word}#guard-badge{pointer-events:none;opacity:0;will-change:transform;background:linear-gradient(#281206d9,#140802d9);border:1.5px solid #e6b54a;border-radius:10px;align-items:center;gap:5px;padding:3px 9px 3px 4px;transition:opacity .15s;display:flex;position:absolute;top:0;left:0;box-shadow:0 0 14px #ffc44699}#guard-badge.show{opacity:1}#guard-badge.show.ending{animation:.25s steps(2,end) infinite gb-blink}@keyframes gb-blink{50%{opacity:.35}}.gb-seal{color:#fff1dc;direction:rtl;background:#b3101a;border-radius:3px;grid-template-rows:repeat(2,1em);grid-auto-columns:1em;grid-auto-flow:column;padding:.12em;font-family:Skill Seal,serif;font-size:12px;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #ffecd6cc}.gb-seal b{text-align:center;font-weight:400}.gb-name{font-family:"Skill Brush", var(--font);color:#ffd55e;text-shadow:0 1px #3a1400;white-space:nowrap;font-size:14px;line-height:.95}.gb-time{background:linear-gradient(90deg, #ffd55e calc(var(--left,1) * 100%), #ffffff26 0);border-radius:2px;height:3px;position:absolute;bottom:-5px;left:8px;right:8px}.skill-chip{touch-action:manipulation;background:#ffcd001f;border:1px solid #ffcd0073;border-radius:14px;align-items:center;gap:8px;margin:0 0 10px;padding:5px 14px 3px;display:inline-flex}.skill-chip .sc-label{opacity:.75;font-size:12px;font-weight:600}.skill-chip b{font-family:"Skill Brush", var(--font);color:#ffd55e;font-size:19px;font-weight:400}.skill-chip .sc-go{opacity:.7;font-weight:800}#skill-fx.show .sk-l1{animation:.3s cubic-bezier(.2,1.5,.4,1) .16s forwards sk-word}#skill-fx.show .sk-l2{animation:.34s cubic-bezier(.2,1.5,.4,1) .3s forwards sk-word}@keyframes sk-word{0%{opacity:0;transform:scale(1.9)translateY(-8%)}to{opacity:1;transform:none}}.sk-seal{color:#fff1dc;opacity:0;background:radial-gradient(circle at 30% 25%,#d81f27,#b3101a 70%,#8e0a12);border-radius:.12em;flex-direction:column;align-items:center;padding:.2em .14em;font-family:Skill Seal,serif;font-size:min(3.3vw,6vh);line-height:1;display:flex;position:absolute;top:50%;right:5%;transform:translateY(-50%)rotate(-6deg)scale(2.4);box-shadow:inset 0 0 0 .06em #b3101a,inset 0 0 0 .11em #ffecd6d9,0 4px 14px #00000073}.sk-seal b{height:1.04em;font-weight:400;display:block}#skill-fx.show .sk-seal{animation:.18s cubic-bezier(.5,0,.75,0) .6s forwards sk-stamp}@keyframes sk-stamp{to{opacity:1;transform:translateY(-50%)rotate(-6deg)scale(1)}}#skill-fx.show #skill-banner{animation:.2s ease-out .78s sk-thud}@keyframes sk-thud{30%{transform:translate(-50%,-48%)scale(1.02)}}#skill-fx.out #skill-banner{animation:.3s ease-in forwards sk-out}@keyframes sk-out{to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}#toast{left:50%;top:calc(var(--safe-t) + 78px);background:var(--glass);border:1px solid var(--stroke);opacity:0;pointer-events:none;border-radius:12px;padding:6px 16px 3px;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,-8px)}#toast.show{opacity:1;transform:translate(-50%)}#fade{opacity:0;pointer-events:none;background:#0d0a14;transition:opacity .3s;position:fixed;top:0;bottom:0;left:0;right:0}#fade.on{opacity:1}.screen{z-index:20;padding:max(12px, var(--safe-t)) max(18px, var(--safe-r)) max(12px, var(--safe-b)) max(18px, var(--safe-l));display:none;position:fixed;top:0;bottom:0;left:0;right:0}.screen.open{animation:.22s ease-out screen-in;display:flex}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}#screen-menu{background:radial-gradient(at 50% 45%,#140c1e0d,#0e0816b3 78%),linear-gradient(#0e081640,#0e081699);justify-content:center;align-items:center}.menu-center{text-align:center;max-width:640px}.logo{flex-direction:column;align-items:center;margin-bottom:14px;line-height:.85;display:flex;transform:rotate(-3deg)}.logo .l1{color:#ffcd00;text-shadow:2px 0 #7a1f10,-2px 0 #7a1f10,0 2px #7a1f10,0 -2px #7a1f10,0 6px #da251d,0 11px #7a1f10,0 18px 22px #00000073;letter-spacing:.04em;font-size:clamp(44px,11vh,92px);font-weight:800}.logo .l2{color:#1a1320;letter-spacing:.08em;background:#fff;border-radius:12px;margin-top:10px;padding:6px 18px 0;font-size:clamp(22px,5.5vh,44px);font-weight:800;box-shadow:0 6px #2e7bd6}.matchup{justify-content:center;align-items:center;gap:14px;margin:18px 0 16px;font-size:18px;font-weight:800;display:flex}.matchup b{color:#ffcd00}.matchup .side{align-items:center;gap:8px;display:flex}.matchup i{background:linear-gradient(135deg, var(--a) 55%, var(--b) 55%);border-radius:7px;width:22px;height:22px;box-shadow:0 0 0 2px #fff}.difficulty{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0 0 14px;display:flex}.difficulty .dlabel{opacity:.8;margin-right:4px;font-size:13px;font-weight:600}.difficulty button{background:#ffffff1f;border:1px solid #ffffff40;border-radius:10px;padding:5px 12px 2px;font-size:14px;font-weight:800}.difficulty button.on{color:#1a1320;background:#ffcd00;border-color:#ffcd00;box-shadow:0 3px #b58f00}.btn-primary{letter-spacing:.04em;background:linear-gradient(#ff6a5e,#da251d);border-radius:18px;padding:11px 40px 7px;font-size:22px;font-weight:800;box-shadow:0 6px #8f120c,0 12px 26px #da251d73}.btn-primary:active{transform:translateY(4px);box-shadow:0 2px #8f120c}#btn-play{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.05)}}.btn-secondary{background:#ffffff1f;border:1px solid #ffffff40;border-radius:14px;padding:9px 16px 6px;font-size:15px;font-weight:800}.btn-secondary:active,.btn-small:active,.seg button:active,.set-link:active{transform:scale(.96)}.btn-small{background:#2e7bd6;border-radius:10px;padding:6px 12px 3px;font-size:13px;font-weight:800}.btn-small.ghost{background:#ffffff1f}.btn-small.danger,.btn-primary.danger{background:linear-gradient(#ff5d5d,#c81e1e);box-shadow:0 4px #7d1010}.btn-link{opacity:.8;margin-top:12px;font-size:14px;font-weight:600;text-decoration:underline}.menu-row,.modal-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.profile-chip{top:max(12px, var(--safe-t));left:max(14px, var(--safe-l));background:var(--glass);border:1px solid var(--stroke);text-align:left;border-radius:18px;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex;position:absolute}.chip-text{flex-direction:column;min-width:120px;line-height:1.05;display:flex}.chip-text b{font-size:15px}.chip-text small{opacity:.8;font-size:12px}.xpbar{background:#ffffff2e;border-radius:4px;height:6px;margin-top:4px;display:block;overflow:hidden}.xpbar i{background:linear-gradient(90deg,#ffcd00,#ff8a3d);border-radius:4px;width:0;height:100%;transition:width .8s ease-out;display:block}.avatar{--c:#da251d;background:radial-gradient(ellipse 8% 11% at 36% 45%, #141418 70%, transparent 74%), radial-gradient(ellipse 8% 11% at 64% 45%, #141418 70%, transparent 74%), radial-gradient(ellipse 13% 17% at 35% 42%, #fff 70%, transparent 74%), radial-gradient(ellipse 13% 17% at 65% 42%, #fff 70%, transparent 74%), var(--c);border-radius:14px;flex:none;width:44px;height:44px;position:relative;box-shadow:inset 0 -5px #0003,0 0 0 2px #ffffffd9}.avatar:after{content:"";border-bottom:3px solid #3a1418;border-radius:0 0 50% 50%;width:18%;height:11%;position:absolute;top:58%;left:41%}.avatar.big{border-radius:28px;width:96px;height:96px}.avatar.big:after{border-bottom-width:5px}.panel-screen{background:#100a1af2;flex-direction:column}.panel-head{align-items:center;gap:12px;width:100%;max-width:900px;margin:0 auto 8px;display:flex}.panel-head h2{margin:0;font-size:22px}.back{background:#ffffff1f;border-radius:12px;width:42px;height:42px;padding-bottom:5px;font-size:32px;line-height:1}.panel-scroll{touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;width:100%;max-width:900px;margin:0 auto;padding:4px 4px 28px;overflow-y:auto}.panel-scroll h3{margin:18px 0 8px;font-size:16px}.panel-scroll h3 small{opacity:.7;font-weight:600}.profile-top{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.pf-info{flex:1;min-width:220px}.pf-name{align-items:center;gap:6px;display:flex}.pf-name input{font:inherit;color:#fff;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:0 0;border:0;border-bottom:2px dashed #ffffff4d;outline:none;width:100%;max-width:260px;padding:0 0 2px;font-size:22px;font-weight:800}.pf-name input:disabled{border-bottom-color:#0000}.pf-name input:disabled+.edit{display:none}.pf-level{align-items:center;gap:10px;margin:6px 0;display:flex}.pf-level .xpbar{flex:1;max-width:200px;margin:0}.pf-level small{opacity:.75}.avatar-colors{gap:8px;margin-top:6px;display:flex}.avatar-colors button{border-radius:8px;width:26px;height:26px;box-shadow:inset 0 -3px #00000040}.avatar-colors button.on{outline-offset:2px;outline:3px solid #fff}.gc-card{border:1px solid var(--stroke);background:#ffffff12;border-radius:16px;min-width:220px;padding:10px 14px}.gc-title{font-weight:800}.gc-status{opacity:.8;margin:2px 0 8px;font-size:13px}.gc-links{gap:6px;margin-top:8px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.stat{background:#ffffff12;border-radius:12px;padding:8px 10px 4px}.stat b{font-size:22px;line-height:1.1;display:block}.stat span{opacity:.75;font-size:12px}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.ach{text-align:left;background:#ffffff12;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.ach .ic{text-align:center;flex:none;width:36px;font-size:26px}.ach b{font-size:14px;display:block}.ach span{opacity:.75;font-size:12px}.ach.locked{opacity:.45}.ach.locked .ic{filter:grayscale()}.pf-footer{flex-direction:column;align-items:flex-start;gap:10px;margin-top:18px;display:flex}.note{opacity:.75;margin:0;font-size:13px}.set-group{background:#ffffff0f;border-radius:16px;margin-bottom:12px;padding:2px 14px}.set-row{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.set-row:last-child,.set-link:last-child{border-bottom:0}.set-row>span{font-weight:600}.seg{flex-wrap:wrap;gap:4px;display:flex}.seg button{background:#ffffff1a;border-radius:9px;padding:5px 10px 2px;font-size:13px;font-weight:800}.seg button.on{color:#1a1320;background:#ffcd00}.switch{flex:none;width:48px;height:28px;position:relative}.switch input{opacity:0;z-index:1;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.switch i{pointer-events:none;background:#fff3;border-radius:20px;transition:background .2s;position:absolute;top:0;bottom:0;left:0;right:0}.switch i:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+i{background:#2f9e5b}.switch input:checked+i:after{transform:translate(20px)}input[type=range]{accent-color:#ffcd00;touch-action:pan-x;width:180px}.set-link{text-align:left;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;width:100%;min-height:46px;font-size:15px;font-weight:600;display:flex}.support{color:#7fd6ff;-webkit-user-select:text;user-select:text;font-weight:600}.version{text-align:center;opacity:.5;font-size:12px}.modal-screen{background:#0a0612b8;justify-content:center;align-items:center}.modal{text-align:center;border:1px solid var(--stroke);touch-action:pan-y;background:linear-gradient(#2a1d3d,#1a1126);border-radius:24px;max-width:92vw;max-height:100%;padding:16px 26px 18px;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal h2{letter-spacing:.06em;margin:0 0 6px;font-size:28px}.modal.small{max-width:440px}.modal.small h3{margin:4px 0;font-size:20px}.pause-score{opacity:.85;margin:0 0 14px;font-weight:600}.res-title{letter-spacing:.3em;opacity:.7;font-size:14px}.res-banner{color:#ffcd00;text-shadow:0 4px #b5261e;margin:2px 0;font-size:44px;font-weight:800;line-height:1}.res-banner.lose{color:#9fb3d9;text-shadow:0 4px #2b3a66}.res-banner.draw{color:#fff;text-shadow:0 4px #555}.res-score{font-size:26px;font-weight:800}.res-stats{flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0;display:flex}.res-stats div{background:#ffffff12;border-radius:10px;padding:4px 12px 2px;font-size:13px}.res-stats b{font-size:18px;display:block}.res-xp{justify-content:center;align-items:center;gap:10px;margin:6px 0;display:flex}.res-xp .xpbar{width:180px;margin:0}.res-coins{color:#ffcd00;font-weight:800}.res-ach{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.res-ach .ach{animation:.5s cubic-bezier(.3,1.6,.5,1) both pop}@keyframes pop{0%{opacity:0;transform:scale(.4)}}.howto{max-width:780px}.howto-grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 10px;display:grid}.howto-grid div{background:#ffffff12;border-radius:14px;grid-template-columns:40px 1fr;align-items:center;column-gap:8px;padding:8px 10px;display:grid}.howto-grid b{font-size:15px}.howto-grid span{opacity:.8;grid-column:2;font-size:12px;line-height:1.25}.hi{border-radius:50%;grid-row:span 2;place-items:center;width:40px;height:40px;font-size:18px;font-style:normal;display:grid;box-shadow:inset 0 -4px #00000040}.hi.joy{box-shadow:none;border:2px dashed #fff9}.hi.red{background:#da251d}.hi.blue{background:#2e7bd6}.hi.yellow{background:#f0a42b}.hi.green{background:#22a94f}.hi.orange{background:#e0621d}.hi.gold{background:radial-gradient(circle at 40% 30%,#fff1a8,#f2b021 60%,#b56a06)}.howto-grid .wide{grid-column:1/-1}.legal{-webkit-user-select:text;user-select:text;font-size:14px;line-height:1.55}.legal h1{display:none}.legal h2{margin:16px 0 4px;font-size:17px}.legal a{color:#7fd6ff}.coin-ic{vertical-align:-.14em;background:radial-gradient(circle at 35% 30%,#fff5b8 0 12%,#ffd23a 34%,#e8a400 78%);border-radius:50%;flex:none;width:1em;height:1em;margin-right:.3em;display:inline-block;box-shadow:inset 0 0 0 .11em #f6b400,inset 0 0 0 .19em #ffe27a,0 .06em #0000004d}.coin-ic.big{margin:0;font-size:40px}.coin-pill{top:max(12px, var(--safe-t));right:max(14px, var(--safe-r));background:var(--glass);border:1px solid var(--stroke);border-radius:16px;align-items:center;gap:6px;padding:6px 8px 4px 12px;font-size:18px;font-weight:800;display:flex;position:absolute}.coin-pill .coin{font-size:18px}.coin-pill .plus{background:#2f9e5b;border-radius:8px;place-items:center;width:24px;height:24px;padding-top:2px;font-size:18px;line-height:1;display:grid}.coin-pill.static{margin-left:auto;padding-right:12px;position:static}.coin-pill.bump{animation:.5s cubic-bezier(.3,1.8,.5,1) bump}.shop-btn{color:#3a2200;background:linear-gradient(#ffd24a,#f0a42b);border-color:#ffd24a}.shop-tabs{flex-wrap:wrap;gap:6px;width:100%;max-width:900px;margin:0 auto 8px;display:flex}.shop-tabs button{background:#ffffff1a;border-radius:12px;padding:7px 14px 4px;font-size:14px;font-weight:800}.shop-tabs button.on{color:#1a1320;background:#ffcd00}.shop-tabs .coins-tab{background:#2f9e5b59;margin-left:auto}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.item{text-align:center;background:#ffffff12;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 10px 10px;display:flex;position:relative}.item.equipped{border-color:#ffcd00}.item .swatch{border-radius:20px;place-items:center;width:64px;height:64px;font-size:34px;display:grid;box-shadow:inset 0 -5px #0003,0 0 0 2px #fff9}.item b{font-size:14px}.item .desc{opacity:.75;font-size:11.5px;line-height:1.25}.item .buy{background:#2e7bd6;border-radius:10px;width:100%;margin-top:2px;padding:6px 8px 3px;font-size:14px;font-weight:800}.item .buy.owned{background:#ffffff24}.item .buy.on{color:#1a1320;background:#ffcd00}.item .buy.poor{color:#ffffff80;background:#ffffff14}.item .tag{background:#da251d;border-radius:8px;padding:2px 7px 0;font-size:11px;font-weight:800;position:absolute;top:8px;right:8px}.item.pack .swatch{background:radial-gradient(circle at 40% 30%,#ffe27a,#f0a42b)}.item.pack b{font-size:18px}.shop-note{margin-top:14px}.panel-scroll button,.panel-scroll label,.modal button{touch-action:manipulation}body.overlay #joy-zone,body.overlay #actions,body.overlay #topbar{pointer-events:none}#topbar button svg{fill:#fff;width:18px;height:18px;display:block}#toast{z-index:40}#fade{z-index:50}#rotate-hint{z-index:10;background:#0e0816eb;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:20px;font-weight:800;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#rotate-hint .phone{border:4px solid #fff;border-radius:12px;width:54px;height:92px;animation:1.8s ease-in-out infinite rotate}@keyframes rotate{40%,to{transform:rotate(-90deg)}}@media (orientation:portrait) and (pointer:coarse){#rotate-hint{display:flex}}@media (max-height:420px){.act.big{width:92px;height:92px}.act.mid{width:68px;height:68px;right:104px}.act.small{width:58px;height:58px;bottom:108px}.act.skill{width:56px;height:56px;bottom:88px;right:100px}.modal{padding:10px 18px 12px}.modal h2{margin-bottom:2px;font-size:22px}.howto-grid{gap:6px;margin:4px 0 6px}.howto-grid div{grid-template-columns:32px 1fr;padding:5px 8px}.hi{width:32px;height:32px;font-size:15px}.howto-grid b{font-size:13px}.howto-grid span{font-size:11px}.howto .note{margin-bottom:6px;font-size:12px}.howto .btn-primary{padding:8px 32px 5px;font-size:18px}.logo .l1{font-size:60px}.logo .l2{font-size:26px}.matchup{margin:12px 0 10px}}