:root{--accent:#ffb066;--accent-2:#aa3bff;--text:#e8e3f5;--text-dim:#9a93b3;--panel-bg:#12101ed1;--panel-border:#aa3bff59;--btn-bg:#1e1a30b3;--btn-border:#aa3bff66;--accent-bg:#ffb06626;--text-h:#f3eefb;--shadow:0 18px 50px #0000008c;--sans:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;font-family:var(--sans);color:var(--text);background:#0b0a14;margin:0;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#bg{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}#bg-image,#bg-sheen,#bg-vignette{z-index:0;pointer-events:none;position:fixed;inset:0}#bg-image{image-rendering:pixelated;background-position:50%;background-size:cover;animation:40s ease-in-out infinite alternate bgDrift}#bg-sheen{mix-blend-mode:screen;background:linear-gradient(115deg,#0000 35%,#fff0c81a 50%,#0000 65%) 0 0/250% 250%;animation:14s ease-in-out infinite bgSheen}#bg-vignette{background:radial-gradient(#0000 30%,#08060eb8 100%),linear-gradient(#08060e59,#08060e8c)}@keyframes bgDrift{0%{transform:scale(1.06)translate(-1.2%,-.8%)}to{transform:scale(1.12)translate(1.2%,.8%)}}@keyframes bgSheen{0%{opacity:0;background-position:0 0}35%{opacity:1}to{opacity:0;background-position:100% 100%}}.game-root{z-index:4;background:#15121c;position:fixed;inset:0}.game-root canvas{image-rendering:pixelated}#app:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(#0000 35%,#0b0a14a6 100%);position:fixed;inset:0}.screen{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:48px;width:100%;height:100%;animation:.4s fade;display:flex;position:relative}.hidden{display:none}@keyframes fade{0%{opacity:0;transform:translateY(8px)}}.brand{text-align:center}.emblem{color:var(--accent);filter:drop-shadow(0 0 18px #ffb06699);font-size:52px;animation:4s ease-in-out infinite float;display:inline-block}@keyframes float{50%{transform:translateY(-8px)}}.title{letter-spacing:2px;text-transform:uppercase;color:var(--text);text-shadow:0 0 24px #aa3bff8c,0 2px 4px #000c;margin:8px 0 6px;font-size:84px;font-weight:700;line-height:1}.title span{color:var(--accent);text-shadow:0 0 28px #ffb066b3,0 2px 4px #000c}.tagline{color:var(--text-dim);letter-spacing:.5px;margin:0;font-size:18px;font-style:italic}.topbar{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0a126b;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;width:min(960px,100% - 32px);padding:12px 22px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.topbar-left,.topbar-right{align-items:center;gap:18px;display:flex}.topbar-brand{letter-spacing:1px;color:#fff;font-size:17px;font-weight:800}.topbar-brand .beta{color:var(--accent);vertical-align:super;letter-spacing:1px;margin-left:2px;font-size:10px;font-style:normal}.topbar-link{color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s}.topbar-link:hover{color:var(--accent)}.topbar-icon{color:#fff;transition:color .15s,transform .15s;display:inline-flex}.topbar-icon:hover{color:var(--accent);transform:translateY(-1px)}.topbar-ghost{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px 2px;font:600 13px/1 inherit}.topbar-ghost:hover{color:var(--accent)}.connect-btn{background:linear-gradient(135deg, var(--accent), #ff8a3d);color:#1a1208;cursor:pointer;border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 14px #ff8c3c59}.connect-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #ff8c3c80}.wallet-chip{color:#fff;letter-spacing:.3px;font-variant-numeric:tabular-nums;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font:700 13px/1 inherit;display:inline-flex}.wallet-chip:empty{display:none}.hero{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.hero-mark{margin-bottom:-6px;line-height:0;animation:4.5s ease-in-out infinite markFloat}.hero-mark svg{filter:drop-shadow(0 0 6px #ffaa50f2)drop-shadow(0 0 16px #ff8c3cb3)drop-shadow(0 3px 6px #000c);animation:3s ease-in-out infinite markGlow}@keyframes markGlow{0%,to{filter:drop-shadow(0 0 6px #ffaa50e6)drop-shadow(0 0 16px #ff8c3c99)drop-shadow(0 3px 6px #000c)}50%{filter:drop-shadow(0 0 12px #ffbe6e)drop-shadow(0 0 28px #ff9646e6)drop-shadow(0 3px 6px #000c)}}.hero-title{letter-spacing:5px;text-transform:uppercase;color:#fff;text-shadow:0 3px 10px #000000e6,0 1px 3px #000000f2;margin:0;font-size:clamp(52px,10vw,112px);font-weight:800;line-height:1;animation:3.4s ease-in-out infinite titleGlow}@keyframes titleGlow{0%,to{text-shadow:0 3px 10px #000000e6,0 1px 3px #000000f2,0 0 18px #ffaa508c,0 0 40px #ff823252}50%{text-shadow:0 3px 10px #000000e6,0 1px 3px #000000f2,0 0 30px #ffbe6ef2,0 0 64px #ff9646a6,0 0 96px #ff782859}}@keyframes markFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-sub{color:#fff;letter-spacing:.3px;text-shadow:0 1px 4px #000000e6;max-width:560px;margin:-4px 0 6px;font-size:16px}.hero-join{letter-spacing:1px;text-transform:uppercase;border-radius:12px;width:280px;padding:15px 20px;font-size:18px;font-weight:800;animation:2.6s ease-in-out infinite joinPulse;position:relative;overflow:hidden;box-shadow:0 8px 22px #ff965073}.hero-join:hover:not(:disabled){transform:translateY(-2px)scale(1.02)}.hero-join:after{content:"";background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:50%;height:100%;animation:3.2s ease-in-out infinite joinShine;position:absolute;top:0;left:-60%;transform:skew(-20deg)}@keyframes joinPulse{0%,to{box-shadow:0 8px 22px #ff965066}50%{box-shadow:0 8px 34px #ffaa5abf}}@keyframes joinShine{0%{left:-60%}55%{left:130%}to{left:130%}}.hero-online{color:#fff;text-shadow:0 1px 4px #000000e6;align-items:center;gap:8px;font-size:14px;display:flex}.online-dot{background:#46d36b;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px #46d36b}.hero-ca{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 12px;font-size:13px;display:inline-flex}.ca-label{color:var(--accent);letter-spacing:1px;font-weight:800}.hero-ca code{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-family:ui-monospace,monospace;overflow:hidden}.ca-copy{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:2px 5px;font-size:15px}.ca-copy:hover{color:var(--text);background:#ffffff14}#menu-toast{color:#e9e4d3;z-index:50;opacity:0;pointer-events:none;background:#14101af2;border:1px solid #ffffff1f;border-radius:10px;padding:10px 18px;font-size:14px;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(10px)}#menu-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.auth-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-overlay.hidden{display:none}.auth-card{flex-direction:column;gap:14px;width:400px;display:flex;position:relative}.auth-card h2{margin:0}.auth-card .name-input{text-align:left;width:100%;max-width:none}.auth-card .row{margin-bottom:0}.auth-card .panel-buttons{margin-top:4px}.docs-panel{flex-direction:column;width:min(760px,94vw);max-height:86vh;padding:22px 26px 8px;display:flex;position:relative}.docs-tabs{flex-wrap:wrap;gap:8px;margin:2px 40px 12px 0;display:flex}.docs-tab{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--text-dim);cursor:pointer;border-radius:9px;padding:8px 14px;font:700 14px/1 inherit;transition:all .15s}.docs-tab:hover{color:var(--text)}.docs-tab.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.docs-body{color:var(--text);padding:4px 6px 18px 2px;line-height:1.6;overflow-y:auto}.docs-body h2{color:var(--accent);margin:4px 0 10px;font-size:24px}.docs-body h3{color:var(--text-h);margin:20px 0 6px;font-size:17px}.docs-body p{color:var(--text-dim);margin:8px 0}.docs-body strong{color:var(--text)}.docs-body ul,.docs-body ol{color:var(--text-dim);margin:6px 0 6px 4px;padding-left:20px}.docs-body li{margin:4px 0}.docs-body blockquote{border-left:3px solid var(--accent);color:var(--text);background:#ffffff0a;border-radius:0 8px 8px 0;margin:10px 0;padding:8px 14px;font-style:italic}.docs-body table{border-collapse:collapse;width:100%;margin:10px 0;font-size:14px}.docs-body th,.docs-body td{text-align:left;border-bottom:1px solid #ffffff1a;padding:7px 10px}.docs-body th{color:var(--accent);font-weight:800}.docs-body td{color:var(--text-dim)}.wallet-card{width:420px}.wallet-note{color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.phantom-glyph{font-size:17px}.wallet-get{color:var(--accent);text-align:center;font-size:13px;text-decoration:none}.wallet-get:hover{text-decoration:underline}.wallet-get.hidden{display:none}.auth-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;position:absolute;top:10px;right:12px}.auth-close:hover{color:var(--text)}.rooms-panel{width:460px;max-width:92vw}.rooms-list{flex-direction:column;gap:10px;max-height:46vh;margin:6px 0 4px;padding-right:4px;display:flex;overflow-y:auto}.rooms-empty{text-align:center;color:var(--text-dim);padding:24px 0;font-size:14px}.room-row{cursor:pointer;background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;font:700 16px/1 inherit;transition:transform .1s,border-color .15s,box-shadow .15s;display:flex}.room-row:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 18px #ffb06640}.room-row.full{opacity:.5;cursor:not-allowed}.room-name{letter-spacing:.5px}.room-count{color:var(--accent);font-variant-numeric:tabular-nums;font-size:14px}.menu-buttons{flex-direction:column;gap:16px;width:320px;display:flex}.btn{letter-spacing:1px;text-transform:uppercase;color:var(--text);background:var(--btn-bg);border:1px solid var(--btn-border);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:16px 28px;font-family:inherit;font-size:20px;font-weight:600;transition:transform .15s,box-shadow .2s,border-color .2s,background .2s;display:flex}.btn:hover:not(:disabled){border-color:var(--accent-2);transform:translateY(-2px);box-shadow:0 8px 24px #aa3bff59}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:default;opacity:.8}.btn-primary{color:#1a1208;text-shadow:0 1px 1px #ffffff4d;background:linear-gradient(135deg,#ffb066f2,#ff8250f2);border-color:#ffc88ccc}.btn-primary:hover:not(:disabled){border-color:#fff;box-shadow:0 8px 28px #ffb06680}.btn-glyph{font-size:16px}.btn-glyph.spin{animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.build-info{color:var(--text-dim);letter-spacing:.5px;font-size:13px;position:absolute;bottom:24px}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;width:460px;max-width:90vw;padding:32px 36px;box-shadow:0 20px 60px #0009}.panel h2{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);text-align:center;margin:0 0 24px;font-size:32px;font-weight:700}.row{align-items:center;gap:14px;margin-bottom:20px;font-size:16px;display:flex}.row>span{flex:1}.row.checkbox{cursor:pointer}.row input[type=range]{accent-color:var(--accent-2);cursor:pointer;flex:1.4}.row output{text-align:right;width:32px;color:var(--accent);font-variant-numeric:tabular-nums}.row select{color:var(--text);background:var(--btn-bg);border:1px solid var(--btn-border);cursor:pointer;border-radius:8px;flex:1.4;padding:8px 10px;font-family:inherit;font-size:15px}.row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent-2);cursor:pointer}.panel-buttons{gap:12px;margin-top:28px;display:flex}.panel-buttons .btn{flex:1;padding:12px 20px;font-size:16px}.creator{z-index:3;box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0a14f5;align-items:stretch;gap:24px;padding:28px;animation:.4s fade;display:flex;position:fixed;inset:0}.cc-panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:380px;max-width:42vw;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;padding:22px 24px;display:flex}.cc-panel h2{text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin:0 0 16px;font-size:26px}.cc-options{flex-direction:column;flex:1;gap:14px;padding-right:6px;display:flex;overflow-y:auto}.cc-row{align-items:center;gap:12px;display:flex}.cc-label{letter-spacing:.5px;color:var(--text-dim);text-transform:uppercase;flex:0 0 84px;font-size:13px}.cc-btns,.cc-swatches{flex-wrap:wrap;gap:6px;display:flex}.cc-chip{color:var(--text);background:var(--btn-bg);border:1px solid var(--btn-border);cursor:pointer;border-radius:7px;padding:5px 12px;font-family:inherit;font-size:13px}.cc-chip.on{border-color:var(--accent);background:var(--accent-bg);color:var(--text-h)}.cc-cycle{align-items:center;gap:8px;display:flex}.cc-arrow{width:28px;height:28px;color:var(--text);background:var(--btn-bg);border:1px solid var(--btn-border);cursor:pointer;border-radius:6px;font-size:12px}.cc-arrow:hover{border-color:var(--accent-2)}.cc-val{text-align:center;min-width:110px;color:var(--text);font-size:14px}.cc-swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;width:26px;height:26px;box-shadow:inset 0 0 0 1px #fff3}.cc-swatch.on{border-color:#fff}.cc-actions{gap:12px;margin-top:18px;display:flex}.cc-actions .btn{flex:1;padding:12px;font-size:16px}.cc-stage{flex:1;justify-content:center;align-items:center;display:flex}.cc-view{background:radial-gradient(at 50% 72%,#aa3bff29,#0000 62%);border-radius:16px;width:340px;height:380px}.cc-view canvas{image-rendering:pixelated;display:block}.arena-ui{z-index:5;pointer-events:none;font-family:var(--sans);-webkit-user-select:none;user-select:none;position:absolute;inset:0}.arena-ui .hidden{display:none}.px-icon{image-rendering:pixelated;display:block}.hud-bars{flex-direction:column;gap:10px;display:flex;position:absolute;top:18px;left:18px}.bar-row{align-items:center;gap:10px;display:flex}.bar-icon{justify-content:center;align-items:center;width:34px;display:flex}.bar-icon .px-icon{filter:drop-shadow(0 1px 1px #0009);width:34px;height:34px}.bar{background:#0a0810cc;border:2px solid #14101c;border-radius:4px;width:300px;height:26px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.bar-fill{width:100%;height:100%;transition:width .12s linear}.bar-fill.hp{background:repeating-linear-gradient(90deg,#e23b3b 0 8px,#c93030 8px 10px)}.bar-fill.sp{background:repeating-linear-gradient(90deg,#f2c14a 0 8px,#d9a52f 8px 10px)}.bar-fill.mp{background:repeating-linear-gradient(90deg,#4aa6ff 0 8px,#2f7fd9 8px 10px)}.bar-fill.xp-fill{background:repeating-linear-gradient(90deg,#a06bff 0 10px,#7d49e6 10px 12px);width:0;transition:width .2s}.xp-icon{color:#b98bff;text-shadow:0 1px 2px #000;font:800 13px Trebuchet MS,sans-serif}.inv-stats{flex-direction:column;gap:4px;width:150px;display:flex}.stats-title{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px;font-size:12px}.stat-row{color:var(--text);justify-content:space-between;font-size:12px;display:flex}.stat-row b{color:var(--accent)}.inv-skills{border-top:1px solid var(--panel-border);margin-top:16px;padding-top:12px}.skills-title{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;font-size:12px;display:block}.skill-row{color:var(--text);justify-content:space-between;font-size:13px;display:flex}.skill-row b{color:#9fe0a0}.skill-bar{background:#0a0810cc;border:1px solid #14101c;border-radius:3px;height:8px;margin:4px 0 8px;overflow:hidden}.skill-fill{background:repeating-linear-gradient(90deg,#5ec06a 0 8px,#3f9a4a 8px 10px);width:0;height:100%;transition:width .2s}.bar-text{color:#fff;text-shadow:0 1px 2px #000000e6;letter-spacing:.5px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;inset:0}.ability-icons{gap:12px;display:flex;position:absolute;bottom:18px;right:18px}.ability{background:#100d18d9;border:2px solid #2a2436;border-radius:8px;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.ability .px-icon{width:34px;height:34px}.ability-key{color:var(--text-dim);text-shadow:0 1px 2px #000;font-size:10px;font-weight:700;position:absolute;bottom:-2px;right:3px}.ability.active{border-color:#6cf;box-shadow:0 0 14px #6cf9}.ability-cd{pointer-events:none;background:#08070eb3;border-radius:6px 6px 0 0;height:0;position:absolute;inset:0 0 auto}.ability[data-ability=ult].ready{border-color:#ffd24a;box-shadow:0 0 14px #ffd24a99}.ability.flash{animation:.22s ability-flash}@keyframes ability-flash{0%{border-color:var(--accent);transform:scale(1);box-shadow:0 0 16px #ffb066b3}to{transform:scale(1)}}.hotbar{gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.slot{pointer-events:auto;background:#100d18d9;border:2px solid #2a2436;border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d}.slot.selected{border-color:var(--accent);box-shadow:0 0 12px #ffb0668c}.slot.over{border-color:var(--accent-2);background:#aa3bff2e}.slot-num{color:var(--text-dim);font-size:10px;font-weight:700;position:absolute;top:2px;left:4px}.slot-icon{cursor:grab;width:36px;height:36px}.slot-count{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:11px;font-weight:700;position:absolute;bottom:2px;right:3px}.slot-icon:active{cursor:grabbing}.inventory{pointer-events:auto;background:#08070e8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.inv-window{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:720px;max-width:94vw;box-shadow:var(--shadow);border-radius:16px;padding:22px 24px}.inv-title{text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:16px;font-size:22px;font-weight:700}.inv-body{gap:20px;display:flex}.inv-armor{flex-direction:column;gap:10px;display:flex}.armor-wrap{align-items:center;gap:8px;display:flex}.armor-slot:after{content:attr(data-empty);color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:9px;position:absolute}.armor-cap{color:var(--text-dim);font-size:12px}.inv-backpack{flex:1;grid-template-columns:repeat(5,52px);align-content:start;gap:8px;display:grid}.inv-hotbar-label{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);margin:18px 0 8px;font-size:12px}.inv-hotbar{gap:8px;display:flex}.inv-hint{color:var(--text-dim);margin-top:14px;font-size:12px}.item-tip{z-index:8;pointer-events:none;border:1px solid var(--panel-border);background:#0c0a14f2;border-radius:8px;min-width:150px;max-width:240px;padding:8px 10px;position:fixed;box-shadow:0 8px 24px #0009}.tip-name{color:var(--text-h);margin-bottom:4px;font-size:14px;font-weight:700}.tip-dmg{color:var(--text);font-size:13px}.tip-dmg.physical b{color:#ffe066}.tip-dmg.magic b{color:#9fd6ff}.tip-dmg.armor-h{color:#7fd0a0}.tip-dmg.armor-d{color:#9fb6e6}.tip-sub{color:var(--text-dim);margin-top:3px;font-size:11px}.pause-menu,.game-options{z-index:6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#08070e99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-window{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:300px;max-width:88vw;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:14px;padding:28px 26px;display:flex}.pause-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);text-align:center;margin-bottom:6px;font-size:26px;font-weight:700}.pause-window .btn{width:100%;padding:13px 20px;font-size:17px}.onboarding{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0a14f5}.onboard-panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:720px;max-width:92vw;box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:28px 32px}.onboard-panel h2{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin:0 0 14px;font-size:28px}.onboard-panel h3{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin:20px 0 12px;font-size:16px}.name-input{text-align:center;width:320px;max-width:80%;color:var(--text-h);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:10px;padding:12px 16px;font-family:inherit;font-size:18px}.name-input:focus{border-color:var(--accent);outline:none}.class-cards{justify-content:center;gap:16px;display:flex}.class-card{text-align:left;max-width:200px;color:var(--text);background:var(--btn-bg);border:2px solid var(--btn-border);cursor:pointer;border-radius:12px;flex:1;padding:18px 16px;transition:transform .15s,border-color .2s,box-shadow .2s}.class-card:hover{border-color:var(--accent-2);transform:translateY(-3px)}.class-card.on{border-color:var(--accent);box-shadow:0 8px 24px #ffb06659}.class-name{color:var(--accent);margin-bottom:6px;font-size:20px;font-weight:700}.class-blurb{color:var(--text-dim);min-height:54px;font-size:13px;line-height:1.4}.class-stats{color:var(--text);flex-wrap:wrap;gap:8px;margin-top:10px;font-size:13px;display:flex}.onboard-actions{justify-content:center;gap:12px;margin-top:26px;display:flex}.onboard-actions .btn{min-width:150px}.levelup{z-index:7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#08070e99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.levelup-window{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:380px;max-width:90vw;box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:24px 26px}.lu-title{letter-spacing:1.5px;color:#ffe066;text-shadow:0 0 16px #ffd24a80;font-size:26px;font-weight:700}.lu-sub{color:var(--text-dim);margin:6px 0 18px;font-size:14px}.lu-choice{flex-direction:column;gap:10px;display:flex}.lu-choice .btn{width:100%}.lu-rows{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.lu-row{grid-template-columns:1fr 48px 28px 36px 28px;align-items:center;gap:6px;font-size:13px;display:grid}.lu-name{text-align:left;color:var(--text)}.lu-val{text-align:right;color:var(--accent);font-variant-numeric:tabular-nums}.lu-pend{color:#7fd0a0;font-variant-numeric:tabular-nums}.lu-pm{width:26px;height:24px;color:var(--text);background:var(--btn-bg);border:1px solid var(--btn-border);cursor:pointer;border-radius:6px;font-size:15px}.lu-pm:hover{border-color:var(--accent-2)}.lu-remaining{color:var(--text-dim);margin-bottom:12px;font-size:13px}.lu-actions{gap:12px;display:flex}.lu-actions .btn{flex:1}.lu-open{width:100%;margin-top:10px;padding:8px;font-size:13px}@media (width<=600px){.title{font-size:52px}.menu-buttons{width:80vw}}