:root{color-scheme:dark;--bg-deep: #0a0f1e;--bg-panel: #121a2b;--bg-panel-2: #0e1626;--text-primary: #f4f7fb;--text-muted: #9aa8bd;--accent-cyan: #63e6f5;--accent-violet: #a78bfa;--accent-amber: #ffc66d;--accent-coral: #ff6b7a;--success: #69e3a5;--line: rgba(148, 174, 209, .16);--line-strong: rgba(148, 174, 209, .3);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono: "SFMono-Regular", "JetBrains Mono", "Cascadia Code", ui-monospace, Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--bg-deep)}body{margin:0;min-width:320px;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}ul{margin:0;padding:0;list-style:none}::selection{background:#63e6f547;color:#fff}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:1px solid var(--line-strong);border-radius:10px;background:linear-gradient(180deg,#1c2a42e6,#0f1726e6);color:var(--text-primary);font-size:14px;font-weight:700;letter-spacing:.03em;transition:border-color .18s ease,background .18s ease,transform .12s ease,opacity .18s ease;user-select:none}.btn:hover:not(:disabled){border-color:#63e6f580;background:linear-gradient(180deg,#233756f2,#121d30f2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.38}.btn-primary{border-color:transparent;background:linear-gradient(135deg,#8ff4ff,#63e6f5 30%,#2eb8d8);color:#041019;box-shadow:0 0 0 1px #63e6f54d,0 10px 34px #26b4d238}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#a8f8ff,#74ecf9 35%,#38c6e6)}.btn-violet{border-color:#a78bfa8c;background:linear-gradient(135deg,#a78bfaf2,#7452d6f2);color:#fff;box-shadow:0 8px 28px #7858dc47}.btn-danger{border-color:#ff6b7a80;background:linear-gradient(180deg,#7d2330d9,#41121be6);color:#ffd5da}.btn-danger:hover:not(:disabled){border-color:#ff6b7ad9;background:linear-gradient(180deg,#962b3ae6,#501621f2)}.btn-ghost{background:#0a101c80;border-color:var(--line);color:var(--text-muted)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);border-color:var(--line-strong);background:#162236b3}.btn-sm{min-height:34px;padding:0 12px;font-size:12px;border-radius:8px}.pixel-avatar{position:relative;display:inline-flex;flex:none;overflow:hidden;border-radius:18%;background:#0a1020;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #05081099,0 8px 20px #00000038}.pixel-avatar svg{width:100%;height:100%;display:block;image-rendering:pixelated}.pixel-avatar:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--avatar-color) 35%,transparent);pointer-events:none}.pixel-avatar.is-dim{filter:grayscale(.75) brightness(.58)}.boss-art{--core: #63e6f5;--core-2: #a78bfa;--ring: rgba(99, 230, 245, .35);position:relative;width:100%;aspect-ratio:1;filter:drop-shadow(0 40px 70px rgba(0,0,0,.5));transition:filter .8s ease}.boss-art.phase-2{--core: #ffc66d;--core-2: #63e6f5;--ring: rgba(255, 198, 109, .36)}.boss-art.phase-3{--core: #ff6b7a;--core-2: #ffc66d;--ring: rgba(255, 107, 122, .4)}.boss-svg{display:block;width:100%;height:100%;overflow:visible}.boss-body{transform-box:view-box;transform-origin:512px 560px;animation:bossFloat 6.5s ease-in-out infinite}.boss-ring-front,.boss-rings .ring{transform-box:view-box;transform-origin:512px 500px}.ring-a{animation:bossSpin 72s linear infinite}.ring-b{animation:bossSpin 46s linear infinite reverse}.ring-c{animation:bossSpin 26s linear infinite}.boss-core{transform-box:view-box;transform-origin:512px 505px;animation:corePulse 3.1s ease-in-out infinite}.core-blades{transform-box:view-box;transform-origin:512px 505px;animation:bossSpin 14s linear infinite}.core-dashes,.core-orbit{transform-box:view-box;transform-origin:512px 505px;animation:bossSpin 18s linear infinite reverse}.core-orbit{animation-duration:9s;animation-direction:normal}.boss-crest{transform-box:view-box;transform-origin:512px 320px;animation:crestHover 5.4s ease-in-out infinite}.boss-thrusters{animation:thruster 1.6s ease-in-out infinite;transform-box:view-box;transform-origin:512px 870px}.armor{transform-box:view-box;transition:transform 1.25s cubic-bezier(.2,.75,.2,1),opacity .7s ease}.armor-left{transform-origin:352px 520px}.armor-right{transform-origin:672px 520px}.phase-2 .armor-left{transform:translate(-26px,10px) rotate(-8deg)}.phase-2 .armor-right{transform:translate(26px,10px) rotate(8deg)}.phase-3 .armor-left{transform:translate(-62px,22px) rotate(-17deg)}.phase-3 .armor-right{transform:translate(62px,22px) rotate(17deg)}.phase-3 .boss-core{animation-duration:1.5s}.phase-3 .boss-heat{opacity:1;animation:heatFlicker 1.8s ease-in-out infinite}.phase-3 .boss-ambient{filter:hue-rotate(-18deg)}.boss-shield{opacity:0;transform-box:view-box;transform-origin:512px 540px;transition:opacity .45s ease}.boss-art.is-shield .boss-shield{opacity:1}.boss-shield .shield-ring-a{animation:bossSpin 16s linear infinite;transform-box:view-box;transform-origin:512px 540px}.boss-shield .shield-ring-b{animation:bossSpin 24s linear infinite reverse;transform-box:view-box;transform-origin:512px 540px}.boss-weak{opacity:0;transform-box:view-box;transform-origin:512px 505px;transition:opacity .3s ease}.boss-art.is-weak .boss-weak{opacity:1;animation:weakPulse 1.25s ease-in-out infinite}.boss-art.is-paused{filter:saturate(.4) brightness(.62) drop-shadow(0 30px 60px rgba(0,0,0,.5))}.boss-art.is-paused .boss-svg *{animation-play-state:paused!important}.boss-art.is-intro .boss-svg{animation:bossEmerge 4.5s cubic-bezier(.2,.7,.2,1) both}.boss-art.is-victory .boss-body{animation:none;transform:translateY(38px);filter:grayscale(.7) brightness(.38);transition:transform 1.6s ease,filter 1.6s ease}.boss-art.is-victory .armor-left{transform:translate(-190px,120px) rotate(-46deg);opacity:0;transition:all 1.7s cubic-bezier(.3,.7,.2,1)}.boss-art.is-victory .armor-right{transform:translate(190px,120px) rotate(46deg);opacity:0;transition:all 1.7s cubic-bezier(.3,.7,.2,1)}.boss-art.is-victory .boss-core{animation:none;opacity:0;transition:opacity 1.1s ease}.boss-art.is-victory .boss-rings,.boss-art.is-victory .boss-ring-front,.boss-art.is-victory .boss-shield,.boss-art.is-victory .boss-weak{opacity:.08;transition:opacity 1.4s ease}.boss-art.is-victory .boss-thrusters{opacity:0}.boss-art.is-defeat .boss-body{animation:none;transform:translateY(46px) rotate(1.2deg);filter:grayscale(.72) brightness(.46);transition:all 1.6s ease}.boss-art.is-defeat .boss-core{animation:none;filter:grayscale(.6)}.boss-art.is-defeat .boss-rings,.boss-art.is-defeat .boss-ring-front{opacity:.24}.boss-art.is-defeat .boss-thrusters{opacity:.15}.boss-art.is-compact{filter:drop-shadow(0 16px 30px rgba(0,0,0,.4))}.low-motion .boss-art .ring,.low-motion .boss-art .core-blades,.low-motion .boss-art .core-orbit,.low-motion .boss-art .core-dashes,.low-motion .boss-art .boss-crest{animation-duration:240s}.low-motion .boss-art .boss-body{animation-duration:14s}.low-motion .boss-art .boss-heat{display:none}@keyframes bossFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes bossSpin{to{transform:rotate(360deg)}}@keyframes corePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.045);opacity:.9}}@keyframes crestHover{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes thruster{0%,to{opacity:.5;transform:scaleY(.9)}50%{opacity:.9;transform:scaleY(1.08)}}@keyframes weakPulse{0%,to{transform:scale(1);opacity:.65}50%{transform:scale(1.08);opacity:1}}@keyframes heatFlicker{0%,to{opacity:.55}50%{opacity:1}}@keyframes bossEmerge{0%{opacity:0;transform:scale(.9)}28%{opacity:.18;transform:scale(.94)}52%{opacity:.95;transform:scale(1.025)}57%{opacity:.55}64%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatUp{0%{opacity:0;transform:translate(-50%) scale(.8)}8%{opacity:1;transform:translate(-50%,-8px) scale(1.05)}70%{opacity:1;transform:translate(-50%,-52px) scale(1)}to{opacity:0;transform:translate(-50%,-72px) scale(.95)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 1px #63e6f533,0 0 24px #63e6f514}50%{box-shadow:0 0 0 1px #63e6f58c,0 0 42px #63e6f53d}}@media(prefers-reduced-motion:reduce){.boss-art .ring,.boss-art .core-blades,.boss-art .core-orbit,.boss-art .core-dashes,.boss-art .boss-body,.boss-art .boss-crest,.boss-art .boss-thrusters,.boss-art .boss-heat{animation:none!important}}.phase-2 .armor-left{transform:translate(-44px,12px) rotate(-13deg)}.phase-2 .armor-right{transform:translate(44px,12px) rotate(13deg)}.phase-3 .armor-left{transform:translate(-100px,30px) rotate(-26deg)}.phase-3 .armor-right{transform:translate(100px,30px) rotate(26deg)}.player-loading{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;background:radial-gradient(circle at 50% 40%,rgba(38,109,132,.18),transparent 55%),var(--bg-deep);color:var(--text-muted);text-align:center}.player-loading .loading-mark{font-family:var(--font-mono);font-size:34px;font-weight:700;letter-spacing:.2em;color:#f2feff;text-shadow:0 0 30px rgba(99,230,245,.3)}.player-loading p{font-size:13px}.player-loading small{font-size:10px;color:#9aa8bd99}.join-screen{position:relative;min-height:100dvh;overflow-x:hidden;background:radial-gradient(ellipse at 84% 18%,rgba(48,141,161,.16),transparent 38%),radial-gradient(ellipse at 10% 92%,rgba(110,82,208,.14),transparent 42%),#070c16}.join-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.join-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,230,245,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(99,230,245,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse at 50% 35%,#000,transparent 80%)}.join-glow{position:absolute;right:-12%;top:-10%;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(65,190,218,.16),transparent 62%);filter:blur(20px)}.join-boss{position:absolute;right:-170px;top:50%;width:720px;height:720px;transform:translateY(-50%) rotate(-6deg);opacity:.16;filter:saturate(.7)}.join-main{position:relative;z-index:1;display:grid;grid-template-areas:"head" "hero" "card" "foot";gap:22px;width:min(100%,520px);min-height:100dvh;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));align-content:center}.join-head{grid-area:head;display:flex;align-items:center;justify-content:space-between;gap:16px}.join-brand{display:flex;align-items:center;gap:13px}.join-sigil{width:38px;height:38px;padding:7px}.join-sigil span{width:5px}.join-sigil span:nth-child(1){height:9px}.join-sigil span:nth-child(2){height:16px}.join-sigil span:nth-child(3){height:23px}.join-brand h1{margin-top:2px;font-size:24px;line-height:1;letter-spacing:.14em;font-weight:800}.join-brand .eyebrow{font-size:7px;letter-spacing:.18em}.join-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(133,167,201,.18);border-radius:20px;font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;color:var(--text-muted)}.join-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.join-status.is-on{color:var(--success);border-color:#69e3a54d}.join-status.is-on i{box-shadow:0 0 8px currentColor}.join-hero{grid-area:hero;padding-top:10px}.join-hero>.eyebrow{color:var(--accent-cyan);font-size:9px}.join-hero h2{margin-top:9px;font-size:clamp(30px,8.6vw,52px);line-height:1.14;letter-spacing:.01em;font-weight:800}.join-hero p{max-width:430px;margin-top:13px;font-size:12px;line-height:1.75;color:var(--text-muted)}.join-live{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px;padding:12px 0;border-top:1px solid rgba(133,167,201,.14);border-bottom:1px solid rgba(133,167,201,.14)}.join-live>div{min-width:0}.join-live .eyebrow{font-size:7px}.join-live strong{display:block;margin-top:4px;overflow:hidden;font-size:17px;font-weight:500;color:#f4fdff;text-overflow:ellipsis;white-space:nowrap}.join-live .join-mode{font-family:var(--font-sans);font-size:13px;color:var(--accent-cyan)}.join-card{grid-area:card;padding:18px;border:1px solid rgba(133,167,201,.18);border-radius:8px;background:linear-gradient(160deg,#131e31f0,#080d18f2);box-shadow:0 24px 70px #00000059,inset 0 1px #ffffff0a;backdrop-filter:blur(14px)}.join-field{margin-bottom:17px}.join-field>label,.join-label{display:block;margin-bottom:7px;font-size:11px;font-weight:600;letter-spacing:.04em;color:#e2eefad1}.join-input-wrap{position:relative}.join-input-wrap input{width:100%;height:48px;padding:0 58px 0 14px;border:1px solid rgba(133,167,201,.22);border-radius:6px;background:#040911ad;color:#f6fdff;font-size:16px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.join-input-wrap input::placeholder{color:#9aa8bd80}.join-input-wrap input:focus{border-color:#63e6f599;box-shadow:0 0 0 3px #63e6f514}.char-count{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--text-muted)}.char-count.is-over{color:var(--accent-coral)}.avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.avatar-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border:1px solid transparent;border-radius:7px;background:#050a1266;color:#9aa8bd99;transition:all .15s ease}.avatar-option .pixel-avatar{border-radius:22%}.avatar-option span:last-child{font-size:8px;letter-spacing:.04em}.avatar-option:hover{background:#15223699}.avatar-option.is-selected{border-color:#63e6f58c;background:#63e6f512;color:var(--text-primary);box-shadow:0 0 20px #63e6f514}.join-error{margin:0 0 13px;padding:9px 11px;border:1px solid rgba(255,107,122,.3);border-radius:5px;background:#50121c47;color:#ffc9cf;font-size:11px}.join-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:52px;border:0;border-radius:6px;background:linear-gradient(110deg,#a9f8ff,#63e6f5 42%,#33b9d6);color:#041019;font-size:16px;font-weight:800;letter-spacing:.05em;box-shadow:0 0 0 1px #63e6f54d,0 16px 40px #2fbad833;transition:all .17s ease}.join-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 0 1px #63e6f58c,0 20px 48px #2fbad84d}.join-submit:disabled{opacity:.42;filter:saturate(.6)}.join-submit span{font-size:20px;line-height:1}.join-hint{margin-top:11px;font-size:10px;line-height:1.5;color:#9aa8bdb3;text-align:center}.join-foot{grid-area:foot;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#9aa8bd8c}.join-foot .mono{letter-spacing:.08em}.player-app{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;max-width:520px;height:100dvh;margin:0 auto;padding:calc(10px + env(safe-area-inset-top)) 12px calc(10px + env(safe-area-inset-bottom));overflow:hidden;background:radial-gradient(ellipse at 50% 18%,rgba(34,96,122,.2),transparent 48%),radial-gradient(ellipse at 90% 92%,rgba(87,64,155,.12),transparent 42%),#070c16;isolation:isolate}.player-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.player-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,230,245,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(99,230,245,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 88%)}.player-aura{position:absolute;left:50%;top:-10%;width:460px;height:460px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(65,186,214,.13),transparent 64%);filter:blur(8px)}.player-scan{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(4,8,14,.14) 3px,rgba(4,8,14,.14) 4px);opacity:.45}.player-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;flex:none}.player-brand{display:flex;align-items:center;gap:9px;min-width:0}.player-brand-mark{display:inline-flex;align-items:flex-end;gap:2px;width:25px;height:25px;padding:5px;border:1px solid rgba(99,230,245,.35);border-radius:4px;background:#0b1422cc}.player-brand-mark i{display:block;width:4px;background:var(--accent-cyan);box-shadow:0 0 6px #63e6f580}.player-brand-mark i:nth-child(1){height:6px;opacity:.5}.player-brand-mark i:nth-child(2){height:13px}.player-brand strong{display:block;font-size:13px;line-height:1;letter-spacing:.12em}.player-brand .eyebrow{display:block;margin-top:2px;font-size:6px;letter-spacing:.16em}.player-header-right{display:flex;align-items:center;gap:8px;min-width:0}.player-link{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:7px;letter-spacing:.08em;color:#9aa8bd99;white-space:nowrap}.player-link i{width:4px;height:4px;border-radius:50%;background:currentColor}.player-link.is-on{color:var(--success)}.player-link.is-on i{box-shadow:0 0 6px currentColor}.player-mode{padding:3px 6px;border:1px solid rgba(133,167,201,.16);border-radius:3px;font-size:8px;color:var(--text-muted);white-space:nowrap}.player-clock{font-size:12px;color:#f4fdff;letter-spacing:.03em}.player-boss-card{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;min-height:116px;flex:none;padding:8px 11px 8px 4px;overflow:hidden;border:1px solid rgba(133,167,201,.17);border-radius:7px;background:radial-gradient(circle at 16% 44%,rgba(61,176,201,.12),transparent 34%),linear-gradient(155deg,#121c2eeb,#070c16f0);box-shadow:0 12px 32px #00000038}.player-boss-card.tone-amber{border-color:#ffc66d4d;background:radial-gradient(circle at 16% 44%,rgba(255,198,109,.1),transparent 34%),linear-gradient(155deg,#1c1c26eb,#090d16f0)}.player-boss-art{position:relative;width:118px;height:116px;margin-left:-10px;overflow:hidden}.player-boss-art:after{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle,rgba(99,230,245,.12),transparent 66%);pointer-events:none}.player-boss-art .boss-art{width:124px;height:124px;margin-left:-3px;margin-top:-4px}.player-boss-info{min-width:0}.player-boss-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.player-boss-title .eyebrow{display:block;font-size:7px;letter-spacing:.14em}.player-boss-title strong{display:block;margin-top:2px;font-size:14px;letter-spacing:.05em}.phase-pill{flex:none;padding:2px 6px;border:1px solid rgba(99,230,245,.3);border-radius:2px;font-size:8px;color:var(--accent-cyan);background:#63e6f50f;white-space:nowrap}.phase-pill.phase-2{color:var(--accent-amber);border-color:#ffc66d59;background:#ffc66d12}.phase-pill.phase-3{color:var(--accent-coral);border-color:#ff6b7a59;background:#ff6b7a12}.player-hp-track{position:relative;height:11px;margin-top:7px;overflow:hidden;border:1px solid rgba(133,167,201,.22);border-radius:2px;background:#02060ccc}.player-hp-fill{height:100%;background:linear-gradient(90deg,#ff6b7a,#ffc66d 44%,#63e6f5);box-shadow:0 0 12px #63e6f540;transition:width .24s linear}.phase-2 .player-hp-fill,.player-boss-card.tone-amber .player-hp-fill{background:linear-gradient(90deg,#ff6b7a,#ffc66d 62%,#a78bfa)}.phase-3 .player-hp-fill{background:linear-gradient(90deg,#ff6b7a,#ffc66d 70%,#ff6b7a)}.player-hp-ticks{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(3,7,13,.7) calc(10% - 1px),rgba(3,7,13,.7) 10%)}.player-hp-meta{display:flex;justify-content:space-between;margin-top:3px;font-size:8px;color:var(--text-muted)}.player-hp-meta span:first-child{color:#e0eefccc}.player-mechanic{display:flex;align-items:center;gap:5px;margin-top:5px;padding:4px 6px;border:1px solid rgba(99,230,245,.14);border-radius:3px;background:#040a1280;font-size:8px;color:var(--text-muted);white-space:nowrap}.player-mechanic strong{font-size:9px;color:var(--accent-cyan);font-weight:600}.player-mechanic>span:nth-child(3){color:var(--accent-cyan);font-family:var(--font-mono)}.player-mechanic .mechanic-count{margin-left:auto;font-size:9px;color:#e0eefccc}.player-mechanic.tone-amber{border-color:#ffc66d40;background:#1f170a59}.player-mechanic.tone-amber strong,.player-mechanic.tone-amber>span:nth-child(3),.player-mechanic.tone-amber .mechanic-count{color:var(--accent-amber)}.player-mechanic.tone-muted{opacity:.7}.mechanic-dot{width:5px;height:5px;flex:none;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 6px currentColor}.mechanic-dot.tone-amber{background:var(--accent-amber)}.mechanic-dot.tone-muted{background:var(--text-muted)}.player-profile{display:flex;align-items:center;gap:8px;min-height:46px;flex:none;padding:5px 8px;border:1px solid rgba(133,167,201,.13);border-radius:6px;background:#090f1aa8}.profile-avatar{position:relative;flex:none;padding:0;border:0;background:transparent}.avatar-edit{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:15px;height:15px;border:1px solid rgba(99,230,245,.45);border-radius:50%;background:#0a1422;color:var(--accent-cyan);font-size:8px}.profile-name{min-width:0;flex:1}.profile-name strong{display:block;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.profile-name span{display:block;font-size:8px;color:var(--text-muted)}.profile-stats{display:flex;gap:13px;flex:none}.profile-stats>div{text-align:right}.profile-stats span{display:block;font-size:7px;color:var(--text-muted)}.profile-stats strong{display:block;margin-top:1px;font-size:11px;font-weight:500;color:#f2fbff}.player-lobby{display:flex;flex:1;min-height:0;flex-direction:column;gap:8px}.lobby-emblem{flex:1;display:flex;flex-direction:column;justify-content:center;padding:14px 16px;border:1px solid rgba(99,230,245,.16);border-radius:7px;background:radial-gradient(circle at 50% 20%,rgba(61,176,201,.09),transparent 55%),linear-gradient(160deg,#0f1929d1,#070c15e0);text-align:center}.lobby-emblem h2{margin-top:6px;font-size:21px;letter-spacing:.06em}.lobby-emblem p{max-width:280px;margin:7px auto 0;font-size:10px;line-height:1.6;color:var(--text-muted)}.lobby-emblem p b{color:var(--accent-cyan)}.lobby-loading{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:12px}.lobby-loading i{width:4px;height:4px;border-radius:50%;background:var(--accent-cyan);animation:lobby-pulse 1.5s ease-in-out infinite}.lobby-loading i:nth-child(2){animation-delay:.2s}.lobby-loading i:nth-child(3){animation-delay:.4s}.lobby-loading span{margin-left:6px;font-size:8px;color:#9aa8bdb3}.lobby-tip{display:flex;align-items:center;justify-content:space-between;padding:7px 11px;border:1px solid rgba(133,167,201,.12);border-radius:5px;background:#080e1899;font-size:8px;color:var(--text-muted)}.lobby-tip strong{font-size:11px;color:var(--accent-amber)}.player-combat{display:flex;flex:1;min-height:0;flex-direction:column;justify-content:center;gap:6px}.attack-block{display:flex;flex-direction:column;align-items:center;gap:4px}.attack-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:160px;height:160px;flex:none;border:1px solid rgba(99,230,245,.45);border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(99,230,245,.17),transparent 55%),linear-gradient(155deg,#1e4659f5,#091824fa);box-shadow:0 0 0 7px #63e6f50a,0 0 38px #2eb4d029,inset 0 0 26px #63e6f514;color:#f2feff;transition:transform .08s ease,filter .18s ease,opacity .18s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.attack-button:before,.attack-button:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.attack-button:before{inset:-13px;border:1px dashed rgba(99,230,245,.25);animation:spin-slow 24s linear infinite}.attack-button:after{inset:-5px;border:1px solid rgba(99,230,245,.14)}.attack-button:active:not(:disabled){transform:scale(.955)}.attack-button:disabled{opacity:.72;filter:saturate(.65)}.attack-button.is-ready:not(:disabled){animation:attack-breathe 2.6s ease-in-out infinite}.attack-rings{position:absolute;inset:15px;border-radius:50%;border:1px solid rgba(99,230,245,.1)}.attack-rings:before{content:"";position:absolute;inset:12px;border-radius:50%;border:1px dashed rgba(99,230,245,.15)}.attack-label{position:relative;z-index:1;font-size:27px;font-weight:800;letter-spacing:.12em;text-shadow:0 0 22px rgba(99,230,245,.34)}.attack-sub{position:relative;z-index:1;font-size:9px;letter-spacing:.12em;color:#ccf4fcb3}.attack-pulse{position:absolute;inset:-1px;border-radius:50%;border:2px solid rgba(99,230,245,.7);animation:attack-pulse .42s ease-out both;pointer-events:none}.attack-hint{font-size:8px;color:#9aa8bda6;letter-spacing:.04em}.energy-block{padding:0 4px}.energy-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.energy-head .eyebrow{font-size:8px}.energy-head strong{font-size:11px;font-weight:500;color:#dff8ff}.energy-head small{color:var(--text-muted);font-size:8px}.energy-track{position:relative;height:12px;overflow:hidden;border:1px solid rgba(133,167,201,.2);border-radius:2px;background:#03070ecc}.energy-fill{height:100%;background:linear-gradient(90deg,#3d8fa6,#63e6f5 70%,#b8faff);box-shadow:0 0 14px #63e6f559;transition:width .2s ease}.energy-track.is-full .energy-fill{background:linear-gradient(90deg,#8eccff,#a78bfa 55%,#e2d7ff);box-shadow:0 0 18px #a78bfa8c}.energy-segments{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(3,7,14,.65) calc(10% - 1px),rgba(3,7,14,.65) 10%)}.ult-button{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:7px 13px;border:1px solid rgba(133,167,201,.18);border-radius:6px;background:linear-gradient(110deg,#1b1e36e6,#0a0f1bf0);color:#9aa8bdb3;transition:all .18s ease}.ult-button.is-ready{border-color:#a78bfa9e;background:linear-gradient(110deg,#4e388df0,#1f183df5);color:#f7f2ff;box-shadow:0 0 0 1px #a78bfa29,0 0 30px #7858dc33}.ult-button.is-pulse{animation:ult-pulse 1.2s ease-out}.ult-button:active:not(:disabled){transform:scale(.99)}.ult-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid currentColor;border-radius:50%;font-size:14px}.ult-copy{flex:1;text-align:left}.ult-copy strong{display:block;font-size:14px;letter-spacing:.05em}.ult-copy small{display:block;margin-top:1px;font-size:7px;letter-spacing:.06em;opacity:.65}.ult-cost{padding:2px 6px;border:1px solid currentColor;border-radius:20px;font-size:8px;opacity:.7}.player-shouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;flex:none}.shout-button{height:32px;border:1px solid rgba(133,167,201,.16);border-radius:4px;background:#090f1aa8;color:#d6e2f2c7;font-size:11px;letter-spacing:.03em;transition:all .15s ease;touch-action:manipulation}.shout-button:hover:not(:disabled){border-color:#63e6f55c;color:var(--accent-cyan);background:#121f2fcc}.shout-button:active:not(:disabled){transform:scale(.985)}.shout-button:disabled{opacity:.34}.player-finish{position:fixed;inset:0;z-index:55;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:30px;background:radial-gradient(circle at 50% 42%,rgba(20,78,65,.3),transparent 48%),#04080ee0;text-align:center;backdrop-filter:blur(6px);animation:fadeIn .5s ease both}.player-finish.finish-defeat{background:radial-gradient(circle at 50% 42%,rgba(95,29,40,.3),transparent 48%),#04080ee6}.player-finish h2{margin-top:2px;font-size:46px;letter-spacing:.1em;color:var(--success)}.player-finish.finish-defeat h2{color:var(--accent-coral)}.player-finish p{font-size:11px;color:var(--text-muted)}.player-finish .countdown{color:#fff;font-size:14px}.player-intro{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(30,111,133,.24),transparent 46%),#04080eeb;text-align:center;backdrop-filter:blur(5px);animation:fadeIn .4s ease both}.intro-scan{position:absolute;left:50%;top:50%;width:340px;height:340px;transform:translate(-50%,-50%);border:1px solid rgba(99,230,245,.18);border-radius:50%;animation:spin-slow 18s linear infinite}.intro-scan:before,.intro-scan:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(99,230,245,.15)}.intro-scan:before{inset:14%}.intro-scan:after{inset:30%}.player-intro h2{position:relative;font-size:31px;letter-spacing:.08em}.player-intro p{position:relative;font-size:11px;color:var(--text-muted)}.intro-clock{position:relative;margin-top:7px;font-size:40px;color:var(--accent-cyan);text-shadow:0 0 24px rgba(99,230,245,.3)}.player-pause,.player-disconnect{position:fixed;inset:0;z-index:58;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:30px;background:#03070da8;text-align:center;backdrop-filter:blur(5px)}.player-pause strong,.player-disconnect strong{font-size:20px;letter-spacing:.08em}.player-pause p,.player-disconnect p{font-size:10px;color:var(--text-muted)}.player-pause strong{color:var(--accent-amber)}.player-disconnect{z-index:62}.spinner{width:22px;height:22px;border:2px solid rgba(99,230,245,.22);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin-slow .9s linear infinite}.player-disconnect .spinner{margin-bottom:5px}.phone-pop{position:fixed;z-index:52;left:50%;bottom:31%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);pointer-events:none;animation:phone-pop .9s ease both;color:var(--accent-cyan);text-shadow:0 0 20px rgba(99,230,245,.45)}.phone-pop strong{font-family:var(--font-mono);font-size:30px;line-height:1}.phone-pop span{font-size:7px;letter-spacing:.16em;opacity:.6}.phone-pop.kind-ult{color:var(--accent-violet);text-shadow:0 0 26px rgba(167,139,250,.65)}.phone-pop.kind-ult strong{font-size:42px}.player-toast{position:fixed;z-index:92;left:50%;top:calc(14px + env(safe-area-inset-top));max-width:min(86vw,340px);padding:9px 14px;transform:translate(-50%);border:1px solid rgba(99,230,245,.3);border-radius:4px;background:#08121ef2;color:#e8fbff;font-size:11px;box-shadow:0 14px 40px #0006;animation:toast-in .25s ease both}.player-toast.tone-warn{border-color:#ffc66d66;color:#ffe4b4}.player-results{position:fixed;inset:0;z-index:70;overflow-y:auto;padding:calc(28px + env(safe-area-inset-top)) 20px calc(26px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 4%,rgba(42,137,118,.22),transparent 40%),radial-gradient(circle at 50% 100%,rgba(73,53,130,.16),transparent 45%),#060b14;animation:fadeIn .4s ease both}.player-results.result-defeat,.player-results.result-aborted{background:radial-gradient(circle at 50% 4%,rgba(101,35,47,.24),transparent 40%),#060b14}.player-results>*{width:min(100%,430px);margin-left:auto;margin-right:auto}.results-top{text-align:center}.results-top h2{margin-top:6px;font-size:44px;letter-spacing:.08em;color:var(--success)}.player-results.result-defeat .results-top h2,.player-results.result-aborted .results-top h2{color:var(--accent-coral)}.results-top p{margin-top:7px;font-size:11px;color:var(--text-muted)}.personal-rank{margin-top:20px;padding:16px;border:1px solid rgba(255,198,109,.25);border-radius:6px;background:linear-gradient(150deg,#23201fbf,#0a0f18d9);text-align:center}.personal-rank strong{display:block;margin-top:4px;font-size:42px;line-height:1;color:var(--accent-amber)}.personal-rank-sub{display:block;margin-top:6px;font-size:9px;color:var(--text-muted)}.personal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:12px;overflow:hidden;border:1px solid rgba(133,167,201,.14);border-radius:6px;background:#85a7c924}.personal-stats>div{padding:11px 8px;background:#0a111e;text-align:center}.personal-stats .eyebrow{font-size:7px}.personal-stats strong{display:block;margin-top:4px;font-size:16px;font-weight:500;color:#f4fdff}.personal-titles{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:12px}.title-badge{display:flex;flex-direction:column;gap:1px;padding:7px 10px;border:1px solid rgba(255,198,109,.3);border-radius:4px;background:#ffc66d0d;text-align:center}.title-badge strong{font-size:11px;color:var(--accent-amber)}.title-badge small{font-size:7px;color:var(--text-muted)}.title-badge.title-skill{border-color:#a78bfa5c;background:#a78bfa0f}.title-badge.title-skill strong{color:var(--accent-violet)}.title-badge.title-core{border-color:#63e6f557;background:#63e6f50d}.title-badge.title-core strong{color:var(--accent-cyan)}.not-participated{margin-top:20px;padding:22px;border:1px solid rgba(133,167,201,.16);border-radius:6px;background:#0a101cb3;text-align:center}.not-participated strong{display:block;margin-top:5px;font-size:22px}.not-participated p{margin-top:6px;font-size:10px;color:var(--text-muted)}.results-team{display:flex;justify-content:space-around;margin-top:16px;padding:13px;border-top:1px solid rgba(133,167,201,.14);border-bottom:1px solid rgba(133,167,201,.14);text-align:center}.results-team strong{display:block;margin-top:3px;font-size:15px;font-weight:500;color:#f4fdff}.results-next{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:11px 14px;border:1px solid rgba(133,167,201,.15);border-radius:5px;background:#090f1a99;font-size:10px;color:var(--text-muted)}.results-next .countdown{font-size:17px;color:#fff}.edit-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.edit-scrim{position:absolute;inset:0;border:0;background:#02050ab3;backdrop-filter:blur(4px)}.edit-card{position:relative;width:min(100%,380px);padding:18px;border:1px solid rgba(99,230,245,.25);border-radius:8px;background:linear-gradient(160deg,#121d2ffa,#080d17fc);box-shadow:0 30px 90px #0009;animation:toast-in .22s ease both}.edit-head{padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid var(--line)}.edit-head strong{display:block;margin-top:4px;font-size:17px}.edit-field{position:relative;display:block;margin-bottom:14px}.edit-field>span{display:block;margin-bottom:6px;font-size:10px;color:var(--text-muted)}.edit-field input{width:100%;height:44px;padding:0 58px 0 12px;border:1px solid rgba(133,167,201,.22);border-radius:5px;background:#040911b3;color:#f5fdff;font-size:15px;outline:none}.edit-field input:focus{border-color:#63e6f58c}.edit-field small{position:absolute;right:11px;bottom:14px;font-size:9px;color:var(--text-muted)}.edit-avatars{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes attack-breathe{0%,to{box-shadow:0 0 0 7px #63e6f50a,0 0 34px #2eb4d024,inset 0 0 26px #63e6f514}50%{box-shadow:0 0 0 9px #63e6f50e,0 0 52px #2eb4d03d,inset 0 0 34px #63e6f521}}@keyframes attack-pulse{0%{opacity:.8;transform:scale(.96)}to{opacity:0;transform:scale(1.2)}}@keyframes ult-pulse{0%{box-shadow:0 0 #a78bfa80}to{box-shadow:0 0 0 18px #a78bfa00}}@keyframes phone-pop{0%{opacity:0;transform:translate(-50%,12px) scale(.88)}18%{opacity:1;transform:translate(-50%) scale(1.04)}to{opacity:0;transform:translate(-50%,-40px) scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@media(max-height:700px){.player-app{gap:6px;padding-top:calc(7px + env(safe-area-inset-top));padding-bottom:calc(7px + env(safe-area-inset-bottom))}.player-boss-card{min-height:104px;grid-template-columns:86px minmax(0,1fr)}.player-boss-art{width:106px;height:104px}.player-boss-art .boss-art{width:112px;height:112px}.attack-button{width:122px;height:122px}.attack-label{font-size:24px}.player-shouts{gap:4px}.shout-button{height:29px}.player-profile{min-height:42px}.ult-button{min-height:44px}}@media(min-width:860px){body{background:radial-gradient(ellipse at 50% 30%,rgba(35,90,110,.12),transparent 55%),#05090f}.player-app{border-left:1px solid rgba(133,167,201,.08);border-right:1px solid rgba(133,167,201,.08);box-shadow:0 0 80px #0000004d}.join-main{grid-template-columns:minmax(0,1fr) 390px;grid-template-areas:"head head" "hero card" "foot foot";align-items:center;gap:28px 54px;width:min(100%,1060px);padding:50px 34px}.join-hero{padding-top:0}.join-hero h2{font-size:58px}.join-hero p{font-size:13px}.join-boss{right:-80px;opacity:.22}}@media(max-height:720px){.join-main{gap:10px;padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom))}.join-head{min-height:34px}.join-hero{padding-top:0}.join-hero h2{margin-top:6px;font-size:28px}.join-hero p{display:none}.join-live{margin-top:9px;padding:8px 0}.join-live strong{font-size:15px}.join-card{padding:12px}.join-field{margin-bottom:10px}.join-field>label,.join-label{margin-bottom:5px;font-size:10px}.join-input-wrap input{height:42px;font-size:15px}.avatar-grid{gap:5px}.avatar-option{gap:2px;padding:4px 2px}.avatar-option .pixel-avatar{width:38px!important;height:38px!important}.avatar-option span:last-child{font-size:7px}.join-submit{height:46px;font-size:15px}.join-hint{margin-top:7px;font-size:9px}.join-foot{display:none}}.stage-viewport{position:fixed;inset:0;overflow:hidden;background:#05080f}.stage-boot{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(27,78,102,.2),transparent 55%),#05080f;color:var(--text-muted);text-align:center}.boot-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,230,245,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(99,230,245,.08) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at center,#000,transparent 68%)}.boot-mark{font-family:var(--font-mono);font-size:58px;font-weight:700;letter-spacing:.24em;color:#e9fbff;text-shadow:0 0 36px rgba(99,230,245,.35)}.boot-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.boot-dot.is-live{background:var(--accent-cyan);box-shadow:0 0 14px var(--accent-cyan)}.stage-frame{position:absolute;left:50%;top:50%;width:1920px;height:1080px;overflow:hidden;transform-origin:center center;background:#080d18;color:var(--text-primary);isolation:isolate}.stage-bg{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,rgba(38,100,131,.22),transparent 48%),radial-gradient(ellipse at 15% 20%,rgba(61,51,126,.18),transparent 45%),radial-gradient(ellipse at 88% 80%,rgba(18,58,83,.34),transparent 46%),linear-gradient(180deg,#080d18,#0a1220 54%,#060a12)}.stage-grid{position:absolute;inset:-8%;background-image:linear-gradient(rgba(99,230,245,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(99,230,245,.09) 1px,transparent 1px);background-size:72px 72px;transform:perspective(900px) rotateX(57deg) translateY(24%);transform-origin:center bottom;mask-image:linear-gradient(to bottom,transparent 5%,#000 38%,#000 88%,transparent);opacity:.5}.stage-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}.stage-glow-a{width:780px;height:480px;left:50%;top:48%;transform:translate(-50%,-50%);background:#42c2e138}.stage-glow-b{width:620px;height:620px;left:8%;top:62%;background:#684dcd29}.stage-arena-ring{position:absolute;left:50%;top:53%;border:1px solid rgba(99,230,245,.14);border-radius:50%;transform:translate(-50%,-50%)}.stage-arena-ring:before,.stage-arena-ring:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(99,230,245,.12)}.stage-arena-ring:before{inset:8%}.stage-arena-ring:after{inset:16%;border-style:solid;border-color:#a78bfa14}.ring-1{width:1420px;height:1420px;animation:stage-spin 160s linear infinite}.ring-2{width:1080px;height:1080px;border-color:#a78bfa21;animation:stage-spin 110s linear infinite reverse}.ring-3{width:760px;height:760px;border-color:#63e6f529}.stage-scanline{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(3,7,13,.22) 3px,rgba(3,7,13,.22) 4px);opacity:.5;mix-blend-mode:multiply;pointer-events:none}.stage-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 48%,rgba(3,6,12,.52) 100%),linear-gradient(180deg,rgba(3,6,12,.42),transparent 18%,transparent 82%,rgba(3,6,12,.62));pointer-events:none}.stage-fx{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.stage-topbar{position:absolute;z-index:20;top:40px;left:64px;right:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:24px}.stage-brand{display:flex;align-items:center;gap:18px;padding-top:4px}.brand-sigil,.host-sigil,.join-sigil,.gate-sigil{display:inline-flex;align-items:flex-end;gap:4px;width:40px;height:40px;padding:8px;border:1px solid rgba(99,230,245,.34);border-radius:5px;background:linear-gradient(145deg,#192c42cc,#09101ce6);box-shadow:inset 0 0 18px #63e6f514}.brand-sigil span,.host-sigil span,.join-sigil span,.gate-sigil span{display:block;width:6px;background:var(--accent-cyan);box-shadow:0 0 10px #63e6f58c}.brand-sigil span:nth-child(1),.host-sigil span:nth-child(1),.join-sigil span:nth-child(1),.gate-sigil span:nth-child(1){height:10px;opacity:.45}.brand-sigil span:nth-child(2),.host-sigil span:nth-child(2),.join-sigil span:nth-child(2),.gate-sigil span:nth-child(2){height:18px;opacity:.72}.brand-sigil span:nth-child(3),.host-sigil span:nth-child(3),.join-sigil span:nth-child(3),.gate-sigil span:nth-child(3){height:24px}.stage-brand strong{display:block;font-size:21px;line-height:1.1;letter-spacing:.16em}.stage-brand .eyebrow{font-size:9px}.match-index{margin-left:12px;padding:6px 10px;border:1px solid var(--line);border-radius:3px;font-size:10px;letter-spacing:.14em;color:var(--text-muted);white-space:nowrap}.stage-title-block{display:flex;align-items:center;gap:26px;justify-self:center;padding-top:2px}.phase-chip{padding-left:14px;border-left:2px solid var(--accent-cyan)}.phase-chip span{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--text-muted)}.phase-chip strong{display:block;margin-top:2px;font-size:20px;letter-spacing:.06em}.phase-chip.phase-2{border-color:var(--accent-amber)}.phase-chip.phase-3{border-color:var(--accent-coral)}.boss-name{text-align:center}.boss-name h1{font-size:36px;line-height:.95;letter-spacing:.14em;font-weight:800}.boss-name p{margin-top:5px;font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;color:var(--text-muted)}.stage-timer{justify-self:end;text-align:right;padding-top:0}.timer-value{display:block;font-size:56px;line-height:.95;font-weight:600;letter-spacing:.03em;color:#f6fdff;text-shadow:0 0 32px rgba(99,230,245,.2)}.timer-value.standby{color:#f4f7fb57;text-shadow:none}.timer-line{height:1px;margin:10px 0 7px;background:linear-gradient(90deg,transparent,rgba(99,230,245,.5))}.timer-sub{font-size:9px;letter-spacing:.2em;color:var(--text-muted)}.boss-health{position:absolute;z-index:16;top:148px;left:180px;right:180px}.hp-meta{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:7px}.hp-label{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--text-muted)}.hp-label i{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}.hp-numbers{font-size:20px;color:#f4fbff}.hp-numbers em{font-style:normal;font-size:12px;color:var(--text-muted)}.hp-track{position:relative;height:24px;overflow:hidden;border:1px solid rgba(132,169,204,.28);background:#02060cc7;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,10px 100%)}.hp-fill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#ff6b7a,#ffc66d 35%,#63e6f5);box-shadow:0 0 26px #63e6f559,inset 0 0 18px #fff3;transition:width .24s linear}.phase-2 .hp-fill{background:linear-gradient(90deg,#ff6b7a,#ffc66d 55%,#a78bfa)}.phase-3 .hp-fill{background:linear-gradient(90deg,#ff6b7a,#ffc66d 70%,#ff6b7a)}.hp-ticks{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 2px),rgba(4,8,15,.65) calc(10% - 2px),rgba(4,8,15,.65) 10%);pointer-events:none}.hp-scan{position:absolute;inset:0;width:22%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);animation:hp-scan 4.2s linear infinite;pointer-events:none}.hp-foot{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.hp-percent{font-size:10px;letter-spacing:.12em;color:var(--accent-cyan)}.hp-thresholds{display:flex;gap:22px;font-size:9px;color:#9aa8bd99}.hp-thresholds i{font-style:normal}.panel{position:relative;border:1px solid rgba(133,167,201,.18);border-radius:4px;background:linear-gradient(155deg,#141f32e6,#080d18d1);box-shadow:0 18px 44px #00000040,inset 0 1px #ffffff0a;backdrop-filter:blur(12px)}.panel:before,.panel:after{content:"";position:absolute;width:12px;height:12px;border-color:#63e6f573;pointer-events:none}.panel:before{left:-1px;top:-1px;border-left:1px solid;border-top:1px solid}.panel:after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 15px;border-bottom:1px solid rgba(133,167,201,.12)}.panel-head .eyebrow{font-size:9px}.stage-left{position:absolute;z-index:18;left:64px;top:290px;width:356px;display:flex;flex-direction:column;gap:16px}.stage-stats{display:flex;gap:18px;padding:17px 18px}.stat-main{min-width:0;flex:1}.stat-main .eyebrow{font-size:8px}.stat-main strong{display:block;margin-top:6px;font-size:40px;line-height:1;font-weight:500;color:#f7feff;letter-spacing:-.02em;white-space:nowrap}.stat-main strong small{font-size:14px;color:var(--text-muted);letter-spacing:0}.stat-main .damage-value{margin-top:10px;font-size:26px;color:var(--accent-cyan);text-shadow:0 0 22px rgba(99,230,245,.18)}.stat-hint{display:block;margin-top:5px;font-size:10px;line-height:1.4;color:var(--text-muted)}.stat-divider{width:1px;background:linear-gradient(180deg,transparent,rgba(133,167,201,.25),transparent)}.top-three .panel-head{padding-bottom:9px}.live-tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:8px;letter-spacing:.16em;color:#9aa8bda6}.live-tag i{width:5px;height:5px;border-radius:50%;background:currentColor}.live-tag.is-live{color:var(--accent-coral)}.live-tag.is-live i{animation:blink 1.6s ease-in-out infinite;box-shadow:0 0 8px currentColor}.top-list{padding:5px 7px 9px}.top-row{display:grid;grid-template-columns:26px 38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 8px;border-bottom:1px solid rgba(133,167,201,.1)}.top-row:last-child{border-bottom:0}.top-row.rank-1{background:linear-gradient(90deg,rgba(255,198,109,.12),transparent 80%)}.top-row.rank-1 .top-rank{color:var(--accent-amber)}.top-rank{font-size:11px;color:#9aa8bda6}.top-name{min-width:0}.top-name strong{display:block;overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.top-name small{display:block;font-size:8px;color:var(--text-muted)}.top-damage{font-size:14px;color:var(--accent-amber)}.empty-line{padding:16px;font-size:11px;color:#9aa8bd8c;text-align:center}.stage-right{position:absolute;z-index:18;right:64px;top:280px;width:386px;display:flex;flex-direction:column;gap:13px}.mechanic-card{overflow:hidden}.mechanic-card.tone-shield,.mechanic-card.tone-weak{border-color:#ffc66d66;box-shadow:0 18px 44px #00000040,inset 0 0 40px #ffc66d0f}.mechanic-mult{font-size:22px;font-weight:700;color:var(--accent-cyan)}.tone-shield .mechanic-mult,.tone-weak .mechanic-mult{color:var(--accent-amber)}.mechanic-main{display:flex;align-items:center;gap:14px;padding:15px 16px}.mechanic-icon{display:grid;place-items:center;width:52px;height:52px;flex:none;border:1px solid rgba(99,230,245,.35);border-radius:50%;font-size:25px;color:var(--accent-cyan);background:radial-gradient(circle,rgba(99,230,245,.12),transparent 70%)}.mechanic-icon.tone-shield,.mechanic-icon.tone-weak{border-color:#ffc66d80;color:var(--accent-amber);background:radial-gradient(circle,rgba(255,198,109,.15),transparent 70%);animation:pulseGlow 1.8s ease-in-out infinite}.mechanic-main strong{display:block;font-size:20px;letter-spacing:.02em}.mechanic-main p{margin-top:3px;font-size:10px;line-height:1.5;color:var(--text-muted)}.mechanic-count{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-top:1px solid rgba(133,167,201,.12);font-size:10px;color:var(--text-muted)}.mechanic-time{font-size:18px;color:var(--accent-cyan)}.tone-shield .mechanic-time,.tone-weak .mechanic-time{color:var(--accent-amber)}.combat-log{height:244px;display:flex;flex-direction:column}.combat-log ul{flex:1;overflow:hidden;padding:4px 0}.log-index{font-size:9px;color:var(--text-muted)}.log-item{display:flex;gap:9px;align-items:flex-start;padding:5px 15px;font-size:11px;line-height:1.45;color:#d6e2f2d1;animation:log-in .28s ease both}.log-icon{width:14px;flex:none;text-align:center;color:var(--accent-cyan)}.log-item.tone-violet .log-icon{color:var(--accent-violet)}.log-item.tone-amber .log-icon{color:var(--accent-amber)}.log-item.tone-coral .log-icon{color:var(--accent-coral)}.log-item.tone-success .log-icon{color:var(--success)}.log-item.tone-muted{color:#9aa8bda6}.log-item.tone-muted .log-icon{color:#9aa8bd80}.shout-lane{display:flex;flex-direction:column;justify-content:flex-end;gap:7px;min-height:94px}.shout-bubble{display:flex;align-items:center;gap:10px;padding:7px 11px;border:1px solid rgba(167,139,250,.28);border-radius:5px;background:linear-gradient(100deg,#3d306680,#0c121fbf);animation:shout-in .26s ease both}.shout-bubble>div{min-width:0}.shout-bubble span{display:block;font-size:9px;color:var(--text-muted)}.shout-bubble strong{display:block;font-size:15px;font-weight:600;color:#efe9ff}.boss-area{position:absolute;z-index:6;left:50%;top:51%;width:850px;height:850px;transform:translate(-50%,-50%)}.boss-halo{position:absolute;left:50%;top:48%;width:1180px;height:1180px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(99,230,245,.1) 0%,rgba(74,111,185,.05) 34%,transparent 62%);filter:blur(10px);pointer-events:none}.phase-2 .boss-halo{background:radial-gradient(circle,rgba(255,198,109,.1),rgba(99,230,245,.04) 40%,transparent 64%)}.phase-3 .boss-halo{background:radial-gradient(circle,rgba(255,107,122,.14),rgba(255,198,109,.05) 42%,transparent 66%)}.boss-wrap{position:relative;width:100%;height:100%}.boss-hit-flash{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,rgba(243,254,255,.72),rgba(99,230,245,.2) 32%,transparent 64%);opacity:0;pointer-events:none;mix-blend-mode:screen;animation:boss-hit-flash .18s ease-out}.boss-hit-flash.is-heavy{animation:boss-hit-flash .32s ease-out;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(167,139,250,.3) 38%,transparent 68%)}.damage-layer{position:absolute;inset:0;pointer-events:none}.damage-number{position:absolute;display:flex;align-items:baseline;gap:5px;transform:translate(-50%,-50%);animation:floatUp 1s cubic-bezier(.16,.8,.3,1) both;color:#dffbff;text-shadow:0 0 18px rgba(99,230,245,.5)}.damage-number strong{font-family:var(--font-mono);font-size:26px;line-height:1;font-weight:700}.damage-number small{font-size:12px;color:#ffffffb8}.damage-number.kind-weak strong{color:var(--accent-amber);text-shadow:0 0 20px rgba(255,198,109,.55)}.damage-number.kind-ult{color:#e3d9ff;text-shadow:0 0 28px rgba(167,139,250,.8)}.damage-number.kind-ult strong{font-size:46px;font-weight:800;letter-spacing:-.02em}.lobby-center{position:absolute;z-index:15;left:50%;top:63%;width:620px;transform:translate(-50%,-50%);padding:24px 30px;border:1px solid rgba(99,230,245,.18);border-radius:4px;background:linear-gradient(160deg,#0a121fd9,#060a1299);text-align:center;backdrop-filter:blur(10px);box-shadow:0 24px 70px #00000059}.lobby-center h2{margin-top:8px;font-size:36px;letter-spacing:.08em}.lobby-center p{margin-top:9px;font-size:13px;color:var(--text-muted)}.lobby-center p b{color:var(--accent-cyan)}.lobby-pulse{display:flex;justify-content:center;gap:7px;margin-top:16px}.lobby-pulse i{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);animation:lobby-pulse 1.5s ease-in-out infinite}.lobby-pulse i:nth-child(2){animation-delay:.2s}.lobby-pulse i:nth-child(3){animation-delay:.4s}.intro-sequence{position:absolute;inset:0;z-index:50;pointer-events:none}.intro-veil{position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(20,83,102,.26),transparent 38%),#05080f;animation:intro-veil 4.5s ease both}.intro-flash{position:absolute;inset:0;background:#eaffff;opacity:0;animation:intro-flash 4.5s ease-out both}.intro-title{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;opacity:0;animation:intro-title 4.5s ease both}.intro-title h2{margin-top:7px;font-size:132px;line-height:.9;letter-spacing:.22em;color:#f2feff;text-shadow:0 0 60px rgba(99,230,245,.45),0 0 120px rgba(99,230,245,.2)}.intro-title p{margin-top:10px;font-size:19px;letter-spacing:.6em;color:var(--accent-cyan)}.intro-deploy{position:absolute;left:50%;bottom:118px;display:flex;align-items:center;gap:16px;transform:translate(-50%);color:var(--text-muted);animation:fadeIn 1s 2.4s both}.intro-deploy .countdown{font-family:var(--font-mono);font-size:28px;color:#fff}.phase-banner{position:absolute;z-index:56;left:0;right:0;top:41%;display:flex;flex-direction:column;align-items:center;gap:7px;padding:28px;background:linear-gradient(90deg,transparent,rgba(6,11,20,.86) 22%,rgba(6,11,20,.86) 78%,transparent);animation:banner-cycle 2.3s ease both;pointer-events:none}.phase-banner h2{font-size:64px;letter-spacing:.16em;line-height:1;color:#f3feff;text-shadow:0 0 46px rgba(99,230,245,.32)}.phase-banner p{font-size:12px;letter-spacing:.3em;color:var(--text-muted)}.phase-banner.banner-2 h2{color:var(--accent-amber);text-shadow:0 0 46px rgba(255,198,109,.3)}.phase-banner.banner-3 h2{color:var(--accent-coral);text-shadow:0 0 46px rgba(255,107,122,.35)}.banner-line{width:250px;height:1px;background:linear-gradient(90deg,transparent,rgba(99,230,245,.6),transparent)}.banner-2 .banner-line{background:linear-gradient(90deg,transparent,rgba(255,198,109,.6),transparent)}.banner-3 .banner-line{background:linear-gradient(90deg,transparent,rgba(255,107,122,.6),transparent)}.pause-overlay{position:absolute;inset:0;z-index:72;display:grid;place-items:center;background:#04080e7a;backdrop-filter:blur(5px)}.pause-card{min-width:440px;padding:30px 54px;border:1px solid rgba(255,198,109,.34);background:#0a111de6;text-align:center;box-shadow:0 26px 80px #00000080}.pause-card strong{display:block;margin-top:8px;font-size:46px;letter-spacing:.18em;color:var(--accent-amber)}.pause-card p{margin-top:9px;font-size:12px;color:var(--text-muted)}.boss-line{position:absolute;z-index:66;left:50%;bottom:142px;width:900px;display:flex;align-items:flex-start;gap:20px;padding:16px 22px;transform:translate(-50%);border-top:1px solid rgba(99,230,245,.24);border-bottom:1px solid rgba(99,230,245,.13);background:linear-gradient(90deg,transparent,rgba(8,14,25,.92) 13%,rgba(8,14,25,.92) 87%,transparent);animation:line-in .3s ease both;pointer-events:none}.boss-line-author{display:flex;align-items:center;gap:11px;flex:none;padding-right:18px;border-right:1px solid rgba(133,167,201,.18)}.boss-line-sigil{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(99,230,245,.45);border-radius:50%;font-family:var(--font-mono);font-size:12px;color:var(--accent-cyan);background:#63e6f50f}.boss-line-author strong{display:block;font-size:12px;letter-spacing:.14em}.boss-line-author .eyebrow{font-size:8px;letter-spacing:.1em}.boss-line p{flex:1;min-height:40px;padding-top:2px;font-size:20px;line-height:1.45;letter-spacing:.02em;color:#edf7ff}.boss-line.callout{border-color:#ffc66d59}.boss-line.callout .boss-line-sigil{color:var(--accent-amber);border-color:#ffc66d80}.boss-line.victory{border-color:#69e3a557}.boss-line.victory .boss-line-sigil{color:var(--success);border-color:#69e3a580}.boss-line.defeat{border-color:#ff6b7a57}.boss-line.defeat .boss-line-sigil{color:var(--accent-coral);border-color:#ff6b7a80}.line-caret{display:inline-block;width:2px;height:18px;margin-left:3px;vertical-align:-2px;background:var(--accent-cyan);animation:blink .9s step-end infinite}.stage-footer{position:absolute;z-index:21;left:64px;right:64px;bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.join-panel{display:flex;flex-direction:column;gap:4px}.join-label{font-family:var(--font-mono);font-size:8px;letter-spacing:.24em;color:var(--accent-cyan);text-transform:uppercase}.join-link{display:inline-flex;align-items:center;gap:9px;padding-bottom:2px;border-bottom:1px solid rgba(99,230,245,.4);font-size:24px;font-weight:600;letter-spacing:.03em;color:#f3fdff}.join-arrow{font-size:18px;color:var(--accent-cyan)}.join-hint{font-size:10px;color:#9aa8bdb3}.stage-footer-meta{font-size:8px;letter-spacing:.18em;color:#9aa8bd8c;text-align:right}.stage-controls{position:absolute;z-index:30;top:202px;right:64px;display:flex;gap:7px}.stage-icon-btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(133,167,201,.22);border-radius:4px;background:#080e18b3;color:var(--text-muted);transition:all .18s ease}.stage-icon-btn:hover{color:var(--accent-cyan);border-color:#63e6f566;background:#142334cc}.settings-scrim{position:absolute;inset:0;z-index:74;border:0;background:transparent}.settings-popover{position:absolute;z-index:76;top:250px;right:64px;width:310px;padding:18px;border:1px solid rgba(99,230,245,.24);border-radius:5px;background:#09101cf5;box-shadow:0 24px 70px #0000008c;backdrop-filter:blur(12px)}.settings-head{display:flex;flex-direction:column;gap:3px;padding-bottom:13px;margin-bottom:12px;border-bottom:1px solid var(--line)}.settings-head strong{font-size:17px}.range-row{display:grid;grid-template-columns:48px 1fr 28px;align-items:center;gap:10px;margin:11px 0;font-size:12px;color:var(--text-muted)}.range-row input[type=range]{width:100%;accent-color:var(--accent-cyan)}.range-row .mono{text-align:right;color:var(--text-primary)}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-top:1px solid rgba(133,167,201,.12);font-size:12px;color:var(--text-muted)}.switch-row input{accent-color:var(--accent-cyan);width:17px;height:17px}.settings-popover .btn{width:100%;margin-top:14px}.link-warning{position:absolute;z-index:140;left:50%;top:28px;display:flex;align-items:center;gap:8px;padding:8px 15px;transform:translate(-50%);border:1px solid rgba(255,198,109,.35);border-radius:20px;background:#181208e0;color:var(--accent-amber);font-size:11px}.link-warning i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 1s infinite}.finish-overlay{position:absolute;inset:0;z-index:60;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,rgba(13,44,40,.28),transparent 45%),linear-gradient(180deg,#04080e42,#04080eb8);pointer-events:none;animation:fadeIn .7s ease both}.finish-defeat{background:radial-gradient(circle at 50% 48%,rgba(67,18,27,.3),transparent 45%),linear-gradient(180deg,#04080e42,#04080ec7)}.finish-card{padding:20px 50px;text-align:center}.finish-card h2{margin-top:7px;font-size:122px;line-height:1;letter-spacing:.12em;color:var(--success);text-shadow:0 0 70px rgba(105,227,165,.32)}.finish-defeat .finish-card h2{color:var(--accent-coral);text-shadow:0 0 70px rgba(255,107,122,.28)}.finish-card p{margin-top:13px;font-size:17px;color:#e2eefad1}.finish-count{display:inline-flex;align-items:center;gap:7px;margin-top:22px;padding:8px 18px;border:1px solid rgba(133,167,201,.2);border-radius:30px;font-size:11px;color:var(--text-muted)}.finish-count .countdown{color:#fff;font-size:14px}.results-overlay{position:absolute;inset:0;z-index:90;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(36,101,117,.22),transparent 45%),radial-gradient(circle at 50% 100%,rgba(75,52,135,.18),transparent 48%),#050911f9;animation:fadeIn .45s ease both}.results-overlay.result-defeat,.results-overlay.result-aborted{background:radial-gradient(circle at 50% 0%,rgba(99,36,49,.24),transparent 45%),#050911f9}.results-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,230,245,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(99,230,245,.05) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse at 50% 40%,#000,transparent 78%)}.results-inner{position:relative;display:flex;flex-direction:column;gap:18px;height:100%;padding:38px 66px 26px}.results-head{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.results-head h2{margin-top:3px;font-size:66px;line-height:1;letter-spacing:.1em;color:#f5feff}.result-victory .results-head h2{color:var(--success);text-shadow:0 0 40px rgba(105,227,165,.24)}.result-defeat .results-head h2,.result-aborted .results-head h2{color:var(--accent-coral)}.results-head p{margin-top:8px;font-size:13px;color:var(--text-muted)}.results-stats{display:flex;gap:40px;flex:none;padding:10px 0 4px 34px;border-left:1px solid rgba(133,167,201,.18)}.results-stats>div{min-width:112px}.results-stats strong{display:block;margin-top:5px;font-size:28px;font-weight:500;color:#f4fdff}.results-stats small{font-size:13px;color:var(--text-muted)}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.podium-card{position:relative;display:flex;align-items:center;gap:15px;min-height:122px;padding:16px 20px;overflow:hidden;border:1px solid rgba(133,167,201,.2);border-radius:4px;background:linear-gradient(150deg,#142034db,#080d18cc)}.podium-card.place-1{border-color:#ffc66d80;background:radial-gradient(circle at 12% 50%,rgba(255,198,109,.16),transparent 35%),linear-gradient(150deg,#232428e6,#0b101be0)}.podium-card.place-1:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,198,109,.2);clip-path:polygon(0 0,42% 0,34% 10px,0 10px);pointer-events:none}.podium-place{position:absolute;top:10px;right:14px;font-size:11px;color:#9aa8bd73}.place-1 .podium-place{color:var(--accent-amber)}.podium-identity{min-width:0;flex:1}.podium-identity strong{display:block;overflow:hidden;font-size:22px;text-overflow:ellipsis;white-space:nowrap}.podium-identity span{font-size:9px;color:var(--text-muted)}.podium-damage{font-size:26px;color:var(--accent-amber);letter-spacing:-.02em}.podium-sub{position:absolute;left:20px;right:20px;bottom:11px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:var(--text-muted)}.podium-titles{color:var(--accent-amber)}.leaderboard{display:flex;flex:1;min-height:0;flex-direction:column;padding-top:10px;border-top:1px solid rgba(133,167,201,.16)}.leaderboard-head{display:flex;justify-content:space-between;padding-bottom:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--text-muted)}.leaderboard-grid{columns:3;column-gap:34px;flex:1;min-height:0;overflow:hidden}.leader-row{display:grid;grid-template-columns:30px 28px minmax(0,1fr) auto auto;align-items:center;gap:9px;break-inside:avoid;padding:3px 6px;border-bottom:1px solid rgba(133,167,201,.08);font-size:12px}.leader-rank{font-size:10px;color:#9aa8bd8c}.leader-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-name small{margin-left:5px;font-size:8px;color:var(--text-muted)}.leader-damage{font-size:12px;color:var(--accent-amber)}.leader-titles{display:flex;gap:3px}.leader-titles i{padding:1px 4px;border:1px solid rgba(255,198,109,.35);border-radius:2px;font-size:7px;font-style:normal;letter-spacing:.05em;color:var(--accent-amber)}.results-foot{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(133,167,201,.1);font-size:11px;color:var(--text-muted)}.results-foot .mono{color:#fff}.stage-gate{position:absolute;inset:0;z-index:120;display:flex;align-items:center;overflow:hidden;padding:80px 110px;background:radial-gradient(ellipse at 72% 42%,rgba(50,161,190,.2),transparent 40%),radial-gradient(ellipse at 20% 80%,rgba(112,82,209,.16),transparent 45%),#05080f}.gate-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,230,245,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(99,230,245,.07) 1px,transparent 1px);background-size:82px 82px;mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 78%);animation:gate-drift 28s linear infinite}.gate-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:38px;width:1020px}.gate-brand{display:flex;align-items:center;gap:22px}.gate-sigil{width:64px;height:64px;padding:13px;gap:6px}.gate-sigil span{width:8px}.gate-sigil span:nth-child(1){height:15px}.gate-sigil span:nth-child(2){height:27px}.gate-sigil span:nth-child(3){height:36px}.gate-brand h1{margin-top:2px;font-size:92px;line-height:.88;letter-spacing:.1em;color:#f5feff;text-shadow:0 0 60px rgba(99,230,245,.25)}.gate-copy h2{max-width:820px;font-size:48px;line-height:1.22;letter-spacing:.03em}.gate-copy p{max-width:720px;margin-top:17px;font-size:15px;line-height:1.8;color:var(--text-muted)}.gate-actions{display:flex;align-items:center;gap:22px}.gate-enter{display:inline-flex;align-items:center;gap:16px;min-width:306px;height:76px;padding:0 32px;border:0;border-radius:3px;background:linear-gradient(105deg,#b5f8ff,#63e6f5 42%,#34bcd9);color:#041018;font-size:21px;font-weight:700;letter-spacing:.08em;box-shadow:0 0 0 1px #63e6f566,0 18px 60px #32bedb40;transition:all .2s ease}.gate-enter:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #63e6f5a6,0 24px 70px #32bedb5c}.gate-play{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#04101824;font-size:13px}.gate-note{font-size:11px;color:var(--text-muted)}.gate-meta{display:flex;gap:30px;padding-top:18px;border-top:1px solid rgba(133,167,201,.14);font-size:9px;letter-spacing:.17em;color:#9aa8bd8c}.gate-scan{position:absolute;right:8%;top:50%;width:580px;height:580px;border:1px solid rgba(99,230,245,.12);border-radius:50%;transform:translateY(-50%);box-shadow:inset 0 0 90px #63e6f50d,0 0 80px #63e6f50a;animation:gate-orbit 34s linear infinite}.gate-scan:before,.gate-scan:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(99,230,245,.16)}.gate-scan:before{inset:12%}.gate-scan:after{inset:28%;border-color:#a78bfa2e}.preview-frame{border:1px solid rgba(99,230,245,.12)}.preview-watermark{position:absolute;z-index:110;right:64px;bottom:100px;display:flex;flex-direction:column;gap:4px;padding:14px 18px;border:1px dashed rgba(255,198,109,.4);background:#0a101bdb;color:var(--accent-amber)}.preview-watermark strong{font-family:var(--font-mono);font-size:16px;letter-spacing:.16em}.preview-watermark .btn{margin-top:7px}@keyframes stage-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes hp-scan{0%{transform:translate(-120%)}to{transform:translate(520%)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes log-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}@keyframes shout-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes boss-hit-flash{0%{opacity:.7;transform:scale(.96)}to{opacity:0;transform:scale(1.05)}}@keyframes lobby-pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes intro-veil{0%{opacity:1}32%{opacity:.8}56%{opacity:.55}68%{opacity:.1}to{opacity:0}}@keyframes intro-flash{0%,50%{opacity:0}53%{opacity:.75}56%{opacity:.2}60%,to{opacity:0}}@keyframes intro-title{0%,60%{opacity:0;transform:translate(-50%,-46%) scale(.97)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}88%{opacity:1}to{opacity:.5}}@keyframes banner-cycle{0%{opacity:0;transform:scale(1.02)}12%{opacity:1}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes line-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes gate-drift{to{transform:translateY(-82px)}}@keyframes gate-orbit{to{transform:translateY(-50%) rotate(360deg)}}@keyframes stage-shake{0%,to{transform:translate(-50%,-50%)}15%{transform:translate(calc(-50% + 8px),calc(-50% - 5px))}32%{transform:translate(calc(-50% - 7px),calc(-50% + 4px))}49%{transform:translate(calc(-50% + 5px),calc(-50% + 3px))}67%{transform:translate(calc(-50% - 3px),calc(-50% - 2px))}84%{transform:translate(calc(-50% + 2px),calc(-50% + 1px))}}.stage-frame.is-shaking .boss-area{animation:stage-shake .38s ease}.stage-frame.is-shaking .stage-topbar,.stage-frame.is-shaking .boss-health{animation:stage-shake-soft .32s ease}@keyframes stage-shake-soft{0%,to{transform:translate(0)}30%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(1px)}}.low-motion .stage-frame.is-shaking .boss-area,.low-motion .stage-frame.is-shaking .stage-topbar,.low-motion .stage-frame.is-shaking .boss-health{animation:none}.low-motion .boss-hit-flash{display:none}.low-motion .stage-arena-ring,.low-motion .hp-scan{animation:none}.gate-boss{position:absolute;z-index:1;right:-70px;top:50%;width:820px;height:820px;transform:translateY(-50%);opacity:.62;filter:saturate(.85) brightness(.9);mask-image:radial-gradient(circle at 50% 50%,#000 42%,transparent 72%);pointer-events:none}.gate-boss .boss-art{filter:drop-shadow(0 30px 80px rgba(0,0,0,.55))}.gate-content{z-index:3}.gate-host-link{margin-left:auto;padding-bottom:2px;border-bottom:1px solid rgba(99,230,245,.3);color:var(--accent-cyan);letter-spacing:.04em}.gate-host-link:hover{color:#fff;border-color:#fff}.intro-core{position:absolute;left:50%;top:48%;width:360px;height:360px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(235,254,255,.95) 0%,rgba(99,230,245,.55) 12%,rgba(99,230,245,.14) 34%,transparent 66%);filter:blur(2px);opacity:0;animation:intro-core 4.5s ease both}.intro-core span{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(99,230,245,.4);transform:translate(-50%,-50%)}.intro-core span:nth-child(1){width:220px;height:220px;animation:spin-slow 8s linear infinite;border-style:dashed}.intro-core span:nth-child(2){width:300px;height:300px;border-color:#a78bfa4d;animation:spin-slow 15s linear infinite reverse}.intro-core span:nth-child(3){width:145px;height:145px;border-color:#63e6f5a6;box-shadow:0 0 40px #63e6f53d}@keyframes intro-core{0%,8%{opacity:0;transform:translate(-50%,-50%) scale(.55)}30%{opacity:.85;transform:translate(-50%,-50%) scale(.95)}52%{opacity:.7;transform:translate(-50%,-50%) scale(1.12)}56%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}62%{opacity:.2;transform:translate(-50%,-50%) scale(1.8)}70%,to{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}.stage-controls{top:228px}.results-overlay{background:radial-gradient(circle at 50% 0%,rgba(36,101,117,.18),transparent 45%),radial-gradient(circle at 50% 100%,rgba(75,52,135,.14),transparent 48%),#05090f}.results-overlay.result-defeat,.results-overlay.result-aborted{background:radial-gradient(circle at 50% 0%,rgba(99,36,49,.2),transparent 45%),#05090f}.boss-hit-flash{inset:14%;background:radial-gradient(circle,rgba(243,254,255,.42),rgba(99,230,245,.12) 32%,transparent 64%)}.boss-hit-flash.is-heavy{background:radial-gradient(circle,rgba(255,255,255,.62),rgba(167,139,250,.2) 38%,transparent 68%)}.damage-number strong{font-size:40px;font-weight:800;color:#f2feff;text-shadow:0 0 24px rgba(99,230,245,.7),0 2px 10px rgba(0,0,0,.85)}.damage-number.kind-weak strong{font-size:44px;text-shadow:0 0 26px rgba(255,198,109,.8),0 2px 10px rgba(0,0,0,.85)}.damage-number.kind-ult strong{font-size:64px;text-shadow:0 0 34px rgba(167,139,250,.9),0 3px 12px rgba(0,0,0,.85)}.damage-number{padding:2px 8px;border-radius:3px;background:#03080f57}.damage-number.kind-weak{background:#241a096b}.damage-number.kind-ult{background:#18102e75}.host-login-page,.host-app{position:relative;min-height:100dvh;overflow-x:hidden;background:radial-gradient(ellipse at 78% 8%,rgba(41,121,146,.14),transparent 42%),radial-gradient(ellipse at 8% 92%,rgba(89,63,170,.12),transparent 45%),#060b14}.host-login-bg,.host-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.host-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,230,245,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(99,230,245,.05) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(ellipse at 50% 32%,#000,transparent 82%)}.host-glow{position:absolute;left:50%;top:-20%;width:900px;height:700px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(58,183,212,.13),transparent 62%);filter:blur(24px)}.host-scan{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(4,8,14,.13) 3px,rgba(4,8,14,.13) 4px);opacity:.4;pointer-events:none}.host-login{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:34px;width:min(100%,460px);min-height:100dvh;margin:0 auto;padding:34px 20px}.host-login-brand{text-align:center}.host-login-brand .host-sigil{margin:0 auto 20px;width:54px;height:54px;padding:11px}.host-login-brand h1{margin-top:8px;font-size:38px;letter-spacing:.05em}.host-login-brand p{max-width:330px;margin:12px auto 0;font-size:12px;line-height:1.7;color:var(--text-muted)}.host-login-card{padding:20px;border:1px solid rgba(133,167,201,.2);border-radius:8px;background:linear-gradient(160deg,#121d2ff2,#080d17f7);box-shadow:0 28px 80px #0006,inset 0 1px #ffffff0a;backdrop-filter:blur(14px)}.host-login-status{display:flex;align-items:center;gap:7px;padding-bottom:15px;margin-bottom:16px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:var(--text-muted)}.link-dot{width:6px;height:6px;border-radius:50%;background:#9aa8bd99}.link-dot.is-on{background:var(--success);box-shadow:0 0 8px var(--success)}.host-field{display:block}.host-field span{display:block;margin-bottom:7px;font-size:11px;color:#e2eefacc}.host-field input{width:100%;height:46px;padding:0 13px;border:1px solid rgba(133,167,201,.24);border-radius:5px;background:#040911b8;color:#f6fdff;font-size:15px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.host-field input:focus{border-color:#63e6f58c;box-shadow:0 0 0 3px #63e6f512}.host-error{margin-top:10px;padding:8px 10px;border:1px solid rgba(255,107,122,.3);border-radius:4px;background:#50121c42;color:#ffc9cf;font-size:11px}.host-login-submit{width:100%;height:48px;margin-top:16px}.host-checking{display:flex;align-items:center;justify-content:center;gap:10px;min-height:104px;font-size:11px;color:var(--text-muted)}.host-checking .spinner{width:16px;height:16px}.host-login-links{display:flex;justify-content:center;gap:22px;margin-top:18px;font-size:11px;color:var(--text-muted)}.host-login-links a{padding-bottom:2px;border-bottom:1px solid rgba(133,167,201,.25)}.host-login-links a:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.host-login-foot{font-size:8px;letter-spacing:.16em;color:#9aa8bd73;text-align:center}.host-app{min-height:100dvh;padding-bottom:30px}.host-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(100%,1440px);margin:0 auto;padding:22px 28px 16px;border-bottom:1px solid rgba(133,167,201,.12)}.host-brand{display:flex;align-items:center;gap:12px}.host-brand strong{display:block;font-size:17px;letter-spacing:.14em}.host-brand .eyebrow{display:block;margin-top:2px;font-size:7px;letter-spacing:.18em}.host-live{display:flex;align-items:center;gap:14px}.host-link{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;color:var(--text-muted)}.host-link i{width:5px;height:5px;border-radius:50%;background:currentColor}.host-link.is-on{color:var(--success)}.host-link.is-on i{box-shadow:0 0 7px currentColor}.host-mode{padding:4px 8px;border:1px solid rgba(133,167,201,.18);border-radius:3px;font-size:9px;color:var(--text-muted)}.host-clock{font-size:18px;color:#f4fdff}.host-banner{position:relative;z-index:2;width:min(100% - 56px,1440px);margin:12px auto 0;padding:9px 14px;border:1px solid rgba(133,167,201,.16);border-radius:4px;background:#0e1726b3;font-size:11px;color:var(--text-muted)}.host-banner.warn{border-color:#ffc66d47;background:#261d0d61;color:#f5d9a6}.host-main{position:relative;z-index:2;width:min(100%,1440px);margin:0 auto;padding:18px 28px 0}.host-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.host-status-card{position:relative;min-width:0;padding:14px 16px;overflow:hidden;border:1px solid rgba(133,167,201,.16);border-radius:5px;background:linear-gradient(155deg,#121d2fe6,#080d17e6)}.host-status-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent-cyan);opacity:.7}.host-status-card.tone-green:before{background:var(--success)}.host-status-card.tone-amber:before{background:var(--accent-amber)}.host-status-card.tone-violet:before{background:var(--accent-violet)}.host-status-card.tone-muted:before{background:var(--text-muted)}.host-status-card>strong{display:block;margin-top:5px;overflow:hidden;font-size:24px;font-weight:500;color:#f5fdff;text-overflow:ellipsis;white-space:nowrap}.host-status-sub{display:block;margin-top:3px;font-size:9px;color:var(--text-muted)}.host-hp-track{height:4px;margin-top:9px;overflow:hidden;border-radius:2px;background:#03070dcc}.host-hp-fill{height:100%;background:linear-gradient(90deg,#ff6b7a,#ffc66d 50%,#63e6f5)}.host-columns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:14px;margin-top:14px}.host-column{display:flex;min-width:0;flex-direction:column;gap:14px}.host-panel{padding:17px;border:1px solid rgba(133,167,201,.16);border-radius:5px;background:linear-gradient(155deg,#101a2be6,#070c16eb);box-shadow:0 18px 44px #00000029}.host-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid rgba(133,167,201,.12)}.host-panel-head h2{margin-top:3px;font-size:18px;letter-spacing:.03em}.host-panel-tag,.host-lock{padding:3px 7px;border:1px solid rgba(133,167,201,.16);border-radius:3px;font-family:var(--font-mono);font-size:8px;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap}.host-lock{color:var(--success);border-color:#69e3a53d}.host-lock.is-locked{color:var(--text-muted);border-color:#85a7c929}.host-config-group{display:flex;align-items:center;gap:12px;margin-bottom:11px}.host-config-group>span{width:64px;flex:none;font-size:11px;color:var(--text-muted)}.host-chips{display:flex;flex-wrap:wrap;gap:5px}.host-chip{min-width:66px;height:30px;padding:0 10px;border:1px solid rgba(133,167,201,.18);border-radius:4px;background:#050a128c;color:#d6e2f2b3;font-family:var(--font-mono);font-size:10px;transition:all .15s ease}.host-chip:hover:not(:disabled){border-color:#63e6f566;color:var(--accent-cyan)}.host-chip.is-active{border-color:#63e6f58c;background:#63e6f517;color:var(--accent-cyan)}.host-chip:disabled{opacity:.38}.host-config-note{margin-top:4px;padding:9px 11px;border:1px dashed rgba(133,167,201,.18);border-radius:4px;font-size:10px;color:var(--text-muted)}.host-config-note b{color:var(--accent-amber);font-weight:500}.host-config-note span{margin-left:4px;opacity:.7}.host-start{display:flex;align-items:center;gap:14px;width:100%;min-height:58px;margin-top:13px;padding:9px 16px;border:0;border-radius:5px;background:linear-gradient(105deg,#a8f7ff,#63e6f5 40%,#31b6d2);color:#041019;text-align:left;box-shadow:0 14px 36px #2fbad82b;transition:all .16s ease}.host-start:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 44px #2fbad842}.host-start:disabled{opacity:.38;filter:saturate(.55);transform:none}.host-start-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#04101824;font-size:12px}.host-start strong{display:block;font-size:16px;letter-spacing:.04em}.host-start small{display:block;margin-top:2px;font-size:9px;opacity:.65}.host-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.host-control-grid .btn{justify-content:flex-start}.host-small-note{margin-top:11px;font-size:9px;line-height:1.6;color:#9aa8bd99}.host-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.host-preview-btn{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:42px;padding:7px 10px;border:1px solid rgba(133,167,201,.17);border-radius:4px;background:#050a1280;color:#d6e2f2cc;font-size:10px;text-align:left;transition:all .15s ease}.host-preview-btn:hover:not(:disabled){border-color:#ffc66d66;color:var(--accent-amber);background:#221c1066}.host-preview-btn small{font-size:11px;opacity:.6}.host-preview-btn:disabled{opacity:.35}.host-players-panel{display:flex;flex-direction:column;min-height:320px}.host-player-head,.host-player-row{display:grid;grid-template-columns:minmax(0,1.7fr) .72fr .9fr .45fr .5fr;align-items:center;gap:8px}.host-player-head{padding:0 8px 7px;border-bottom:1px solid rgba(133,167,201,.12);font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;color:var(--text-muted)}.host-player-head span:nth-child(n+3){text-align:right}.host-player-list{flex:1;max-height:372px;overflow-y:auto;padding-top:3px;scrollbar-width:thin;scrollbar-color:rgba(99,230,245,.25) transparent}.host-player-row{padding:6px 8px;border-bottom:1px solid rgba(133,167,201,.07);font-size:10px}.host-player-row:hover{background:#63e6f508}.host-player-id{display:flex;align-items:center;gap:8px;min-width:0}.host-player-id>span{min-width:0}.host-player-id strong{display:block;overflow:hidden;font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.host-player-id small{display:block;font-size:7px;color:var(--text-muted)}.host-player-state{display:inline-flex;align-items:center;gap:4px;font-size:8px;color:#9aa8bd8c;white-space:nowrap}.host-player-state i{width:4px;height:4px;border-radius:50%;background:currentColor}.host-player-state.is-on{color:var(--success)}.host-player-row>span:nth-child(n+3){text-align:right;color:#e0eefccc}.host-empty{padding:34px 16px;font-size:11px;line-height:1.6;color:#9aa8bd8c;text-align:center}.host-telemetry{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;overflow:hidden;border:1px solid rgba(133,167,201,.12);border-radius:4px;background:#85a7c91f}.host-telemetry>div{padding:10px 12px;background:#0a121f}.host-telemetry span{display:block;font-size:8px;color:var(--text-muted)}.host-telemetry strong{display:block;margin-top:4px;font-size:14px;font-weight:500;color:#f4fdff}.host-telemetry strong .countdown{font-family:var(--font-mono)}.host-links{display:flex;gap:18px;margin-top:12px;font-size:10px;color:var(--text-muted)}.host-links a:hover{color:var(--accent-cyan)}.host-toast{position:fixed;z-index:120;left:50%;top:18px;max-width:min(88vw,420px);padding:9px 15px;transform:translate(-50%);border:1px solid rgba(99,230,245,.3);border-radius:4px;background:#08121ef7;font-size:11px;box-shadow:0 14px 44px #00000073;animation:host-toast-in .22s ease both}.host-toast.tone-success{border-color:#69e3a557;color:#c9ffe6}.host-toast.tone-warn{border-color:#ffc66d5c;color:#ffe5b6}.host-modal{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:20px}.host-modal-scrim{position:absolute;inset:0;border:0;background:#02050ab8;backdrop-filter:blur(5px)}.host-modal-card{position:relative;width:min(100%,420px);padding:22px;border:1px solid rgba(255,198,109,.3);border-radius:7px;background:linear-gradient(160deg,#161c2afc,#080d17fc);box-shadow:0 30px 90px #0009;animation:host-toast-in .2s ease both}.host-modal-card h2{margin-top:5px;font-size:23px}.host-modal-card p{margin-top:10px;font-size:11px;line-height:1.7;color:var(--text-muted)}.host-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@keyframes host-toast-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:1000px){.host-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.host-columns{grid-template-columns:minmax(0,1fr)}}@media(max-width:680px){.host-header{padding:16px 14px 12px;flex-wrap:wrap}.host-live{width:100%;justify-content:space-between;gap:8px}.host-banner{width:calc(100% - 28px)}.host-main{padding:12px 14px 0}.host-status-grid{gap:7px}.host-status-card{padding:11px 12px}.host-status-card>strong{font-size:19px}.host-panel{padding:13px}.host-config-group{align-items:flex-start;flex-direction:column;gap:6px}.host-control-grid{grid-template-columns:1fr}.host-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.host-player-head,.host-player-row{grid-template-columns:minmax(0,1.5fr) .8fr .9fr}.host-player-head span:nth-child(n+4),.host-player-row>span:nth-child(n+4){display:none}.host-login-brand h1{font-size:31px}.host-login{padding:24px 16px}}.host-login-brand .eyebrow{display:block;margin-top:12px}