:root{--gold: #e2a33c;--gold-hot: #ffd071;--ash: #b9c0cb;--ash-hot: #e8eef7;--ink: #07070a;--line: rgba(255, 255, 255, .14);--panel: rgba(10, 10, 14, .82);--font: "Bahnschrift", "DIN Alternate", "Arial Narrow", "Helvetica Neue", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--ink);color:#fff;font-family:var(--font);letter-spacing:.08em;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}.hidden{display:none!important}#view{position:fixed;inset:0;width:100%;height:100%;display:block}#joystick{position:fixed;width:132px;height:132px;margin:-66px 0 0 -66px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#ffffff0a;pointer-events:none;opacity:0;transition:opacity .14s ease;z-index:6}#joystick.active{opacity:1}#joyNub{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:0;border-radius:50%;background:#ffffff80;transform:translate3d(-50%,-50%,0)}#hud{position:fixed;inset:0;pointer-events:none;padding:18px clamp(14px,4vw,46px);display:flex;flex-direction:column;z-index:4}#hud:after{content:"";position:absolute;left:0;right:0;bottom:0;height:170px;background:linear-gradient(to top,#07070ab8,#07070a00);pointer-events:none;z-index:-1}#top{display:flex;flex-direction:column;align-items:center;gap:10px}#timer{font-size:clamp(34px,5.5vw,58px);font-weight:700;line-height:.9;letter-spacing:.04em;font-variant-numeric:tabular-nums;text-shadow:0 2px 24px rgba(0,0,0,.8)}#timer.urgent{color:#ff6a4d;animation:pulse 1s steps(2,end) infinite}@keyframes pulse{50%{opacity:.35}}#meter{position:relative;width:min(640px,78vw);height:16px;background:#ffffff12;border:1px solid var(--line)}#meterGold,#meterAsh{position:absolute;top:0;bottom:0;left:0;width:100%;will-change:transform;transition:transform 90ms linear}#meterGold{transform-origin:left center;background:linear-gradient(90deg,rgba(226,163,60,.25),var(--gold))}#meterAsh{transform-origin:right center;background:linear-gradient(270deg,rgba(185,192,203,.22),var(--ash))}#meter .tick{position:absolute;top:-5px;bottom:-5px;width:2px;background:#ffffff8c;transform:translate(-1px)}#meter .tick.center{background:#ffffff4d;top:-2px;bottom:-2px}#marker{position:absolute;top:-9px;bottom:-9px;left:-2px;width:4px;background:#fff;box-shadow:0 0 14px #fffc;will-change:transform;transition:transform 90ms linear}.meterLabel{position:absolute;top:22px;font-size:11px;opacity:.55;letter-spacing:.22em}.meterLabel.left{left:0;color:var(--gold)}.meterLabel.right{right:0;color:var(--ash)}#wheel{margin-top:22px;font-size:clamp(13px,1.8vw,17px);font-weight:700;letter-spacing:.3em;padding:7px 18px;border:1px solid currentColor;opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease;white-space:nowrap}#wheel.show{opacity:1;transform:none}#wheel.telegraph{color:#fff;animation:flick .36s steps(2,end) infinite}#wheel.active{color:var(--gold-hot);background:#ffd0711a}@keyframes flick{50%{opacity:.25}}#tag{position:absolute;left:clamp(14px,4vw,46px);bottom:22px;display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.24em}#tagDot{width:12px;height:12px;background:#555;display:inline-block}#tagClass{font-size:11px;padding:3px 8px;border:1px solid currentColor;opacity:.9}#tagPower{font-size:11px;padding:3px 8px;border:1px solid #ff3ddc;color:#ff8ae4;display:none}#tagPower.on{display:inline-block}#boostWrap{position:absolute;left:clamp(14px,4vw,46px);bottom:52px;width:min(240px,42vw)}#boostLabel{font-size:10px;letter-spacing:.3em;opacity:.5;margin-bottom:5px}#boostBar{height:9px;border:1px solid var(--line);background:#ffffff0f}#boostFill{height:100%;width:100%;transform-origin:left center;transform:scaleX(1);background:linear-gradient(90deg,#4a7fd1,#7fe3ff);will-change:transform}#boostFill.low{background:linear-gradient(90deg,#6b2f2f,#d95c4a)}#center{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}#center.has:before{content:"";position:absolute;inset:-10% -5%;background:radial-gradient(ellipse 46% 42% at 50% 50%,#07070ae0,#07070a00 72%)}#center>*{position:relative}#center .big{font-size:clamp(48px,11vw,140px);font-weight:700;line-height:.86}#center .mid{font-size:clamp(20px,3.4vw,36px);font-weight:700;letter-spacing:.22em}#center .small{font-size:clamp(12px,1.6vw,15px);letter-spacing:.24em;opacity:.65}#center .standings{margin-top:14px;display:flex;gap:26px;justify-content:center;font-size:clamp(14px,2.4vw,22px);letter-spacing:.18em;font-weight:700}.gold{color:var(--gold-hot)}.ashc{color:var(--ash-hot)}#controls{position:absolute;left:50%;transform:translate(-50%);bottom:18px;display:flex;gap:8px;pointer-events:auto}.ctl{position:relative;overflow:hidden;min-width:92px;padding:14px 14px 18px;background:#0c0c10b8;border:1px solid var(--line);color:#fff;font-family:var(--font);font-size:14px;font-weight:700;letter-spacing:.18em;cursor:pointer;transition:background 90ms,border-color 90ms,transform 90ms}.ctl.wide{min-width:140px}.ctl small{position:absolute;left:0;right:0;bottom:5px;font-size:9px;font-weight:400;letter-spacing:.14em;opacity:.4}.ctl.on{background:#ffffffeb;color:#07070a;border-color:#fff;transform:translateY(1px)}.ctl.cooling{opacity:.4}.cd{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--gold);transform-origin:left center;transform:scaleX(0);will-change:transform}.ctl.armed{border-color:#ff5ec8;color:#ff9fdf;box-shadow:0 0 18px #ff5ec866 inset}#raidHint{position:absolute;left:50%;bottom:108px;transform:translate(-50%);font-size:10px;letter-spacing:.26em;color:#ff9fdf;opacity:0;transition:opacity .18s ease;white-space:nowrap}#raidHint.show{opacity:.85}#bubbles{position:fixed;inset:0;pointer-events:none;z-index:6;overflow:hidden}.bubble{position:absolute;transform:translate(-50%,-100%);background:#fff;color:#0a0a0d;font-size:13px;font-weight:700;letter-spacing:.08em;padding:6px 11px;border-radius:3px;white-space:nowrap;animation:bubblePop 1.5s ease-out forwards}.bubble:after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-5px;border:5px solid transparent;border-top-color:#fff;border-bottom:0}.bubble.gold{background:var(--gold-hot)}.bubble.ash{background:var(--ash-hot)}@keyframes bubblePop{0%{opacity:0;transform:translate(-50%,-80%) scale(.7)}14%{opacity:1;transform:translate(-50%,-100%) scale(1.08)}24%{transform:translate(-50%,-100%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-125%) scale(.95)}}.keyLegend{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;font-size:10px;letter-spacing:.18em;opacity:.55}.keyLegend b{color:var(--gold);margin-right:5px}.tip{margin-top:14px;font-size:12px;letter-spacing:.12em;opacity:.75}.tip b{color:var(--gold)}.chip{position:absolute;right:clamp(14px,4vw,46px);bottom:22px;pointer-events:auto;background:#0c0c10b8;border:1px solid var(--line);color:#fff;font-family:var(--font);font-size:11px;letter-spacing:.2em;padding:9px 13px;cursor:pointer}.chip small{opacity:.4;margin-left:6px}.chip.alt{bottom:58px}.chip.muted{opacity:.45}#board{position:fixed;right:clamp(14px,3vw,34px);top:clamp(14px,3vw,34px);width:min(300px,34vw);background:var(--panel);border:1px solid var(--line);padding:14px 16px 16px;z-index:12;pointer-events:none}#board.host{width:min(420px,30vw);top:clamp(120px,15vh,190px)}#board.hostLobby{top:auto;bottom:clamp(14px,3vw,34px);max-height:44vh;overflow:hidden}#hud.hostView #controls,#hud.hostView #boostWrap,#hud.hostView #tag,#hud.hostView #btnView{display:none}.boardHead{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.28em;opacity:.5;margin-bottom:12px}#boardTeams{display:flex;gap:10px;margin-bottom:14px}.bt{flex:1;border:1px solid var(--line);padding:10px 6px 8px;text-align:center}.bt b{display:block;font-size:clamp(30px,4vw,52px);line-height:1;font-variant-numeric:tabular-nums}#board.host .bt b{font-size:clamp(46px,6vw,86px)}.bt span{font-size:10px;letter-spacing:.3em;opacity:.7}.bt.gold{color:var(--gold-hot);border-color:#e2a33c73}.bt.ash{color:var(--ash-hot);border-color:#b9c0cb66}#boardList{list-style:none;font-size:11px;letter-spacing:.1em;line-height:1.9}#board.host #boardList{font-size:14px}#boardList li{display:flex;justify-content:space-between;gap:10px;opacity:.85}#boardList .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#boardList .mv{opacity:.6;font-variant-numeric:tabular-nums}#screens{position:fixed;inset:0;z-index:10;pointer-events:none}.screen{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 45%,#14141af0,#07070af7 70%);pointer-events:auto;overflow-y:auto}.screen.show{display:flex}.pane{width:100%;max-width:480px;text-align:center}.pane.wide{max-width:880px}.logo{font-size:clamp(46px,10vw,92px);font-weight:700;letter-spacing:.14em;line-height:1}.logo span{color:var(--gold);margin-left:.12em}.sub{margin-top:12px;font-size:13px;letter-spacing:.24em;opacity:.6}.h2{font-size:clamp(18px,2.6vw,26px);letter-spacing:.3em;font-weight:700;margin-bottom:22px}.joinBox{margin-top:34px;display:grid;gap:10px}input,.primary,.ghost{width:100%;font-family:var(--font);font-size:15px;letter-spacing:.22em;text-align:center;padding:14px;border:1px solid var(--line);background:#ffffff0d;color:#fff;text-transform:uppercase}#codeInput{font-size:26px;letter-spacing:.5em;font-weight:700;padding:16px 14px 16px 24px}input:focus{outline:none;border-color:var(--gold)}input::placeholder{color:#ffffff4d;letter-spacing:.22em;font-size:14px}.primary,.ghost{cursor:pointer;font-weight:700}.primary{background:var(--gold);border-color:var(--gold);color:#10100c}.primary:hover{background:var(--gold-hot)}.primary.big{margin-top:26px;font-size:clamp(18px,2.4vw,26px);padding:20px;letter-spacing:.3em}.ghost:hover{border-color:#fff}.orRow{margin:26px 0 14px;font-size:10px;letter-spacing:.4em;opacity:.35}.altRow{display:grid;gap:8px}.hint{margin-top:22px;font-size:11px;letter-spacing:.16em;opacity:.4}.hint.err{color:#ff7a5c;opacity:.95}.crumb{font-size:11px;letter-spacing:.26em;opacity:.6;margin-bottom:20px}.crumb b{color:var(--gold)}.classCards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.classCard{border:1px solid var(--line);background:#ffffff08;padding:18px 14px;cursor:pointer;text-align:left;color:#fff;font-family:var(--font);transition:border-color .12s,background .12s,transform .12s}.classCard:hover{transform:translateY(-2px)}.classCard.sel{border-color:currentColor;background:#ffffff14}.classCard .cname{font-size:17px;font-weight:700;letter-spacing:.16em}.classCard .crole{font-size:10px;letter-spacing:.3em;opacity:.6;margin-top:2px}.classCard .cblurb{font-size:11.5px;letter-spacing:.04em;line-height:1.6;opacity:.72;margin:12px 0;color:#fff}.statRow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.2em;opacity:.75;margin-top:4px;color:#fff}.statRow span{width:44px}.pips{display:flex;gap:3px}.pips i{width:12px;height:5px;background:#ffffff2e}.pips i.on{background:currentColor}.waitLine{margin-top:26px;font-size:12px;letter-spacing:.24em;opacity:.55}.miniRoster{margin-top:16px;font-size:11px;letter-spacing:.14em;opacity:.45;line-height:1.8}.hostGrid{width:100%;max-width:1400px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,60px);align-items:center}.hostLeft{text-align:left}.hostKicker{font-size:clamp(10px,1.1vw,13px);letter-spacing:.4em;opacity:.45;margin-bottom:6px}.hostUrl{font-size:clamp(18px,2.4vw,34px);font-weight:700;letter-spacing:.08em;color:var(--gold);margin-bottom:24px;word-break:break-all}.hostCode{font-size:clamp(64px,13vw,190px);font-weight:700;letter-spacing:.14em;line-height:.92}.hostRosterHead{display:flex;justify-content:space-between;font-size:clamp(11px,1.2vw,15px);letter-spacing:.24em;opacity:.6;padding-bottom:12px;border-bottom:1px solid var(--line)}.hostRoster{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:54vh;overflow-y:auto}.hostRoster .row{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:9px 10px;font-size:clamp(12px,1.3vw,16px);letter-spacing:.1em}.hostRoster .row.gold{background:#e2a33c29;border-color:#e2a33c80;color:var(--gold-hot)}.hostRoster .row.ash{background:#b9c0cb21;border-color:#b9c0cb73;color:var(--ash-hot)}.hostRoster .row.isBot{opacity:.55}.hostRoster .row .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hostRoster .row .cl{font-size:9px;letter-spacing:.16em;opacity:.75}.hostRoster .empty{grid-column:1 / -1;opacity:.35;font-size:13px;letter-spacing:.2em;padding:30px 0;text-align:center}#toast{position:fixed;left:50%;bottom:12%;transform:translate(-50%,12px);background:#fffffff2;color:#0a0a0d;font-size:12px;font-weight:700;letter-spacing:.2em;padding:12px 20px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:30}#toast.show{opacity:1;transform:translate(-50%)}@media (max-width: 900px){.hostGrid,.classCards{grid-template-columns:1fr}}@media (max-width: 700px){.ctl{min-width:72px;padding:15px 6px 17px;font-size:11px;letter-spacing:.08em}.ctl.wide{min-width:94px}.ctl small{font-size:8px}#controls{left:auto;right:10px;transform:none;bottom:12px;display:grid;grid-template-columns:1fr 1fr;gap:6px;width:190px}.ctl.wide{grid-column:1 / -1}#raidHint{left:auto;right:10px;transform:none;bottom:196px;font-size:9px}.chip.alt{bottom:166px}#board{display:none}#tag{bottom:14px;font-size:11px}#boostWrap{bottom:44px;width:46vw}.chip{right:10px;bottom:128px}}#btnLeave{position:fixed;left:clamp(10px,3vw,34px);top:clamp(10px,3vw,34px);z-index:20;pointer-events:auto;background:#0c0c10b8;border:1px solid var(--line);color:#fff;font-family:var(--font);font-size:11px;letter-spacing:.2em;padding:9px 13px;cursor:pointer}#btnLeave:hover,#btnLeave:focus-visible{border-color:var(--gold);outline:none}#btnLeave.hidden{display:none}