:root{--void: #07070f;--iron: #111120;--steel: #1a1a2e;--gold: #c9a84c;--gold-light: #f0c060;--gold-dark: #8b6914;--ember: #DB6331;--ember-light: #FAAC47;--text: #e8dcc8;--text-muted: hsl(45,15%,60%);--text-dim: hsl(45,10%,40%);--border: rgba(201,168,76,.25);--border-dim: rgba(255,255,255,.08);--blood: #8B0000;--green: #22c55e;--font-heading: "Cinzel Decorative", "Cinzel", serif;--font-title: "Cinzel", serif;--font-ui: "Inter", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--void);color:var(--text);font-family:var(--font-ui);overflow:hidden;height:100vh}#lobby-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:radial-gradient(ellipse at 50% -20%,rgba(219,99,49,.12) 0%,transparent 60%),var(--void);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;padding:1.25rem 1rem 2rem}#lobby-overlay.hidden{display:none}.lobby-brand{text-align:center;flex-shrink:0}.lobby-logo{width:56px;height:56px;border-radius:50%;border:2px solid rgba(201,168,76,.3);overflow:hidden;margin:0 auto .5rem;box-shadow:0 0 40px #c9a84c26}.lobby-logo img{width:100%;height:100%;object-fit:cover}.lobby-title{font-family:var(--font-heading);font-size:1.85rem;font-weight:900;background:linear-gradient(135deg,var(--gold-light),var(--ember));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.08em;line-height:1.05}.lobby-sub{font-family:var(--font-ui);font-size:.65rem;color:var(--text-dim);letter-spacing:.18em;text-transform:uppercase;margin-top:.2rem}.lobby-card{background:linear-gradient(160deg,#111120f2,#0a0a14fa);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.25rem 1rem;width:100%;max-width:720px;box-shadow:0 12px 48px #0009;flex-shrink:0}#auth-gate{text-align:center}#auth-gate p{color:var(--text-muted);margin-bottom:1.25rem;font-size:.85rem}.auth-methods{display:flex;flex-direction:column;gap:10px}.auth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:.85rem 1.5rem;font-family:var(--font-title);font-size:.85rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;text-decoration:none;transition:all .2s;letter-spacing:.03em}.auth-btn:hover{transform:translateY(-2px)}.auth-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-btn svg,.auth-btn img{width:20px;height:20px;flex-shrink:0}.auth-btn-icon{border-radius:50%}.auth-btn--phantom{color:#fff;background:linear-gradient(135deg,#ab9ff2,#7c3aed,#4f1d91);box-shadow:0 4px 20px #7c3aed4d}.auth-btn--phantom:hover{box-shadow:0 6px 28px #7c3aed73}.auth-btn--puter{color:#fff;background:linear-gradient(135deg,var(--ember),var(--gold-dark));box-shadow:0 4px 20px #c9a84c40}.auth-btn--puter:hover{box-shadow:0 6px 28px #c9a84c66}.auth-btn--guest{color:var(--text);background:#ffffff0f;border:1px solid var(--border-dim)}.auth-btn--guest:hover{border-color:var(--gold);background:#c9a84c0f}.auth-divider{display:flex;align-items:center;gap:12px;margin:4px 0;font-size:.65rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-dim)}.auth-status{font-size:.72rem;color:var(--ember-light);margin-top:8px;min-height:1.2em}.auth-wallet-addr{font-size:.65rem;color:var(--text-dim);margin-top:2px;font-family:monospace;letter-spacing:0}#race-select{display:none;position:relative}#race-select.show{display:block}#anim-test-launcher{position:absolute;top:-8px;left:-8px;z-index:5;padding:6px 12px;font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--gold-light);background:#14141ed9;border:1px solid rgba(201,168,76,.45);border-radius:6px;cursor:pointer;transition:.15s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#anim-test-launcher:hover{border-color:var(--gold-light);color:var(--ember);transform:translateY(-1px);box-shadow:0 4px 14px #0006}.race-title{font-family:var(--font-title);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);text-align:center;margin-bottom:1rem}.selection-spotlight{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;border:1px solid var(--border);border-radius:12px;background:linear-gradient(130deg,#c9a84c12,#db633112);padding:10px;margin-bottom:12px}.spotlight-icon{width:56px;height:56px;border-radius:12px;border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;font-size:1.8rem;background:#00000038}.spotlight-title{font-family:var(--font-title);font-size:.85rem;color:var(--gold-light)}.spotlight-meta{font-size:.62rem;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;margin-top:2px}.spotlight-lore{font-size:.66rem;color:var(--text-muted);margin-top:4px;line-height:1.35}.race-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.race-card{padding:9px 6px;border-radius:9px;text-align:center;cursor:pointer;background:#0000004d;border:2px solid var(--border-dim);transition:all .2s}.race-card:hover{border-color:var(--gold);background:#c9a84c0a;transform:translateY(-2px)}.race-card.selected{border-color:var(--ember);background:#db633114;box-shadow:0 0 20px #db633126}.race-icon{font-size:1.4rem;margin-bottom:3px;line-height:1}.race-name{font-family:var(--font-title);font-size:.7rem;font-weight:700;color:var(--gold-light)}.race-desc{font-size:.55rem;color:var(--text-dim);margin-top:2px;letter-spacing:.02em}.builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:1rem}.builder-column{min-width:0}.builder-section-title{font-family:var(--font-title);font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;color:var(--text-dim);margin:0 0 8px}.class-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.class-card{border:1px solid var(--border-dim);border-radius:9px;background:#00000040;padding:10px;cursor:pointer;transition:.16s}.class-card:hover{border-color:var(--gold);transform:translateY(-1px)}.class-card.selected{border-color:var(--ember);background:#db633114}.class-name{font-family:var(--font-title);font-size:.76rem;color:var(--gold-light)}.class-desc{font-size:.63rem;color:var(--text-dim);margin-top:3px}.weapon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:14px}.weapon-pill{border:1px solid var(--border-dim);border-radius:999px;padding:7px 8px;background:#0003;color:var(--text-muted);font-size:.68rem;letter-spacing:.03em;cursor:pointer;transition:.16s}.weapon-pill.active{border-color:var(--ember);color:var(--gold-light);background:#db63311a}.weapon-pill.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4)}.ring-panel{background:#0000003d;border:1px solid var(--border-dim);border-radius:10px;padding:10px;margin-bottom:12px}.ring-label{display:block;font-size:.64rem;color:var(--text-dim);margin-bottom:5px}.ring-tier-select{width:100%;background:#00000059;color:var(--text);border:1px solid var(--border-dim);border-radius:7px;font-size:.72rem;padding:6px 8px}.ring-perks{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.ring-perk{border:1px solid var(--border-dim);border-radius:8px;padding:6px;text-align:left;background:#00000038;color:var(--text-muted);font-size:.64rem;cursor:pointer}.ring-perk.active{border-color:var(--gold);background:#c9a84c1c}.ring-perk span{display:block;font-weight:700;color:var(--text)}.ring-perk small{color:var(--text-dim);font-size:.58rem}.builder-points{font-family:var(--font-title);font-size:.74rem;color:var(--gold-light);margin-bottom:8px}.builder-points.complete{color:#50d48f}.attribute-builder{max-height:175px;overflow:auto;padding-right:4px;margin-bottom:10px}.attribute-builder::-webkit-scrollbar{width:5px}.attribute-builder::-webkit-scrollbar-thumb{background:#c9a84c59;border-radius:999px}.attribute-row{padding:7px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#0000002e;margin-bottom:6px}.attribute-row-head{display:flex;justify-content:space-between;font-size:.66rem;color:var(--text-muted)}.attribute-row-head strong{color:var(--gold-light)}.attribute-row-controls{display:grid;grid-template-columns:1fr 52px;gap:6px;margin-top:4px}.attribute-row-controls input[type=range]{width:100%;accent-color:var(--ember)}.attribute-row-controls input[type=number]{width:100%;border-radius:6px;border:1px solid var(--border-dim);background:#0000004d;color:var(--text);font-size:.68rem;padding:3px 5px}.builder-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.builder-btn{border-radius:7px;border:1px solid var(--border-dim);background:#0000004d;color:var(--text-muted);font-size:.65rem;padding:7px;cursor:pointer}.builder-btn:hover{border-color:var(--gold);color:var(--text)}.builder-readiness{margin:6px 0 8px;font-size:.66rem;color:var(--text-dim);text-align:center}.builder-readiness.ready{color:#50d48f}.build-summary{background:#0000004d;border:1px solid var(--border-dim);border-radius:10px;padding:10px;margin:6px 0 10px}.build-power,.build-rank{display:inline-flex;flex-direction:column;width:49%}.build-power span,.build-rank span{font-size:.61rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.build-power strong,.build-rank strong{font-family:var(--font-title);color:var(--gold-light);font-size:1.05rem;margin-top:2px}.build-rank strong{color:#f0c060}.build-meta{font-size:.67rem;color:var(--text-muted);margin-top:8px}.build-advice{font-size:.65rem;color:var(--text-dim);margin-top:6px;line-height:1.35}.builder-share-row{margin-bottom:10px}.builder-btn-share{width:100%}.user-info{display:flex;align-items:center;gap:10px;margin-bottom:1.25rem;padding:10px;background:#00000040;border-radius:10px;border:1px solid var(--border-dim)}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--steel);border:2px solid var(--gold-dark);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--gold)}.user-name{font-family:var(--font-title);font-size:.9rem;color:var(--gold-light)}.user-gid{font-size:.65rem;color:var(--text-dim)}.enter-btn{width:100%;padding:.9rem;font-family:var(--font-title);font-size:1rem;font-weight:900;letter-spacing:.06em;color:var(--void);background:linear-gradient(135deg,var(--ember-light),var(--ember),var(--gold-dark));border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 20px #db63314d;transition:all .2s}.enter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #db633166}.enter-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.queue-btn{width:100%;padding:.7rem;margin-top:.75rem;font-family:var(--font-ui);font-size:.82rem;color:var(--text);background:#0000004d;border:1px solid var(--border-dim);border-radius:8px;cursor:pointer;transition:.2s}.queue-btn:hover{border-color:var(--gold);background:#c9a84c0a}.queue-btn:disabled{opacity:.45;cursor:not-allowed}.back-link{display:block;text-align:center;margin-top:1rem;font-size:.72rem;color:var(--text-dim);text-decoration:none}.back-link:hover{color:var(--gold)}@media(max-width:960px){.lobby-card{max-width:94vw;padding:1rem}.builder-grid{grid-template-columns:1fr}.race-grid{grid-template-columns:repeat(2,1fr)}.ring-perks{grid-template-columns:1fr}}#game-root{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;display:none;overflow:hidden;touch-action:none}#game-root.active{display:block}#game-root canvas{display:block;width:100%;height:100%}#loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--void);display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}#loading-overlay.active{display:flex}.loading-spinner{width:48px;height:48px;border:3px solid var(--border-dim);border-top-color:var(--ember);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-title);font-size:.85rem;color:var(--text-muted);letter-spacing:.08em}.loading-progress{width:200px;height:3px;background:var(--border-dim);border-radius:3px;overflow:hidden}.loading-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--ember),var(--gold));transition:width .3s ease}#error-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:var(--void);display:none;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}#error-overlay.active{display:flex}.error-icon{font-size:3rem}.error-title{font-family:var(--font-title);font-size:1.2rem;color:var(--ember-light);letter-spacing:.08em}.error-message{font-size:.8rem;color:var(--text-muted);max-width:400px;word-break:break-word}.error-retry{padding:.7rem 2rem;font-family:var(--font-title);font-size:.85rem;font-weight:700;color:var(--void);background:var(--ember);border:none;border-radius:8px;cursor:pointer;transition:.2s}.error-retry:hover{transform:translateY(-2px);box-shadow:0 4px 16px #db63314d}#gameUI{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;font-family:var(--font-ui)}#gameUI>*{pointer-events:auto}.hud-top-left{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:6px}.hud-util-btn{font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--gold-light);background:#14141ed9;border:1px solid rgba(201,168,76,.45);border-radius:6px;padding:6px 12px;cursor:pointer;transition:.15s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hud-util-btn:hover{border-color:var(--gold-light);color:var(--ember);transform:translateY(-1px);box-shadow:0 4px 14px #0006}.hud-label{font-family:var(--font-title);font-size:14px;color:var(--gold-light);letter-spacing:2px;text-shadow:0 0 10px rgba(201,168,76,.3)}.hud-sub{font-size:11px;color:#e8dcc880;margin-top:4px}.hud-bars{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;width:320px;max-width:80vw}.bar-row{display:flex;align-items:center;gap:8px}.bar-label{width:48px;font-size:10px;color:var(--text-dim);text-align:right;text-transform:uppercase;letter-spacing:.05em}.bar-track{flex:1;height:8px;background:#00000080;border-radius:4px;overflow:hidden;border:1px solid var(--border-dim)}.bar-fill{height:100%;border-radius:4px;transition:width .15s ease}#healthBar{background:linear-gradient(90deg,#8b0000,#c22);width:100%}#manaBar{background:linear-gradient(90deg,#1a3a8a,#48f);width:100%}#energyBar{background:linear-gradient(90deg,#8a6e14,#f0c060);width:100%}#rageBar{background:linear-gradient(90deg,#6b1010,#f33);width:0%}.hud-weapons{position:absolute;bottom:16px;right:16px;display:flex;gap:6px}.weapon-slot{width:48px;height:48px;border:2px solid var(--border-dim);border-radius:8px;background:#0006;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-dim);cursor:pointer;transition:.15s}.weapon-slot.active{border-color:var(--ember);color:var(--gold-light);background:#db63311a}#abilityBar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px}.ability-slot{width:52px;height:52px;border:2px solid var(--border-dim);border-radius:8px;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.15s}.ability-slot:hover{border-color:var(--gold)}.ability-key{font-size:13px;font-weight:700;color:var(--gold-light)}.ability-name{font-size:7px;color:var(--text-dim);margin-top:2px;text-align:center}#countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:none;flex-direction:column;align-items:center;justify-content:center;background:#0009;pointer-events:none}.countdown-number{font-family:var(--font-heading);font-size:8rem;font-weight:900;color:var(--gold-light);text-shadow:0 0 60px rgba(201,168,76,.5);line-height:1}.countdown-label{font-family:var(--font-title);font-size:1.2rem;color:var(--text-muted);letter-spacing:.15em;margin-top:.5rem}#match-timer{position:absolute;top:16px;left:50%;transform:translate(-50%);font-family:var(--font-title);font-size:1.1rem;font-weight:700;color:var(--gold-light);letter-spacing:.08em;text-shadow:0 0 10px rgba(201,168,76,.3)}.team-frames{position:absolute;top:16px;display:flex;flex-direction:column;gap:4px;width:180px}#team-a-frames{left:16px}#team-b-frames{right:16px}.team-unit-bar{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:#00000080;border-radius:6px;border:1px solid var(--border-dim);cursor:pointer;transition:.15s}.team-unit-bar:hover{border-color:var(--gold)}.team-unit-name{font-size:10px;color:var(--text-muted);font-weight:600}#team-a-frames .team-unit-name{color:#6af}#team-b-frames .team-unit-name{color:#f66}.team-unit-hp-track{height:5px;background:#ffffff1a;border-radius:3px;overflow:hidden}.team-unit-hp-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;transition:width .2s ease;width:100%}#target-frame{display:none;position:absolute;top:60px;left:50%;transform:translate(-50%);background:#0009;border:1px solid var(--border-dim);border-radius:8px;padding:8px 16px;min-width:200px;text-align:center}.target-name{font-family:var(--font-title);font-size:13px;font-weight:700;color:var(--gold-light);letter-spacing:.05em}.target-hp-track{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:4px}.target-hp-bar{height:100%;background:linear-gradient(90deg,#c22,#ef4444);border-radius:3px;transition:width .2s ease;width:100%}.target-hp-text{font-size:10px;color:var(--text-dim);margin-top:2px}.fkey-hints{position:absolute;bottom:76px;right:16px;display:flex;flex-direction:column;gap:2px;font-size:9px;color:var(--text-dim);opacity:.6}.fkey-hints kbd{display:inline-block;padding:1px 4px;background:#ffffff1a;border-radius:3px;font-family:var(--font-ui);font-size:8px;color:var(--text-muted);margin-right:4px}.ability-slot{position:relative;overflow:hidden}.ability-slot.on-cd{filter:grayscale(.8) brightness(.65)}.ability-cd-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;pointer-events:none}.ability-cd-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:16px;font-weight:800;color:#fff;text-shadow:0 0 4px #000;pointer-events:none}.ability-icon{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block;pointer-events:none}.ability-icon-fallback{font-size:22px;line-height:1;pointer-events:none}.ability-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:180px;background:#080812f5;border:1px solid rgba(201,168,76,.55);border-radius:8px;padding:8px 10px;box-shadow:0 8px 24px #000000b3;pointer-events:none;z-index:80;text-align:left}.ability-slot:hover .ability-tooltip{display:block}.ab-title{font-family:var(--font-title);font-size:11px;font-weight:700;color:var(--gold-light);letter-spacing:.06em;margin-bottom:4px}.ab-desc{font-size:9.5px;color:var(--text-muted);line-height:1.45;margin-bottom:5px}.ab-cost{font-size:9px;color:#8af;font-weight:600}.ab-cd{font-size:9px;color:var(--text-dim);margin-top:1px}.panel-toggles{position:absolute;top:16px;right:210px;display:flex;gap:6px;z-index:51}.panel-toggle-btn{width:32px;height:32px;border:2px solid var(--border-dim);border-radius:50%;background:#0000008c;color:var(--gold-light);font-family:var(--font-title);font-size:13px;font-weight:700;cursor:pointer;transition:.15s;padding:0;display:flex;align-items:center;justify-content:center}.panel-toggle-btn:hover{border-color:var(--gold);box-shadow:0 0 10px #c9a84c66}.panel-toggle-btn.active{border-color:var(--ember);color:#fff;background:#db633140}.float-panel{position:absolute;top:60px;right:16px;width:360px;max-height:70vh;background:#080810eb;border:1px solid var(--border-dim);border-radius:10px;box-shadow:0 12px 40px #000000b3,inset 0 0 24px #0000004d;display:none;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.float-panel.active{display:flex}.fp-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-dim);background:linear-gradient(180deg,rgba(201,168,76,.08),transparent)}.fp-title{font-family:var(--font-title);font-size:13px;font-weight:700;color:var(--gold-light);letter-spacing:.1em;text-transform:uppercase}.fp-close{cursor:pointer;color:var(--text-dim);font-size:14px;line-height:1;padding:2px 6px;border-radius:4px;transition:.15s}.fp-close:hover{background:#ff505033;color:#fff}.fp-body{padding:12px 14px;overflow-y:auto}.inv-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.inv-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.inv-cell,.equip-slot{width:100%;aspect-ratio:1;background:#0000008c;border:1px solid var(--border-dim);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;position:relative;transition:.12s}.inv-cell.filled,.equip-slot.filled{border-color:var(--gold-dim);background:#c9a84c0f}.inv-cell:hover,.equip-slot:hover{border-color:var(--gold);box-shadow:0 0 8px #c9a84c66}.inv-cell.rarity-uncommon{border-color:#22c55e}.inv-cell.rarity-rare{border-color:#3b82f6}.inv-cell.rarity-epic{border-color:#a855f7}.inv-cell.rarity-unique{border-color:#f59e0b}.inv-cell.rarity-legendary{border-color:#ef4444}.inv-qty{position:absolute;bottom:1px;right:3px;font-size:9px;font-weight:700;color:#fff;text-shadow:0 0 3px #000;font-family:var(--font-ui)}.inv-icon{width:100%;height:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.inv-glyph{pointer-events:none;line-height:1}.equip-doll{display:grid;grid-template-columns:56px 1fr 56px;grid-template-rows:repeat(8,56px);gap:4px;margin-bottom:12px}.equip-portrait{grid-column:2;grid-row:1 / span 8;background:#0006;border:1px solid var(--border-dim);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:64px;color:var(--gold-light)}.equip-slot{font-size:22px}.equip-slot[data-slot]:after{content:attr(data-slot-label);position:absolute;bottom:-10px;left:0;right:0;font-size:7px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;text-align:center;pointer-events:none}.equip-stats{font-size:11px;color:var(--text-dim);display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding-top:8px;border-top:1px solid var(--border-dim)}.equip-stats .stat-row{display:flex;justify-content:space-between}.equip-stats .stat-key{color:var(--text-muted);text-transform:uppercase;font-size:9px;letter-spacing:.1em}.equip-stats .stat-val{color:var(--gold-light);font-weight:700;font-family:var(--font-ui)}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.skill-cell{aspect-ratio:1;background:#0000008c;border:1px solid var(--border-dim);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;cursor:pointer;position:relative;transition:.12s;padding:4px}.skill-cell:hover{border-color:var(--gold)}.skill-cell.active{border-color:var(--ember);background:#db63311a}.skill-cell .sk-key{position:absolute;top:2px;left:4px;font-size:9px;color:var(--gold-light);font-weight:700}.skill-cell .sk-name{font-size:8px;color:var(--text-dim);margin-top:2px;text-align:center;line-height:1.1}.item-tooltip{position:fixed;z-index:200;pointer-events:none;max-width:260px;padding:10px 12px;background:#080810f5;border:1px solid var(--gold-dim);border-radius:6px;font-size:11px;color:var(--text);box-shadow:0 8px 24px #000c;display:none;font-family:var(--font-body, inherit)}.item-tooltip.show{display:block}.item-tooltip .tt-name{font-family:var(--font-title);font-size:12px;font-weight:700;color:var(--gold-light);margin-bottom:4px;letter-spacing:.05em}.item-tooltip .tt-type{font-size:10px;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.1em}.item-tooltip .tt-stats{margin:4px 0}.item-tooltip .tt-stat{display:block;color:#aee0ff}.item-tooltip .tt-set{color:#f59e0b;font-size:10px;margin-bottom:4px}.item-tooltip .tt-signature{color:#f5d76e;font-style:italic;margin:4px 0 2px}.item-tooltip .tt-passive{color:#b39ddb;margin:2px 0}.item-tooltip .tt-proc{color:#ff7e7e;margin:2px 0}.item-tooltip .tt-setbonus{color:#f59e0b;margin:2px 0}.item-tooltip .tt-abilities{margin:4px 0}.item-tooltip .tt-ability{display:inline-block;padding:1px 5px;margin:1px 2px 1px 0;background:#aee0ff14;border:1px solid rgba(174,224,255,.25);border-radius:3px;color:#aee0ff;font-size:10px}.item-tooltip .tt-bound{color:#c79a3a;text-transform:uppercase}.item-tooltip .tt-desc{color:var(--text-dim);margin-top:6px;font-style:italic}.ctx-menu{position:fixed;z-index:210;min-width:130px;background:#080810f5;border:1px solid var(--gold-dim);border-radius:4px;box-shadow:0 8px 24px #000c;display:none;padding:4px 0}.ctx-menu.show{display:block}.ctx-item{padding:6px 14px;font-size:11px;color:var(--text);cursor:pointer;transition:.1s;font-family:var(--font-ui)}.ctx-item:hover{background:#c9a84c2e;color:var(--gold-light)}.ctx-item.danger:hover{background:#ef444440;color:#ffb3b3}.ctx-sep{height:1px;background:var(--border-dim);margin:4px 0}