:root{--bg: #070914;--panel: rgba(14, 9, 24, .95);--panel-soft: rgba(24, 14, 39, .86);--line: rgba(144, 94, 198, .32);--line-hot: rgba(222, 174, 74, .84);--text: #f3edf8;--muted: #a49ab5;--p0: #55d6ff;--p1: #ffb85c;--good: #67e8a5;--bad: #ff657a;--xp: #ad72e8;--gold: #e3b84f;--gold-soft: #9f7430;--shadow: 0 20px 65px rgba(0, 0, 0, .55);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(circle at 50% 45%,transparent 35%,rgba(2,3,10,.34) 76%,rgba(1,2,8,.76) 100%),linear-gradient(180deg,rgba(75,91,154,.07),transparent 25%);mix-blend-mode:multiply}#stage{position:fixed;inset:0}#stage canvas{display:block}#ui{position:fixed;inset:0;z-index:3;pointer-events:none}#ui>*{pointer-events:auto}button,input{font:inherit}button{position:relative;overflow:hidden;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 18px;background:linear-gradient(180deg,#28304ef2,#14192dfa);box-shadow:inset 0 1px #ffffff0d,0 8px 24px #00000038;cursor:pointer;font-weight:700;letter-spacing:.045em;transition:transform .13s ease,border-color .13s ease,box-shadow .13s ease,filter .13s ease}button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--line-hot);box-shadow:0 0 24px #55d6ff29,0 12px 30px #0000004d;filter:brightness(1.1)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.4)}input{color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#050812e6;box-shadow:inset 0 1px 10px #00000073;text-transform:uppercase;letter-spacing:.24em;width:168px;text-align:center;outline:none;transition:border-color .13s ease,box-shadow .13s ease}input:focus{border-color:var(--p0);box-shadow:0 0 0 3px #55d6ff1a,inset 0 1px 10px #00000073}input::placeholder{color:#65708a}.center-screen{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(57,68,124,.2),transparent 35%),#03050dad;backdrop-filter:blur(5px) saturate(.85)}.card-panel{position:relative;min-width:370px;max-width:min(92vw,720px);padding:32px 36px;overflow:hidden;text-align:center;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#202642f0,#0c0f1df7),var(--panel);box-shadow:var(--shadow),inset 0 1px #ffffff0f}.card-panel:before{content:"";position:absolute;inset:0 16%;height:1px;background:linear-gradient(90deg,transparent,var(--p0),var(--xp),transparent);opacity:.85}.card-panel:after{content:"✦";position:absolute;top:12px;right:16px;color:var(--xp);opacity:.34;font-size:18px}.card-panel h1{margin:0 0 7px;font-size:23px;font-weight:800;letter-spacing:.16em;text-shadow:0 0 22px rgba(85,214,255,.2)}.card-panel h2{margin:0 0 22px;color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.18em;text-transform:uppercase}.row{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:14px}.col{display:flex;flex-direction:column;gap:11px}.room-code{margin:8px 0 5px;padding-left:.34em;color:var(--p0);font-size:38px;font-weight:800;letter-spacing:.34em;text-shadow:0 0 24px rgba(85,214,255,.35)}.err{color:var(--bad);min-height:18px;font-size:12px;margin-top:11px}.muted{color:var(--muted);font-size:11px;letter-spacing:.025em}#hud{position:absolute;inset:0;padding:16px 20px;display:none;font-size:13px;text-shadow:0 2px 5px rgba(0,0,0,.8)}#hud.on{display:block}.hud-top{display:grid;grid-template-columns:160px minmax(260px,460px) 160px;justify-content:space-between;align-items:flex-start;gap:22px}.hud-top>div:first-child,.hud-center{padding:10px 13px;border:1px solid rgba(133,158,220,.2);border-radius:12px;background:linear-gradient(180deg,#0d1120d6,#070a15ad);box-shadow:0 10px 28px #0000003d,inset 0 1px #ffffff0a;backdrop-filter:blur(7px)}.hud-time{color:#fff;font-size:26px;font-weight:800;line-height:1;letter-spacing:.08em}.hud-center{width:100%;justify-self:center}.xp-bar{height:10px;margin-top:7px;overflow:hidden;border:1px solid rgba(160,131,255,.36);border-radius:999px;background:#04060fdb;box-shadow:inset 0 2px 6px #000000a6}.xp-bar>div{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#6d5ce7,#b77cff 55%,#55d6ff);box-shadow:0 0 14px #aa79ffb3;transition:width .1s linear}.hud-players{width:280px;margin-top:14px;display:flex;flex-direction:column;gap:8px}.pcard{padding:9px 11px;border:1px solid rgba(133,158,220,.2);border-left-width:4px;border-radius:10px;background:linear-gradient(100deg,#111629e6,#0a0d1bb8);box-shadow:0 9px 26px #0000003b,inset 0 1px #ffffff0a;backdrop-filter:blur(7px)}.pcard .pname{display:flex;justify-content:space-between;margin-bottom:7px;font-weight:750}.pcard .tag{color:var(--muted);font-size:10px;font-weight:500}.hp-bar{height:8px;overflow:hidden;border-radius:999px;background:#04060fe0;box-shadow:inset 0 2px 5px #000000b3}.hp-bar>div{height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#25ad78,var(--good));box-shadow:0 0 10px #67e8a57a;transition:width .14s ease}.pcard.downed{filter:saturate(.72)}.pcard.downed .hp-bar>div{background:linear-gradient(90deg,#b52a4a,var(--bad));box-shadow:0 0 10px #ff657a80}.boss-encounter{position:absolute;top:78px;left:50%;width:min(620px,52vw);padding:8px 12px 10px;opacity:0;border:1px solid rgba(255,66,111,.42);clip-path:polygon(0 7px,7px 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);background:linear-gradient(90deg,transparent,rgba(20,4,22,.9) 18%,rgba(20,4,22,.9) 82%,transparent);transform:translate(-50%,-10px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.boss-encounter.on{opacity:1;transform:translate(-50%)}.boss-meta{display:grid;grid-template-columns:76px 1fr 120px;align-items:center;gap:10px;margin-bottom:7px;text-align:center}.boss-meta span{color:#ff557c;font-size:9px;font-weight:950;font-style:italic;letter-spacing:.18em;text-shadow:0 0 12px rgba(255,55,105,.8)}.boss-meta strong{color:#f3ecff;font-size:13px;font-weight:900;letter-spacing:.22em}.boss-meta em{color:#8a6f91;font-size:6px;font-style:normal;letter-spacing:.14em}.boss-hp-bar{height:9px;overflow:hidden;border:1px solid rgba(255,74,116,.45);background:#08020df0;box-shadow:inset 0 0 8px #000000e6}.boss-hp-bar>div{width:100%;height:100%;background:linear-gradient(90deg,#7a1945,#f03069 55%,#9b5dff);box-shadow:0 0 15px #ff336cb8;transition:width .1s linear}.boss-alert{position:absolute;top:38%;left:50%;z-index:5;width:min(760px,78vw);padding:18px 30px;display:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;border-top:1px solid rgba(255,67,108,.58);border-bottom:1px solid rgba(255,67,108,.58);background:linear-gradient(90deg,transparent,rgba(12,2,19,.94) 20%,rgba(12,2,19,.94) 80%,transparent);text-align:center;transform:translate(-50%,-50%);pointer-events:none}.boss-alert.trigger{display:grid;animation:boss-warning 3.2s ease forwards}.boss-alert span,.boss-alert em{color:#ff557c;font-size:7px;font-style:normal;letter-spacing:.18em}.boss-alert strong{color:#f6efff;font-size:clamp(18px,3vw,30px);font-weight:950;font-style:italic;letter-spacing:.18em;text-shadow:0 0 25px rgba(163,82,255,.75)}@keyframes boss-warning{0%{opacity:0;filter:blur(6px);transform:translate(-50%,-50%) scaleX(.7)}12%,72%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scaleX(1)}to{opacity:0;filter:blur(2px);transform:translate(-50%,-50%) scaleX(1.08)}}.build-hud{position:absolute;right:20px;bottom:18px;left:20px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.build-group{min-width:292px}.hud-section-title{margin:0 3px 7px;color:#eef4ffe6;font-size:11px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.hud-section-title span{margin-left:5px;color:var(--muted);font-weight:650;letter-spacing:.04em}.build-passives .hud-section-title{text-align:right}.build-slots{display:flex;gap:7px}.build-slot{position:relative;width:52px;height:58px;overflow:hidden;border:1px solid rgba(133,158,220,.42);border-radius:8px;background:radial-gradient(circle at 50% 25%,rgba(85,214,255,.14),transparent 55%),#070b17e6;box-shadow:0 8px 22px #00000061,inset 0 1px #ffffff0d;pointer-events:auto}.build-passives .build-slot{border-color:#aa79ff70;background:radial-gradient(circle at 50% 25%,rgba(170,121,255,.16),transparent 55%),#070b17e6}.build-slot img{display:block;width:100%;height:100%;image-rendering:pixelated;object-fit:cover}.slot-level{position:absolute;right:3px;bottom:3px;padding:2px 4px;color:#fff;border-radius:4px;background:#03050de0;font-size:9px;font-weight:900;line-height:1;letter-spacing:.02em}.slot-empty{display:none;position:absolute;inset:0;place-items:center;color:#94a3bd40;font-size:23px;font-weight:300}.build-slot.empty{border-style:dashed;border-color:#859edc33;background:#05081285;box-shadow:inset 0 0 18px #0000004d}.build-slot.empty .slot-empty{display:grid}.build-slot.empty img{display:none}.radar-panel{position:absolute;top:16px;right:20px;width:142px;padding:10px 9px 8px;border:1px solid rgba(133,158,220,.24);border-radius:13px;background:linear-gradient(180deg,#0d1120e0,#070a15c2);box-shadow:0 10px 28px #0000004d,inset 0 1px #ffffff0a;backdrop-filter:blur(7px)}.radar-panel .hud-section-title{margin-bottom:6px;text-align:center}.radar{position:relative;width:122px;height:122px;overflow:hidden;border:1px solid rgba(85,214,255,.3);border-radius:50%;background:radial-gradient(circle,rgba(85,214,255,.08) 0 1px,transparent 2px),radial-gradient(circle,#141e36cc,#040711f0);background-size:13px 13px,auto;box-shadow:inset 0 0 24px #000000bd,0 0 16px #55d6ff14}.radar-ring{position:absolute;border:1px solid rgba(133,158,220,.16);border-radius:50%}.radar-ring-inner{inset:29px}.radar-cross{position:absolute;background:#859edc1f}.radar-cross-x{top:50%;right:8px;left:8px;height:1px}.radar-cross-y{top:8px;bottom:8px;left:50%;width:1px}.radar-self,.radar-partner{position:absolute;z-index:2;transform:translate(-50%,-50%);border-radius:50%}.radar-self{top:50%;left:50%;width:9px;height:9px;border:2px solid white;background:var(--p0);box-shadow:0 0 10px var(--p0)}.radar-partner{width:17px;height:17px;display:grid;place-items:center;color:#07101c;border:2px solid #fff;background:var(--marker-color);box-shadow:0 0 12px var(--marker-color);transition:left 90ms linear,top 90ms linear}.radar-partner span{font-size:8px;font-weight:950;line-height:1;text-shadow:none}.radar-partner.off-range:after{content:"";position:absolute;top:-9px;left:50%;border-right:4px solid transparent;border-bottom:7px solid var(--marker-color);border-left:4px solid transparent;transform:translate(-50%) rotate(var(--marker-angle));transform-origin:50% 17px}.radar-partner.downed{background:var(--bad);box-shadow:0 0 14px var(--bad);animation:radar-danger .7s ease-in-out infinite alternate}.radar-partner.disconnected{opacity:.4;filter:grayscale(1)}.radar-status{min-height:14px;margin-top:5px;overflow:hidden;color:var(--muted);font-size:9px;line-height:14px;text-align:center;text-overflow:ellipsis;white-space:nowrap}@keyframes radar-danger{0%{transform:translate(-50%,-50%) scale(.9)}to{transform:translate(-50%,-50%) scale(1.16)}}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#03050db3;backdrop-filter:blur(5px) saturate(.82);animation:overlay-in .18s ease-out}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.cards{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:14px;margin-top:20px}.upgrade{width:174px;min-height:230px;padding:12px 13px 16px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;text-align:center;border:1px solid rgba(170,121,255,.32);border-radius:13px;background:radial-gradient(circle at 50% 8%,rgba(170,121,255,.18),transparent 38%),linear-gradient(160deg,#1c213bfa,#080b18fa)}.upgrade .u-icon{width:92px;height:92px;border-radius:5px;image-rendering:pixelated;object-fit:cover;box-shadow:0 0 20px #55d6ff2e;transition:transform .14s ease,filter .14s ease}.upgrade .u-icon-fallback{display:grid;width:92px;height:92px;place-items:center;color:var(--xp);font-size:30px;text-shadow:0 0 18px rgba(170,121,255,.7)}.upgrade:hover:not(:disabled){border-color:var(--xp);background:radial-gradient(circle at 50% 8%,rgba(85,214,255,.22),transparent 42%),linear-gradient(160deg,#222948fa,#0a0e1dfa)}.upgrade:hover:not(:disabled) .u-icon{filter:brightness(1.12) saturate(1.08);transform:translateY(-2px) scale(1.035)}.upgrade .u-name{font-size:14px;font-weight:800;letter-spacing:.035em}.upgrade .u-desc{min-height:42px;color:var(--muted);font-size:11px;line-height:1.45}.upgrade .u-have{color:var(--xp);font-size:10px;font-weight:750;text-transform:uppercase}.timer-big{margin:10px 0 4px;color:var(--p1);font-size:32px;font-weight:800;text-shadow:0 0 20px rgba(255,184,92,.35)}@media(max-width:720px){.card-panel{min-width:min(340px,92vw);padding:26px 20px}.cards{grid-template-columns:1fr;max-height:66vh;overflow-y:auto}.upgrade{width:100%;min-height:125px}.hud-top{grid-template-columns:130px minmax(180px,1fr)}.hud-players{width:240px}.radar-panel{top:94px;right:12px;transform:scale(.82);transform-origin:top right}.build-hud{right:10px;bottom:9px;left:10px;gap:10px}.build-group{min-width:0}.build-slots{gap:3px}.build-slot{width:39px;height:45px}.hud-section-title{font-size:9px}}button{border-color:#9665cc6b;border-radius:3px;background:linear-gradient(90deg,#532b672e,#1c102be6,#532b672e),#0d0816f5;font-family:Georgia,Times New Roman,serif;letter-spacing:.1em}button:hover:not(:disabled){border-color:var(--gold);box-shadow:inset 0 0 24px #8647ad33,0 0 22px #e3b84f1f}input{border-color:#9365c16b;border-radius:3px;background:#080510d1;font-family:Georgia,Times New Roman,serif}input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #e3b84f14,inset 0 0 18px #63338440}.center-screen{padding:24px;place-items:center;isolation:isolate;background:linear-gradient(180deg,#04020a33,#04020aad),url(/assets/arcane-sanctuary-menu-v1.webp) center / cover no-repeat;backdrop-filter:none}.center-screen:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 43%,rgba(115,54,170,.08),transparent 25%),linear-gradient(90deg,rgba(1,1,6,.62),transparent 30%,transparent 70%,rgba(1,1,6,.62))}.menu-shell{position:relative;width:min(610px,94vw);padding:26px 55px 22px;text-align:center;border:1px solid rgba(136,85,181,.34);background:linear-gradient(180deg,#080511c2,#0b0614e6),radial-gradient(circle at 50% 18%,rgba(109,51,157,.24),transparent 42%);box-shadow:0 30px 90px #000000b8,inset 0 0 70px #56287a1f,inset 0 1px #eacfff0f;animation:menu-rise .45s ease-out}.menu-shell:before,.menu-shell:after{content:"";position:absolute;width:44px;height:44px;border-color:var(--gold-soft);opacity:.62}.menu-shell:before{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}.menu-shell:after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}.menu-sigil{width:42px;height:42px;margin:-48px auto 12px;display:grid;place-items:center;border:1px solid rgba(227,184,79,.72);background:#11091d;color:var(--gold);transform:rotate(45deg);box-shadow:0 0 24px #9e57d26b}.menu-sigil span{transform:rotate(-45deg);font-size:18px}.menu-kicker{color:var(--gold);font-size:9px;font-weight:750;letter-spacing:.38em}.game-title{margin:9px 0 5px;color:#f4eef5;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5vw,54px);font-weight:500;line-height:.76;letter-spacing:.075em;text-shadow:0 3px 0 #2c173f,0 0 28px rgba(163,91,216,.35)}.game-title span{display:block}.game-title span:last-child{margin-left:.5em;font-size:.8em}.ornament{margin:18px auto 10px;display:flex;width:250px;align-items:center;justify-content:center;gap:11px;color:var(--gold)}.ornament i{width:96px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-soft))}.ornament i:last-child{transform:scaleX(-1)}.ornament b{font-size:9px}.menu-subtitle{margin:0 0 16px;color:var(--muted);font-family:Georgia,Times New Roman,serif;font-size:13px;letter-spacing:.055em}.menu-actions{padding:16px 20px 12px;border:1px solid rgba(138,83,186,.3);background:#05030c8a;box-shadow:inset 0 0 38px #4d216f1f}.field-label{display:block;margin-bottom:6px;color:#8f83a1;font-size:8px;font-weight:800;letter-spacing:.26em}.menu-name{width:100%;height:39px;margin-bottom:8px;letter-spacing:.16em}.menu-primary{width:100%;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-color:#e3b84fb8;color:#f1cd6b;background:linear-gradient(90deg,#713e3024,#31192fcc,#713e3024),#120916f0;font-size:15px}.menu-primary small{margin-top:3px;color:#8f83a1;font-family:Inter,ui-sans-serif,sans-serif;font-size:8px;letter-spacing:.08em;text-transform:lowercase}.menu-divider{margin:10px 0;display:flex;align-items:center;gap:10px;color:#6f637d;font-size:8px;letter-spacing:.2em}.menu-divider:before,.menu-divider:after{content:"";height:1px;flex:1;background:#895bb438}.join-row{display:grid;grid-template-columns:1fr 118px;gap:8px}.join-row input{width:100%;height:42px}.join-row button{color:var(--gold);border-color:#e3b84f80}.future-modules{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.future-module{min-height:38px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#756a83;border:1px solid rgba(121,77,161,.2);background:#07040e94;font-family:Georgia,Times New Roman,serif;font-size:10px;letter-spacing:.1em}.future-module em{padding:3px 5px;color:#8066a2;border:1px solid rgba(139,82,193,.3);font-family:Inter,ui-sans-serif,sans-serif;font-size:6px;font-style:normal;letter-spacing:.12em}.menu-controls{margin-top:12px;color:#756c80;font-size:7px;letter-spacing:.18em}.menu-controls b{margin:0 8px;color:var(--gold-soft)}.menu-actions .err{min-height:12px;margin-top:7px;font-size:10px}@keyframes menu-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card-panel{border-color:#915cc173;border-radius:3px;background:linear-gradient(145deg,#1c0d27f5,#08050ffa),var(--panel);box-shadow:0 28px 80px #000000b8,inset 0 0 55px #6831911f}.card-panel:before{background:linear-gradient(90deg,transparent,var(--gold),transparent)}.card-panel:after{color:var(--gold)}.card-panel h1{font-family:Georgia,Times New Roman,serif;font-weight:500;text-shadow:0 0 22px rgba(175,99,223,.28)}.room-code{color:var(--gold);text-shadow:0 0 24px rgba(227,184,79,.24)}.overlay{background:#04020abd;backdrop-filter:blur(7px) saturate(.65)}.upgrade{border-color:#9057c06b;border-radius:3px;background:radial-gradient(circle at 50% 8%,rgba(129,62,171,.18),transparent 42%),linear-gradient(160deg,#1d0e2afa,#08050ffc)}.upgrade:hover:not(:disabled){border-color:var(--gold)}.upgrade .u-name{font-family:Georgia,Times New Roman,serif}.upgrade .u-have,.timer-big{color:var(--gold)}.hud-top>div:first-child,.hud-center,.pcard,.radar-panel{border-color:#8551b157;border-radius:4px;background:linear-gradient(180deg,#140a1fe6,#07050ec7);box-shadow:0 10px 28px #0000005c,inset 0 1px #efd2ff0a}.hud-time,.hud-section-title{font-family:Georgia,Times New Roman,serif}.hud-time{color:#f7e8bd}.xp-bar{border-color:#b068db73;border-radius:2px}.xp-bar>div{border-radius:0;background:linear-gradient(90deg,#6c3298,#b265d8 62%,#e0b751);box-shadow:0 0 14px #ae5bdaa6}.hp-bar{border-radius:2px}.build-slot{border-color:#bb8b4380;border-radius:3px;background:radial-gradient(circle at 50% 25%,rgba(208,155,67,.12),transparent 55%),#08050fed}.build-passives .build-slot{border-color:#9759c385}.build-slot.empty{border-color:#8053a23d}.slot-level{color:#f3d57d;border-radius:1px}.radar{border-color:#bf8b405c;background-color:#090512}@media(max-height:760px)and (min-width:721px){.menu-shell{padding-top:18px;padding-bottom:13px;transform:scale(.9)}.menu-sigil{margin-top:-39px}.menu-subtitle{margin-bottom:10px}.menu-actions{padding-top:11px;padding-bottom:8px}}@media(max-width:720px){.center-screen{padding:12px}.menu-shell{width:min(440px,96vw);padding:24px 17px 15px}.menu-sigil{margin-top:-43px}.game-title{font-size:34px}.menu-subtitle{font-size:11px}.menu-actions{padding:13px 12px 9px}.future-modules{grid-template-columns:1fr}.future-module{min-height:32px}}:root{--bg: #02050d;--panel: rgba(4, 8, 21, .96);--panel-soft: rgba(9, 15, 36, .88);--line: rgba(80, 140, 255, .3);--line-hot: rgba(92, 215, 255, .9);--text: #edf7ff;--muted: #7687a9;--p0: #54d8ff;--p1: #8c67ff;--good: #57e6be;--bad: #ff496d;--xp: #7b64ff;--gold: #65d9ff;--gold-soft: #466da8;--system-blue: #58cfff;--system-violet: #765bff;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body:before{z-index:2;background:linear-gradient(rgba(88,207,255,.018) 1px,transparent 1px),radial-gradient(circle at 50% 50%,transparent 40%,rgba(0,2,10,.52) 82%,#01030a 100%);background-size:100% 4px,auto;mix-blend-mode:normal}#stage canvas{filter:brightness(.82) saturate(.9) contrast(1.1)}button,input{border-color:#4e9cff57;border-radius:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button{color:#eaf7ff;background:linear-gradient(100deg,#345eb01f,#070e21f5 38%,#2c217147),#060b18;text-transform:uppercase}button:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(90deg,transparent,rgba(111,225,255,.16),transparent);transform:skew(-22deg);transition:left .28s ease}button:hover:not(:disabled){border-color:var(--system-blue);box-shadow:inset 3px 0 var(--system-blue),0 0 24px #3aaaff3d;filter:brightness(1.12)}button:hover:not(:disabled):after{left:115%}input{background:#020713e6;box-shadow:inset 3px 0 #55c5ff73,inset 0 0 24px #2a5cb414}input:focus{border-color:var(--system-blue);box-shadow:inset 3px 0 var(--system-blue),0 0 18px #38beff2e}.center-screen{padding:24px;background:radial-gradient(ellipse at 50% 46%,transparent 12%,rgba(2,5,14,.2) 38%,rgba(1,3,10,.9) 100%),linear-gradient(180deg,#04081a2e,#01030ab8),url(/assets/arcane-sanctuary-menu-v1.webp) center / cover no-repeat;animation:menu-flux 8s ease-in-out infinite alternate}.center-screen:before{background:linear-gradient(90deg,rgba(40,114,255,.12) 1px,transparent 1px),linear-gradient(rgba(77,159,255,.08) 1px,transparent 1px),radial-gradient(circle at 50% 43%,rgba(71,59,255,.2),transparent 27%),linear-gradient(90deg,rgba(0,2,9,.88),transparent 31%,transparent 69%,rgba(0,2,9,.88));background-size:140px 100%,100% 140px,auto,auto;mask-image:linear-gradient(180deg,transparent,black 20%,black 80%,transparent);opacity:.75}.center-screen:after{content:"";position:absolute;z-index:-1;width:min(780px,92vw);aspect-ratio:1;border:1px solid rgba(85,200,255,.09);border-radius:50%;box-shadow:0 0 80px #4f42ff1f,inset 0 0 80px #4f42ff14;animation:system-ring 24s linear infinite}.menu-shell{width:min(650px,94vw);padding:38px 58px 23px;border:1px solid rgba(75,157,255,.4);clip-path:polygon(0 18px,18px 0,calc(100% - 56px) 0,calc(100% - 42px) 14px,100% 14px,100% calc(100% - 18px),calc(100% - 18px) 100%,42px 100%,28px calc(100% - 14px),0 calc(100% - 14px));background:linear-gradient(90deg,rgba(79,164,255,.06) 1px,transparent 1px),linear-gradient(rgba(79,164,255,.045) 1px,transparent 1px),radial-gradient(circle at 50% 12%,rgba(73,58,234,.23),transparent 43%),linear-gradient(165deg,#040917e6,#02050efa);background-size:38px 38px,38px 38px,auto,auto;box-shadow:0 35px 110px #000000d1,inset 0 0 55px #2870ff14,0 0 34px #456bff1f}.menu-shell:before{width:110px;height:2px;top:-1px;left:18px;border:0;background:linear-gradient(90deg,var(--system-blue),transparent);box-shadow:0 0 14px var(--system-blue)}.menu-shell:after{width:140px;height:2px;right:18px;bottom:-1px;border:0;background:linear-gradient(90deg,transparent,var(--system-violet));box-shadow:0 0 14px var(--system-violet)}.system-rail{position:absolute;top:82px;bottom:50px;left:-35px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#57c6ff99;font-size:7px;letter-spacing:.3em;writing-mode:vertical-rl}.system-rail i{width:1px;flex:1;background:linear-gradient(transparent,var(--system-blue),transparent)}.system-rail b{color:var(--system-blue);font-size:9px;writing-mode:horizontal-tb}.menu-rank{position:absolute;top:18px;right:21px;display:flex;align-items:center;gap:8px;color:#6f83a8}.menu-rank small{font-size:6px;letter-spacing:.22em}.menu-rank strong{color:var(--system-blue);font-size:21px;font-style:italic;text-shadow:0 0 14px var(--system-blue)}.menu-sigil{width:48px;height:48px;margin:-64px auto 15px;border:1px solid rgba(85,211,255,.72);background:radial-gradient(circle,#4a4dff6b,#030817f5 68%);color:#dff9ff;box-shadow:0 0 34px #4aacff85,inset 0 0 17px #754bff52;animation:sigil-pulse 2.4s ease-in-out infinite alternate}.menu-sigil span{font-size:25px;text-shadow:0 0 12px #fff}.menu-kicker{color:#58cfff;font-size:8px;letter-spacing:.42em;text-shadow:0 0 16px rgba(88,207,255,.55)}.game-title{margin:12px 0 4px;color:#f0f8ff;font-family:Inter,ui-sans-serif,sans-serif;font-size:clamp(41px,5vw,58px);font-weight:900;font-style:italic;line-height:.76;letter-spacing:-.035em;text-transform:uppercase;text-shadow:3px 4px 0 #172254,-2px -1px 0 #4d44ae,0 0 30px rgba(74,154,255,.42);transform:skew(-3deg)}.game-title span:last-child{margin:.08em 0 0 .55em;color:#86dfff;font-size:.58em;letter-spacing:.18em}.ornament{width:310px;margin:18px auto 9px;color:var(--system-blue)}.ornament i{background:linear-gradient(90deg,transparent,rgba(80,198,255,.64))}.ornament b{color:#8a67ff;text-shadow:0 0 12px #765bff}.menu-subtitle{margin-bottom:18px;color:#8c9ab6;font-family:Inter,sans-serif;font-size:11px;letter-spacing:.08em}.menu-actions{padding:0 20px 13px;border:1px solid rgba(64,130,234,.29);background:linear-gradient(145deg,#070e21bd,#020611e0);box-shadow:inset 0 0 34px #3063d014}.system-header{height:28px;margin:0 -20px 13px;padding:0 10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(66,149,255,.25);background:#2052b114;text-align:left}.system-header span{padding:3px 5px;color:#06101e;background:var(--system-blue);font-size:7px;font-weight:900;letter-spacing:.13em}.system-header b{color:#9aa9c7;font-size:7px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.system-header em{margin-left:auto;color:#5ee3bd;font-size:6px;font-style:normal;letter-spacing:.14em}.system-header em:before{content:"●";margin-right:4px;text-shadow:0 0 7px currentColor}.field-label{color:#6f83a8;font-size:7px}.menu-name{height:42px}.menu-primary{min-height:62px;border-color:#49c4ffad;color:#dff9ff;background:linear-gradient(95deg,#215aba4d,#050d20f5 48%,#4b33b35c);box-shadow:inset 3px 0 var(--system-blue),inset -3px 0 var(--system-violet),0 0 22px #2d92ff1f;font-size:14px;letter-spacing:.2em}.menu-primary small{color:#6e81a7;font-family:Inter,sans-serif;font-size:7px}.menu-divider{color:#597092;font-size:7px}.menu-divider:before,.menu-divider:after{background:linear-gradient(90deg,transparent,rgba(75,154,255,.3))}.menu-divider:after{transform:scaleX(-1)}.join-row button{color:#8cdeff;border-color:#51b7ff75}.future-module{color:#536583;border-color:#4884df33;background:#030815bd;font-family:Inter,sans-serif;font-size:8px}.future-module em{color:#725ca8;border-color:#7552d54d;font-size:6px}.menu-controls{display:flex;justify-content:center;color:#4d6385}.menu-controls b{color:#5e52a6}.card-panel{border:1px solid rgba(79,165,255,.44);clip-path:polygon(0 16px,16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px));background:linear-gradient(90deg,rgba(78,154,255,.045) 1px,transparent 1px),linear-gradient(rgba(78,154,255,.035) 1px,transparent 1px),linear-gradient(145deg,#070f24f7,#020611fc);background-size:30px 30px,30px 30px,auto;box-shadow:0 30px 95px #000c,inset 0 0 55px #3365ff14}.card-panel:before{background:linear-gradient(90deg,transparent,var(--system-blue),var(--system-violet),transparent);box-shadow:0 0 12px var(--system-blue)}.card-panel:after{content:"SYSTEM // ACTIVE";color:#54719d;font-size:7px;letter-spacing:.2em}.card-panel h1{font-family:Inter,sans-serif;font-weight:900;font-style:italic;text-transform:uppercase}.room-code{color:var(--system-blue);font-style:italic;text-shadow:0 0 22px rgba(77,202,255,.6)}.overlay{background:#00030bc7;backdrop-filter:blur(8px) saturate(.72)}.upgrade{border-color:#488fff59;clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);background:radial-gradient(circle at 50% 10%,rgba(75,72,255,.24),transparent 42%),linear-gradient(160deg,#081129fc,#020610fc)}.upgrade:hover:not(:disabled){border-color:var(--system-blue);box-shadow:inset 3px 0 var(--system-blue),0 0 26px #34a9ff40}.upgrade .u-name{font-family:Inter,sans-serif;font-weight:850;text-transform:uppercase}.upgrade .u-have,.timer-big{color:var(--system-blue)}.hud-eyebrow{margin-bottom:3px;color:#536c96;font-size:6px;font-weight:800;letter-spacing:.24em}.hud-rank{color:#8e78ff;font-size:9px;font-weight:900;font-style:italic;text-shadow:0 0 10px rgba(115,89,255,.75)}.hud-top>div:first-child,.hud-center,.pcard,.radar-panel{border-color:#478ff857;border-radius:0;clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);background:linear-gradient(115deg,#070f23ed,#020712d1);box-shadow:inset 2px 0 #4eb8ff47,0 12px 30px #0000006b}.hud-time,.hud-section-title{font-family:Inter,sans-serif}.hud-time{color:#eaf8ff;font-style:italic;text-shadow:0 0 16px rgba(88,207,255,.42)}.hud-section-title{color:#9fc7e8;font-size:9px}.xp-bar{height:8px;border-color:#54b9ff73;border-radius:0}.xp-bar>div{border-radius:0;background:linear-gradient(90deg,#3e4bda,#7461ff 50%,#59d6ff);box-shadow:0 0 14px #56b7ffbf}.hp-bar{border-radius:0}.pcard{border-left-width:3px}.build-slot{border-color:#45b3ff80;border-radius:0;clip-path:polygon(0 6px,6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);background:radial-gradient(circle at 50% 28%,rgba(49,151,255,.19),transparent 58%),#020712f0;box-shadow:inset 0 0 15px #2c73ff17,0 0 14px #329aff14}.build-passives .build-slot{border-color:#7858ff8c;background:radial-gradient(circle at 50% 28%,rgba(114,73,255,.2),transparent 58%),#020712f0}.build-slot.empty{border-color:#4072b538}.slot-level{color:#8cdeff;border-radius:0;background:#020712f0}.radar{border-color:#48bbff66;background:radial-gradient(circle,#345fb529,#010610f7);box-shadow:inset 0 0 26px #000000d1,0 0 20px #38aeff1f}@keyframes system-ring{to{transform:rotate(360deg)}}@keyframes sigil-pulse{0%{filter:brightness(.82);transform:rotate(45deg) scale(.94)}to{filter:brightness(1.25);transform:rotate(45deg) scale(1.04)}}@keyframes menu-flux{0%{background-position:center,center,48% center}to{background-position:center,center,52% center}}@media(max-height:760px)and (min-width:721px){.menu-shell{padding-top:30px;transform:scale(.88)}.menu-sigil{margin-top:-54px}}@media(max-width:720px){.menu-shell{padding:34px 16px 15px}.menu-sigil{margin-top:-59px}.system-rail{display:none}.menu-rank{right:12px}.game-title{font-size:34px}.system-header b{display:none}}