*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}canvas#game-canvas,#npc-portrait-canvas,#minimap-canvas,img.pixel-render,.pixel-art{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}input,textarea,select{-webkit-user-select:text!important;user-select:text!important;font-family:var(--font-clean);font-size:12px}:root{--hud-scale: 1;--font-ui: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-pixel: "Outfit", system-ui, -apple-system, sans-serif;--font-header: "Cinzel", "Outfit", Georgia, serif;--font-display: "Cinzel", Georgia, serif;--font-clean: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-panel: rgba(11, 16, 30, .96);--border-hi: #38bdf8;--border-gold: #facc15;--border-dark: #05070f}body{overflow:hidden;background:#070b19;font-family:var(--font-clean);font-size:12px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:#f8fafc;width:100vw;height:100vh;height:100dvh}#canvas-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:crosshair}#game-canvas{width:100vw;height:100vh;height:100dvh;display:block}#text-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;pointer-events:none;z-index:2;display:block}#crt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;display:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0px,rgba(0,0,0,.22) 1px,transparent 1px,transparent 3px)}#crt-overlay.active{display:block}#mythic-run-hud{position:absolute;top:52px;left:50%;transform:translate(-50%);min-width:280px;padding:6px 12px;z-index:45;text-align:center;border:1px solid #f97316;background:#080a14e6;display:none}#mythic-run-head{display:flex;justify-content:space-between;gap:14px;font-family:var(--font-header);font-size:10px;letter-spacing:.4px}#mythic-run-timer{color:#fde047;font-weight:800}#mythic-run-affixes{font-size:8.5px;color:#cbd5e1;margin-top:2px;letter-spacing:.3px}#mythic-run-bar{height:4px;background:#1c1917;border:1px solid #7c2d12;margin-top:5px;border-radius:2px;overflow:hidden}#mythic-run-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#f97316,#fde047);transition:width .3s linear}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.panel{pointer-events:auto;background:var(--bg-panel);border:2px solid var(--border-hi);box-shadow:0 0 0 2px var(--border-dark),inset 0 0 0 2px #162038,4px 4px #000000d9;padding:8px 10px}#player-unit-frame{position:absolute;top:12px;left:12px;width:262px;display:flex;gap:9px;align-items:center;border-color:var(--border-gold);transform-origin:top left;transform:scale(var(--hud-scale, 1))}.portrait{width:48px;height:48px;border:2px solid var(--border-gold);box-shadow:0 0 0 2px var(--border-dark);background:#1e1b4b;position:relative;flex-shrink:0;cursor:default}#portrait-canvas{width:100%;height:100%;display:block}.level-badge{position:absolute;bottom:-5px;right:-5px;background:#0284c7;border:2px solid #fde047;font-family:var(--font-header);font-size:10px;font-weight:700;padding:2px 5px;color:#fff}.unit-info{flex:1;min-width:0}.unit-header-row{display:flex;justify-content:space-between;align-items:center;gap:4px}.unit-name{font-family:var(--font-header);color:#facc15;font-size:11.5px;font-weight:700;text-shadow:2px 2px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.id-mini-btn{font-family:var(--font-pixel);font-size:10px;font-weight:700;background:#172554;border:1px solid #38bdf8;color:#bae6fd;padding:2px 5px;cursor:pointer;flex-shrink:0}.id-mini-btn:hover{background:#1e40af;color:#fde047;border-color:#fde047}.unit-sub{font-size:10px;color:#94a3b8;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-row{display:flex;justify-content:space-between;font-size:10px;font-weight:700;margin-top:2px;text-shadow:1px 1px 0 #000}.bar-bg{width:100%;height:10px;background:#050811;border:2px solid #334155;position:relative;margin-top:1px}.bar-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 10px,rgba(5,8,17,.55) 10px,rgba(5,8,17,.55) 12px);pointer-events:none}.bar-hp{height:100%;background:#22c55e;border-top:2px solid #86efac;transition:width .12s steps(8)}.bar-hp.shielded{background:#38bdf8;border-top-color:#bae6fd}.bar-enemy{height:100%;background:#ef4444;border-top:2px solid #fca5a5;transition:width .12s steps(8)}.bar-res{height:100%;background:#f59e0b;border-top:2px solid #fef08a;transition:width .12s steps(8)}#quest-tracker{position:absolute;top:118px;left:12px;width:280px;max-height:48vh;overflow-y:auto;font-size:9.5px;line-height:1.38;padding:2px 4px;pointer-events:all;scrollbar-width:thin;scrollbar-color:#38bdf8 transparent;background:transparent!important;border:none!important;box-shadow:none!important;transform-origin:top left;transform:scale(var(--hud-scale, 1))}.quest-title{font-family:var(--font-header);color:#facc15;font-size:11px;font-weight:700;margin-bottom:5px;display:flex;justify-content:space-between;text-shadow:0 1px 3px rgba(0,0,0,.95),1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.quest-task{display:flex;align-items:center;gap:6px;color:#f1f5f9;margin-bottom:3px;text-shadow:0 1px 3px rgba(0,0,0,.95),1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.quest-check{width:14px;height:14px;border:1.5px solid #38bdf8;background:#050712b3;box-shadow:0 1px 3px #000c;display:inline-flex;align-items:center;justify-content:center;font-size:9px;color:#4ade80;flex-shrink:0}.quest-check.done{background:#16a34a;border-color:#86efac;color:#fff}.quest-turnin-banner{margin-top:5px;padding:4px 6px;background:#facc151f;border:1px solid rgba(250,204,21,.5);border-radius:2px;color:#fde047;font-size:8.5px;font-weight:700;display:flex;align-items:center;gap:5px}body.ui-edit-mode .ui-draggable-panel{outline:2px dashed #38bdf8!important;outline-offset:2px!important;box-shadow:0 0 18px #38bdf873!important;cursor:grab!important;-webkit-user-select:none!important;user-select:none!important;position:absolute!important}body.ui-edit-mode .ui-draggable-panel:active{cursor:grabbing!important}#ui-edit-banner{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:10000;background:#060b18f5;border:2px solid #fde047;box-shadow:0 0 25px #facc1573,0 8px 30px #000000d9;padding:12px 22px;border-radius:6px;text-align:center;display:none;pointer-events:all;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body.ui-edit-mode #ui-edit-banner{display:block}#arena-invite-toast{position:absolute;top:392px;left:12px;width:262px;display:none;border-color:#38bdf8;z-index:30;font-size:9px}.arena-slot-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:8px 0}.arena-slot{background:#0d1324;border:2px dashed #334155;padding:6px 4px;min-height:46px;text-align:center;font-size:8.5px;color:#64748b;display:flex;flex-direction:column;justify-content:center;gap:2px}.arena-slot.filled{border-style:solid;color:#f8fafc;background:#101a33}.arena-btn-primary{width:100%;font-size:10px;padding:9px 8px;margin-top:6px}.arena-timer-bar{height:8px;background:#1e293b;border:1px solid #334155;margin-top:4px}.arena-timer-fill{height:100%;width:0%;background:#38bdf8}#party-invite-toast{position:absolute;top:318px;left:12px;width:262px;display:none;border-color:#fde047;z-index:30;font-size:9px}#arena-banner{position:absolute;top:52px;left:50%;transform:translate(-50%);display:none;align-items:center;gap:16px;padding:6px 16px;border-color:#c084fc}.arena-team{display:flex;flex-direction:column;align-items:center}.team-blue-txt{font-family:var(--font-header);color:#38bdf8;font-size:7.5px;margin-bottom:2px}.team-red-txt{font-family:var(--font-header);color:#ef4444;font-size:7.5px;margin-bottom:2px}#siege-banner{position:absolute;top:52px;left:50%;transform:translate(-50%);display:none;align-items:center;gap:10px;padding:5px 14px;border-color:#fde047;font-size:8.5px;white-space:nowrap}#target-unit-frame{position:absolute;top:52px;left:50%;transform:translate(-50%);width:274px;display:none;border-color:#ef4444}#hud.in-arena #target-unit-frame,#hud.in-siege #target-unit-frame{top:98px}#target-name{font-family:var(--font-header);color:#f8fafc;text-align:center;font-size:8.5px;text-shadow:2px 2px 0 #000;margin-bottom:2px}#target-sub{text-align:center;font-size:8.5px;color:#94a3b8;margin-bottom:3px}#top-right-hud{position:absolute;top:12px;right:12px;width:172px;display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:20;transform-origin:top right;transform:scale(var(--hud-scale, 1))}#minimap-panel{width:100%;background:#050811;border:2px solid #38bdf8;box-shadow:0 0 0 2px #05070f,4px 4px #000000d9;pointer-events:auto;display:flex;flex-direction:column}#minimap-canvas{width:168px;height:130px;display:block;background:#030712}.minimap-title{background:#0d1324;border-top:2px solid #38bdf8;text-align:center;font-family:var(--font-header);font-size:11px;font-weight:700;letter-spacing:.5px;padding:5px 4px;color:#facc15}#net-status-pill{background:#080d1a;border-top:1px solid #1e293b;padding:5px 6px;cursor:pointer;display:flex;flex-direction:column;gap:2px;text-align:center;line-height:1.35;transition:background .15s ease}#net-status-pill:hover{background:#172554}.net-pill-line1{font-size:11px;font-weight:700;letter-spacing:.02em}.net-pill-line2{font-size:9.5px;color:#94a3b8;font-weight:600;letter-spacing:.03em}#zone-controls{width:100%;display:flex;flex-direction:column;gap:5px;pointer-events:auto}.util-btn{font-family:var(--font-pixel);background:#0d1324;border:2px solid #38bdf8;box-shadow:0 0 0 2px #05070f,3px 3px #000;padding:5px 6px;font-size:9px;font-weight:700;color:#e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;position:relative}.util-btn:hover{background:#1e293b;border-color:#facc15;color:#facc15}.util-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 2px #05070f}.queue-btn{background:#581c87;border-color:#e879f9;color:#fff}.queue-btn:hover{background:#7e22ce;border-color:#fde047}#social-chat-panel{position:absolute;bottom:12px;left:12px;width:292px;padding:6px 7px;display:flex;flex-direction:column;gap:4px;transform-origin:bottom left;transform:scale(var(--hud-scale, 1))}.chat-top-bar{display:flex;justify-content:space-between;align-items:center;gap:3px;border-bottom:1px solid #1e293b;padding-bottom:4px}.chat-tabs{display:flex;gap:2px}.chat-tab{font-family:var(--font-pixel);font-size:7.5px;padding:2px 4px;background:#080c18;border:1px solid #334155;color:#94a3b8;cursor:pointer}.chat-tab.active{background:#172554;border-color:#38bdf8;color:#fde047}.emote-strip{display:flex;gap:2px}.emote-mini-btn{background:#080c18;border:1px solid #334155;font-size:10px;padding:1px 3px;cursor:pointer;line-height:1.1}.emote-mini-btn:hover{border-color:#facc15;background:#1e293b}#combat-log{width:100%;height:102px;overflow-y:auto;font-size:8.8px;line-height:1.38;display:flex;flex-direction:column;gap:2px;padding-right:2px}.log-entry{color:#cbd5e1;text-shadow:1px 1px 0 #000;word-break:break-word}.log-combat{color:#f87171}.log-gain{color:#38bdf8}.log-heal{color:#4ade80}.log-solari{color:#facc15}.log-quest{color:#e879f9;font-weight:700}.log-chat-say{color:#f8fafc}.log-chat-faction{color:#fde047}.log-chat-party{color:#4ade80}.log-chat-order{color:#c084fc}.chat-input-row{display:flex;gap:4px;align-items:center}#chat-chan-btn{font-family:var(--font-header);font-size:10px;font-weight:700;padding:4px 6px;background:#172554;border:1px solid #38bdf8;color:#fde047;cursor:pointer;min-width:44px}#chat-input{flex:1;min-width:0;background:#050811;border:1px solid #475569;color:#f8fafc;font-size:11px;padding:4px 7px;outline:none}#chat-input:focus{border-color:#facc15}#chat-send-btn{font-family:var(--font-header);font-size:10px;font-weight:700;padding:4px 7px;background:#0284c7;border:1px solid #bae6fd;color:#fff;cursor:pointer}#lore-dialogue-box{position:absolute;bottom:122px;left:50%;transform:translate(-50%);width:500px;max-width:92vw;display:none;gap:10px;align-items:center;border-color:#facc15;z-index:25}.npc-portrait-box{width:52px;height:52px;border:2px solid #facc15;background:#0f172a;flex-shrink:0}#npc-portrait-canvas{width:100%;height:100%;display:block}#dlg-speaker{font-family:var(--font-header);font-size:7.5px;color:#facc15;margin-bottom:4px}#dlg-text{font-size:10px;color:#f1f5f9;line-height:1.45}#cast-bar-container{position:absolute;bottom:92px;left:50%;transform:translate(-50%);width:240px;display:none;border-color:#facc15}.cast-bar-header{display:flex;justify-content:space-between;font-family:var(--font-header);font-size:7.5px;color:#facc15;margin-bottom:3px}.cast-bar-fill{height:100%;background:#38bdf8;border-top:2px solid #e0f2fe;width:0%}#bottom-bar-dock{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;pointer-events:auto}#xp-bar-wrap{width:100%;height:15px;background:#050811;border:2px solid #6366f1;box-shadow:0 0 0 2px #05070f;position:relative}#xp-bar-fill{height:100%;width:0%;background:#7c3aed;border-top:2px solid #c084fc;transition:width .2s steps(12)}#xp-bar-txt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-header);font-size:6.5px;color:#f8fafc;text-shadow:1px 1px 0 #000;pointer-events:none}#action-bar-cluster{position:relative;display:flex;align-items:flex-end;gap:8px;background:linear-gradient(180deg,#0b1122f5,#050812fa);border:2px solid #38bdf8;box-shadow:0 0 0 2px #05070f,0 8px 20px #000000d9,inset 0 1px #7dd3fc40;padding:5px 8px 6px}.action-section{display:flex;flex-direction:column;gap:3px}.action-section-label{font-family:var(--font-header);font-size:6px;letter-spacing:.06em;color:#94a3b8;text-align:center;text-shadow:1px 1px 0 #000;line-height:1;-webkit-user-select:none;user-select:none}.action-group{display:flex;gap:4px;align-items:center}.action-divider{width:2px;height:48px;background:linear-gradient(180deg,transparent,#334155,transparent);align-self:center}.action-button{width:46px;height:48px;background:#080c18;border:2px solid #475569;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:3px 2px;cursor:pointer;position:relative;transition:border-color .12s ease,background .12s ease,transform .08s ease}.slot-rank-pip{display:none!important}.action-button.flash-card{border-bottom-color:#38bdf8}.action-button.rite-card{border-bottom-color:#f59e0b}.action-button.slot-locked{background:#050811!important;border-color:#1e293b!important;border-bottom-color:#1e293b!important;opacity:.65;cursor:not-allowed!important;box-shadow:none!important}.action-button.slot-locked:hover{background:#080d1a!important;border-color:#334155!important}.action-button.slot-locked .action-icon{filter:grayscale(1);opacity:.7}.action-button:hover{border-color:#facc15;background:#172036}.action-button:active{transform:translate(1px,1px)}.action-icon{font-size:15px;line-height:1;margin-top:4px}.key-badge{position:absolute;top:1px;right:1px;font-family:var(--font-header);font-size:9.5px;font-weight:700;color:#facc15;background:#05070f;padding:1px 3px;border-radius:2px}.rank-badge{display:none!important}.action-name{font-size:9.5px;font-weight:600;color:#cbd5e1;text-transform:uppercase;max-width:44px;overflow:hidden;white-space:nowrap}.cooldown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#05070fe0;display:flex;align-items:center;justify-content:center;font-family:var(--font-header);font-size:11px;font-weight:700;color:#facc15;opacity:0;pointer-events:none}.action-button.harvest-card{border-bottom-color:#c084fc}.action-button.slot-empty{background:#060a14;border-style:dashed;border-color:#334155}.action-button.slot-empty:hover{border-color:#facc15}.action-button.slot-empty .action-icon{font-size:16px;font-weight:800;color:#475569;margin-top:3px}.action-button.slot-empty .action-name{color:#475569}.action-button.slot-depleted{opacity:.55}.action-button.drop-hover{border-color:#fde047!important;background:#1e1b4b!important;box-shadow:0 0 10px #facc158c!important}.action-button.pick-target{border-color:#fde047!important;background:#1e1b4b!important;animation:pickPulse .9s ease-in-out infinite alternate}@keyframes pickPulse{0%{box-shadow:0 0 4px #facc1559,inset 0 0 6px #facc1514}to{box-shadow:0 0 16px #facc15d9,inset 0 0 10px #facc1533}}.bar-pick-hint{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);white-space:nowrap;background:#0b1020;border:2px solid #facc15;color:#e2e8f0;padding:3px 10px;font-family:var(--font-clean);font-size:10.5px;letter-spacing:.02em;box-shadow:0 0 12px #facc1566;pointer-events:none;z-index:6}.bar-pick-hint b{color:#fde047}.bar-quick-picker{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);min-width:340px;max-width:480px;background:#080c18fa;border:2px solid #facc15;box-shadow:0 0 0 2px #05070f,0 10px 28px #000000e6;padding:7px 9px;z-index:20;pointer-events:auto}.bqp-header{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:var(--font-clean);font-size:10.5px;font-weight:800;color:#fde047;border-bottom:1px solid #1e293b;padding-bottom:5px;margin-bottom:6px}.bqp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:5px;max-height:210px;overflow-y:auto}.quick-pick-ability-btn{display:flex;align-items:center;gap:7px;background:#0f172a;border:1px solid #334155;padding:5px 7px;cursor:pointer;text-align:left;font-family:var(--font-clean);color:#f8fafc}.quick-pick-ability-btn:hover{border-color:#facc15;background:#1e293b}.quick-pick-ability-btn.is-equipped{border-color:#22c55e;background:#14532d59}.qp-icon{font-size:16px;flex-shrink:0}.qp-info{display:flex;flex-direction:column;gap:1px;min-width:0}.qp-name{font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qp-status{font-size:9px;color:#86efac}.d2-equipped-badge{background:#14532d;border:1px solid #4ade80;color:#86efac;font-family:var(--font-clean);font-size:9px;font-weight:800;padding:2px 6px;border-radius:3px;letter-spacing:.02em}.d2-skill-card{cursor:pointer}.d2-skill-card.locked{cursor:not-allowed}.d2-skill-card.picked{outline:2px solid #fde047;box-shadow:0 0 16px #facc158c!important}.action-button.item-card{border-bottom-color:#f97316;width:42px}.action-button .action-item-icon{width:22px;height:22px;image-rendering:pixelated;margin-top:3px}.action-qty{position:absolute;bottom:1px;right:2px;font-family:var(--font-header);font-size:8.5px;font-weight:800;color:#fde047;text-shadow:1px 1px 1px #000,0 0 2px #000;background:#05070fbf;padding:0 2px;border-radius:2px;line-height:1.1;pointer-events:none;z-index:2}.coin-glyph{display:inline-block;width:9px;height:9px;border-radius:50%;background:#fbbf24;border:1px solid #92400e;box-shadow:inset 0 0 2px #fff9;vertical-align:-1px}#micro-menu,.overhead-menu-dock{position:absolute;top:10px;left:50%!important;right:auto!important;transform:translate(-50%) scale(var(--hud-scale, 1));transform-origin:top center;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:35;box-sizing:border-box}.overhead-menu-inner{display:flex;flex-direction:row;align-items:center;gap:3px;background:#050811f0;border:1px solid rgba(56,189,248,.45);box-shadow:0 0 0 2px #05070f,0 8px 24px #000c,0 0 14px #38bdf833;border-radius:6px;padding:3px 5px;pointer-events:auto;max-width:100%;overflow:visible}.micro-nav-btn{padding:3px 5px;font-size:9.5px;height:25px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:2px;box-shadow:none;border-width:1px;border-radius:3px;flex:0 1 auto;min-width:0;transition:background .15s ease,border-color .15s ease,transform .1s ease}.micro-nav-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #38bdf859}.micro-nav-btn .nav-key{font-size:8px;opacity:.65;margin-left:1px}@media (max-width: 1360px){.micro-nav-btn .nav-key{display:none}.micro-nav-btn{padding:3px 4px;font-size:9px}}@media (max-width: 1100px){#micro-menu,.overhead-menu-dock{left:288px;right:188px}.micro-nav-btn .nav-label{display:none}.micro-nav-btn{padding:3px 6px;font-size:11px}}.pt-pip{background:#16a34a;border:1px solid #fef08a;color:#fff;font-family:var(--font-header);font-size:9.5px;font-weight:700;padding:1px 4px;margin-left:2px;border-radius:3px}#skills-tab-popup{position:absolute;bottom:172px;right:12px;width:300px;background:#050811f5;border:2px solid #38bdf8;box-shadow:0 0 0 2px #05070f,0 12px 28px #000000e0,0 0 16px #38bdf838;border-radius:4px;padding:10px 12px;display:none;flex-direction:column;gap:7px;z-index:45;pointer-events:auto;transform-origin:bottom right}@keyframes skillPopUp{0%{opacity:0;transform:translateY(28px) scale(.94)}70%{transform:translateY(-4px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}#skills-tab-popup.active{display:flex!important;animation:skillPopUp .22s cubic-bezier(.16,1,.3,1) forwards}.skills-tab-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(56,189,248,.25);padding-bottom:6px}.skills-tab-title{display:flex;align-items:center;gap:6px;font-family:var(--font-header);font-size:12px;font-weight:800;color:#facc15;letter-spacing:.5px}.skills-total-pill{background:#0369a1;border:1px solid #38bdf8;color:#f0f9ff;font-family:var(--font-header);font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:3px}.skills-tab-close{background:transparent;border:none;color:#94a3b8;font-size:13px;cursor:pointer;padding:1px 5px;border-radius:3px;transition:all .15s}.skills-tab-close:hover{background:#ef444433;color:#ef4444}.skills-tab-sub{display:flex;justify-content:space-between;align-items:center;font-size:8.5px;color:#94a3b8;padding:0 1px;gap:6px}.skills-start-here{background:linear-gradient(135deg,#1e1b4bf2,#090d16fa);border:1px solid rgba(250,204,21,.55);border-left:4px solid #facc15;border-radius:4px;padding:7px 8px;display:flex;flex-direction:column;gap:3px}.skills-start-head{font-family:var(--font-header);font-size:10px;font-weight:800;color:#fde047;letter-spacing:.4px}.skills-start-copy{font-size:8.5px;color:#cbd5e1;line-height:1.35}.skills-start-btn{background:#1e1b4b;border:1px solid #facc15;color:#fde047;font-family:var(--font-header);font-size:8.5px;font-weight:800;padding:4px 6px;border-radius:3px;cursor:pointer;letter-spacing:.2px;transition:all .15s}.skills-start-btn:hover{background:#422006;color:#fef08a;box-shadow:0 0 8px #facc1540}.skills-list{display:flex;flex-direction:column;gap:5px;max-height:calc(100vh - 470px);overflow-y:auto;padding-right:2px}.skill-card{background:#0f172ad9;border:1px solid #1e293b;border-radius:3px;padding:6px 8px;display:flex;flex-direction:column;gap:3px;transition:all .15s}.skill-card:hover{background:#1e293bf2;border-color:#38bdf8;transform:translate(1px)}.skill-card-top{display:flex;justify-content:space-between;align-items:center}.skill-card-name{display:flex;align-items:center;gap:5px;font-family:var(--font-header);font-size:11px;font-weight:700;letter-spacing:.3px}.skill-card-icon{font-size:12px}.skill-card-lvl{display:flex;align-items:baseline;gap:1px;font-family:var(--font-header)}.skill-lvl-prefix{font-size:9px;color:#94a3b8}.skill-lvl-num{font-size:13px;font-weight:800;color:#fde047}.skill-lvl-max{font-size:8.5px;color:#64748b}.skill-bar-wrap{width:100%;height:5px;background:#030712;border-radius:2px;overflow:hidden;border:1px solid #1e293b}.skill-bar-fill{height:100%;border-radius:2px;transition:width .3s ease-out}.skill-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#94a3b8;font-family:var(--font-body)}.skill-card-activity{font-size:8.5px;color:#cbd5e1;font-style:italic;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-row{display:flex;align-items:center;gap:8px;background:#0f172ad9;border:1px solid #1e293b;border-radius:4px;padding:6px 8px;cursor:pointer;transition:all .15s ease}.skill-row:hover{background:#1e293bf2;border-color:#38bdf8;transform:translate(2px)}.skill-icon-cell{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 6px #0009;overflow:hidden}.skill-icon-cell svg{width:24px!important;height:24px!important;display:block!important}.skill-meta-cell{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.skill-meta-header{display:flex;justify-content:space-between;align-items:center;gap:4px}.skill-name{font-family:var(--font-header);font-size:11px;font-weight:700;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-level{font-family:var(--font-header);font-size:12px;font-weight:800;color:#fde047}.skill-level-max{color:#fbbf24;text-shadow:0 0 4px rgba(250,204,21,.5)}.skill-progress-bar{width:100%;height:4px;background:#030712;border-radius:2px;overflow:hidden;border:1px solid #1e293b}.skill-progress-fill{height:100%;border-radius:2px;transition:width .3s ease-out}.skill-xp-text{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#94a3b8}.emote-wheel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.emote-wheel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#030712bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.emote-wheel-container{position:relative;width:360px;height:360px;display:flex;align-items:center;justify-content:center;z-index:2}.emote-wheel-hub{position:absolute;width:72px;height:72px;border-radius:50%;background:#0f172a;border:2px solid #facc15;box-shadow:0 0 20px #facc1566,inset 0 0 10px #000c;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:transform .15s,border-color .15s}.emote-wheel-hub:hover{transform:scale(1.08);border-color:#fff}.hub-icon{font-size:20px}.hub-label{font-family:var(--font-header);font-size:7.5px;color:#fde047;font-weight:800;letter-spacing:.5px}.emote-wheel-petals{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.emote-wheel-petal{position:absolute;top:50%;left:50%;transform:translate(calc(-50% + var(--petal-x)),calc(-50% + var(--petal-y)));width:62px;height:62px;border-radius:12px;background:#0f172af0;border:1.5px solid var(--petal-color, #facc15);box-shadow:0 4px 12px #0009;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:transform .15s,box-shadow .15s,background .15s}.emote-wheel-petal:hover{transform:translate(calc(-50% + var(--petal-x)),calc(-50% + var(--petal-y))) scale(1.18);background:#1e293bfa;box-shadow:0 0 16px var(--petal-color, #facc15)}.petal-icon{font-size:22px;line-height:1}.petal-label{font-family:var(--font-header);font-size:8px;font-weight:800;color:#f8fafc;margin-top:3px;letter-spacing:.5px}.zone-entry-card{position:fixed;top:76px;left:50%;transform:translate(-50%) translateY(-10px);z-index:420;pointer-events:none;opacity:0;min-width:280px;max-width:min(460px,86vw);padding:10px 22px;text-align:center;background:linear-gradient(180deg,#080c18f0,#0f172ae0);border:2px solid var(--zone-accent, #facc15);border-radius:6px;box-shadow:0 10px 30px #000000b8,0 0 18px #facc152e;transition:opacity .35s ease,transform .35s ease}.zone-entry-card.visible{opacity:1;transform:translate(-50%) translateY(0)}.zone-entry-kicker{font-family:var(--font-header);font-size:8px;letter-spacing:2px;color:var(--zone-accent, #facc15);text-transform:uppercase;margin-bottom:3px}.zone-entry-title{font-family:var(--font-header);font-size:16px;font-weight:900;letter-spacing:1.2px;color:#f8fafc;text-shadow:0 2px 6px rgba(0,0,0,.9)}.zone-entry-sub{font-size:10px;color:#cbd5e1;margin-top:3px;letter-spacing:.3px}.sg-tab-btn{background:#090e1d;border:1px solid #1e293b;color:#94a3b8;font-family:var(--font-header);font-size:10px;font-weight:700;padding:6px 12px;border-radius:3px;cursor:pointer;transition:all .15s}.sg-tab-btn:hover{background:#111a30;color:#f8fafc;border-color:#38bdf8}.sg-tab-btn.active{background:#0369a1;border-color:#38bdf8;color:#f0f9ff;box-shadow:0 0 10px #38bdf859}.sg-filter-btn{background:#0b1329;border:1px solid #1e293b;color:#94a3b8;font-family:var(--font-pixel);font-size:8.5px;padding:3px 8px;border-radius:3px;cursor:pointer}.sg-filter-btn:hover{background:#1e293b;color:#f1f5f9}.sg-filter-btn.active{background:#0284c7;color:#fff;border-color:#38bdf8}.skill-guide-howto{background:linear-gradient(135deg,#052e16cc,#090d1cf5);border:1px solid rgba(34,197,94,.45);border-left:4px solid #22c55e;border-radius:4px;padding:8px 10px;margin:8px 0 4px;font-size:10px;line-height:1.45;color:#cbd5e1}.skill-guide-howto-title{font-family:var(--font-header);font-size:10px;font-weight:800;color:#86efac;letter-spacing:.3px;margin-bottom:3px}.skill-guide-howto-line{margin-top:2px}.skill-training-lead{background:#1e293bb3;border:1px solid #334155;border-left:4px solid #facc15;border-radius:4px;padding:9px 11px;font-size:10.5px;line-height:1.45;color:#cbd5e1}.skill-training-steps{display:flex;flex-direction:column;gap:6px;margin:9px 0 10px}.skill-training-step{display:flex;gap:8px;align-items:flex-start;font-size:10.5px;line-height:1.4;color:#cbd5e1}.skill-training-num{display:flex;align-items:center;justify-content:center;flex:0 0 20px;height:20px;border-radius:50%;background:#0369a1;border:1px solid #38bdf8;color:#f0f9ff;font-family:var(--font-header);font-size:10px;font-weight:800}.skill-training-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.skill-training-card{background:#090e1d;border:1px solid #1e293b;border-left:3px solid #38bdf8;border-radius:4px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}.skill-training-card-head{display:flex;justify-content:space-between;align-items:center;gap:6px;font-family:var(--font-header);font-size:10px;font-weight:800}.skill-training-card-start{font-size:9.5px;color:#e2e8f0;line-height:1.4}.skill-training-card-loc{font-size:8.5px;color:#94a3b8;line-height:1.35}.skill-training-card-btn{margin-top:auto;align-self:flex-start;background:#0b1329;border:1px solid #38bdf8;color:#7dd3fc;font-family:var(--font-header);font-size:8.5px;font-weight:800;padding:4px 7px;border-radius:3px;cursor:pointer}.skill-training-card-btn:hover{background:#1e293b;color:#f8fafc}.skill-training-tip{background:#38bdf814;border:1px dashed rgba(56,189,248,.4);border-radius:4px;padding:8px 10px;margin-top:10px;font-size:10px;line-height:1.45;color:#bae6fd}.skill-unlock-card{background:#0f172ad9;border:1px solid #1e293b;border-radius:4px;padding:8px 12px;display:grid;grid-template-columns:68px 1fr 135px;gap:12px;align-items:center;transition:all .15s}.skill-unlock-card:hover{background:#1e293bf2;border-color:#38bdf880}.skill-unlock-card.is-unlocked{border-left:4px solid #22c55e}.skill-unlock-card.is-locked{border-left:4px solid #475569;opacity:.82}.skill-unlock-badge-col{display:flex;align-items:center;justify-content:center;flex-shrink:0}.skill-unlock-emblem-box{width:58px;height:64px;background:radial-gradient(circle at 50% 35%,#0f172a,#030712);border:1.5px solid #1e293b;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:0 3px 8px #000000b3,inset 0 0 10px #000c;transition:all .15s ease;position:relative}.skill-unlock-emblem-box.is-unlocked{box-shadow:0 0 12px #38bdf833,inset 0 0 8px #000c}.skill-unlock-emblem-box.is-locked{border-color:#334155!important;opacity:.75}.skill-unlock-emblem-box.is-locked .skill-unlock-icon-stage{filter:grayscale(.4) brightness(.75)}.skill-unlock-icon-stage{flex:1;width:100%;display:flex;align-items:center;justify-content:center;padding:4px 2px 2px}.skill-unlock-icon-stage svg{width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important;display:block!important}.skill-unlock-level-tag{width:100%;text-align:center;font-family:var(--font-header);font-size:9.5px;font-weight:900;line-height:16px;letter-spacing:.5px;box-sizing:border-box;text-transform:uppercase}.skill-unlock-level-tag.is-unlocked{color:#050811!important;text-shadow:none}.skill-unlock-level-tag.is-locked{background:#1e293b;color:#94a3b8;border-top:1px solid #334155}.skill-lvl-box{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050811;border:1px solid #1e293b;border-radius:3px;padding:4px 6px;text-align:center}.skill-lvl-num{font-family:var(--font-header);font-size:16px;font-weight:800;color:#fde047;line-height:1}.skill-lvl-lbl{font-size:8px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.skill-unlock-title{font-family:var(--font-header);font-size:12.5px;font-weight:700;color:#f8fafc;display:flex;align-items:center;gap:8px;line-height:1.3}.skill-unlock-icon-wrap{width:24px;height:24px;min-width:24px;min-height:24px;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:4px;background:#080e1e;border:1px solid rgba(56,189,248,.3);padding:2px;box-sizing:border-box;flex-shrink:0;box-shadow:inset 0 0 4px #000c}.gf-unlock-svg-wrap{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;line-height:0!important}.gf-unlock-svg-wrap svg{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;display:block!important;flex-shrink:0!important;pointer-events:none}.skill-unlock-desc{font-size:10px;color:#cbd5e1;margin-top:3px;line-height:1.4}.skill-status-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-family:var(--font-header);font-size:9px;font-weight:700;padding:3px 8px;border-radius:3px}.skill-status-unlocked{background:#22c55e2e;border:1px solid #22c55e;color:#4ade80}.skill-status-locked{background:#64748b2e;border:1px solid #475569;color:#94a3b8}.skill-xp-badge{font-size:8.5px;color:#38bdf8;background:#38bdf81f;border:1px solid rgba(56,189,248,.3);padding:2px 6px;border-radius:3px;display:inline-block;margin-top:4px}.rs-paperdoll-wrapper{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start}.rs-paperdoll-grid{display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(5,56px);gap:8px;justify-content:center;background:radial-gradient(circle,#292524,#141210);border:3px double #78350f;padding:12px;box-shadow:inset 0 0 20px #000c,0 4px 12px #0009;position:relative}.rs-equip-slot{width:56px;height:56px;background:#171513;border:2px solid #57534e;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease;box-shadow:inset 0 2px 4px #000000b3}.rs-equip-slot:hover{border-color:#facc15;background:#23201b;transform:translateY(-1px)}.rs-equip-slot.filled{border-color:#d97706;background:#1c1917}.rs-equip-slot .rs-slot-placeholder{font-size:20px;opacity:.28;filter:grayscale(1)}.rs-equip-slot .rs-slot-label{font-size:7.5px;font-family:var(--font-header);color:#78716c;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.rs-inv-grid{display:grid;grid-template-columns:repeat(4,54px);grid-template-rows:repeat(7,54px);gap:6px;justify-content:center;background:radial-gradient(circle,#292524,#141210);border:3px double #92400e;padding:10px;box-shadow:inset 0 0 16px #000000e6}.rs-inv-slot{width:54px;height:54px;background:#1c1917;border:1.5px solid #44403c;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .12s ease;box-shadow:inset 0 2px 4px #0009}.rs-inv-slot:hover{border-color:#facc15;background:#292524;transform:scale(1.04);z-index:2}.rs-inv-slot.empty{cursor:default}.rs-inv-slot.empty:hover{border-color:#44403c;background:#1c1917;transform:none}.rs-ge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rs-ge-box{background:#141210;border:2px solid #57534e;border-radius:4px;padding:8px;min-height:110px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.rs-ge-box:hover{border-color:#d97706}#fct-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;overflow:hidden}.fct-text{position:absolute;font-family:Outfit,system-ui,-apple-system,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.25px;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 2px 4px rgba(0,0,0,.95);pointer-events:none;transform:translate(-50%,-50%);animation:pixelFloatNormal .95s cubic-bezier(.2,.8,.2,1) forwards;white-space:nowrap;-webkit-user-select:none;user-select:none}.fct-crit{font-family:Cinzel,Outfit,serif;font-size:16px;font-weight:900;letter-spacing:.5px;text-shadow:1.5px 1.5px 0 #000,-1.5px -1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px 1.5px 0 #000,0 0 10px rgba(250,204,21,.95),0 2px 8px rgba(0,0,0,1);animation:pixelArcCrit 1.05s cubic-bezier(.18,.89,.32,1.25) forwards!important}.fct-heal{font-size:13px;font-weight:800;letter-spacing:.3px;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 0 8px rgba(74,222,128,.9);animation:pixelFloatHeal 1s ease-out forwards!important}.fct-glimmer{font-size:13px;font-weight:800;letter-spacing:.3px;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 0 8px rgba(56,189,248,.9);animation:pixelFloatGlimmer 1s ease-out forwards!important}.fct-damage-normal{color:#fef08a;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 2px 4px rgba(0,0,0,.9)}.fct-player-dmg{color:#ef4444;font-size:12.5px;font-weight:800;text-shadow:1.5px 1.5px 0 #000,-1.5px -1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px 1.5px 0 #000,0 0 8px rgba(239,68,68,.85)}.fct-inner{display:inline-block;transform-origin:center center;will-change:transform}@keyframes pixelFloatNormal{0%{opacity:0;transform:translate(-50%) scale(.9)}15%{opacity:1;transform:translate(-50%,-8px) scale(1.05)}65%{opacity:1;transform:translate(-50%,-24px) scale(1)}to{opacity:0;transform:translate(-50%,-36px) scale(.95)}}@keyframes pixelArcCrit{0%{opacity:0;transform:translate(-50%,2px) scale(.6)}18%{opacity:1;transform:translate(-50%,-18px) scale(1.35)}45%{opacity:1;transform:translate(calc(-50% + var(--crit-arc-x, 8px)),-32px) scale(1.1)}75%{opacity:1;transform:translate(calc(-50% + var(--crit-arc-x, 14px)),-44px) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--crit-arc-x, 18px)),-54px) scale(.85)}}@keyframes pixelFloatHeal{0%{opacity:0;transform:translate(-50%,2px) scale(.8)}20%{opacity:1;transform:translate(-50%,-10px) scale(1.15)}70%{opacity:1;transform:translate(-50%,-28px) scale(1)}to{opacity:0;transform:translate(-50%,-42px) scale(.9)}}@keyframes pixelFloatGlimmer{0%{opacity:0;transform:translate(-50%,2px) scale(.8)}20%{opacity:1;transform:translate(-50%,-10px) scale(1.15)}70%{opacity:1;transform:translate(-50%,-28px) scale(1)}to{opacity:0;transform:translate(-50%,-42px) scale(.9)}}#damage-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:45;border:10px solid rgba(239,68,68,.75);opacity:0;display:none}#portal-mist-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:46;opacity:0;background:radial-gradient(circle at center,transparent 40%,rgba(56,189,248,.22) 100%);box-shadow:inset 0 0 36px 8px #38bdf859;transform:translateZ(0);will-change:opacity;transition:opacity .12s ease-out}#portal-mist-fx.active{opacity:1}#death-screen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:#05070feb;display:none;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-out}#death-screen.active{pointer-events:auto}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--hud-scale, 1));transform-origin:center center;width:580px;max-width:94vw;max-height:84vh;display:none;z-index:100;overflow-y:auto;border-color:#facc15;padding:12px 14px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #334155;padding-bottom:8px;margin-bottom:10px}.modal-title{font-family:var(--font-header);font-size:9.5px;color:#facc15;text-shadow:2px 2px 0 #000}.modal-close{cursor:pointer;font-family:var(--font-header);font-size:11px;color:#f87171;padding:2px 6px}.keybind-row{display:flex;align-items:center;justify-content:space-between;background:#080c18;border:2px solid #1e293b;padding:6px 9px;margin-bottom:5px}.spec-pill{font-size:8.5px;background:#172554;color:#7dd3fc;padding:1px 5px;border:1px solid #38bdf8}.rank-pill{font-size:8.5px;background:#422006;color:#fde047;padding:1px 5px;border:1px solid #eab308}.upgrade-btn{font-family:var(--font-header);background:#1e293b;border:2px solid #475569;color:#64748b;font-size:10px;font-weight:700;padding:5px 8px;border-radius:4px;cursor:not-allowed}.upgrade-btn.ready{background:#14532d;border-color:#4ade80;color:#fef08a;cursor:pointer}.upgrade-btn.ready:hover{background:#16a34a;color:#fff}.keybind-btn{font-family:var(--font-header);background:#0d1324;border:2px solid #38bdf8;color:#facc15;font-size:11px;font-weight:700;padding:5px 8px;border-radius:4px;cursor:pointer;min-width:58px}.keybind-btn.listening{background:#9a3412;border-color:#facc15;color:#fff}#spellbook-modal{overflow-y:auto;padding-top:0!important;scrollbar-gutter:stable}.spellbook-sticky-header{position:sticky;top:0;z-index:60;background:#090e1d;background:linear-gradient(180deg,#0e162d,#090e1d 96%);border-bottom:2px solid #38bdf8;box-shadow:0 6px 20px #000000d9;margin:0 -14px 8px;padding:12px 16px 8px}.sp-sticky-banner{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:6px;color:#fde047;font-weight:700;font-family:var(--font-clean);background:#0f172abf;border:1px solid #334155;border-radius:4px;padding:6px 10px}.skilltree-nav-tabs{display:flex;gap:6px;margin:6px 0 10px;border-bottom:2px solid #1e293b;padding-bottom:6px}.st-tab-btn{background:#080d1a;border:1px solid #334155;color:#94a3b8;font-family:var(--font-header);font-size:11px;font-weight:700;padding:6px 12px;cursor:pointer;border-radius:4px;transition:all .15s ease}.st-tab-btn:hover{color:#f8fafc;border-color:#38bdf8}.st-tab-btn.active{background:linear-gradient(180deg,#1e3a8a,#0f172a);color:#fde047;border-color:#facc15;box-shadow:0 0 10px #facc1540}.d2-tier-row{margin-bottom:12px;background:#080d1abf;border:1px solid #1e293b;border-radius:6px;padding:8px 10px}.d2-tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #1e293b;font-size:11px;font-weight:700;letter-spacing:.04em}.d2-skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px}.d2-skill-card{background:#090e1d;border:2px solid #1e293b;border-radius:6px;padding:8px 10px;position:relative;display:flex;flex-direction:column;gap:5px;transition:border-color .15s ease,box-shadow .15s ease}.d2-skill-card:hover{border-color:#38bdf8;box-shadow:0 0 10px #38bdf840}.d2-skill-card.learned{border-color:#2563eb}.d2-skill-card.maxed{border-color:#facc15;box-shadow:0 0 10px #facc1533}.d2-skill-card.locked{opacity:.6}.d2-rank-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;background:#0f172a;border:1px solid #334155;color:#94a3b8}.d2-rank-badge.has-points{background:#1e3a8a;border-color:#38bdf8;color:#bae6fd}.d2-rank-badge.is-max{background:#854d0e;border-color:#facc15;color:#fef08a}.d2-alloc-btn{font-family:var(--font-header);font-size:11px;font-weight:800;padding:5px 10px;border-radius:4px;border:2px solid #334155;background:#0f172a;color:#64748b;cursor:not-allowed;transition:all .15s ease}.d2-alloc-btn.can-alloc{background:linear-gradient(180deg,#ca8a04,#a16207);border-color:#fef08a;color:#fff;cursor:pointer;box-shadow:0 0 10px #facc1566;animation:pulseAlloc 1.4s infinite alternate}@keyframes pulseAlloc{0%{transform:scale(1);box-shadow:0 0 6px #facc154d}to{transform:scale(1.02);box-shadow:0 0 14px #facc15b3}}.skill-pts-badge{display:inline-block;padding:3px 8px;border-radius:4px;background:#1e1b4b;border:1px solid #fbbf24;color:#fde047;font-weight:700;font-size:11px}.pixel-input{background:#050811;border:2px solid #334155;color:#f8fafc;padding:5px 7px;font-size:9.5px;width:100%;outline:none}.pixel-input:focus{border-color:#facc15}.faction-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px}.faction-card-btn{background:#080c18;border:2px solid #334155;padding:6px 4px;text-align:center;cursor:pointer;font-size:8.5px;color:#cbd5e1}.faction-card-btn.selected{border-color:#facc15;background:#172554;color:#fff}#frontpage-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:radial-gradient(circle at 50% 20%,#0f2042f0,#050811f7);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;pointer-events:auto}.fp-shell{width:980px;max-width:97vw;max-height:94vh;overflow-y:auto;border-color:#facc15;padding:14px 16px}.fp-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #334155;padding-bottom:10px;margin-bottom:12px;flex-wrap:wrap;gap:8px}.fp-logo{font-family:var(--font-header);font-size:16px;font-weight:800;letter-spacing:.8px;color:#facc15;text-shadow:2px 2px 0 #000}.fp-sub{font-size:11px;color:#7dd3fc;margin-top:4px}.fp-grid{display:grid;grid-template-columns:235px 1fr 295px;gap:12px}@media (max-width: 920px){.fp-grid{grid-template-columns:1fr}}.fp-col{background:#080d1c;border:2px solid #1e293b;padding:10px}.fp-section-title{font-family:var(--font-header);font-size:12px;font-weight:700;letter-spacing:.5px;color:#facc15;margin-bottom:8px}.fp-roster-list{display:flex;flex-direction:column;gap:5px;max-height:170px;overflow-y:auto}.fp-roster-item{display:flex;justify-content:space-between;align-items:center;background:#0d152b;border:2px solid #334155;padding:6px 8px;cursor:pointer}.fp-roster-item.active{border-color:#facc15;background:#172554}.fp-class-card{background:#0d152b;border:2px solid #334155;padding:6px 8px;cursor:pointer}.fp-class-card.selected{border-color:#38bdf8;background:#172554}.fp-loadout-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.fp-slot-btn{background:#0d152b;border:2px solid #334155;padding:4px 3px;display:flex;flex-direction:column;align-items:center;cursor:pointer}.fp-slot-btn.selected{border-color:#facc15;background:#1e3a8a}.fp-ability-picker{display:flex;flex-direction:column;gap:4px;max-height:168px;overflow-y:auto;padding-right:2px}.fp-ability-choice{display:flex;justify-content:space-between;align-items:center;background:#0d152b;border:1px solid #334155;padding:4px 6px;font-size:8.5px;cursor:pointer}.fp-ability-choice:hover{border-color:#38bdf8;background:#172554}.fp-ability-choice.equipped{border-color:#4ade80;background:#14532d}.fp-enter-btn{width:100%;font-family:var(--font-header);font-size:12px;font-weight:800;letter-spacing:.5px;padding:12px 10px;background:linear-gradient(180deg,#eab308,#ca8a04);border:2px solid #fef08a;box-shadow:0 0 0 2px #05070f,4px 4px #000;color:#05070f;cursor:pointer}.fp-enter-btn:hover{background:linear-gradient(180deg,#fde047,#eab308)}@keyframes rsScrollDrop{0%{transform:scale(.62) translateY(-60px);opacity:0}65%{transform:scale(1.03) translateY(4px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}#quest-complete-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:350;background:#040710d1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);align-items:center;justify-content:center}.rs-quest-scroll{position:relative;width:530px;max-width:92vw;background:radial-gradient(circle at 50% 28%,#fff9ec,#faedd0 38%,#ecd7a4 78%,#dfc38a);border:4px double #5c3a10;outline:3px solid #2d1804;border-radius:8px;padding:24px 28px 20px;box-sizing:border-box;text-align:center;color:#382008;box-shadow:0 18px 55px #000000f0,0 0 25px #eab3084d,inset 0 0 35px #78461438;animation:rsScrollDrop .42s cubic-bezier(.16,1,.3,1) forwards;-webkit-user-select:none;user-select:none}.rs-scroll-header-wrap{margin-top:-36px;margin-bottom:12px}.rs-scroll-ribbon{background:linear-gradient(180deg,#b91c1c,#881337,#5b0e24);color:#fef08a;font-family:Cinzel,serif;font-size:15px;font-weight:900;letter-spacing:2px;text-shadow:1px 1px 0 #450a0a,0 0 8px rgba(254,240,138,.6);padding:7px 24px;border:2px solid #eab308;box-shadow:0 4px 14px #0009,0 0 0 1px #78350f;border-radius:4px;display:inline-block;text-transform:uppercase}.rs-scroll-title{font-family:Cinzel,serif;font-size:22px;font-weight:900;color:#451a03;text-shadow:0 1px 0 rgba(255,255,255,.7);margin-top:4px;letter-spacing:1px;text-transform:uppercase;line-height:1.25}.rs-scroll-subtitle{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-style:italic;color:#78350f;margin-top:5px;margin-bottom:14px}.rs-scroll-rewards-container{background:#fef3c7a6;border:2px dashed #b45309;border-radius:6px;padding:12px 18px;margin:0 auto 14px;text-align:left;box-shadow:inset 0 0 14px #b4530926}.rs-rewards-header{font-family:Cinzel,serif;font-size:11px;font-weight:900;color:#78350f;letter-spacing:1.5px;text-align:center;margin-bottom:8px;border-bottom:1px solid rgba(180,83,9,.3);padding-bottom:4px}.rs-rewards-list{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12.5px;font-weight:700;color:#2d1804;line-height:1.65;display:flex;flex-direction:column;gap:5px}.rs-reward-row{display:flex;align-items:center;gap:8px}.rs-reward-badge{width:22px;height:22px;border-radius:3px;background:#78350f;color:#fef08a;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;box-shadow:inset 0 0 4px #0006}.rs-scroll-qp{font-family:Cinzel,serif;font-size:14px;font-weight:900;color:#5c3a10;margin-top:4px;margin-bottom:6px;text-shadow:0 1px 0 rgba(255,255,255,.6);letter-spacing:.5px}.rs-scroll-btn{background:linear-gradient(180deg,#991b1b,#7f1d1d,#450a0a);color:#fef08a;font-family:Cinzel,serif;font-size:13px;font-weight:900;letter-spacing:1.5px;text-shadow:1px 1px 0 #000;padding:9px 26px;border:2px solid #ca8a04;border-radius:4px;cursor:pointer;box-shadow:0 4px 10px #00000080,inset 0 1px #ffffff4d;transition:transform .1s,box-shadow .1s,background .15s}.rs-scroll-btn:hover{background:linear-gradient(180deg,#b91c1c,#991b1b,#581c1c);border-color:#fde047;transform:translateY(-1px);box-shadow:0 6px 14px #0009,0 0 10px #fef08a66}.rs-scroll-btn:active{transform:translateY(1px);box-shadow:0 2px 4px #00000080}#skills-modal{background:#060a16f5;border:2px solid #38bdf8;box-shadow:0 0 0 2px #05070f,0 16px 40px #000000eb,0 0 24px #38bdf840;border-radius:6px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.skills-modal-header{border-bottom:1px solid rgba(56,189,248,.3);padding-bottom:8px}.skills-hero-banner{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 640px){.skills-hero-banner{grid-template-columns:1fr}}.skills-entity-card,.skills-total-card{background:linear-gradient(135deg,#0f172ae0,#020617f0);border:1px solid rgba(250,204,21,.4);box-shadow:inset 0 0 14px #0009,0 4px 12px #00000080;border-radius:5px;padding:10px 12px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}.skills-entity-card{border-color:#ef444473;background:linear-gradient(135deg,#1e0a0fe0,#0f0712f0)}.skills-total-card{border-color:#38bdf873;background:linear-gradient(135deg,#0a182de0,#040c1cf0)}.skills-crest-col{flex-shrink:0;display:flex;align-items:center;justify-content:center}.skills-card-tag{font-family:var(--font-header);font-size:8.5px;font-weight:700;letter-spacing:1px;color:#94a3b8;margin-bottom:2px}.skills-entity-level-title,.skills-total-level-title{display:flex;align-items:baseline;gap:8px;font-family:var(--font-header);font-size:11px;color:#f1f5f9}.skills-combat-num{font-size:24px;font-weight:900;color:#facc15;text-shadow:0 0 12px rgba(250,204,21,.5),2px 2px 0 #000;line-height:1}.skills-total-num{font-size:22px;font-weight:900;color:#38bdf8;text-shadow:0 0 12px rgba(56,189,248,.5),2px 2px 0 #000;line-height:1}.skills-total-max{font-size:11px;color:#64748b;font-weight:400}.skills-archetype-pill{display:inline-block;background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5;font-family:var(--font-header);font-size:9.5px;font-weight:700;padding:1px 7px;border-radius:3px;margin-top:3px;letter-spacing:.5px}.skills-entity-formula-tip{font-size:9px;color:#94a3b8;margin-top:3px}.skills-total-bar-wrap{width:100%;height:6px;background:#090e1c;border:1px solid #1e293b;border-radius:3px;overflow:hidden;margin-top:6px}.skills-total-bar-fill{height:100%;background:linear-gradient(90deg,#0284c7,#38bdf8,#facc15);transition:width .3s ease}.skills-total-xp-row{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#94a3b8;margin-top:4px}.skills-filter-strip{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid rgba(56,189,248,.2);padding:6px 0 8px}.skills-filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.skills-filter-tab{background:#0c1428;border:1px solid #334155;color:#94a3b8;font-family:var(--font-header);font-size:9.5px;font-weight:700;padding:4px 9px;border-radius:3px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.skills-filter-tab:hover{background:#172554;color:#e2e8f0;border-color:#38bdf8}.skills-filter-tab.active{background:#1e3a8a;border-color:#60a5fa;color:#fff;box-shadow:0 0 8px #60a5fa59}.skills-guide-btn{background:#14532d;border:1px solid #4ade80;color:#bbf7d0;font-family:var(--font-header);font-size:9.5px;font-weight:700;padding:4px 10px;border-radius:3px;cursor:pointer;transition:background .15s,transform .1s}.skills-guide-btn:hover{background:#166534;color:#fff;transform:translateY(-1px)}.skills-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:calc(88vh - 290px);overflow-y:auto;padding-right:4px}@media (max-width: 720px){.skills-modal-grid{grid-template-columns:1fr}}.skills-card{background:#0a1020d9;border:1px solid rgba(56,189,248,.25);border-left-width:4px;border-radius:4px;padding:8px 10px;display:flex;gap:10px;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.skills-card:hover{background:#0f1830f2;transform:translateY(-1px);box-shadow:0 4px 12px #0009,0 0 10px #38bdf833;border-color:#38bdf899}.skills-card-mastered{border-color:#facc15b3;box-shadow:inset 0 0 10px #facc151f}.skills-card-left{flex-shrink:0;display:flex;align-items:center;justify-content:center}.skills-card-crest-frame{width:46px;height:46px;min-width:46px;min-height:46px;border-radius:5px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 8px #00000080;overflow:hidden}.skills-card-crest-frame svg{width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important;display:block!important}#entity-crest-wrap svg,#total-crest-wrap svg{width:44px!important;height:44px!important;display:block!important}#skills-modal-icon svg{width:30px!important;height:30px!important;display:block!important}#skill-guide-icon svg{width:28px!important;height:28px!important;display:block!important}.skills-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.skills-card-header{display:flex;justify-content:space-between;align-items:center;gap:6px}.skills-card-name-group{display:flex;align-items:center;gap:6px;min-width:0}.skills-card-name{font-family:var(--font-header);font-size:11.5px;font-weight:700;text-shadow:1px 1px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skills-card-category-badge{font-size:7.5px;font-weight:700;color:#94a3b8;background:#0f172acc;border:1px solid #334155;border-radius:2px;padding:1px 4px;letter-spacing:.3px}.skills-card-level-badge{font-family:var(--font-header);font-size:11px;font-weight:700;color:#f8fafc;background:#0f172a;border:1px solid #38bdf8;padding:2px 6px;border-radius:3px;flex-shrink:0}.skills-card-level-badge.mastered{border-color:#facc15;color:#fef08a;background:#78350f;box-shadow:0 0 8px #facc1566}.skills-card-role{font-size:9px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skills-card-bar-wrap{width:100%;height:5px;background:#090e1c;border:1px solid #1e293b;border-radius:2px;overflow:hidden;margin-top:2px}.skills-card-bar-fill{height:100%;transition:width .25s ease}.skills-card-stats-row{display:flex;justify-content:space-between;align-items:center;font-size:8.5px;color:#cbd5e1;margin-top:1px}.skills-card-cape-banner{font-size:8px;color:#facc15;background:#78350f4d;border:1px dashed rgba(250,204,21,.5);padding:2px 5px;border-radius:2px;margin-top:2px}.skills-card-actions{display:flex;justify-content:flex-end;margin-top:3px}.skills-card-guide-btn{background:transparent;border:1px solid #38bdf8;color:#7dd3fc;font-family:var(--font-header);font-size:8.5px;padding:2px 6px;border-radius:2px;cursor:pointer;transition:background .12s,color .12s}.skills-card-guide-btn:hover{background:#0284c7;color:#fff}.skills-modal-footer{border-top:1px solid rgba(56,189,248,.25);padding-top:8px;margin-top:4px;display:flex;justify-content:space-between;align-items:center;font-size:9.5px;color:#94a3b8}.ach-tabs-strip{display:flex;gap:6px;border-bottom:1px solid rgba(250,204,21,.2);padding:6px 0 8px;margin-bottom:10px}.ach-tab-btn{background:#0f172a99;border:1px solid rgba(56,189,248,.25);color:#94a3b8;font-family:var(--font-header);font-size:10.5px;font-weight:700;padding:6px 14px;border-radius:4px;cursor:pointer;transition:all .15s}.ach-tab-btn:hover{border-color:#facc15;color:#fde047}.ach-tab-btn.active{background:#facc1526;border-color:#facc15;color:#fde047;box-shadow:0 0 10px #facc1540}.ach-modal-scroll-body{max-height:calc(88vh - 120px);overflow-y:auto;padding-right:4px}.ach-hero-banner{background:linear-gradient(135deg,#1e293bb3,#0f172ae6);border:1px solid rgba(250,204,21,.3);border-radius:6px;padding:12px 16px;margin-bottom:12px}.ach-hero-tag{font-size:8px;font-weight:800;letter-spacing:1px;color:#facc15;margin-bottom:2px}.ach-hero-title{font-family:var(--font-header);font-size:13px;font-weight:800;color:#f8fafc}.ach-prog-bar-wrap{width:100%;height:7px;background:#030712;border-radius:3px;border:1px solid #334155;margin:6px 0;overflow:hidden}.ach-prog-bar-fill{height:100%;background:linear-gradient(90deg,#eab308,#facc15,#fde047);box-shadow:0 0 8px #facc1599;border-radius:2px;transition:width .3s}.ach-hero-subtitle{display:flex;justify-content:space-between;font-size:9.5px;color:#cbd5e1}.ach-filter-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ach-filter-pill{background:#0b1120;border:1px solid #1e293b;color:#94a3b8;font-family:var(--font-header);font-size:9px;font-weight:700;padding:4px 10px;border-radius:3px;cursor:pointer;transition:all .12s}.ach-filter-pill:hover,.ach-filter-pill.active{border-color:#38bdf8;color:#7dd3fc;background:#38bdf81f}.ach-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:8px}.ach-card{display:flex;gap:12px;background:#0b1120d9;border:1px solid #1e293b;border-radius:6px;padding:10px;transition:border-color .15s,transform .12s}.ach-card:hover{border-color:#334155}.ach-card.completed{border-color:#facc1566;background:#facc150a}.ach-card-icon{width:44px;height:44px;border-radius:8px;background:#0f172a;border:1.5px solid #334155;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.ach-card-body{flex:1;min-width:0}.ach-card-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.ach-card-name{font-family:var(--font-header);font-size:11.5px;font-weight:800;color:#f8fafc}.ach-cat-badge{font-size:8px;font-weight:700;border:1px solid currentColor;padding:1px 5px;border-radius:2px;letter-spacing:.3px}.ach-card-desc{font-size:9.5px;color:#94a3b8;margin:4px 0 6px;line-height:1.3}.ach-card-progress-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ach-card-bar{flex:1;height:5px;background:#030712;border-radius:2px;overflow:hidden;border:1px solid #1e293b}.ach-card-bar-fill{height:100%;border-radius:2px;transition:width .25s}.ach-card-progress-txt{font-size:8.5px;color:#cbd5e1;font-weight:700}.ach-card-rewards{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ach-reward-chip{background:#0f172a;border:1px solid #334155;color:#e2e8f0;font-size:8.5px;font-weight:700;padding:2px 6px;border-radius:3px}.ach-reward-title{background:#facc1526;border:1px solid #facc15;color:#fde047;font-size:8.5px;font-weight:800;padding:2px 6px;border-radius:3px}.ach-status-badge{margin-left:auto;font-size:8.5px;font-weight:800;padding:2px 6px;border-radius:3px;letter-spacing:.5px}.ach-status-badge.claimed{background:#facc1533;color:#fde047;border:1px solid #facc15}.ach-status-badge.in-progress{color:#64748b;background:#090e1a;border:1px solid #1e293b}.ach-claim-btn{margin-left:auto;background:#ca8a04;border:1px solid #fde047;color:#fff;font-family:var(--font-header);font-size:8.5px;font-weight:800;padding:2px 8px;border-radius:3px;cursor:pointer;animation:pulseBtn 1.5s infinite}@keyframes pulseBtn{0%,to{box-shadow:0 0 4px #facc15}50%{box-shadow:0 0 12px #facc15}}.codex-layout{display:flex;gap:12px;min-height:400px}.codex-sidebar{width:260px;flex-shrink:0;border-right:1px solid rgba(56,189,248,.2);padding-right:10px}.codex-sidebar-head{font-family:var(--font-header);font-size:9px;font-weight:800;letter-spacing:1px;color:#38bdf8;margin-bottom:8px}.codex-nav-list{display:flex;flex-direction:column;gap:4px}.codex-nav-card{display:flex;align-items:center;gap:8px;background:#090e1a;border:1px solid #1e293b;border-radius:4px;padding:6px 8px;cursor:pointer;transition:all .12s}.codex-nav-card:hover,.codex-nav-card.active{border-color:#38bdf8;background:#38bdf81a}.codex-nav-icon{font-size:16px}.codex-nav-era{font-size:7.5px;color:#7dd3fc;font-weight:700;text-transform:uppercase}.codex-nav-title{font-size:9.5px;font-weight:700;color:#f8fafc}.codex-reader-panel{flex:1;background:#0b1120b3;border:1px solid #1e293b;border-radius:6px;padding:16px}.codex-article-era{font-size:8.5px;color:#facc15;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.codex-article-title{font-family:var(--font-header);font-size:15px;font-weight:800;color:#fff;margin-bottom:8px}.codex-article-preview{font-size:10.5px;font-style:italic;color:#94a3b8;line-height:1.4}.codex-article-divider{height:1px;background:#38bdf833;margin:12px 0}.codex-article-body{font-size:11px;color:#e2e8f0;line-height:1.6}.titles-header-banner{background:linear-gradient(135deg,#1e293b99,#0f172acc);border:1px solid rgba(250,204,21,.3);border-radius:6px;padding:12px 16px;margin-bottom:12px}.titles-banner-tag{font-size:8px;font-weight:800;letter-spacing:1px;color:#facc15}.titles-banner-title{font-family:var(--font-header);font-size:13px;font-weight:800;color:#f8fafc;margin:3px 0}.titles-banner-desc{font-size:9.5px;color:#94a3b8}.titles-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:8px}.title-wardrobe-card{display:flex;justify-content:space-between;align-items:center;background:#0b1120;border:1px solid #1e293b;border-radius:6px;padding:10px 14px}.title-wardrobe-card.equipped{border-color:#facc15;background:#facc1514;box-shadow:0 0 10px #facc1526}.title-wardrobe-card.locked{opacity:.55}.title-card-preview{font-family:var(--font-header);font-size:12px;font-weight:800;color:#fde047;letter-spacing:.5px}.title-card-source{font-size:9px;color:#94a3b8;margin-top:2px}.title-btn{font-family:var(--font-header);font-size:9px;font-weight:800;padding:4px 10px;border-radius:3px;cursor:pointer;transition:all .12s}.title-btn.equip{background:#0284c7;border:1px solid #38bdf8;color:#fff}.title-btn.equip:hover{background:#0369a1}.title-btn.unequip{background:#78350f;border:1px solid #f59e0b;color:#fef3c7}.title-locked-badge{font-size:8.5px;color:#64748b;border:1px solid #334155;padding:3px 6px;border-radius:3px}.landing-overlay,#landing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:600;background-color:#050811;background-image:radial-gradient(circle at 15% 10%,rgba(250,204,21,.09) 0%,transparent 40%),radial-gradient(circle at 85% 15%,rgba(56,189,248,.09) 0%,transparent 42%),radial-gradient(circle at 50% 55%,rgba(168,85,247,.06) 0%,transparent 50%),radial-gradient(circle at 20% 85%,rgba(74,222,128,.06) 0%,transparent 45%),linear-gradient(180deg,#060913,#090e1d,#04060d);overflow-y:scroll!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior-y:auto;scroll-behavior:smooth;color:#f8fafc;font-family:Outfit,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;scrollbar-width:thin;scrollbar-color:#facc15 #080d1a}.landing-shell-layout,.landing-main-scroll{touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}.landing-overlay::-webkit-scrollbar{width:14px}.landing-overlay::-webkit-scrollbar-track{background:#080d1a;border-left:1px solid rgba(255,255,255,.06)}.landing-overlay::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#facc15,#ca8a04);border-radius:8px;border:3px solid #080d1a;box-shadow:0 0 12px #facc1580;cursor:grab}.landing-overlay::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fef08a,#eab308)}.landing-overlay::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#38bdf8,#0284c7);cursor:grabbing}@keyframes gfFadeUp{0%{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gfPulseGlow{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes gfSpinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gfEqBounce{0%,to{height:4px}50%{height:15px}}.landing-shell-layout{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100vw;box-sizing:border-box;position:relative}.landing-sidebar{display:none!important}.landing-main-scroll{flex:1;width:100%;max-width:1420px;margin:0 auto;padding:0 24px 72px;box-sizing:border-box}.gf-top-navbar{position:sticky;top:0;z-index:120;width:100%;background:#060a16d6;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #0009}.gf-top-navbar-inner{max-width:1420px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.gf-brand-cluster{display:flex;align-items:center;gap:14px;cursor:pointer}.gf-brand-crest{width:46px;height:46px;border-radius:12px;background:radial-gradient(circle at 50% 30%,#facc1538,#080d1af2);border:1px solid rgba(250,204,21,.45);box-shadow:0 0 20px #facc1538;display:flex;align-items:center;justify-content:center;padding:5px;flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1)}.gf-brand-cluster:hover .gf-brand-crest{transform:scale(1.06) rotate(-2deg)}.gf-brand-crest img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(250,204,21,.5))}.gf-brand-title{font-family:var(--font-header, "Cinzel", serif);font-size:19px;font-weight:900;letter-spacing:1px;color:#fff;line-height:1.1}.gf-brand-title span{background:linear-gradient(135deg,#fef08a,#facc15 55%,#ca8a04);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gf-telemetry-pill{display:inline-flex;align-items:center;gap:7px;margin-top:4px;padding:2px 9px;border-radius:999px;background:#10b9811f;border:1px solid rgba(16,185,129,.35);font-size:10.5px;font-weight:700;color:#6ee7b7;letter-spacing:.3px}.gf-telemetry-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981;animation:gfPulseGlow 2s infinite ease-in-out}.landing-tabs-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#0b1122bf;padding:5px;border-radius:14px;border:1px solid rgba(255,255,255,.08)}.landing-tab-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;border:1px solid transparent;background:transparent;color:#94a3b8;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);white-space:nowrap}.landing-tab-btn:hover{color:#f8fafc;background:#ffffff0d}.landing-tab-btn.active{background:linear-gradient(135deg,#facc152e,#38bdf824);border-color:#facc1580;color:#fef08a;box-shadow:0 4px 16px #facc152e}.landing-tab-btn-badge{font-size:9.5px;padding:1px 6px;border-radius:999px;background:#00000073;color:#7dd3fc;border:1px solid rgba(56,189,248,.25);font-weight:800}.gf-navbar-actions{display:flex;align-items:center;gap:10px}.gf-mode-switch-pill{display:inline-flex;background:#080d1ae6;padding:3px;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.sidebar-mode-btn{padding:6px 11px;font-size:11px;font-weight:800;border-radius:7px;border:1px solid transparent;background:transparent;color:#94a3b8;cursor:pointer;transition:all .2s ease}.sidebar-mode-btn.active.single{background:#38bdf833;border-color:#38bdf88c;color:#7dd3fc}.sidebar-mode-btn.active.multi{background:#10b98133;border-color:#10b9818c;color:#6ee7b7}.hero-btn-primary,.sidebar-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;border:1px solid rgba(254,240,138,.65);background:linear-gradient(135deg,#fde047,#facc15 45%,#ca8a04);color:#050811;font-family:var(--font-header, "Cinzel", serif);font-weight:900;font-size:13px;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 28px #facc1559,inset 0 1px #fff9;transition:all .24s cubic-bezier(.16,1,.3,1)}.hero-btn-primary:hover,.sidebar-cta-btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 12px 34px #facc158c,inset 0 1px #fffc;filter:brightness(1.06)}.hero-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:12px;border:1px solid rgba(56,189,248,.45);background:#0e1830c7;color:#e0f2fe;font-family:var(--font-header, "Cinzel", serif);font-weight:800;font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .22s cubic-bezier(.16,1,.3,1)}.hero-btn-secondary:hover{transform:translateY(-2px);border-color:#38bdf8;background:#38bdf82e;box-shadow:0 8px 24px #38bdf840}.id-mini-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#0f172abf;color:#e2e8f0;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.id-mini-btn:hover{transform:translateY(-1px);background:#1e293be6;border-color:#facc1580;color:#fff}.landing-tab-content{padding-top:28px;display:flex;flex-direction:column;gap:32px;animation:gfFadeUp .38s cubic-bezier(.16,1,.3,1)}.landing-hero-card{position:relative;border-radius:28px;padding:44px;background:radial-gradient(circle at 12% 20%,rgba(250,204,21,.14) 0%,transparent 45%),radial-gradient(circle at 88% 25%,rgba(56,189,248,.14) 0%,transparent 48%),radial-gradient(circle at 60% 85%,rgba(168,85,247,.12) 0%,transparent 50%),linear-gradient(145deg,#0d1428f0,#070b18f7);border:1px solid rgba(255,255,255,.11);box-shadow:0 28px 70px -15px #000000d9,0 0 50px #facc1514,inset 0 1px #ffffff1f;overflow:hidden}.gf-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}@media (max-width: 1080px){.gf-hero-grid{grid-template-columns:1fr}.landing-hero-card{padding:28px 22px}}.hero-chip-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#facc151f;border:1px solid rgba(250,204,21,.4);color:#fde047;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}.hero-title{font-family:var(--font-header, "Cinzel", serif);font-size:clamp(28px,3.6vw,48px);font-weight:900;line-height:1.1;letter-spacing:.5px;color:#fff;margin:0 0 18px;text-shadow:0 8px 30px rgba(0,0,0,.7)}.hero-desc{font-size:15.5px;line-height:1.7;color:#cbd5e1;margin:0 0 26px;max-width:680px}.hero-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px}.hero-specs-row{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px}@media (max-width: 640px){.hero-specs-row{grid-template-columns:repeat(2,1fr)}}.hero-spec-pill{padding:14px 16px;border-radius:16px;background:#080d1cc7;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,border-color .2s ease}.hero-spec-pill:hover{transform:translateY(-2px);border-color:#facc1559}.spec-val{font-family:var(--font-header, "Cinzel", serif);font-size:18px;font-weight:900;letter-spacing:.4px}.spec-lbl{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;margin-top:3px}.gf-hero-media-frame{border-radius:22px;background:#060a16eb;border:1px solid rgba(250,204,21,.35);box-shadow:0 24px 60px #000000d9,0 0 35px #facc1524;overflow:hidden}.gf-hero-media-bar{padding:11px 16px;background:linear-gradient(90deg,#facc1524,#38bdf81a);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:800;color:#fde047}.landing-section-box{border-radius:26px;padding:36px;background:linear-gradient(155deg,#0d1426e6,#080c18f0);border:1px solid rgba(255,255,255,.09);box-shadow:0 22px 50px -12px #000000bf;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@media (max-width: 768px){.landing-section-box{padding:22px 18px}}.section-header-row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:20px;margin-bottom:26px;border-bottom:1px solid rgba(255,255,255,.08)}.section-tag{display:inline-block;padding:4px 11px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;margin-bottom:8px}.section-heading{font-family:var(--font-header, "Cinzel", serif);font-size:clamp(20px,2.4vw,30px);font-weight:900;color:#fff;margin:0;letter-spacing:.5px}.gf-covenant-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}@media (max-width: 860px){.gf-covenant-tabs{grid-template-columns:repeat(2,1fr)}}.gf-covenant-tab{padding:16px 18px;border-radius:16px;background:#080d1acc;border:1px solid rgba(255,255,255,.09);cursor:pointer;text-align:left;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:6px}.gf-covenant-tab:hover{transform:translateY(-3px);background:#101830e6}.gf-covenant-spotlight{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:28px;border-radius:22px;background:#060a16d9;border:1px solid rgba(255,255,255,.1)}@media (max-width: 960px){.gf-covenant-spotlight{grid-template-columns:1fr}}.gf-editions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 900px){.gf-editions-grid{grid-template-columns:1fr}}.gf-edition-card{border-radius:22px;padding:32px;background:#080d1cd9;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:space-between;gap:22px;transition:transform .25s cubic-bezier(.16,1,.3,1)}.gf-edition-card:hover{transform:translateY(-4px)}.gf-edition-card.founder{background:radial-gradient(circle at 85% 15%,rgba(250,204,21,.16),transparent 50%),linear-gradient(155deg,#141a30f2,#0a0e1cfa);border:2px solid rgba(250,204,21,.55);box-shadow:0 20px 55px #facc1526}.gf-media-player{border-radius:22px;padding:26px;background:linear-gradient(145deg,#0b1224f2,#060a16fa);border:1px solid rgba(56,189,248,.28);box-shadow:0 18px 45px #000000b3}.gf-player-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.gf-player-header-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gf-player-header-title h3{font-family:var(--font-header, "Cinzel", serif);font-size:16px;font-weight:900;color:#fff;margin:0;letter-spacing:.6px}.gf-player-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:800;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#e2e8f0}.gf-player-status-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:800;background:#0f172ae6;border:1px solid rgba(255,255,255,.12);color:#94a3b8}.gf-player-status-badge.playing{background:#10b98126;border-color:#10b98173;color:#6ee7b7}.gf-player-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.gf-player-deck{display:flex;align-items:center;gap:24px}@media (max-width: 720px){.gf-player-deck{flex-direction:column;align-items:flex-start}}.gf-player-disc-wrap{flex-shrink:0}.gf-player-disc{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at center,#090d1a 0 28%,transparent 29%),repeating-radial-gradient(circle at center,#111827 0,#111827 3px,#1e293b 4px,#1e293b 6px);border:2px solid rgba(250,204,21,.5);box-shadow:0 0 28px #facc1538;display:flex;align-items:center;justify-content:center}.gf-player-disc.playing{animation:gfSpinSlow 8s linear infinite}.gf-player-disc-center{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle,#1e293b,#090d1a);border:1px solid rgba(250,204,21,.6);display:flex;align-items:center;justify-content:center;font-size:18px}.gf-player-meta{flex:1;min-width:0}.gf-player-tagline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.gf-player-bpm-key{font-size:11px;font-weight:800;color:#facc15;font-family:monospace}.gf-player-track-name{font-family:var(--font-header, "Cinzel", serif);font-size:20px;font-weight:900;color:#fff;margin-bottom:4px}.gf-player-track-desc{font-size:13px;color:#94a3b8;line-height:1.5;margin-bottom:14px}.gf-player-scrubber-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.gf-time-label{font-family:monospace;font-size:12px;font-weight:700;color:#cbd5e1;min-width:42px}.gf-scrubber-track{position:relative;flex:1;height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden;cursor:pointer}.gf-scrubber-fill{height:100%;background:linear-gradient(90deg,#facc15,#38bdf8);border-radius:999px}.gf-scrubber-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.gf-player-controls-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.gf-player-btn-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gf-player-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0f172acc;color:#e2e8f0;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.gf-player-btn:hover,.gf-player-btn.active{border-color:#38bdf8;color:#fff;background:#38bdf829}.gf-player-btn-hero{background:linear-gradient(135deg,#fde047,#ca8a04);color:#050811;border-color:#fef08a;font-weight:900}.gf-player-btn-hero:hover{background:linear-gradient(135deg,#fef08a,#eab308);color:#050811}.gf-volume-box{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:10px;background:#080d1ad9;border:1px solid rgba(255,255,255,.1)}.gf-volume-slider{width:76px;accent-color:#facc15;cursor:pointer}.gf-queue-drawer{margin-top:18px;padding:16px;border-radius:14px;background:#050812e6;border:1px solid rgba(56,189,248,.3);flex-direction:column;gap:10px}.gf-tracklist-section{margin-top:24px}.gf-tracklist-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.gf-tracklist-title{display:flex;align-items:center;gap:8px;font-family:var(--font-header, "Cinzel", serif);font-size:15px;font-weight:900;color:#fff}.gf-tracklist-search{padding:9px 14px;border-radius:10px;background:#080d1ae6;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:12.5px;min-width:250px;outline:none}.gf-tracklist-search:focus{border-color:#38bdf8}.gf-tracklist-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.gf-filter-btn{padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0b1122cc;color:#94a3b8;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.gf-filter-btn:hover{color:#fff;border-color:#38bdf873}.gf-filter-btn.active{background:linear-gradient(135deg,#facc1538,#38bdf82e);border-color:#facc15;color:#fef08a}.gf-track-table{display:flex;flex-direction:column;gap:8px;max-height:460px;overflow-y:auto;padding-right:4px}.gf-track-row{display:grid;grid-template-columns:36px 1.6fr .9fr .7fr 56px auto;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:#090e1cc7;border:1px solid rgba(255,255,255,.07);cursor:pointer;transition:all .2s ease}@media (max-width: 900px){.gf-track-row{grid-template-columns:30px 1fr auto}.gf-track-col-zone,.gf-track-col-meta,.gf-track-col-dur{display:none}}.gf-track-row:hover{background:#101830eb;border-color:#38bdf859}.gf-track-row.active{background:linear-gradient(90deg,#facc1524,#0f172af2);border-color:#facc158c}.gf-track-info-cell{display:flex;align-items:center;gap:12px;min-width:0}.gf-track-icon{font-size:20px}.gf-track-row-title{font-family:var(--font-header, "Cinzel", serif);font-size:13.5px;font-weight:800;color:#fff}.gf-track-row-desc{font-size:11.5px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.gf-track-actions{display:flex;align-items:center;gap:6px}.gf-track-act-btn{padding:6px 11px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#0f172ad9;color:#cbd5e1;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease}.gf-track-act-btn:hover{border-color:#facc15;color:#fef08a}.gf-track-act-btn.queued{border-color:#4ade80;color:#86efac;background:#4ade8026}.forge-layout-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:start}@media (max-width: 960px){.forge-layout-grid{grid-template-columns:1fr}}.forge-controls-col{display:flex;flex-direction:column;gap:24px}.massive-input-wrap{display:flex;gap:10px}.massive-text-input{flex:1;padding:14px 18px;border-radius:14px;background:#070b18eb;border:1px solid rgba(255,255,255,.16);color:#fff;font-family:var(--font-header, "Cinzel", serif);font-size:18px;font-weight:800;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.massive-text-input:focus{border-color:#facc15;box-shadow:0 0 22px #facc1540}.btn-dice{padding:0 20px;border-radius:14px;border:1px solid rgba(56,189,248,.4);background:#38bdf824;color:#7dd3fc;font-weight:800;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-dice:hover{background:#38bdf840;border-color:#38bdf8}.factions-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 760px){.factions-cards-grid{grid-template-columns:repeat(2,1fr)}}.faction-select-card{padding:16px;border-radius:16px;background:#080d1cd9;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1)}.faction-select-card:hover{transform:translateY(-2px);border-color:#ffffff47}.classes-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width: 680px){.classes-cards-grid{grid-template-columns:1fr}}.class-select-card{padding:20px;border-radius:18px;background:#080d1cd9;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1)}.class-select-card:hover{transform:translateY(-2px)}.order-tags-row{display:flex;flex-wrap:wrap;gap:10px}.order-select-btn{padding:12px 18px;border-radius:14px;background:#080d1cd9;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;cursor:pointer;text-align:left;transition:all .2s ease}.pedestal-sticky-card{padding:28px;border-radius:22px;background:radial-gradient(circle at 50% 20%,rgba(250,204,21,.15),transparent 55%),#070b18f2;border:1px solid rgba(250,204,21,.35);text-align:center;box-shadow:0 20px 50px #000000bf}.pedestal-avatar-circle{width:88px;height:88px;margin:16px auto;border-radius:50%;background:radial-gradient(circle,#facc1533,#0f172af2);border:2px solid rgba(250,204,21,.55);display:flex;align-items:center;justify-content:center;font-size:36px;box-shadow:0 0 30px #facc1540}.pedestal-name-txt{font-family:var(--font-header, "Cinzel", serif);font-size:22px;font-weight:900;color:#fff}.pedestal-vitals-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 22px}.pedestal-vital-box{padding:12px;border-radius:12px;background:#0f172abf;border:1px solid rgba(255,255,255,.08)}.systems-showcase-grid,.enc-cards-grid,.atlas-realms-grid,.arena-feature-grid,.theatre-scenes-grid,.armory-items-catalog,.tcg-deck-grid,.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.system-feature-card,.enc-article-card,.armory-catalog-card,.tcg-card-item,.settings-card,.theatre-scene-card{padding:22px;border-radius:18px;background:#090e1cd9;border:1px solid rgba(255,255,255,.09);transition:all .24s cubic-bezier(.16,1,.3,1)}.system-feature-card:hover,.enc-article-card:hover,.armory-catalog-card:hover,.tcg-card-item:hover,.theatre-scene-card:hover{transform:translateY(-3px);border-color:#facc1566;box-shadow:0 14px 34px #0009}.system-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.system-card-title{font-family:var(--font-header, "Cinzel", serif);font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px}.system-card-badge{font-size:10px;font-weight:800;padding:3px 8px;border-radius:999px;border:1px solid currentColor}.system-card-desc{font-size:13px;color:#cbd5e1;line-height:1.55;margin-bottom:12px}.system-card-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:12px;color:#94a3b8}.system-card-bullet{display:flex;align-items:flex-start;gap:6px}.bullet-icon{color:#facc15;font-weight:900}.enc-article-card h4{font-family:var(--font-header, "Cinzel", serif);font-size:15px;font-weight:800;margin:0 0 8px}.enc-article-card p{font-size:13px;line-height:1.6;color:#cbd5e1;margin:0}.enc-tab-strip{display:flex;flex-wrap:wrap;gap:8px}.enc-switch-btn{padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#080d1ccc;color:#94a3b8;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.enc-switch-btn.active,.enc-switch-btn:hover{border-color:#38bdf8;color:#fff;background:#38bdf829}.theatre-main-card{border-radius:20px;overflow:hidden;background:#040711;border:1px solid rgba(56,189,248,.35);box-shadow:0 20px 55px #000000d9}.theatre-main-header{padding:14px 20px;background:#0b1224f2;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.theatre-main-video-wrap{width:100%;aspect-ratio:16 / 9;background:#000}.theatre-main-video{width:100%;height:100%;object-fit:contain;display:block}.theatre-main-caption{padding:16px 20px;background:#080d1af2;border-top:1px solid rgba(255,255,255,.08)}.tcg-card-item{display:flex;flex-direction:column;gap:12px}.tcg-card-img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.12)}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.persistent-music-dock{position:fixed;bottom:20px;right:24px;z-index:150;padding:10px 16px;border-radius:16px;background:#070b18eb;border:1px solid rgba(250,204,21,.45);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 35px #000c;align-items:center;gap:12px}.gf-skill-svg-wrap{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;line-height:0!important;vertical-align:middle}.gf-skill-svg-wrap svg{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;display:block!important;flex-shrink:0!important;pointer-events:none}