:root{--bg: #0b0f1a;--panel: rgba(12, 18, 34, .82);--panel-2: rgba(20, 28, 50, .9);--line: rgba(214, 178, 102, .45);--line-soft: rgba(255, 255, 255, .08);--gold: #e8c272;--gold-2: #ffdf9a;--text: #eef2ff;--muted: #9aa6c4;--blue: #4aa8ff;--blue-2: #2d6fd6;--red: #ff4d5e;--red-2: #b31d35;--hp: #39d27a;--hp-2: #1f9a52;--ult: #8f6bff;--ult-2: #5a3cd1;--font: "Kanit", "Noto Sans Thai", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none}button,input,select{font-family:inherit}.hidden{display:none!important}#game{position:fixed;inset:0}#game canvas{display:block}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(5,3,10,.55) 100%);z-index:1}#hurt{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:0;transition:opacity .35s;background:radial-gradient(ellipse at center,transparent 45%,rgba(220,20,40,.5) 100%)}#hurt.on{opacity:1;transition:opacity .05s}.panel{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 24px #00000073,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:14px;font-weight:600;color:var(--gold-2);border-bottom:1px solid var(--line-soft)}.panel-title small{color:var(--muted);font-weight:400;font-size:11px}.icon-btn{background:none;border:1px solid var(--line-soft);color:var(--muted);border-radius:6px;cursor:pointer;padding:0 6px;font-size:13px}.icon-btn:hover{color:var(--gold-2);border-color:var(--line)}.btn-primary{cursor:pointer;border:1px solid #ffd98a;color:#2a1a00;font-weight:700;font-size:18px;padding:12px 34px;border-radius:10px;background:linear-gradient(180deg,#ffe7a6,#e3a93c 55%,#b9791b);box-shadow:0 4px 18px #e8aa3c59,inset 0 1px #fff6d9;transition:transform .08s,filter .15s}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{filter:grayscale(.8) brightness(.7);cursor:not-allowed}.btn-primary.small,.btn-ghost.small{font-size:13px;padding:5px 14px}.btn-ghost{cursor:pointer;background:#ffffff0f;border:1px solid var(--line-soft);color:var(--text);border-radius:8px}.btn-ghost:hover{border-color:var(--line)}.bar{position:relative;height:14px;border-radius:8px;background:#0000008c;border:1px solid rgba(255,255,255,.12);overflow:hidden}.bar>i{position:absolute;inset:0;width:100%;transform-origin:left;transition:width .15s}.bar.hp>i{background:linear-gradient(180deg,#6ff0a3,var(--hp) 45%,var(--hp-2))}.bar.ult>i{background:linear-gradient(180deg,#b9a2ff,var(--ult) 45%,var(--ult-2))}.bar.ult.full>i{animation:ultglow 1s infinite alternate}.bar.xp{height:4px;border:0}.bar.xp>i{background:linear-gradient(90deg,#f7d27b,#ffb347)}.bar>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;text-shadow:0 1px 2px #000,0 0 3px #000;letter-spacing:.3px}@keyframes ultglow{0%{filter:brightness(1)}to{filter:brightness(1.45) saturate(1.3)}}.portrait{border-radius:50%;background-color:#1a2140;background-repeat:no-repeat;background-size:165%;background-position:50% 14%}#login{--bone: #efe5da;--bone-2: #c9bcb1;--dim: #8a7d77;--hair: rgba(239, 229, 218, .12);--crimson: #c81e3f;--crimson-hi: #ff4d6a}.screen{position:fixed;inset:0;z-index:50;background:#0d080b;overflow:hidden}.login-bg{position:absolute;inset:0;background:url(/assets/tile_floor_dark.png) center / 420px repeat;filter:brightness(.13) saturate(.3) hue-rotate(250deg) blur(3px)}.login-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 34% 55% at 50% 62%,rgba(200,30,63,.26),transparent 70%),linear-gradient(90deg,rgba(8,5,7,.9),transparent 32%,transparent 68%,rgba(8,5,7,.9)),radial-gradient(ellipse at center,transparent 45%,rgba(6,3,5,.95) 100%)}.embers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.embers i{position:absolute;bottom:-8px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;opacity:0;background:#ff7a8c;box-shadow:0 0 6px 1px #ff3c5ab3;animation:ember var(--d) linear var(--delay) infinite}@keyframes ember{0%{transform:translate(0);opacity:0}12%{opacity:.85}80%{opacity:.4}to{transform:translate(var(--dx),-105vh);opacity:0}}.login-inner{position:relative;width:min(1320px,100%);height:100%;margin:0 auto;padding:26px 40px 22px;display:grid;grid-template-rows:auto minmax(0,1fr);overflow-y:auto}.ls-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:14px;border-bottom:1px solid var(--hair)}.logo h1{margin:0;display:flex;align-items:center;gap:12px;font-size:26px;font-weight:700;letter-spacing:4px;line-height:1.1;color:var(--bone)}.logo h1:before{content:"";width:12px;height:12px;transform:rotate(45deg);background:var(--crimson-hi);box-shadow:0 0 14px var(--crimson)}.logo-sub{margin-top:5px;padding-left:24px;font-family:Cinzel,serif;font-size:10px;letter-spacing:4px;color:var(--dim)}.ls-step{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.ls-step b{font-size:20px;font-weight:600;color:var(--bone)}.ls-step span{font-size:12px;color:var(--dim)}.ls-main{display:grid;grid-template-columns:236px minmax(0,1fr) 360px;gap:24px;align-items:center;min-height:520px}.roster{display:flex;flex-direction:column;gap:12px}.roster-head{font-size:11px;letter-spacing:3px;color:var(--dim);padding-left:16px}.class-list{display:flex;flex-direction:column;gap:4px}.class-card{appearance:none;position:relative;display:flex;align-items:center;gap:14px;padding:10px 12px 10px 16px;border:0;background:none;font:inherit;text-align:left;color:var(--dim);cursor:pointer;transition:color .2s,background .2s}.class-card:before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;transform:translateY(-50%);background:var(--crimson-hi);box-shadow:0 0 12px var(--crimson);transition:height .25s}.class-card:hover{color:var(--bone-2);background:linear-gradient(90deg,rgba(239,229,218,.05),transparent)}.class-card.selected{color:var(--bone);background:linear-gradient(90deg,rgba(200,30,63,.24),transparent 90%)}.class-card.selected:before{height:72%}.class-card:focus-visible{outline:1px solid var(--bone-2);outline-offset:2px}.cc-face{position:relative;flex:none;width:54px;height:54px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#efe5da2e;transition:background .2s}.cc-face:after{content:"";position:absolute;inset:2px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#1b1216 var(--img) no-repeat 50% 14% / 200%;filter:grayscale(.8) brightness(.65);transition:filter .2s}.class-card.selected .cc-face{background:var(--crimson-hi)}.class-card:hover .cc-face:after,.class-card.selected .cc-face:after{filter:none}.cc-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.cc-num{font-family:Cinzel,serif;font-size:11px;letter-spacing:2px;color:var(--dim)}.class-card.selected .cc-num{color:var(--crimson-hi)}.cc-name{font-size:18px;font-weight:600}.cc-role{font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-hint{padding-left:16px;font-size:11px;color:var(--dim)}#login kbd{display:inline-block;min-width:18px;padding:0 4px;margin:0 1px;border:1px solid var(--hair);border-radius:3px;font-family:inherit;font-size:10px;text-align:center;color:var(--bone-2)}.stage{position:relative;height:min(68vh,600px);min-height:380px;display:flex;align-items:flex-end;justify-content:center}.stage-beam{position:absolute;left:50%;top:0;bottom:10%;width:60%;transform:translate(-50%);pointer-events:none;background:linear-gradient(180deg,transparent,rgba(255,77,106,.07) 40%,rgba(255,77,106,.12)),radial-gradient(ellipse 50% 55% at 50% 68%,rgba(220,40,70,.28),transparent 70%);mask:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}.stage-mark{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;font-family:Cinzel,serif;font-weight:700;font-size:clamp(72px,12vw,180px);letter-spacing:.08em;color:transparent;-webkit-text-stroke:1px rgba(239,229,218,.13)}.stage-floor{position:absolute;left:50%;bottom:7%;width:min(92%,440px);aspect-ratio:1;transform:translate(-50%,50%);perspective:700px;pointer-events:none}.stage-ring{position:absolute;inset:0;border-radius:50%;transform:rotateX(74deg)}.stage-ring.r1{background:repeating-conic-gradient(rgba(255,77,106,.7) 0 1.5deg,transparent 1.5deg 12deg);mask:radial-gradient(circle,transparent 60%,#000 61%,#000 66%,transparent 67%,transparent 72%,#000 73%,#000 74%,transparent 75%);animation:ring 40s linear infinite}.stage-ring.r2{inset:14%;border:1px solid rgba(239,229,218,.2);box-shadow:0 0 40px #c81e3f80,inset 0 0 60px #c81e3f59;animation:ring 60s linear infinite reverse}@keyframes ring{0%{transform:rotateX(74deg) rotate(0)}to{transform:rotateX(74deg) rotate(360deg)}}.stage-art{position:relative;z-index:1;height:84%;max-width:100%;object-fit:contain;margin-bottom:9%;filter:drop-shadow(0 24px 22px rgba(0,0,0,.65)) drop-shadow(0 0 36px rgba(200,30,63,.22));animation:hover-float 5s ease-in-out infinite}.stage-art.swap{animation:art-in .5s cubic-bezier(.2,.8,.2,1),hover-float 5s ease-in-out .5s infinite}@keyframes hover-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes art-in{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.dossier{display:flex;flex-direction:column}.class-detail.enter>*{animation:rise .45s cubic-bezier(.2,.8,.2,1) both}.class-detail.enter>:nth-child(2){animation-delay:.04s}.class-detail.enter>:nth-child(3){animation-delay:.08s}.class-detail.enter>:nth-child(4){animation-delay:.12s}.class-detail.enter>:nth-child(n+5){animation-delay:.16s}@keyframes rise{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.cd-index{font-family:Cinzel,serif;font-size:13px;letter-spacing:3px;color:var(--crimson-hi)}.cd-index i{font-style:normal;color:var(--dim)}.cd-name{margin:4px 0 0;font-size:56px;font-weight:700;line-height:1.05;color:var(--bone);text-shadow:0 0 30px rgba(200,30,63,.35)}.cd-role{align-self:flex-start;margin-top:10px;padding:3px 10px;border-left:2px solid var(--crimson-hi);background:#c81e3f24;font-size:12px;color:#ffbcc7}.cd-blurb{margin:14px 0 0;font-size:15px;font-weight:300;line-height:1.65;color:var(--bone-2)}.class-detail{display:flex;flex-direction:column}.cd-stats{display:grid;grid-template-columns:auto 1fr auto;gap:9px 14px;align-items:center;margin-top:20px;font-size:12px;color:var(--dim)}.cd-stats b{font-family:Cinzel,serif;font-size:12px;color:var(--bone)}.cd-pips{display:flex;gap:4px}.cd-pips i{flex:1;height:8px;transform:skew(-24deg);background:#efe5da14}.cd-pips i.on{background:linear-gradient(90deg,var(--crimson),var(--crimson-hi));box-shadow:0 0 8px #ff4d6a4d}.cd-label{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:11px;letter-spacing:3px;color:var(--dim)}.cd-label:after{content:"";flex:1;height:1px;background:var(--hair)}.cd-skills{display:flex;gap:8px;margin-top:12px}.cd-skill{appearance:none;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;border:0;background:none;font:inherit;color:var(--dim);cursor:pointer}.cd-skill img{display:block;width:52px;height:52px;border:1px solid var(--hair);transition:transform .15s,border-color .15s,box-shadow .15s}.cd-skill.ult img{border-color:#ff4d6a8c;box-shadow:0 0 14px #c81e3f66}.cd-skill.active img{transform:translateY(-3px);border-color:var(--bone)}.cd-skill.active{color:var(--bone)}.cd-skill:focus-visible{outline:none}.cd-skill:focus-visible img{outline:1px solid var(--bone-2);outline-offset:2px}.cd-skill kbd{border:0!important;color:inherit!important;font-family:Cinzel,serif!important;letter-spacing:1px}.cd-readout{min-height:46px;margin-top:10px;font-size:13px;line-height:1.5;color:var(--bone-2)}.cd-readout b{display:block;font-weight:600;color:var(--bone)}.login-bar{display:flex;margin-top:22px;border:1px solid var(--hair);background:#0a0608b8;transition:border-color .15s}.login-bar:focus-within{border-color:#efe5da66}.login-bar input{flex:1;min-width:0;padding:14px 16px;border:0;background:transparent;outline:none;font-size:15px;color:var(--bone)}.login-bar input::placeholder{color:var(--dim)}.btn-play{flex:none;display:flex;align-items:center;gap:10px;padding:0 22px;border:0;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;color:#fff;background:linear-gradient(180deg,#dc2c4e,#8e1630);box-shadow:inset 0 1px #fff3;transition:filter .15s}.btn-play:after{content:"";width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);transition:transform .15s}.btn-play:hover{filter:brightness(1.15)}.btn-play:hover:after{transform:translate(3px) rotate(45deg)}.btn-play:disabled{filter:grayscale(.7) brightness(.7);cursor:not-allowed}.login-status{display:flex;align-items:center;gap:8px;min-height:18px;margin-top:10px;font-size:12px;color:var(--dim)}.login-status:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#e0a84a;animation:blink 1.2s ease-in-out infinite}.login-status.ok:before{background:#4ad28a;box-shadow:0 0 8px #4ad28a;animation:none}.login-status.err{color:#ff9a9a}.login-status.err:before{background:#ff5a6a;animation:none}@keyframes blink{50%{opacity:.3}}@media(max-width:1150px){.ls-main{grid-template-columns:196px minmax(0,1fr) 320px;gap:16px}.cc-role{display:none}.cd-name{font-size:46px}}@media(max-width:880px){.login-inner{display:block;padding:18px 16px 24px}.ls-step span{display:none}.ls-main{grid-template-columns:minmax(0,1fr);gap:8px;min-height:0}.stage{order:1;height:42vh;min-height:260px;margin-bottom:22px}.stage-floor{width:min(78%,320px)}.roster{order:2}.dossier{order:3;max-width:560px;width:100%;margin:8px auto 0}.roster-head,.roster-hint{display:none}.class-list{flex-direction:row;gap:4px}.class-card{flex:1;flex-direction:column;gap:6px;padding:8px 4px;text-align:center}.class-card:before{left:50%;top:auto;bottom:0;width:0;height:2px!important;transform:translate(-50%);transition:width .25s}.class-card.selected:before{width:60%}.class-card.selected{background:linear-gradient(0deg,rgba(200,30,63,.22),transparent)}.cc-text{align-items:center}.cc-num{display:none}.cc-name{font-size:14px}.cd-name{font-size:40px}.cd-skills{justify-content:space-between}}@media(max-width:420px){.ls-step{display:none}.cc-face,.cd-skill img{width:46px;height:46px}}@media(prefers-reduced-motion:reduce){.embers{display:none}.stage-ring,.stage-art,.stage-art.swap,.class-detail.enter>*,.login-status:before{animation:none!important}}#hud{position:fixed;inset:0;z-index:10;pointer-events:none}#hud>*{pointer-events:auto}#hud #toast-area,#hud #killfeed,#hud #death,#hud #help,#hud #scorebar,#hud #announce{pointer-events:none}#player-frame{position:absolute;left:14px;top:12px;display:flex;gap:10px;padding:8px 14px 8px 8px;width:360px;border-radius:60px 12px 12px 60px}.pf-portrait{position:relative;width:92px;height:92px;flex:none}.pf-portrait .portrait{width:92px;height:92px;border:3px solid var(--gold);box-shadow:0 0 0 2px #3b2a0a,0 0 18px #e8c27266}.pf-lvl{position:absolute;left:-2px;bottom:-2px;width:30px;height:30px;border-radius:50%;background:radial-gradient(#2b3766,#121833);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--gold-2)}.pf-body{flex:1;display:flex;flex-direction:column;gap:5px;justify-content:center}.pf-name{font-size:16px}.pf-name span{color:var(--gold-2);font-weight:600}.buffs{display:flex;gap:4px;min-height:26px}.buff{position:relative;width:26px;height:26px;border-radius:5px;background-size:cover;border:1px solid rgba(255,255,255,.3)}.buff.debuff{border-color:#ff5a6a}.buff b{position:absolute;right:1px;bottom:-1px;font-size:10px;text-shadow:0 0 3px #000,0 0 2px #000}.buff.txt{display:flex;align-items:center;justify-content:center;font-size:14px;background:#3a1420}#party{position:absolute;left:14px;top:132px;width:250px}#party-list{padding:4px;display:flex;flex-direction:column;gap:3px}.pm{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:8px;background:#ffffff08;border:1px solid transparent}.pm.self{border-color:#e8c27259}.pm.dead{filter:grayscale(1) brightness(.6)}.pm .portrait{width:38px;height:38px;flex:none;border:2px solid rgba(255,255,255,.25)}.pm-body{flex:1;min-width:0}.pm-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-name small{color:var(--gold-2);margin-right:4px}.pm .bar{height:7px;margin-top:3px}.pm-cls{width:26px;height:26px;border-radius:6px;background-size:cover;border:1px solid rgba(255,255,255,.2);flex:none;position:relative}.pm-crown{color:var(--gold-2);font-size:13px}.pm-kick{display:none;cursor:pointer;color:#ff8a8a;font-size:12px;background:none;border:0}.pm:hover .pm-kick{display:block}.party-hint{font-size:11px;color:var(--muted);padding:2px 10px 8px}#scorebar{position:absolute;left:50%;top:8px;transform:translate(-50%);display:flex;align-items:center;gap:0}.sb-team{display:flex;align-items:center;gap:6px;height:64px;padding:0 18px;min-width:210px}.sb-team.blue{background:linear-gradient(90deg,transparent,rgba(30,80,170,.85));clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);justify-content:flex-end;border-top:2px solid #6fb8ff}.sb-team.red{background:linear-gradient(270deg,transparent,rgba(160,25,45,.85));clip-path:polygon(0 0,86% 0,100% 100%,0 100%);border-top:2px solid #ff7a88}.sb-info{display:flex;flex-direction:column;align-items:center;line-height:1.05}.sb-info span{font-size:13px;color:#dbe6ff}.sb-info b{font-size:26px;font-weight:700;text-shadow:0 2px 6px #000}.emblem{width:62px;height:62px;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.sb-mid{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 -6px;z-index:1}.sb-timer{font-size:30px;font-weight:700;padding:0 26px;border-radius:8px;background:linear-gradient(180deg,#1c2340,#0c1020);border:2px solid var(--gold);box-shadow:0 0 18px #e8c27240;letter-spacing:1px;font-variant-numeric:tabular-nums}.sb-timer.low{color:#ff8080}.sb-points{display:flex;gap:10px}.sb-points span{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;background:#2a2f44;border:2px solid #cfd6ea;box-shadow:0 2px 6px #000;position:relative;overflow:hidden}.sb-points span.blue{background:radial-gradient(#4ba9ff,#1b4da8);border-color:#bfe0ff}.sb-points span.red{background:radial-gradient(#ff5c6c,#9c1428);border-color:#ffc0c6}.sb-points span.contested{animation:blink .6s infinite alternate}@keyframes blink{0%{box-shadow:0 0 #fff0}to{box-shadow:0 0 10px 3px #fffa}}#minimap-wrap{position:absolute;right:14px;top:12px;width:282px;padding-bottom:8px}#minimap{display:block;margin:8px auto 0;width:260px;height:160px;border-radius:8px;border:1px solid var(--line-soft);background:#2a1c10;cursor:crosshair}#killfeed{position:absolute;right:14px;top:228px;width:282px;display:flex;flex-direction:column;gap:4px}.kf{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 10px;border-radius:8px;background:linear-gradient(90deg,#0a1020d9,#0a102099);border:1px solid var(--line-soft);font-size:13px;animation:kfin .25s ease-out}.kf .portrait{width:24px;height:24px;flex:none}.kf .side{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.kf .side span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kf .side.r{justify-content:flex-end}.kf .x{color:var(--gold-2);font-size:15px}.kf.blue{border-left:3px solid var(--blue)}.kf.red{border-left:3px solid var(--red)}.kf.me{box-shadow:0 0 0 1px var(--gold)}.t-blue{color:#8cc8ff}.t-red{color:#ff8d98}@keyframes kfin{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}#chat{position:absolute;left:14px;bottom:14px;width:380px;display:flex;flex-direction:column}#chat.min .chat-log{height:0;padding:0}.chat-tabs{display:flex;border-bottom:1px solid var(--line-soft)}.chat-tabs button{flex:1;background:none;border:0;color:var(--muted);padding:7px 0;font-size:14px;cursor:pointer;border-bottom:2px solid transparent}.chat-tabs button.active{color:var(--gold-2);border-bottom-color:var(--gold);background:#e8c27212}.chat-tabs .chat-min{flex:0 0 34px}.chat-log{height:170px;overflow-y:auto;padding:6px 10px;font-size:13px;line-height:1.5;-webkit-user-select:text;user-select:text;transition:height .15s}.chat-log::-webkit-scrollbar{width:6px}.chat-log::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.cl{word-break:break-word}.cl .ch{margin-right:4px}.cl.world .ch{color:#ffd98a}.cl.team .ch{color:#79e2a0}.cl.party .ch{color:#7cc4ff}.cl.whisper{color:#f4a9ff}.cl.system{color:#ffcf6e}.cl .who{cursor:pointer;font-weight:500}.cl .who:hover{text-decoration:underline}.chat-input{position:relative;display:flex;gap:6px;padding:8px;border-top:1px solid var(--line-soft)}.chat-input select{background:#0006;color:var(--gold-2);border:1px solid var(--line-soft);border-radius:8px;font-size:12px}.chat-input input{flex:1;min-width:0;background:#00000073;border:1px solid var(--line-soft);border-radius:8px;color:var(--text);padding:7px 10px;font-size:14px;outline:none;-webkit-user-select:text;user-select:text}.chat-input input:focus{border-color:var(--gold)}.send-btn,.emoji-btn{width:36px;border-radius:8px;border:1px solid var(--line);background:linear-gradient(180deg,#2b3a6e,#18213f);color:var(--gold-2);cursor:pointer;font-size:15px}.emoji-btn{background:#00000059}.emoji-pop{position:absolute;bottom:52px;right:8px;display:grid;grid-template-columns:repeat(6,32px);gap:2px;padding:6px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px}.emoji-pop button{background:none;border:0;font-size:20px;cursor:pointer;border-radius:6px}.emoji-pop button:hover{background:#ffffff1a}#actionbar{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:640px;display:flex;flex-direction:column;gap:4px;align-items:center}#actionbar .bar.big{width:470px;height:20px;border-radius:12px}#actionbar .bar.big>span{font-size:13px}.skills{display:flex;gap:7px;margin-top:6px}.sk{position:relative;width:66px;height:66px;border-radius:10px;border:2px solid #8d7442;background:#10131f center / cover no-repeat;box-shadow:0 4px 10px #0009,inset 0 0 0 1px #0009;cursor:pointer}.sk.item{width:58px;height:58px;margin-top:8px}.sk.ult{border-color:#b493ff}.sk.ult.ready{animation:ultready .9s infinite alternate}@keyframes ultready{0%{box-shadow:0 0 6px 1px #a078ff99}to{box-shadow:0 0 20px 6px #be96fff2}}.sk .cd{position:absolute;inset:0;border-radius:8px;background:conic-gradient(rgba(0,0,0,.72) var(--p, 0%),transparent 0)}.sk .cdt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;text-shadow:0 0 4px #000,0 0 2px #000}.sk .key{position:absolute;left:50%;bottom:-9px;transform:translate(-50%);font-size:11px;font-weight:700;padding:0 6px;border-radius:5px;background:#1a1f33;border:1px solid #8d7442;color:#ffe7b0;white-space:nowrap}.sk .cnt{position:absolute;right:3px;top:1px;font-size:13px;font-weight:700;text-shadow:0 0 3px #000}.sk.flash{animation:skflash .25s}.sk.locked{filter:grayscale(.85) brightness(.55)}.sk.aiming{border-color:#ffe7b0;box-shadow:0 0 14px 4px #ffd36bd9;transform:translateY(-4px)}@keyframes skflash{0%{transform:scale(.9);filter:brightness(2)}to{transform:none}}.sk.hot{border-color:#ffe08a;animation:skhot .6s infinite alternate}.sk.hot .key{background:#ffd36b;color:#1a1f33;border-color:#ffe08a}@keyframes skhot{0%{box-shadow:0 0 6px 2px #ffd36b8c}to{box-shadow:0 0 18px 6px #ffe08af2;transform:translateY(-2px)}}#toast-area{position:absolute;top:120px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.toast{font-size:22px;font-weight:700;padding:6px 26px;border-radius:8px;text-shadow:0 2px 4px #000;background:linear-gradient(90deg,transparent,rgba(10,14,30,.85),transparent);animation:toast 2.6s forwards;white-space:nowrap}.toast.big{font-size:40px;color:var(--gold-2)}.toast.blue{color:#9cd2ff}.toast.red{color:#ff98a3}@keyframes toast{0%{opacity:0;transform:scale(1.4)}10%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-14px)}}#death{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#3c000a40,#0000008c)}.death-title{font-size:54px;font-weight:800;color:#ff5263;text-shadow:0 4px 16px #000}.death-by{font-size:18px;color:#ffd0d0;margin:4px 0 10px}.death-timer{font-size:20px}.death-timer b{color:var(--gold-2);font-size:28px}#scoreboard{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(920px,94vw);padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px}#scoreboard h3{margin:0 0 6px;font-size:18px}#scoreboard table{width:100%;border-collapse:collapse;font-size:13px}#scoreboard th{text-align:left;color:var(--muted);font-weight:400;padding:3px 6px;border-bottom:1px solid var(--line-soft)}#scoreboard td{padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.04)}#scoreboard tr.me td{color:var(--gold-2)}#scoreboard td.num{text-align:center;font-variant-numeric:tabular-nums}#scoreboard td.multi{font-family:Cinzel,serif;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--muted)}:where(#announce,.kf-multi,#scoreboard td.multi){--mk: #ffe7a8;--mk-glow: rgba(255, 200, 90, .55)}.t3{--mk: #ffc46b;--mk-glow: rgba(255, 150, 40, .6)}.t4{--mk: #ff8a4c;--mk-glow: rgba(255, 90, 30, .65)}.t5{--mk: #ff4d6a;--mk-glow: rgba(255, 30, 70, .7)}.t6{--mk: #d36bff;--mk-glow: rgba(190, 60, 255, .7)}.t7{--mk: #7fd8ff;--mk-glow: rgba(60, 180, 255, .75)}.t8{--mk: #fff6c8;--mk-glow: rgba(255, 215, 80, .95)}#scoreboard td.multi[class*=" t"]{color:var(--mk)}#announce{position:absolute;left:50%;top:21%;transform:translate(-50%);text-align:center;white-space:nowrap}#announce .an-title{font-family:Cinzel,serif;font-weight:700;font-size:44px;letter-spacing:4px;color:var(--mk);text-shadow:0 0 18px var(--mk-glow),0 0 42px var(--mk-glow),0 4px 6px #000}#announce .an-sub{margin-top:2px;font-size:16px;color:#f3e9dc;text-shadow:0 2px 4px #000}#announce.mine .an-title{font-size:68px;letter-spacing:6px}#announce.mine .an-sub{font-size:20px}#announce.show{animation:announce .45s cubic-bezier(.2,1.6,.4,1) both}#announce.t8 .an-title{background:linear-gradient(90deg,#ffd36b,#fff6c8,#ff8ad8,#7fd8ff,#ffd36b);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:godlike 1.2s linear infinite}@keyframes announce{0%{opacity:0;transform:translate(-50%) scale(2.2);filter:blur(6px)}to{opacity:1;transform:translate(-50%) scale(1);filter:none}}@keyframes godlike{to{background-position:200% 0}}.kf-multi{margin-left:6px;padding:1px 6px;border:1px solid var(--mk);border-radius:4px;font-family:Cinzel,serif;font-size:10px;font-weight:700;letter-spacing:1px;color:var(--mk);box-shadow:0 0 8px var(--mk-glow);white-space:nowrap}@media(prefers-reduced-motion:reduce){#announce.show,#announce.t8 .an-title{animation:none}}#match-end{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0009}#match-end .me-title{font-size:78px;font-weight:800;text-shadow:0 6px 24px #000}#match-end .me-title.win{background:linear-gradient(180deg,#fff3cf,#fc6 50%,#c27a1c);-webkit-background-clip:text;background-clip:text;color:transparent}#match-end .me-title.lose{color:#ff6a78}#match-end .me-score{font-size:28px}#match-end .me-sub{color:var(--muted)}#invite{position:absolute;left:50%;top:34%;transform:translate(-50%);padding:14px 20px;text-align:center;font-size:15px}.invite-actions{display:flex;gap:10px;justify-content:center;margin-top:10px}#ctx-menu{position:absolute;min-width:180px;padding:6px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #000a;z-index:30}#ctx-menu .ctx-head{padding:4px 8px 6px;font-size:13px;color:var(--gold-2);border-bottom:1px solid var(--line-soft);margin-bottom:4px}#ctx-menu button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--text);padding:6px 8px;border-radius:6px;cursor:pointer;font-size:14px}#ctx-menu button:hover{background:#e8c2721f}#tooltip{position:absolute;max-width:260px;padding:8px 10px;background:#080c18f5;border:1px solid var(--line);border-radius:8px;font-size:12px;z-index:40;pointer-events:none}#tooltip b{color:var(--gold-2);font-size:14px}#tooltip .tt-cd{color:var(--muted)}#tooltip .tt-tags{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}#tooltip .tt-tag{padding:1px 6px;border-radius:4px;background:#2a3150;color:#ffe7b0;font-size:11px}#help{position:absolute;right:14px;bottom:14px;font-size:11px;color:var(--muted);padding:6px 10px;max-width:300px;line-height:1.6}#help b{color:var(--gold-2);font-weight:500}.mm-tools{display:flex;align-items:center;gap:8px}#settings-btn{font-size:14px;line-height:20px}#settings-btn.active{color:var(--gold-2);border-color:var(--line)}#settings{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,94vw);z-index:35}.settings-body{padding:12px 14px 14px}.settings-label{font-size:13px;color:var(--muted);margin-bottom:8px}.settings-modes{display:flex;flex-direction:column;gap:8px}.mode-opt{text-align:left;cursor:pointer;padding:10px 12px;border-radius:8px;background:#ffffff0a;border:1px solid var(--line-soft);color:var(--text)}.mode-opt:hover{border-color:var(--line)}.mode-opt.active{border-color:var(--gold);background:#e8c2721f;box-shadow:inset 0 0 0 1px #e8c27259}.mode-opt>b{display:block;font-size:15px;color:var(--gold-2);margin-bottom:4px}.mode-opt.active>b:after{content:" ✓"}.mode-keys{font-size:12px;line-height:1.6;color:var(--muted)}.mode-keys b{color:var(--text);font-weight:500}#disconnected{position:fixed;top:40%;left:50%;transform:translate(-50%);padding:16px 22px;z-index:60;background:var(--panel-2);border:1px solid #ff6a78;border-radius:10px;font-size:16px}@media(max-width:1250px){#help{display:none}#chat{width:320px}}@media(max-width:1000px){#party{display:none}#actionbar{transform:translate(-50%) scale(.85);transform-origin:bottom center}#minimap-wrap,#killfeed{transform:scale(.8);transform-origin:top right}}.sound-settings{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:8px}.sound-settings .settings-label{margin-bottom:0}.sound-settings .settings-label small{font-size:11px;opacity:.8}.sound-mute{font-size:14px}.sound-row{display:grid;grid-template-columns:96px 1fr 34px;align-items:center;gap:10px;font-size:13px;color:var(--text)}.sound-row input{width:100%;accent-color:var(--gold);cursor:pointer}.sound-row input:disabled{opacity:.4;cursor:default}.sound-row b{text-align:right;color:var(--gold-2);font-weight:500;font-variant-numeric:tabular-nums}.sound-master{font-weight:600;padding-bottom:8px;border-bottom:1px solid var(--line-soft)}.sound-credit{font-size:11px;color:var(--muted);line-height:1.5;margin-top:2px}#joy-zone,#aim-cancel,#rotate-hint{display:none}body.touch-mode,body.touch-mode #game canvas{touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body.touch-mode #help,body.touch-mode #party,body.touch-mode #tooltip{display:none!important}body.touch-mode #player-frame{transform:scale(.68);transform-origin:top left;left:max(8px,env(safe-area-inset-left));top:6px}body.touch-mode #scorebar{transform:translate(-50%) scale(.72);transform-origin:top center;top:4px;pointer-events:auto;cursor:pointer}body.touch-mode #minimap-wrap{transform:scale(.58);transform-origin:top right;right:max(8px,env(safe-area-inset-right));top:6px}body.touch-mode #killfeed{transform:scale(.55);transform-origin:top center;left:50%;right:auto;margin-left:-141px;top:62px}body.touch-mode #killfeed>:nth-child(n+3){display:none}body.touch-mode #chat{width:250px;left:max(8px,env(safe-area-inset-left));top:96px;bottom:auto;transform:scale(.85);transform-origin:top left}body.touch-mode #chat.min .chat-input{display:none}body.touch-mode #toast-area{top:84px;transform:translate(-50%) scale(.75)}body.drag-skills #actionbar{left:0;right:0;margin:0 auto;bottom:8px;width:min(300px,34vw);transform:none}body.drag-skills #actionbar .bar.big{width:100%;height:16px}body.drag-skills #actionbar .bar.big>span{font-size:11px}body.drag-skills #skills{position:fixed;right:max(0px,env(safe-area-inset-right));bottom:0;width:300px;height:310px;margin:0;display:block;pointer-events:none}body.drag-skills .sk{position:absolute;width:64px;height:64px;border-radius:50%;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}body.drag-skills .sk .cd{border-radius:50%}body.touch-mode .sk .key{display:none}body.drag-skills .sk.aiming{transform:scale(1.12)}body.drag-skills .sk[data-slot=lmb]{width:96px;height:96px;right:24px;bottom:24px}body.drag-skills .sk[data-slot=q]{right:145px;bottom:34px}body.drag-skills .sk[data-slot=e]{right:118px;bottom:118px}body.drag-skills .sk[data-slot=r]{right:40px;bottom:145px}body.drag-skills .sk[data-slot=f]{width:60px;height:60px;right:178px;bottom:150px}body.drag-skills .sk[data-slot=space]{width:56px;height:56px;right:222px;bottom:20px}body.drag-skills .sk.item{width:46px;height:46px;margin:0}body.drag-skills .sk.item:nth-last-child(2){right:28px;bottom:222px}body.drag-skills .sk.item:last-child{right:92px;bottom:214px}body.touch-mode #joy-zone{display:block;position:fixed;left:0;bottom:0;width:42vw;height:62vh;pointer-events:auto;touch-action:none}#joy-base{position:fixed;left:calc(max(16px,env(safe-area-inset-left)) + 80px);top:calc(100% - 96px);width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;background:radial-gradient(circle,#ffffff0f,#ffffff24);border:2px solid rgba(255,231,176,.35);opacity:.45;transition:opacity .15s;pointer-events:none}#joy-base.active{opacity:1}#joy-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff6dc,#d9b25c 60%,#8d7442);box-shadow:0 2px 10px #0009}body.drag-skills #help{right:auto;left:50%;transform:translate(-50%);bottom:58px;max-width:560px;text-align:center}body.drag-skills #aim-cancel{display:flex;position:fixed;right:calc(max(8px,env(safe-area-inset-right)) + 176px);top:60px;width:62px;height:62px;border-radius:50%;align-items:center;justify-content:center;font-size:26px;color:#ffd0d0;background:#28080cb3;border:2px solid rgba(255,90,90,.6);pointer-events:none}body.drag-skills #aim-cancel.hidden{display:none}body.drag-skills:not(.touch-mode) #skills{transform:scale(1.3);transform-origin:bottom right}body.drag-skills:not(.touch-mode) .sk .key{font-size:13px;bottom:-11px}body.drag-skills:not(.touch-mode) #aim-cancel{top:auto;bottom:230px;right:410px;width:88px;height:88px;font-size:36px;z-index:5}body.drag-skills #aim-cancel.over{background:#c81e32d9;color:#fff;transform:scale(1.15)}@media(max-height:420px){body.drag-skills #skills{transform:scale(.86);transform-origin:bottom right}}@media(orientation:portrait)and (pointer:coarse){#rotate-hint{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0d080b;color:var(--bone, #efe5da);font-size:18px;text-align:center;padding:24px}.rh-icon{font-size:54px;animation:rh-turn 1.8s ease-in-out infinite}}@keyframes rh-turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media(orientation:landscape)and (max-height:500px){.login-inner{display:grid;padding:6px max(14px,env(safe-area-inset-right)) 6px max(14px,env(safe-area-inset-left))}.ls-top{padding-bottom:4px}.logo h1{font-size:17px;letter-spacing:2px}.logo-sub,.ls-step{display:none}.ls-main{grid-template-columns:190px minmax(0,1fr) 290px;gap:10px;min-height:0;height:100%;align-items:stretch}.roster{order:1;justify-content:center}.stage{order:2;height:auto;min-height:0;margin:0}.stage-mark{font-size:64px}.dossier{order:3;margin:0;overflow-y:auto;justify-content:center}.class-list{display:grid;grid-template-columns:1fr 1fr;gap:2px}.class-card{flex-direction:row;gap:6px;padding:5px 6px;text-align:left}.cc-text{align-items:flex-start}.cc-face{width:32px;height:32px}.cc-name{font-size:13px}.cd-index,.cd-blurb,.cd-readout{display:none}.cd-name{font-size:26px;margin:0}.cd-role{margin-top:4px;font-size:11px}.cd-stats{margin-top:8px;gap:4px 10px;font-size:11px}.cd-label{margin-top:8px}.cd-skills{margin-top:6px;justify-content:space-between}.cd-skill img{width:38px;height:38px}.login-bar{margin-top:10px}.login-bar input{padding:10px 12px}.btn-play{padding:0 14px}.login-status{margin-top:4px}}