*,*: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}.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}.landing-overlay,#landing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:600;background:radial-gradient(circle at 50% 10%,#0e172e,#070b18 55%,#03050c);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:var(--font-body, "Outfit", 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:16px}.landing-overlay::-webkit-scrollbar-track{background:#080d1a;border-left:1px solid #1e293b}.landing-overlay::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#facc15,#ca8a04);border-radius:8px;border:2px solid #080d1a;box-shadow:0 0 12px #facc1599;cursor:grab}.landing-overlay::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fef08a,#eab308);box-shadow:0 0 18px #facc15e6,0 0 8px #38bdf8}.landing-overlay::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#38bdf8,#0284c7);box-shadow:0 0 20px #38bdf8;cursor:grabbing}.landing-shell-layout{min-height:100vh;display:flex;flex-direction:row}.landing-sidebar{width:320px;min-width:320px;max-width:320px;height:100vh;position:sticky;top:0;left:0;background:#0a0f22f5;border-right:1px solid #1e293b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:50;box-shadow:4px 0 24px #000000b3}.landing-sidebar::-webkit-scrollbar{width:5px}.landing-sidebar::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}.sidebar-header{padding:16px;border-bottom:1px solid #1e293b;background:linear-gradient(180deg,#0f172ae6,#0a0f22f2)}.sidebar-brand-row{display:flex;align-items:center;gap:12px}.sidebar-logo-box{width:48px;height:48px;flex-shrink:0;padding:4px;border-radius:12px;background:#00000080;border:1px solid rgba(242,169,0,.4);box-shadow:0 0 16px #f2a9004d;display:flex;align-items:center;justify-content:center}.sidebar-logo-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 6px #f2a900)}.sidebar-brand-name{font-family:var(--font-header, "Cinzel", serif);font-size:16px;font-weight:900;letter-spacing:.6px;color:#fff}.sidebar-brand-name .text-gold{color:#facc15}.sidebar-server-pill{display:inline-flex;align-items:center;gap:6px;font-size:9.5px;font-weight:700;color:#4ade80;margin-top:3px}.sidebar-dot{width:6px;height:6px;border-radius:9999px;background:#4ade80;box-shadow:0 0 8px #4ade80}.sidebar-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.sidebar-mode-btn{padding:7px 6px;font-size:10.5px;font-weight:700;border-radius:8px;border:1px solid #1e293b;background:#0006;color:#94a3b8;cursor:pointer;transition:all .2s;text-align:center}.sidebar-mode-btn.active.single{background:#38bdf833;border-color:#38bdf8;color:#7dd3fc;box-shadow:0 0 10px #38bdf84d}.sidebar-mode-btn.active.multi{background:#22e07b33;border-color:#22e07b;color:#86efac;box-shadow:0 0 10px #22e07b4d}.sidebar-cta-btn{width:100%;margin-top:10px;padding:10px 12px;border-radius:10px;border:none;background:linear-gradient(135deg,#facc15,#ca8a04);color:#000;font-family:var(--font-header, "Cinzel", serif);font-weight:900;font-size:11px;letter-spacing:.8px;cursor:pointer;box-shadow:0 0 16px #facc1566;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.sidebar-cta-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.sidebar-section{padding:14px 16px;border-bottom:1px solid #1e293b}.sidebar-section-title{font-family:var(--font-header, "Cinzel", serif);font-size:11px;font-weight:800;letter-spacing:.6px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.sidebar-nav-list{display:flex;flex-direction:column;gap:3px}.sidebar-nav-link{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;font-size:11.5px;font-weight:600;color:#cbd5e1;text-decoration:none;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s;text-align:left}.sidebar-nav-link:hover,.sidebar-nav-link.active{background:#ffffff0f;color:#facc15;border-color:#facc1540}.sidebar-nav-link.special{background:#1e1b4bb3;border-color:#38bdf859;color:#7dd3fc;margin-top:6px}.sidebar-nav-link.special:hover{border-color:#38bdf8;color:#bae6fd}.pixel-gear-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pixel-gear-slot{aspect-ratio:1;border-radius:8px;background:#080e1c;border:1px solid #1e293b;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;position:relative;transition:all .2s;box-shadow:inset 0 0 8px #000c}.pixel-gear-slot:hover{transform:scale(1.08);border-color:#facc15;z-index:10}.pixel-gear-slot .slot-corner-tag{position:absolute;bottom:2px;right:3px;font-size:7.5px;font-weight:800;color:#fff6}.pixel-gear-tooltip{margin-top:8px;padding:8px 10px;border-radius:8px;background:#000000d9;border:1px solid #334155;font-size:10.5px;line-height:1.4;animation:fadeIn .15s ease-out}.pixel-gear-tooltip-head{display:flex;justify-content:space-between;align-items:center;font-weight:700}.pixel-gear-tooltip-stat{color:#38bdf8;font-size:10px;font-weight:600;margin-top:2px}.pixel-gear-tooltip-desc{font-size:9.5px;color:#94a3b8;font-style:italic;margin-top:3px}.sidebar-currency-list{display:flex;flex-direction:column;gap:5px}.sidebar-currency-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;background:#0006;border:1px solid rgba(30,41,59,.6);font-size:11px}.currency-left{display:flex;align-items:center;gap:6px;color:#e2e8f0}.currency-val{font-family:monospace;font-weight:700;font-size:11px}.sidebar-skills-list{display:flex;flex-direction:column;gap:8px}.sidebar-skill-item{display:flex;flex-direction:column;gap:3px}.sidebar-skill-header{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:#e2e8f0}.sidebar-skill-bar-wrap{width:100%;height:5px;background:#0009;border-radius:9999px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.sidebar-skill-bar-fill{height:100%;border-radius:9999px;transition:width .4s ease}.sidebar-footer{margin-top:auto;padding:14px 16px;border-top:1px solid #1e293b;background:#060914}.sidebar-pref-toggle{display:flex;align-items:center;gap:6px;font-size:11px;color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none}.sidebar-pref-toggle input{accent-color:#38bdf8;cursor:pointer}.sidebar-footer-links{margin-top:8px;display:flex;justify-content:space-between;font-size:9.5px;color:#64748b}.sidebar-footer-links a{color:#38bdf8;text-decoration:none}.sidebar-footer-links a:hover{text-decoration:underline}.landing-main-scroll{flex:1;min-height:100vh;padding:28px 36px 80px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.landing-hero-card{position:relative;border-radius:24px;padding:40px;border:1px solid #1e293b;background:radial-gradient(circle at 80% 20%,rgba(242,169,0,.12),transparent 50%),radial-gradient(circle at 10% 80%,rgba(56,189,248,.12),transparent 50%),#080e1e;box-shadow:0 10px 40px #0009;overflow:hidden}.hero-content-wrap{position:relative;z-index:10;max-width:780px}.hero-logo-row{display:flex;align-items:center;gap:16px;margin-bottom:20px}.hero-logo-badge{padding:8px;border-radius:16px;background:#0009;border:1px solid rgba(242,169,0,.4);box-shadow:0 0 24px #f2a9004d}.hero-logo-img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 10px #f2a900)}.hero-chip-badge{display:inline-block;padding:3px 10px;border-radius:9999px;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;background:#f2a90026;border:1px solid rgba(242,169,0,.4);color:#facc15}.hero-title{font-family:var(--font-header, "Cinzel", serif);font-size:34px;font-weight:900;letter-spacing:.6px;line-height:1.2;color:#fff;margin-top:4px}.hero-desc{font-size:14.5px;line-height:1.6;color:#cbd5e1;margin-top:14px}.hero-specs-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.hero-spec-pill{padding:12px;border-radius:12px;background:#0006;border:1px solid #1e293b}.spec-val{font-family:monospace;font-size:20px;font-weight:900}.spec-lbl{font-size:10px;color:#94a3b8;font-weight:600;text-transform:uppercase;margin-top:2px}.hero-cta-row{display:flex;align-items:center;gap:14px;margin-top:28px;flex-wrap:wrap}.hero-btn-primary{padding:14px 28px;border-radius:14px;background:linear-gradient(135deg,#facc15,#ca8a04);color:#000;font-family:var(--font-header, "Cinzel", serif);font-weight:900;font-size:13px;letter-spacing:.8px;border:none;cursor:pointer;box-shadow:0 0 24px #facc1566;transition:all .2s;display:flex;align-items:center;gap:8px}.hero-btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.hero-btn-secondary{padding:14px 24px;border-radius:14px;background:#0009;border:1px solid rgba(56,189,248,.4);color:#7dd3fc;font-family:var(--font-header, "Cinzel", serif);font-weight:700;font-size:12px;cursor:pointer;transition:all .2s}.hero-btn-secondary:hover{border-color:#38bdf8;background:#38bdf81a}.landing-section-box{border-radius:24px;padding:32px;border:1px solid #1e293b;background:#090e1f;box-shadow:0 8px 32px #0006}.section-header-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #1e293b;margin-bottom:24px;flex-wrap:wrap;gap:12px}.section-tag{font-size:9.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:2px 8px;border-radius:4px}.section-heading{font-family:var(--font-header, "Cinzel", serif);font-size:22px;font-weight:900;color:#fff;margin-top:4px}.forge-layout-grid{display:grid;grid-template-columns:1fr 340px;gap:28px}.forge-controls-col{display:flex;flex-direction:column;gap:20px}.forge-pedestal-col{display:flex;flex-direction:column}.massive-input-wrap{display:flex;gap:10px}.massive-text-input{flex:1;padding:14px 18px;border-radius:12px;background:#060a16;border:2px solid #1e293b;color:#fff;font-size:16px;font-weight:700;letter-spacing:.5px;outline:none;transition:all .2s}.massive-text-input:focus{border-color:#facc15;box-shadow:0 0 16px #facc154d}.btn-dice{padding:0 16px;border-radius:12px;background:#0c152a;border:1px solid #334155;color:#facc15;font-weight:700;font-size:12px;cursor:pointer;transition:all .2s}.btn-dice:hover{border-color:#facc15;background:#172554}.factions-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.faction-select-card{padding:14px;border-radius:14px;border:2px solid #1e293b;background:#060a16;cursor:pointer;text-align:left;transition:all .2s}.faction-select-card:hover{border-color:#ffffff4d}.faction-select-card.active{transform:translateY(-2px);box-shadow:0 0 20px #000c}.classes-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.class-select-card{padding:16px;border-radius:14px;border:2px solid #1e293b;background:#060a16;cursor:pointer;text-align:left;transition:all .2s}.class-select-card:hover{border-color:#ffffff4d}.class-select-card.active{transform:translateY(-2px)}.order-tags-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.order-select-btn{padding:10px 12px;border-radius:10px;border:1px solid #1e293b;background:#060a16;cursor:pointer;text-align:left;transition:all .2s}.order-select-btn.active{border-color:#facc15;background:#facc1526;color:#facc15}.pedestal-sticky-card{position:sticky;top:30px;padding:24px;border-radius:20px;background:#060a16;border:2px solid #1e293b;text-align:center;box-shadow:0 10px 30px #000000b3}.pedestal-avatar-circle{width:90px;height:90px;margin:14px auto;border-radius:18px;background:#0a1124;border:2px solid #facc15;display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:0 0 20px #facc154d}.pedestal-name-txt{font-family:var(--font-header, "Cinzel", serif);font-size:20px;font-weight:900;color:#fff}.pedestal-vitals-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.pedestal-vital-box{padding:8px;border-radius:10px;background:#0a0f20;border:1px solid #1e293b}.enc-tab-strip{display:flex;gap:6px;flex-wrap:wrap}.enc-switch-btn{padding:7px 14px;border-radius:8px;font-size:11px;font-weight:700;border:1px solid #1e293b;background:#060a16;color:#94a3b8;cursor:pointer;transition:all .2s}.enc-switch-btn.active{background:#38bdf833;border-color:#38bdf8;color:#7dd3fc;box-shadow:0 0 10px #38bdf84d}.enc-switch-btn.active.lore{background:#9b30ff33;border-color:#9b30ff;color:#d8b4fe;box-shadow:0 0 10px #9b30ff4d}.enc-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.enc-article-card{padding:18px;border-radius:14px;background:#060a16;border:1px solid #1e293b;font-size:12px;line-height:1.5}.enc-article-card h4{font-family:var(--font-header, "Cinzel", serif);font-size:13.5px;font-weight:800;margin-bottom:6px}.tcg-card-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:#060a16;border:1px solid #1e293b}.tcg-card-img{width:54px;height:76px;object-fit:cover;border-radius:6px;border:1px solid rgba(255,255,255,.15);flex-shrink:0}.armory-items-catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.armory-catalog-card{padding:16px;border-radius:14px;background:#060a16;border:1px solid #1e293b;transition:all .2s}.armory-catalog-card:hover{border-color:#facc15;transform:translateY(-2px)}.arena-feature-grid,.atlas-realms-grid,.tcg-deck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.elemental-aspects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card{padding:20px;border-radius:16px;background:#060a16;border:1px solid #1e293b}.settings-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;background:#0006;border:1px solid rgba(255,255,255,.05);margin-top:8px;gap:12px}@media (max-width: 1024px){.landing-shell-layout{flex-direction:column}.landing-sidebar{width:100%;min-width:100%;max-width:100%;height:auto;position:relative}.forge-layout-grid,.enc-cards-grid,.classes-cards-grid,.armory-items-catalog,.settings-grid{grid-template-columns:1fr}.factions-cards-grid,.arena-feature-grid,.atlas-realms-grid,.tcg-deck-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.hero-specs-row{grid-template-columns:1fr 1fr}.hero-title{font-size:24px}.landing-main-scroll{padding:16px}.factions-cards-grid,.order-tags-row,.arena-feature-grid,.atlas-realms-grid,.tcg-deck-grid,.elemental-aspects-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.landing-overlay.grab-mode{cursor:grab}.landing-overlay.grabbing-mode{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.hero-media-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.hero-media-card{background:#050914;border:2px solid rgba(250,204,21,.4);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #000000b3,0 0 20px #facc1526;display:flex;flex-direction:column}.hero-media-header{padding:8px 12px;background:linear-gradient(90deg,#facc151f,#0a1224e6);border-bottom:1px solid #1e293b;display:flex;justify-content:space-between;align-items:center}.hero-media-video-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.hero-media-video{width:100%;height:100%;object-fit:contain;display:block;outline:none}.hero-media-caption{padding:8px 12px;background:#070c1a;border-top:1px solid #1e293b;font-size:10.5px;color:#94a3b8;line-height:1.4}@media (max-width: 900px){.hero-media-showcase-grid{grid-template-columns:1fr}.dock-card-panel{max-width:320px}}.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}