@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;600;800&display=swap";:root{--orange: #f05a28;--gold: #ffc23d;--green: #4dff9a;--ink: #0b0d1a;--panel: rgba(10, 12, 26, .62);--text: #f4f1ea}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--text);font-family:Inter,system-ui,sans-serif;user-select:none;-webkit-user-select:none}#app,canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.hud{position:fixed;inset:0;pointer-events:none}.scoreboard{position:absolute;top:14px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:8px 16px 10px;backdrop-filter:blur(6px);text-align:center}.sb-title{font-family:Bebas Neue,Impact,sans-serif;letter-spacing:.2em;font-size:13px;color:var(--orange)}.sb-row{display:flex;gap:18px}.sb-row div{display:flex;flex-direction:column;align-items:center;min-width:38px}.sb-row span{font-size:9px;letter-spacing:.14em;opacity:.6}.sb-row b{font-family:Bebas Neue,Impact,sans-serif;font-size:26px;line-height:1}.sb-row i{font-style:normal;font-size:9px;opacity:.55}.sb-row .hot b{color:var(--gold);text-shadow:0 0 12px rgba(255,140,0,.9)}.info{position:absolute;bottom:10px;right:14px;text-align:right;max-width:50vw;font-size:11px;opacity:.55}.meter{position:absolute;left:0;top:0;width:80px;height:80px;transition:opacity .15s;filter:drop-shadow(0 0 6px rgba(0,0,0,.6))}.meter circle{fill:none;stroke-width:8}.m-track{stroke:#0a0c1ab3;stroke-width:11!important}.m-good{stroke:#ffffff47}.m-green{stroke:var(--green)}.m-fill{stroke:#fff;stroke-width:5!important;stroke-linecap:round}.meter.graded[data-grade=perfect] .m-fill{stroke:var(--green)}.meter.graded[data-grade=good] .m-fill{stroke:var(--gold)}.meter.graded[data-grade=early] .m-fill,.meter.graded[data-grade=late] .m-fill{stroke:#ff4d5e}.stamina{position:absolute;bottom:26px;left:50%;width:220px;height:7px;transform:translate(-50%);background:#0a0c1ab3;border-radius:6px;overflow:hidden;opacity:0;transition:opacity .3s}.stamina.active{opacity:1}.stamina-fill{height:100%;background:linear-gradient(90deg,#35d0ff,#8cf0ff);border-radius:6px}.stamina.low .stamina-fill{background:linear-gradient(90deg,#ff4d5e,#ff9a6b)}.popups{position:absolute;inset:0}.popup{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);font-family:Bebas Neue,Impact,sans-serif;letter-spacing:.06em;white-space:nowrap;animation:pop 1.3s cubic-bezier(.2,1.4,.4,1) forwards;text-shadow:0 4px 0 rgba(0,0,0,.35),0 0 22px rgba(0,0,0,.45)}.popup.anchored{font-size:30px;animation-name:rise}.popup.perfect{color:var(--green);text-shadow:0 0 18px rgba(77,255,154,.9),0 3px 0 #0a5a30}.popup.good{color:var(--gold)}.popup.bad{color:#ff6b78}.popup.score{top:24%;font-size:64px;color:var(--gold)}.popup.big{top:33%;font-size:46px;color:#fff;-webkit-text-stroke:1px var(--orange)}.popup.small{top:33%;font-size:30px;color:#fff}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}30%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-70%) scale(1)}}@keyframes rise{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-150%) scale(1)}}.help{position:absolute;left:14px;bottom:14px;background:var(--panel);border-radius:12px;padding:10px 14px;font-size:12px;line-height:1.7;backdrop-filter:blur(6px)}.help.hidden{display:none}.help b{font-family:Bebas Neue,Impact,sans-serif;letter-spacing:.15em;color:var(--orange);font-size:14px}.help .g{color:var(--green);font-weight:800}.help .dim{opacity:.55}kbd{display:inline-block;padding:0 6px;border-radius:4px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);font-family:inherit;font-size:11px}.overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;background:radial-gradient(ellipse at center,#0b0d1a8c,#0b0d1af2);z-index:10;cursor:pointer;transition:opacity .4s}.overlay.gone{opacity:0;pointer-events:none}.title{text-align:center}.logo{font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(56px,11vw,132px);line-height:.9;letter-spacing:.04em;color:#fff;text-shadow:0 6px 0 var(--orange),0 0 40px rgba(240,90,40,.6)}.logo span{display:block;color:var(--orange);text-shadow:0 6px 0 #7a2a0c,0 0 40px rgba(240,90,40,.6)}.tag{margin-top:18px;letter-spacing:.3em;font-size:12px;text-transform:uppercase;opacity:.7}.status{font-size:14px;opacity:.85}.play{font-family:Bebas Neue,Impact,sans-serif;font-size:28px;letter-spacing:.15em;color:var(--ink);background:var(--gold);border:0;border-radius:999px;padding:12px 40px;cursor:pointer;box-shadow:0 0 30px #ffc23d80;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.05)}}.error{color:#ff6b78;text-align:center;max-width:480px}.lock-hint{position:fixed;top:92px;left:50%;transform:translate(-50%);font-size:12px;padding:6px 14px;border-radius:999px;background:var(--panel);pointer-events:none}.lock-hint.hidden{display:none}@media(max-width:640px){.sb-row{gap:8px}.sb-row b{font-size:20px}.help{display:none}}@media(max-height:520px){.scoreboard{top:6px;padding:4px 10px 6px;transform:translate(-50%) scale(.75);transform-origin:top center}.help{display:none}}.hud[data-mode=menu] .scoreboard,.hud[data-mode=menu] .help,.hud[data-mode=menu] .stamina,.hud[data-mode=menu] .meter{display:none}.room-code{font:inherit;letter-spacing:.2em;color:var(--gold);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:0 6px;cursor:pointer;pointer-events:auto}.mb-row{display:flex;gap:14px;justify-content:center;margin-top:4px}.mb-p{display:flex;flex-direction:column;align-items:center;min-width:70px;border-bottom:3px solid transparent;padding-bottom:2px}.mb-p.team0{border-color:#f05a28}.mb-p.team1{border-color:#2d7cf0}.mb-p.me .mb-name{color:var(--gold)}.mb-p.away{opacity:.45}.mb-name{font-size:10px;letter-spacing:.08em;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-p b{font-family:Bebas Neue,Impact,sans-serif;font-size:28px;line-height:1}.plates{position:absolute;inset:0}.plate{position:absolute;left:0;top:0;font-size:12px;font-weight:800;padding:2px 8px;border-radius:999px;background:#0a0c1a99;white-space:nowrap}.plate.team0{box-shadow:inset 0 -2px #f05a28}.plate.team1{box-shadow:inset 0 -2px #2d7cf0}.banner{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:12px 22px;border-radius:12px;background:#0a0c1ad9;font-weight:800;letter-spacing:.05em}.banner.hidden{display:none}.menu{cursor:default}.panel{display:flex;flex-direction:column;gap:12px;width:min(420px,calc(100vw - 32px));padding:18px;border-radius:16px;background:var(--panel);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px)}.panel .row{display:flex;gap:8px}.field{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.9}.panel input{flex:1;min-width:0;font:inherit;font-size:15px;color:var(--text);background:#ffffff12;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:10px 12px;text-transform:none;letter-spacing:normal}.panel input.code{max-width:96px;text-align:center;letter-spacing:.25em;text-transform:uppercase}.btn{flex:1;font-family:Bebas Neue,Impact,sans-serif;font-size:20px;letter-spacing:.1em;color:var(--text);background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:10px 12px;cursor:pointer}.btn:hover:not(:disabled){background:#ffffff2e}.btn.primary{color:var(--ink);background:var(--gold);border-color:var(--gold);box-shadow:0 0 24px #ffc23d59}.btn:disabled{opacity:.5;cursor:default}.panel .status{min-height:1.2em;font-size:13px;text-align:center}.panel .status.error{color:#ff6b78}.menu-button{position:fixed;top:12px;left:14px;font:inherit;font-size:12px;font-weight:800;color:var(--text);background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 12px;cursor:pointer;z-index:5}.menu-button.hidden{display:none}@media(max-height:620px){.menu{gap:14px}.menu .logo{font-size:clamp(40px,9vh,80px)}.menu .tag{margin-top:8px}}.tb{display:flex;align-items:stretch;gap:10px}.tb-team{display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:10px;border-bottom:3px solid transparent;position:relative}.tb-team.team0{border-color:#f05a28}.tb-team.team1{border-color:#2d7cf0}.tb-team.mine .tb-name:after{content:" (YOU)";opacity:.6}.tb-team.poss:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--gold)}.tb-name{font-size:10px;letter-spacing:.18em;opacity:.85}.tb-team b{font-family:Bebas Neue,Impact,sans-serif;font-size:40px;line-height:1;min-width:34px;text-align:center}.tb-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px}.tb-clock{font-family:Bebas Neue,Impact,sans-serif;font-size:24px;letter-spacing:.06em;line-height:1}.tb-shot{font-family:Bebas Neue,Impact,sans-serif;font-size:18px;line-height:1;color:var(--gold)}.tb-shot.low{color:#ff4d5e;animation:pulse .5s ease-in-out infinite}.tb-sub{margin-top:4px;font-size:10px;letter-spacing:.1em;opacity:.75}.meter.contested .m-green{stroke:#b8ff4d}.countdown{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-family:Bebas Neue,Impact,sans-serif;font-size:120px;color:#fff;text-shadow:0 6px 0 var(--orange),0 0 40px rgba(240,90,40,.7)}.countdown.tick{animation:count-pop .5s cubic-bezier(.2,1.6,.4,1)}.countdown.hidden{display:none}@keyframes count-pop{0%{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.clear-badge{position:absolute;bottom:44px;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#ffc23deb;color:var(--ink);font-weight:800;font-size:12px;letter-spacing:.08em;animation:pulse 1s ease-in-out infinite}.clear-badge.hidden{display:none}.popup.toast{top:22%;font-size:26px;color:#fff;letter-spacing:.12em}.plate.mate{opacity:.85;font-weight:600}.results{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;padding:20px;border-radius:18px;background:#0a0c1ae6;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);text-align:center}.results.hidden{display:none}.rs-title{font-family:Bebas Neue,Impact,sans-serif;font-size:64px;line-height:1}.rs-title.win{color:var(--gold);text-shadow:0 0 30px rgba(255,194,61,.6)}.rs-title.loss{color:#9aa3b8}.rs-sub{letter-spacing:.2em;font-size:12px;opacity:.8;margin-bottom:14px}.rs-tables{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.rs-tables{grid-template-columns:1fr}}.rs-team{text-align:left;border-top:3px solid;padding-top:6px}.rs-team.team0{border-color:#f05a28}.rs-team.team1{border-color:#2d7cf0}.rs-head{display:flex;justify-content:space-between;align-items:baseline;letter-spacing:.15em;font-size:12px}.rs-head b{font-family:Bebas Neue,Impact,sans-serif;font-size:34px}.results table{width:100%;border-collapse:collapse;font-size:12px}.results th{font-size:9px;letter-spacing:.12em;opacity:.6;text-align:right;font-weight:600}.results th:first-child,.results td:first-child{text-align:left}.results td{text-align:right;padding:3px 0}.results tr.me td{color:var(--gold)}.results td i{font-style:normal;font-size:9px;opacity:.6}.results td em{font-style:normal;font-size:9px;font-weight:800;color:var(--ink);background:var(--gold);border-radius:4px;padding:0 4px}.rs-next{margin-top:14px;font-size:12px;opacity:.7}.hud[data-mode=menu] .results,.hud[data-mode=menu] .countdown,.hud[data-mode=menu] .clear-badge{display:none}.panel select{font:inherit;color:var(--text);background:#ffffff12;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:0 8px}.panel select option{color:#111}.panel .check{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.85;white-space:nowrap}.panel .check input{flex:none;width:16px;height:16px}.hud.show-results .help,.hud.show-results .clear-badge{display:none}.touch{position:fixed;inset:0;z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch.hidden{display:none}.t-zone{position:absolute;top:0;bottom:0;touch-action:none}.t-left{left:0;width:45%}.t-right{right:0;width:55%}.t-stick{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}.t-stick.hidden{display:none}.t-stick:before{content:"";position:absolute;width:128px;height:128px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#0a0c1a40}.t-stick.sprint:before{border-color:#35d0ffe6}.t-knob{position:absolute;width:58px;height:58px;border-radius:50%;background:#ffffff8c;transform:translate(-50%,-50%)}.t-buttons{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:230px;height:210px;pointer-events:none}.t-btn{position:absolute;pointer-events:auto;touch-action:none;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#0a0c1a73;color:#fff;font-family:Bebas Neue,Impact,sans-serif;letter-spacing:.08em;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(4px)}.t-btn.down{background:#ffc23dbf;color:var(--ink);transform:scale(.94)}.t-shoot{right:0;bottom:0;width:112px;height:112px;font-size:24px;border-color:#4dff9ab3}.t-jump{right:124px;bottom:4px;width:80px;height:80px;font-size:19px}.t-pass{right:18px;bottom:126px;width:80px;height:80px;font-size:19px}.t-reset{right:128px;bottom:112px;width:52px;height:52px;font-size:20px}body.touch-ui .help,body.touch-ui .lock-hint{display:none}body.touch-ui .stamina{bottom:14px}body.touch-ui .clear-badge{bottom:auto;top:100px}.rotate-hint{display:none}@media(orientation:portrait)and (pointer:coarse){.rotate-hint{display:block;position:fixed;bottom:40%;left:50%;transform:translate(-50%);z-index:20;padding:10px 16px;border-radius:12px;background:#0a0c1ad9;font-weight:800;pointer-events:none}}body.touch-ui .info{bottom:auto;top:12px}.legend{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-family:Bebas Neue,Impact,sans-serif;letter-spacing:.15em;font-size:13px;color:var(--gold)}.legend.hidden{display:none}.legend-bar{width:220px;height:9px;border-radius:6px;background:#0a0c1abf;border:1px solid rgba(255,194,61,.35);overflow:hidden}.legend-fill{height:100%;width:0;background:linear-gradient(90deg,#ff8a3d,var(--gold));transition:width .3s}.legend.full .legend-bar{box-shadow:0 0 16px #ffc23de6;animation:pulse .8s ease-in-out infinite}.legend.full span:after{content:" READY"}body.touch-ui .legend{bottom:26px}.badges{position:absolute;top:110px;right:14px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.badge{padding:4px 10px;border-radius:999px;background:var(--panel);font-size:11px;font-weight:800;letter-spacing:.08em}.badge.fire{background:linear-gradient(90deg,#ff4d1f,#ffb000);color:#2a0d00;animation:pulse .7s ease-in-out infinite}.badge.chain{color:var(--green)}.badge.handle{color:#8cf0ff}.meter.boosted .m-green{stroke:#9dffcf;filter:drop-shadow(0 0 4px rgba(77,255,154,.9))}.jump-cue{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);font-family:Bebas Neue,Impact,sans-serif;font-size:56px;color:var(--gold);text-shadow:0 0 24px rgba(255,194,61,.8),0 4px 0 #7a2a0c;animation:pulse .35s ease-in-out infinite;pointer-events:none}.jump-cue.hidden,.hud[data-mode=menu] .legend,.hud[data-mode=menu] .badges,.hud[data-mode=menu] .jump-cue{display:none}.t-btn.cue{background:#ffc23dcc;color:var(--ink);animation:pulse .35s ease-in-out infinite}.menu{overflow-y:auto;justify-content:flex-start;padding-block:24px}.menu-body{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:flex-start;width:min(1040px,calc(100vw - 32px))}.styles{flex:1 1 520px;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media(max-width:700px){.styles{grid-template-columns:repeat(2,minmax(0,1fr))}}.style-card{text-align:left;font:inherit;color:var(--text);background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;backdrop-filter:blur(8px)}.style-card:hover{border-color:var(--sc)}.style-card.selected{border:2px solid var(--sc);box-shadow:0 0 22px color-mix(in srgb,var(--sc) 45%,transparent)}.style-card:focus-visible{outline:2px solid var(--sc);outline-offset:2px}.sc-name{font-family:Bebas Neue,Impact,sans-serif;font-size:24px;letter-spacing:.06em;color:var(--sc);line-height:1}.sc-tag{font-size:11px;opacity:.75;margin-bottom:4px}.sbar{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:6px;font-size:9px;letter-spacing:.08em;opacity:.9}.sbar i{height:5px;border-radius:3px;background:#ffffff1f;overflow:hidden}.sbar b{display:block;height:100%;background:var(--sc)}.sc-kit{margin-top:4px;font-size:10px;opacity:.8}.sc-kit kbd{font-size:9px;padding:0 4px}.style-detail{grid-column:1 / -1;font-size:12px;line-height:1.5;padding:10px 12px;border-radius:12px;background:var(--panel)}.menu .panel{flex:0 1 380px}.kit{position:absolute;right:14px;bottom:40px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.kit.hidden{display:none}.kit>div{position:relative;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:999px;background:var(--panel);font-size:12px;font-weight:800;letter-spacing:.06em;opacity:.55;overflow:hidden}.kit .kit-name,.kit kbd{position:relative;z-index:1}.kit-cd{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--kc) 35%,transparent) var(--p, 0%),transparent var(--p, 0%))}.kit>div.ready{opacity:1;color:var(--kc);box-shadow:inset 0 0 0 1px var(--kc)}.kit>div.active{opacity:1;color:var(--ink);background:var(--kc);animation:pulse .6s ease-in-out infinite}body.touch-ui .kit{display:none}.awaken-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}.awaken-fx.hidden{display:none}.speedlines{position:absolute;inset:-50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 4deg,color-mix(in srgb,var(--ac) 55%,transparent) 4deg 4.6deg);-webkit-mask:radial-gradient(circle,transparent 18%,#000 42%);mask:radial-gradient(circle,transparent 18%,#000 42%);opacity:0}.awaken-fx.play .speedlines{animation:speedlines 1.2s ease-out forwards}.awaken-fx:not(.mine) .speedlines{--ac: rgba(255, 255, 255, .6)}@keyframes speedlines{0%{opacity:0;transform:scale(1.4) rotate(0)}15%{opacity:1}to{opacity:0;transform:scale(1) rotate(6deg)}}.awaken-title{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(48px,9vw,110px);letter-spacing:.08em;color:#fff;white-space:nowrap;text-shadow:0 0 30px var(--ac),0 6px 0 rgba(0,0,0,.45);opacity:0}.awaken-fx.play .awaken-title{animation:awaken-title 1.4s cubic-bezier(.2,1.4,.4,1) forwards}.awaken-fx:not(.mine) .awaken-title{font-size:clamp(30px,5vw,60px);top:30%}@keyframes awaken-title{0%{opacity:0;transform:translate(-50%,-50%) scale(2.2);letter-spacing:.4em}18%{opacity:1;transform:translate(-50%,-50%) scale(1);letter-spacing:.08em}80%{opacity:1}to{opacity:0}}.results td small{display:block;font-size:9px;opacity:.55;letter-spacing:.06em}@media(prefers-reduced-motion:reduce){.awaken-fx.play .speedlines,.awaken-fx.play .awaken-title{animation-duration:.01s}}.t-ability,.t-awaken{width:54px;height:54px;font-size:17px;--kc: #fff}.t-ability{right:186px;bottom:84px;background:conic-gradient(color-mix(in srgb,var(--kc) 55%,transparent) var(--p, 0deg),transparent var(--p, 0deg)),#0a0c1a73}.t-awaken{right:62px;bottom:206px;opacity:.55}.t-ability.ready{border-color:var(--kc);color:var(--kc)}.t-ability.active,.t-awaken.active{background:var(--kc);color:var(--ink);animation:pulse .6s ease-in-out infinite}.t-awaken.ready{opacity:1;border-color:var(--gold);color:var(--gold);box-shadow:0 0 18px #ffc23db3;animation:pulse .9s ease-in-out infinite}.replay{position:absolute;inset:0;pointer-events:none}.replay.hidden{display:none}.rp-bar{position:absolute;left:0;right:0;height:9vh;background:#000;animation:rp-in .35s ease-out both}.rp-bar.top{top:0}.rp-bar.bottom{bottom:0}@keyframes rp-in{0%{transform:scaleY(0)}}.rp-tag{position:absolute;top:calc(9vh + 14px);left:max(18px,env(safe-area-inset-left));display:flex;align-items:center;gap:8px;font-family:Bebas Neue,Impact,sans-serif;font-size:26px;letter-spacing:.12em}.rp-tag i{width:12px;height:12px;border-radius:50%;background:#ff3b3b;box-shadow:0 0 12px #ff3b3b;animation:rp-blink 1s steps(2) infinite}.replay.potg .rp-tag{color:var(--gold);text-shadow:0 0 18px rgba(255,194,61,.6)}.replay.potg .rp-tag i{background:var(--gold);box-shadow:0 0 12px var(--gold)}@keyframes rp-blink{50%{opacity:.2}}.rp-title{position:absolute;bottom:calc(9vh + 18px);left:max(18px,env(safe-area-inset-left));display:flex;flex-direction:column;font-family:Bebas Neue,Impact,sans-serif;line-height:1;animation:rp-slide .5s .2s ease-out both}.rp-title b{font-size:clamp(34px,6vw,64px);font-weight:400}.rp-title span{font-size:22px;opacity:.8;letter-spacing:.08em}@keyframes rp-slide{0%{opacity:0;transform:translate(-30px)}}.rp-skip{position:absolute;bottom:calc(9vh - 26px);right:max(18px,env(safe-area-inset-right));font-size:12px;opacity:.6}.rp-progress{position:absolute;top:9vh;left:0;right:0;height:3px;background:#ffffff1f}.rp-progress div{height:100%;background:var(--gold)}.hud.replaying .meter,.hud.replaying .stamina,.hud.replaying .legend,.hud.replaying .badges,.hud.replaying .kit,.hud.replaying .jump-cue,.hud.replaying .clear-badge,.hud.replaying .help,.hud.replaying .popups,.hud.replaying .plates{display:none}body.touch-ui:has(.hud.replaying) .touch{opacity:.25}.settings{margin-top:4px;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.settings summary{cursor:pointer;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.75;list-style:none}.settings summary:before{content:"▸ "}.settings[open] summary:before{content:"▾ "}.arena-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;margin:8px 0}.arena-pick{display:flex;flex-direction:column;gap:4px;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:inherit;font:inherit;font-size:11px;cursor:pointer;text-align:left}.arena-pick i{display:block;height:22px;border-radius:7px;background:var(--sw)}.arena-pick.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.field.small span{font-size:11px}.hud.replaying .scoreboard,.hud.replaying .info,.hud.replaying .countdown,body.replaying .menu-button,body.replaying .lock-hint{display:none}.plate{display:flex;flex-direction:column;align-items:center;line-height:1.25;border:1px solid var(--frame, transparent)}.plate.glow{box-shadow:0 0 10px var(--frame),inset 0 -2px 0 var(--frame)}.plate .pl-sub{font-size:10px;font-weight:600;opacity:.75}.plate.bubble-only{background:none;border:none;box-shadow:none}.pl-emote{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);padding:4px 10px;border-radius:12px;background:#fff;color:#121729;font-size:14px;font-weight:800;white-space:nowrap;animation:emote-pop .25s ease-out both}.pl-emote:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#fff}@keyframes emote-pop{0%{transform:translate(-50%) scale(.4);opacity:0}}.emotes{position:absolute;left:max(16px,env(safe-area-inset-left));top:268px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:auto}.emotes.hidden{display:none}.em-toggle{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#0a0c1a99;font-size:18px;cursor:pointer}.em-list{display:none;flex-direction:column;gap:4px}.emotes.open .em-list{display:flex}.em-list button{padding:6px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#0a0c1ad1;color:var(--text);font:inherit;font-weight:700;text-align:left;cursor:pointer}.em-list kbd{font-size:10px;opacity:.6;margin-right:4px}.hud.replaying .emotes{display:none}.rs-rewards{margin-top:14px;padding:12px 14px;border-radius:12px;background:#ffffff0d;text-align:left;display:flex;flex-direction:column;gap:8px}.rw-xp{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.rw-xp b{font-family:Bebas Neue,Impact,sans-serif;font-size:28px;font-weight:400;color:var(--gold)}.rw-xp em{font-style:normal;font-weight:800;color:var(--green);letter-spacing:.08em;animation:emote-pop .4s ease-out both}.rw-xp small{opacity:.6}.rw-bar{height:8px;border-radius:99px;background:#ffffff1a;overflow:hidden}.rw-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--gold));animation:rw-fill 1.1s ease-out both}@keyframes rw-fill{0%{width:0}}.rw-chips{display:flex;flex-wrap:wrap;gap:6px}.rw-chip{font-size:12px;padding:3px 9px;border-radius:99px;background:#ffffff14}.rw-chip.coin{color:var(--gold)}.rw-chip.rank.up{color:var(--green)}.rw-chip.rank.down{color:#ff7a7a}.rw-lines{margin:0;padding:0;list-style:none;font-size:13px;display:flex;flex-direction:column;gap:2px}.profile-bar{display:flex;align-items:center;gap:10px}.profile-bar.hidden,.tabs.hidden,.tab-body.hidden,.party-note.hidden,.party-dot.hidden{display:none}.pb-level{width:42px;height:42px;border-radius:12px;background:linear-gradient(160deg,var(--orange),#b83a12);display:grid;place-items:center;line-height:.9}.pb-level b{font-family:Bebas Neue,Impact,sans-serif;font-size:22px;font-weight:400}.pb-level small{font-size:8px;letter-spacing:.15em}.pb-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pb-name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pb-xp,.bar,.quest i,.mast i{display:block;height:6px;border-radius:99px;background:#ffffff1a;overflow:hidden}.pb-xp b,.bar b,.quest i b,.mast i b{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--gold))}.bar.season b{background:linear-gradient(90deg,#35d0ff,#b48cff)}.pb-coins{font-weight:800;color:var(--gold)}.pb-status{font-size:11px;opacity:.6}.tabs{display:flex;gap:4px;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto}.tabs button,.slot-tabs button{position:relative;flex:none;background:none;border:none;color:var(--text);opacity:.6;font:inherit;font-weight:700;font-size:13px;padding:8px 10px;cursor:pointer;border-bottom:2px solid transparent}.tabs button.on,.slot-tabs button.on{opacity:1;border-bottom-color:var(--orange)}.party-dot{position:absolute;top:6px;right:2px;width:7px;height:7px;border-radius:50%;background:var(--green)}.tab-body{display:flex;flex-direction:column;gap:12px;max-height:min(56vh,520px);overflow-y:auto}.tab-body[data-body=play]{max-height:none;overflow:visible}.party-note{font-size:13px;padding:8px 10px;border-radius:10px;background:#4dff9a1a;color:var(--green)}.btn.ranked{border-color:#b48cff80;background:#b48cff24}.btn.party-locked{opacity:.4;pointer-events:none}.btn.small{font-size:15px;padding:6px 10px;flex:none}.status .cancel{margin-left:10px}.rules-row{gap:8px}.rules-row .field{flex:1;min-width:0;flex-direction:column;align-items:stretch;gap:3px}.rules-row .field span{font-size:10px;white-space:nowrap}.rules-row select{width:100%;min-width:0}.mp-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.mp-head b{color:var(--gold)}.mp-hint{font-size:12px;opacity:.65;margin:0}.mp-note{font-size:13px;color:var(--gold);margin:0;user-select:text}.mp-empty{opacity:.6;font-size:13px}.slot-tabs{display:flex;flex-wrap:wrap;gap:2px}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.it-group{display:flex;flex-direction:column;gap:6px}.item{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);min-width:0}.item.on{border-color:var(--gold)}.item.locked{opacity:.55}.item.r-rare{box-shadow:inset 0 2px #35d0ff}.item.r-epic{box-shadow:inset 0 2px #b48cff}.item.r-legendary{box-shadow:inset 0 2px 0 var(--gold)}.it-sw{display:block;height:26px;border-radius:6px;background:var(--c, #9aa3b8)}.it-sw.text{background:#ffffff14;font-style:normal;font-size:12px;font-weight:800;display:grid;place-items:center;overflow:hidden;white-space:nowrap}.it-name{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.it-rar{font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.55}.it-act{font:inherit;font-size:12px;font-weight:800;padding:4px;border-radius:7px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:var(--text);cursor:pointer}.it-act.buy{color:var(--gold)}.it-act:disabled{opacity:.5;cursor:default}.it-lock{font-size:10px;opacity:.8}.tab-body section{display:flex;flex-direction:column;gap:6px}.tab-body h4{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:space-between}.tab-body h4 small,.tab-body section>small{font-weight:500;opacity:.6;text-transform:none;letter-spacing:0;font-size:12px}.quest,.mast{display:grid;grid-template-columns:1fr 90px 40px;align-items:center;gap:8px;font-size:13px}.quest.done span{color:var(--green)}.quest small,.mast small{text-align:right;opacity:.7;font-variant-numeric:tabular-nums}.achs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.ach{display:flex;flex-direction:column;padding:6px 8px;border-radius:8px;background:#ffffff0a;opacity:.55;font-size:12px}.ach.done{opacity:1;background:#ffc23d1a}.ach small{opacity:.7;font-size:11px}.rec-input,.party-code{flex:1;min-width:0;font:inherit;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--text);letter-spacing:.12em;text-transform:uppercase}.rank-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rank-card{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--tc);background:#ffffff0a}.rank-card b{font-family:Bebas Neue,Impact,sans-serif;font-weight:400;font-size:24px;color:var(--tc)}.rank-card .rq{font-size:11px;letter-spacing:.14em;opacity:.7}.rank-card small{font-size:12px;opacity:.75}.board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:13px}.board li{display:grid;grid-template-columns:28px 1fr auto 46px;gap:8px;padding:5px 8px;border-radius:8px;background:#ffffff08}.board li.me{background:#ffc23d24}.board li em{font-style:normal;opacity:.75}.board small{text-align:right;font-variant-numeric:tabular-nums}.party-code-big{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:12px;background:#ffffff0d}.party-code-big b{font-family:Bebas Neue,Impact,sans-serif;font-weight:400;font-size:40px;letter-spacing:.2em;color:var(--gold);user-select:all}.party-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.party-list li{display:flex;align-items:baseline;gap:8px;padding:6px 8px;border-radius:8px;background:#ffffff0a}.party-list li.away{opacity:.5}.party-list small{opacity:.65;font-size:12px}.pb-gems{font-weight:800;color:#7fe3ff}.chars{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.char-card{display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);min-width:0}.char-card img{width:100%;aspect-ratio:1;border-radius:9px;display:block}.char-card.on{border-color:var(--gold)}.char-card.locked img{filter:saturate(.6) brightness(.8)}.char-card b{font-size:13px}.char-card small{font-size:11px;opacity:.7;line-height:1.3}.it-act.gem{color:#7fe3ff}.abilities{display:flex;flex-direction:column;gap:8px}.ab-card{padding:10px 12px;border-radius:12px;background:#ffffff0a;border-left:3px solid var(--sc);display:flex;flex-direction:column;gap:4px;font-size:12px}.ab-card b{color:var(--sc);font-size:14px}.ab-card p{margin:0;opacity:.85}.ab-card em{font-style:normal;font-weight:800}.ab-pick{display:flex;gap:6px}.ab-pick button{flex:1;font:inherit;font-weight:700;font-size:12px;padding:6px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:var(--text);cursor:pointer}.ab-pick button.on{border-color:var(--sc);background:color-mix(in srgb,var(--sc) 22%,transparent)}.pchat{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding:8px;border-radius:10px;background:#00000040;font-size:13px}.pchat p{margin:0;overflow-wrap:anywhere}.pchat-input{flex:1;min-width:0;font:inherit;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--text)}.chat{position:absolute;left:max(16px,env(safe-area-inset-left));top:112px;width:min(340px,calc(100vw - 32px));display:flex;flex-direction:column;gap:4px;pointer-events:none}.chat.hidden,.chat-form.hidden{display:none}.chat-log{display:flex;flex-direction:column;gap:2px;font-size:13px}.chat-log p{margin:0;padding:3px 8px;border-radius:8px;background:#0a0c1a8c;overflow-wrap:anywhere;transition:opacity 1s}.chat-log p.old{opacity:0}.chat.open .chat-log p.old{opacity:.8}.chat-log p.team0 b{color:var(--orange)}.chat-log p.team1 b{color:#5fa0ff}.chat-log p.mine{background:#ffffff1f}.chat-log i{opacity:.7;font-style:normal;font-size:11px}.chat-form{display:flex;gap:6px;align-items:center;pointer-events:auto}.chat-input{flex:1;min-width:0;font:inherit;padding:7px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#0a0c1ad9;color:var(--text)}.chat-team{font-size:11px;white-space:nowrap}.chat-open{align-self:flex-start;pointer-events:auto;font:inherit;font-size:11px;padding:3px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#0a0c1a80;color:var(--text);opacity:.7;cursor:pointer}.chat.open .chat-open,.hud.replaying .chat,body.reduce-motion .speedlines,body.reduce-flash .speedlines{display:none}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.touch{--touch-scale: 1;--touch-opacity: .9}.touch .t-btn{scale:var(--touch-scale);opacity:var(--touch-opacity)}.settings-gear{position:fixed;top:12px;right:14px;z-index:40;font:inherit;font-size:12px;font-weight:800;color:var(--text);background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 12px;cursor:pointer;backdrop-filter:blur(8px)}body.replaying .settings-gear{display:none}.settings-sheet{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#04050c99;backdrop-filter:blur(6px);padding:16px}.settings-sheet.hidden{display:none}.ss-card{width:min(560px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:#0e1020f5;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px 20px 20px;color:var(--text);display:grid;gap:16px}.ss-card header{display:flex;align-items:center;justify-content:space-between}.ss-card h2{margin:0;font-size:20px;letter-spacing:.04em}.ss-card h3{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.ss-card h3 small{display:block;margin-top:4px;text-transform:none;letter-spacing:0;color:#f4f1ea8c;font-weight:500}.ss-card section{display:grid;gap:8px}.ss-close{font:inherit;color:var(--text);background:#ffffff14;border:0;border-radius:999px;width:32px;height:32px;cursor:pointer}.ss-slider{display:grid;grid-template-columns:96px 1fr 44px;align-items:center;gap:10px;font-size:13px}.ss-slider input{width:100%;accent-color:var(--orange)}.ss-slider b{text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.ss-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer}.ss-check input{margin-top:3px;accent-color:var(--orange)}.ss-check small{display:block;color:#f4f1ea8c;font-size:11.5px}.ss-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px}.ss-seg{display:flex;gap:6px}.ss-seg button,.ss-key button{font:inherit;font-size:12px;font-weight:700;color:var(--text);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.ss-seg button.on{border-color:var(--gold);background:#ffc23d24}.ss-seg i{width:18px;height:10px;border-radius:3px;background:linear-gradient(90deg,var(--a) 50%,var(--b) 50%)}.ss-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 12px}.ss-key{display:flex;justify-content:space-between;align-items:center;font-size:13px}.ss-key button{min-width:72px;justify-content:center;font-family:ui-monospace,monospace}.ss-key button.listening{border-color:var(--orange);color:var(--orange)}.ss-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-gear.hidden{display:none}.tutorial{position:absolute;top:138px;left:50%;translate:-50% 0;width:min(420px,calc(100vw - 32px));background:#0a0c1ad1;border:1px solid rgba(255,194,61,.45);border-radius:14px;padding:12px 16px 14px;color:var(--text);font-size:14px;line-height:1.45;backdrop-filter:blur(8px);pointer-events:none}.tutorial.hidden{display:none}.tutorial b{font-size:17px;display:block;margin:6px 0 2px}.tutorial p{margin:0;color:#f4f1ead9}.tutorial kbd{font:700 12px ui-monospace,monospace;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:1px 6px}.tutorial .g{color:var(--green);font-weight:700}.tu-head{display:flex;align-items:center;gap:10px;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.tu-head i{flex:1;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gold) var(--p),rgba(255,255,255,.12) var(--p))}.tu-bar{margin-top:8px;height:4px;border-radius:4px;background:#ffffff1a;overflow:hidden}.tu-bar i{display:block;height:100%;background:var(--green);transition:width .2s}.hud.hidden{display:none}.lobby-ui{position:fixed;inset:0;pointer-events:none;z-index:20;color:var(--text)}.lobby-ui.hidden{display:none}.lobby-ui button,.lobby-ui form,.lobby-ui input{pointer-events:auto}.lb-top{position:absolute;top:12px;left:14px;display:flex;align-items:center;gap:12px}.lb-menu{font:inherit;font-size:12px;font-weight:800;color:var(--text);background:var(--panel);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 14px;cursor:pointer;backdrop-filter:blur(8px)}.lb-title{display:grid;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.6)}.lb-title b{font-size:15px;letter-spacing:.16em;color:var(--gold)}.lb-title span{font-size:11.5px;opacity:.8}.lb-status{position:absolute;top:64px;left:50%;translate:-50% 0;background:#0a0c1ac7;border:1px solid rgba(255,194,61,.45);border-radius:999px;padding:8px 18px;font-size:14px;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(6px)}.lb-status.hidden{display:none}.lb-status b{color:var(--gold);font-size:17px}.lb-prompt{position:absolute;left:50%;bottom:96px;translate:-50% 0;font:inherit;font-size:15px;font-weight:800;color:var(--text);background:#0a0c1ad1;border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:10px 18px;cursor:pointer;backdrop-filter:blur(6px);animation:lb-pop .18s ease-out}.lb-prompt.hidden{display:none}@keyframes lb-pop{0%{scale:.9;opacity:0}}.lobby-ui kbd{font:700 12px ui-monospace,monospace;background:#ffffff24;border:1px solid rgba(255,255,255,.25);border-radius:5px;padding:1px 6px;margin-right:4px}.lb-help{position:absolute;right:14px;bottom:14px;font-size:12px;opacity:.8;background:#0a0c1a80;padding:6px 10px;border-radius:10px}.lb-chat{position:absolute;left:14px;bottom:14px;width:min(360px,calc(100vw - 28px));display:grid;gap:6px}.lb-log{display:grid;gap:3px;font-size:13px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.lb-log div{background:#0a0c1a73;padding:3px 8px;border-radius:8px;width:fit-content;max-width:100%;overflow-wrap:anywhere}.lb-log b{color:var(--gold);margin-right:4px}.lb-form.hidden{display:none}.lb-form input{width:100%;font:inherit;font-size:14px;color:var(--text);background:#0a0c1ad9;border:1px solid rgba(255,194,61,.6);border-radius:10px;padding:8px 10px;outline:none}.lb-plates{position:absolute;inset:0;overflow:hidden}.lb-plate{position:absolute;left:0;top:0;display:grid;justify-items:center;gap:3px;white-space:nowrap;transform-origin:50% 100%}.lb-plate.hidden{display:none}.lb-name{font-size:12px;font-weight:800;padding:2px 9px;border-radius:999px;background:#0a0c1a99}.lb-name i{font-style:normal;color:var(--gold);font-size:10.5px;margin-left:3px}.lb-plate small{font-size:10.5px;color:#ffd76a;text-shadow:0 1px 3px #000}.lb-bubble{font-size:13px;max-width:220px;white-space:normal;text-align:center;background:#fff;color:#14122a;padding:5px 10px;border-radius:12px;position:relative;margin-bottom:4px}.lb-bubble:after{content:"";position:absolute;left:50%;bottom:-6px;translate:-50% 0;border:6px solid transparent;border-top-color:#fff;border-bottom:0}body.in-lobby .menu-button{display:none}.spectating{position:absolute;top:74px;left:50%;translate:-50% 0;background:#0a0c1ac7;border:1px solid rgba(255,61,90,.55);border-radius:999px;padding:7px 16px;font-size:13px;white-space:nowrap;display:flex;gap:10px;align-items:center}.spectating.hidden{display:none}.spectating b{color:#ff5a6e;letter-spacing:.08em}.spectating span{opacity:.65;font-size:11.5px}.hud.watching .help,.hud.watching .meter,.hud.watching .stamina,.hud.watching .legend,.hud.watching .kit,.hud.watching .jump-cue,.hud.watching .clear-badge{display:none!important}@media(max-width:700px){.lb-help,.spectating span{display:none}}.kit>div.gone{display:none}.t-move{width:54px;height:54px;font-size:22px;right:186px;bottom:150px;--kc: #fff;background:conic-gradient(color-mix(in srgb,var(--kc) 55%,transparent) var(--p, 0deg),transparent var(--p, 0deg)),#0a0c1a73}.t-move.ready{border-color:var(--kc)}.t-move.active{background:var(--kc);animation:pulse .6s ease-in-out infinite}.move-card.on{box-shadow:inset 0 0 0 2px var(--sc)}.mv-icon{display:inline-block;width:1.4em;text-align:center}.mp-key{font-size:11px;opacity:.6;font-weight:600;margin-left:6px}.cw{position:fixed;top:56px;left:14px;z-index:35;width:min(360px,calc(100vw - 28px));display:grid;gap:6px;font-size:14px;color:#fff;transition:opacity .4s}.cw.hidden{display:none}.cw-log{max-height:168px;overflow-y:auto;display:grid;align-content:end;gap:2px;padding:6px 10px;border-radius:10px;background:#00000052;text-shadow:0 1px 2px rgba(0,0,0,.9);overflow-wrap:anywhere;scrollbar-width:thin;transition:background .4s,opacity .4s}.cw-log:empty{display:none}.cw-line i{font-style:normal;color:#9fd0ff}.cw-line.sys{color:#ffd76a;font-style:italic}.cw-form{display:flex;gap:6px}.cw-input{flex:1;min-width:0;font:inherit;font-size:14px;color:#fff;background:#0000006b;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:7px 10px;outline:none}.cw-input::placeholder{color:#fff9}.cw-input:focus{background:#000000b3;border-color:#fff}.cw-chan{font:inherit;font-size:12px;font-weight:800;color:#fff;background:#0000006b;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:0 10px;cursor:pointer}.cw-chan.team{background:#2d7cf0}.cw-chan.hidden{display:none}.cw.idle:not(.open) .cw-log{background:transparent;opacity:.55}.cw.idle:not(.open) .cw-input{opacity:.55}@media(max-width:700px){.cw{top:52px;width:min(260px,calc(100vw - 120px));font-size:12px}.cw-log{max-height:96px}}@media(max-width:700px){.emotes{top:196px}}.hint{position:absolute;top:136px;left:50%;translate:-50% 0;background:#0a0c1ab8;border-radius:999px;padding:6px 16px;font-size:13px;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis;pointer-events:none}.hint.hidden{display:none}.hint b{color:var(--gold);letter-spacing:.06em}.hint kbd{font:700 11px ui-monospace,monospace;background:#ffffff24;border-radius:4px;padding:1px 5px}.t-reset.guard{font-size:11px;font-weight:900}.meter.deep .m-green{stroke:#ffd23d}.av-editor{position:fixed;top:0;right:0;bottom:0;z-index:45;width:min(380px,100vw);overflow-y:auto;background:#0e1020eb;border-left:1px solid rgba(255,255,255,.12);color:var(--text);padding:14px 16px 24px;display:grid;align-content:start;gap:14px;backdrop-filter:blur(8px)}.av-editor.hidden{display:none}.av-editor header{display:flex;align-items:center;justify-content:space-between;gap:8px}.av-editor h2{margin:0;font-size:20px}.av-editor h3{margin:0 0 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.av-editor h3 small{text-transform:none;letter-spacing:0;color:#f4f1ea8c;font-weight:500}.av-top{display:flex;gap:6px}.av-btn{font:inherit;font-weight:800;color:var(--text);background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:6px 10px;cursor:pointer}.av-btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.av-faces{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.av-face{background:#f5cd30;border:2px solid transparent;border-radius:10px;padding:2px;cursor:pointer;aspect-ratio:2 / 1;overflow:hidden}.av-face img{width:100%;height:100%;object-fit:cover;display:block}.av-face.on{border-color:#fff;box-shadow:0 0 0 2px var(--orange)}.av-swatches{display:flex;flex-wrap:wrap;gap:6px}.av-sw{width:28px;height:28px;border-radius:8px;background:var(--c);border:2px solid rgba(255,255,255,.2);cursor:pointer}.av-sw.on{border-color:#fff;box-shadow:0 0 0 2px var(--orange)}.av-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.av-chip{font:inherit;font-size:12px;font-weight:700;color:var(--text);background:#ffffff12;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:5px 10px;cursor:pointer}.av-chip.on{background:var(--orange);border-color:var(--orange)}.lb-avatar{margin-left:4px}body.editing-avatar .cw,body.editing-avatar .lb-help,body.editing-avatar .lb-prompt{display:none}
