@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Fira+Code:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}:root{--obsidian-abyss:#030305;--obsidian-darkest:#050507;--obsidian-darker:#0a0a0b;--obsidian-dark:#0f0f12;--obsidian-medium:#151518;--obsidian-light:#1a1a1f;--obsidian-lighter:#222228;--obsidian-surface:#2a2a32;--cyber-cyan-darkest:#001a22;--cyber-cyan-darker:#034;--cyber-cyan-dark:#067;--cyber-cyan-medium:#00a8b8;--cyber-cyan:#00f0ff;--cyber-cyan-light:#4dffff;--cyber-cyan-bright:#80ffff;--cyber-cyan-glow:#00f0ff99;--cyber-cyan-glow-soft:#00f0ff4d;--pulse-violet-darkest:#1a0f2e;--pulse-violet-darker:#2d1b4e;--pulse-violet-dark:#4c2885;--pulse-violet-medium:#6b3fa0;--pulse-violet:#8b5cf6;--pulse-violet-light:#a78bfa;--pulse-violet-bright:#c4b5fd;--pulse-violet-glow:#8b5cf699;--pulse-violet-glow-soft:#8b5cf64d;--neon-gold-darkest:#3d2e00;--neon-gold-darker:#664d00;--neon-gold-dark:#997300;--neon-gold-medium:#cca300;--neon-gold:gold;--neon-gold-light:#ffed4e;--neon-gold-bright:#fff8b8;--neon-gold-highlight:#fff8dc;--neon-gold-glow:#ffd70099;--neon-gold-glow-soft:#ffd7004d;--health-darkest:#052e16;--health-darker:#0d3320;--health-dark:#166534;--health-medium:#16a34a;--health-light:#22c55e;--health-bright:#4ade80;--health-highlight:#86efac;--health-glow:#22c55e99;--health-glow-soft:#22c55e4d;--critical-darkest:#2d0f0f;--critical-darker:#450a0a;--critical-dark:#7f1d1d;--critical-medium:#b91c1c;--critical-light:#ef4444;--critical-bright:#f87171;--critical-highlight:#fca5a5;--critical-glow:#ef444499;--critical-glow-soft:#ef44444d;--neon-pink-darkest:#2d0a1e;--neon-pink-darker:#500724;--neon-pink-dark:#9d174d;--neon-pink-medium:#db2777;--neon-pink:#ff0080;--neon-pink-light:#f472b6;--neon-pink-bright:#ff80c0;--neon-pink-glow:#ff008099;--neon-pink-glow-soft:#ff00804d;--gray-abyss:#0d0d0f;--gray-darkest:#18181b;--gray-darker:#1f1f23;--gray-dark:#27272a;--gray-medium:#3f3f46;--gray-DEFAULT:#52525b;--gray-light:#71717a;--gray-lighter:#a1a1aa;--gray-highlight:#d4d4d8;--gray-muted:#e4e4e7;--gray-bright:#f4f4f5;--glass-bg:#0a0a0bd9;--glass-bg-light:#ffffff08;--glass-bg-medium:#0a0a0bbf;--glass-bg-dark:#050507e6;--glass-border:#ffffff14;--glass-border-hover:#ffffff26;--glass-border-active:#ffffff40;--glass-blur:20px;--glass-blur-sm:12px;--glass-blur-lg:32px;--glass-blur-xl:48px;--pixel-unit:4px;--pixel-2:8px;--pixel-3:12px;--pixel-4:16px;--pixel-5:20px;--pixel-6:24px;--pixel-8:32px;--pixel-10:40px;--pixel-12:48px;--pixel-16:64px;--pixel-border-thin:2px;--pixel-border:4px;--pixel-border-thick:6px;--pixel-border-heavy:8px;--radius-none:0px;--radius-pixel:2px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--radius-glass:var(--radius-lg);--radius-glass-lg:var(--radius-xl);--font-size-2xs:8px;--font-size-xs:10px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--line-height-tight:1.2;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--duration-instant:0s;--duration-fast:.1s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.5s;--duration-slowest:.8s;--ease-linear:linear;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--ease-cyber:cubic-bezier(.25,.1,.25,1);--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--shadow-inset:inset 0 2px 4px #00000080;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 6px #00000080;--shadow-lg:0 10px 15px #00000080;--shadow-xl:0 20px 25px #00000080;--shadow-2xl:0 25px 50px #0009;--shadow-glass:0 8px 32px #0006;--shadow-glass-hover:0 12px 40px #00000080;--shadow-glass-active:0 4px 16px #00000080;--z-behind:-1;--z-base:0;--z-elevated:10;--z-sticky:20;--z-overlay:30;--z-dropdown:40;--z-modal:50;--z-toast:60;--z-tooltip:70;--z-max:9999}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-glass);box-shadow:var(--shadow-glass),inset 0 1px 0 #ffffff0f,inset 0 -1px 0 #0003;transition:all var(--duration-normal)var(--ease-cyber)}.glass-panel-cyan{background:linear-gradient(135deg,#00f0ff08 0%,var(--glass-bg)50%,#00f0ff05 100%);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-glass);box-shadow:var(--shadow-glass),0 0 0 1px #00f0ff1a,0 0 30px #00f0ff14,inset 0 1px 0 #00f0ff26;border:1px solid #00f0ff40}.glass-panel-cyan:hover{box-shadow:var(--shadow-glass-hover),0 0 0 2px #00f0ff26,0 0 40px #00f0ff26,inset 0 1px 0 #00f0ff33;border-color:#00f0ff66}.glass-panel-violet{background:linear-gradient(135deg,#8b5cf608 0%,var(--glass-bg)50%,#8b5cf605 100%);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-glass);box-shadow:var(--shadow-glass),0 0 0 1px #8b5cf61a,0 0 30px #8b5cf614,inset 0 1px 0 #8b5cf626;border:1px solid #8b5cf640}.glass-panel-gold{background:linear-gradient(135deg,#ffd70008 0%,var(--glass-bg)50%,#ffd70005 100%);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-glass);box-shadow:var(--shadow-glass),0 0 0 1px #ffd7001a,0 0 30px #ffd70014,inset 0 1px 0 #ffd70026;border:1px solid #ffd70040}.btn-quest{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-6);min-height:48px;font-family:"Press Start 2P",monospace;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-normal)var(--ease-bounce);-webkit-user-select:none;user-select:none;border:none;display:inline-flex;position:relative;overflow:hidden}.btn-quest-gold{background:linear-gradient(180deg,var(--neon-gold-light)0%,var(--neon-gold)30%,var(--neon-gold-dark)100%);color:var(--obsidian-darkest);border:2px solid var(--neon-gold);box-shadow:0 0 0 1px #ffd70066,0 4px 0 var(--neon-gold-darker),0 6px 20px #0006,0 0 25px var(--neon-gold-glow-soft),inset 0 2px 0 #fff6,inset 0 -2px 0 #0000001a;text-shadow:0 1px #ffffff4d}.btn-quest-gold:before{content:"⚔";margin-right:var(--space-2);font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif}.btn-quest-gold:hover{box-shadow:0 0 0 2px #ffd70099,0 7px 0 var(--neon-gold-darker),0 10px 30px #00000080,0 0 40px var(--neon-gold-glow),inset 0 2px 0 #ffffff80;transform:translateY(-3px)}.btn-quest-gold:active{box-shadow:0 0 0 1px #ffd70066,0 1px 0 var(--neon-gold-darker),0 2px 10px #0006,0 0 15px var(--neon-gold-glow-soft),inset 0 2px 4px #0003;transform:translateY(2px)}.btn-quest-mana{background:linear-gradient(180deg,var(--cyber-cyan-light)0%,var(--cyber-cyan)30%,var(--cyber-cyan-dark)100%);color:var(--obsidian-darkest);border:2px solid var(--cyber-cyan);box-shadow:0 0 0 1px #00f0ff66,0 4px 0 var(--cyber-cyan-darker),0 6px 20px #0006,0 0 25px var(--cyber-cyan-glow-soft),inset 0 2px 0 #ffffff4d,inset 0 -2px 0 #0000001a;text-shadow:0 1px #fff3}.btn-quest-mana:before{content:"✨";margin-right:var(--space-2);font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif}.btn-quest-mana:hover{box-shadow:0 0 0 2px #00f0ff99,0 7px 0 var(--cyber-cyan-darker),0 10px 30px #00000080,0 0 40px var(--cyber-cyan-glow),inset 0 2px 0 #fff6;transform:translateY(-3px)}.btn-quest-claim{background:linear-gradient(180deg,#ffe066 0%,var(--neon-gold)30%,#c90 100%);color:var(--obsidian-darkest);border:3px solid var(--neon-gold);animation:2s ease-in-out infinite quest-glow-pulse}.btn-quest-claim:before{content:"🏆";margin-right:var(--space-2);font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif}@keyframes quest-glow-pulse{0%,to{box-shadow:0 0 0 2px #ffd70066,0 4px 0 var(--neon-gold-darker),0 6px 20px #0006,0 0 30px var(--neon-gold-glow-soft)}50%{box-shadow:0 0 0 3px #ffd70099,0 4px 0 var(--neon-gold-darker),0 6px 25px #00000080,0 0 50px var(--neon-gold-glow)}}.btn-quest-danger{background:linear-gradient(180deg,var(--critical-highlight)0%,var(--critical-light)30%,var(--critical-dark)100%);color:#fff;border:2px solid var(--critical-light);box-shadow:0 0 0 1px #ef444466,0 4px 0 var(--critical-darker),0 6px 20px #0006,0 0 25px var(--critical-glow-soft),inset 0 2px 0 #ffffff40,inset 0 -2px 0 #0003;text-shadow:0 1px 2px #00000080}.btn-quest-danger:before{content:"💀";margin-right:var(--space-2);font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif}.btn-quest-danger:hover{box-shadow:0 0 0 2px #ef444499,0 7px 0 var(--critical-darker),0 10px 30px #00000080,0 0 40px var(--critical-glow),inset 0 2px 0 #ffffff4d;transform:translateY(-3px)}.btn-quest-danger:active{box-shadow:0 0 0 1px #ef444466,0 1px 0 var(--critical-darker),0 2px 10px #0006,0 0 15px var(--critical-glow-soft),inset 0 2px 4px #0003;transform:translateY(2px)}.btn-quest-ghost{color:var(--gray-lighter);border:2px solid var(--glass-border);box-shadow:none;text-shadow:none;background:0 0}.btn-quest-ghost:before{content:""}.btn-quest-ghost:hover{background:var(--glass-bg-light);border-color:var(--glass-border-hover);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff0d}.btn-quest-ghost:active{background:#ffffff0d;transform:translateY(1px);box-shadow:0 2px 6px #0003,inset 0 1px 2px #0003}.btn-quest:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6);transform:none!important;box-shadow:0 2px #0000004d,inset 0 2px 4px #0000004d!important}.rpg-bar{background:var(--obsidian-abyss);border:2px solid var(--gray-dark);border-radius:var(--radius-sm);height:24px;box-shadow:var(--shadow-inset),0 1px 0 #ffffff08;position:relative;overflow:hidden}.rpg-bar-sm{height:16px}.rpg-bar-md{height:24px}.rpg-bar-lg{height:32px}.rpg-bar-xl{height:40px}.rpg-bar-fill{border-radius:var(--radius-pixel);transition:width var(--duration-slow)var(--ease-out);position:absolute;top:2px;bottom:2px;left:2px}.rpg-bar-fill:before{content:"";border-radius:inherit;background:repeating-linear-gradient(90deg,#0000 0 6px,#00000026 6px 8px);position:absolute;inset:0}.rpg-bar-fill:after{content:"";border-radius:inherit;background:linear-gradient(#ffffff59 0%,#ffffff1a 50%,#0000 100%);height:40%;position:absolute;top:0;left:0;right:0}.rpg-bar-health .rpg-bar-fill{background:linear-gradient(180deg,var(--health-bright)0%,var(--health-light)40%,var(--health-medium)70%,var(--health-dark)100%);box-shadow:0 0 15px var(--health-glow-soft)}.rpg-bar-health{border-color:var(--health-dark)}.rpg-bar-mana .rpg-bar-fill{background:linear-gradient(180deg,var(--cyber-cyan-bright)0%,var(--cyber-cyan-light)40%,var(--cyber-cyan)70%,var(--cyber-cyan-dark)100%);box-shadow:0 0 15px var(--cyber-cyan-glow-soft)}.rpg-bar-mana{border-color:var(--cyber-cyan-dark)}.rpg-bar-xp .rpg-bar-fill{background:linear-gradient(180deg,var(--neon-gold-bright)0%,var(--neon-gold-light)40%,var(--neon-gold)70%,var(--neon-gold-dark)100%);box-shadow:0 0 15px var(--neon-gold-glow-soft)}.rpg-bar-xp{border-color:var(--neon-gold-dark)}.rpg-bar-strength .rpg-bar-fill{background:linear-gradient(180deg,var(--critical-highlight)0%,var(--critical-bright)40%,var(--critical-light)70%,var(--critical-dark)100%);box-shadow:0 0 15px var(--critical-glow-soft)}.rpg-bar-strength{border-color:var(--critical-dark)}.rpg-bar-wisdom .rpg-bar-fill{background:linear-gradient(180deg,var(--pulse-violet-bright)0%,var(--pulse-violet-light)40%,var(--pulse-violet)70%,var(--pulse-violet-dark)100%);box-shadow:0 0 15px var(--pulse-violet-glow-soft)}.rpg-bar-wisdom{border-color:var(--pulse-violet-dark)}.rpg-bar-label{font-family:Fira Code,monospace;font-size:var(--font-size-xs);color:#fff;text-shadow:0 0 4px #000,1px 1px #000c,-1px -1px #000c;z-index:2;pointer-events:none;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.rpg-vbar{background:var(--obsidian-abyss);border:2px solid var(--gray-dark);border-radius:var(--radius-sm);width:40px;box-shadow:var(--shadow-inset);position:relative;overflow:hidden}.rpg-vbar-sm{height:80px}.rpg-vbar-md{height:120px}.rpg-vbar-lg{height:160px}.rpg-vbar-xl{height:200px}.rpg-vbar-fill{border-radius:var(--radius-pixel);transition:height var(--duration-slower)var(--ease-out);position:absolute;bottom:2px;left:2px;right:2px}.rpg-vbar-fill:before{content:"";background:repeating-linear-gradient(#0000 0 6px,#0000001f 6px 8px);position:absolute;inset:0}.rpg-vbar-fill:after{content:"";background:linear-gradient(90deg,#ffffff40 0%,#0000 100%);width:40%;position:absolute;top:0;bottom:0;left:0}.rpg-vbar-health .rpg-vbar-fill{background:linear-gradient(0deg,var(--health-dark)0%,var(--health-light)50%,var(--health-bright)100%);box-shadow:0 0 12px var(--health-glow-soft)}.rpg-vbar-mana .rpg-vbar-fill{background:linear-gradient(0deg,var(--cyber-cyan-dark)0%,var(--cyber-cyan)50%,var(--cyber-cyan-bright)100%);box-shadow:0 0 12px var(--cyber-cyan-glow-soft)}.rpg-vbar-strength .rpg-vbar-fill{background:linear-gradient(0deg,var(--critical-dark)0%,var(--critical-light)50%,var(--critical-highlight)100%);box-shadow:0 0 12px var(--critical-glow-soft)}.rpg-vbar-charisma .rpg-vbar-fill{background:linear-gradient(0deg,var(--neon-gold-dark)0%,var(--neon-gold)50%,var(--neon-gold-light)100%);box-shadow:0 0 12px var(--neon-gold-glow-soft)}.rpg-vbar-wisdom .rpg-vbar-fill{background:linear-gradient(0deg,var(--pulse-violet-dark)0%,var(--pulse-violet)50%,var(--pulse-violet-bright)100%);box-shadow:0 0 12px var(--pulse-violet-glow-soft)}.frame-cyber{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-glass);position:relative;overflow:hidden}.frame-cyber:before{content:"";border-radius:inherit;background:linear-gradient(45deg,var(--cyber-cyan)0%,var(--pulse-violet)50%,var(--neon-gold)100%);-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:2px;animation:4s linear infinite cyber-border-rotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes cyber-border-rotate{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.frame-neon-cyan{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:2px solid var(--cyber-cyan);border-radius:var(--radius-glass);box-shadow:0 0 0 1px #00f0ff4d,0 0 30px #00f0ff26,inset 0 1px 0 #00f0ff1a,var(--shadow-glass)}.frame-neon-violet{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:2px solid var(--pulse-violet);border-radius:var(--radius-glass);box-shadow:0 0 0 1px #8b5cf64d,0 0 30px #8b5cf626,inset 0 1px 0 #8b5cf61a,var(--shadow-glass)}.frame-neon-gold{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:2px solid var(--neon-gold);border-radius:var(--radius-glass);box-shadow:0 0 0 1px #ffd7004d,0 0 30px #ffd70026,inset 0 1px 0 #ffd7001a,var(--shadow-glass)}.text-neon-cyan{color:var(--cyber-cyan);text-shadow:0 0 5px var(--cyber-cyan),0 0 10px var(--cyber-cyan-glow),0 0 20px var(--cyber-cyan-glow-soft),0 0 40px var(--cyber-cyan-glow-soft)}.text-neon-violet{color:var(--pulse-violet);text-shadow:0 0 5px var(--pulse-violet),0 0 10px var(--pulse-violet-glow),0 0 20px var(--pulse-violet-glow-soft),0 0 40px var(--pulse-violet-glow-soft)}.text-neon-gold{color:var(--neon-gold);text-shadow:0 0 5px var(--neon-gold),0 0 10px var(--neon-gold-glow),0 0 20px var(--neon-gold-glow-soft),0 0 40px var(--neon-gold-glow-soft)}.text-neon-pink{color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink),0 0 10px var(--neon-pink-glow),0 0 20px var(--neon-pink-glow-soft)}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 5px,0 0 10px,0 0 20px}20%,24%,55%{opacity:.6;text-shadow:none}}@keyframes cyber-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 4px var(--neon-gold)}50%{opacity:.7;box-shadow:0 0 12px var(--neon-gold)}}@keyframes float-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-neon-flicker{animation:3s infinite neon-flicker}.animate-cyber-scan{animation:2s linear infinite cyber-scan}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-float-bob{animation:3s ease-in-out infinite float-bob}@media (max-width:640px){:root{--glass-blur:12px;--font-size-xs:9px;--font-size-sm:11px}.btn-quest{padding:var(--space-2)var(--space-4);min-height:44px;font-size:9px}.rpg-bar{height:20px}.rpg-bar-lg{height:28px}}@media (min-width:1280px){:root{--glass-blur:24px}}.dashboard-shell{background:var(--obsidian-darker);grid-template-rows:auto 1fr;grid-template-columns:1fr;width:100%;max-width:100vw;min-height:100vh;display:grid;overflow-x:hidden}.dashboard-hud{z-index:var(--z-sticky);background:var(--glass-bg-dark);-webkit-backdrop-filter:blur(var(--glass-blur-lg));backdrop-filter:blur(var(--glass-blur-lg));border-bottom:1px solid var(--glass-border);grid-column:1/-1;position:sticky;top:0;box-shadow:0 4px 30px #00000080}.dashboard-wrapper{gap:var(--space-4);width:100%;max-width:1600px;padding:var(--space-4);grid-template-columns:1fr;margin:0 auto;display:grid;container-type:inline-size}@media (min-width:768px){.dashboard-wrapper{gap:var(--space-6);padding:var(--space-6);grid-template-columns:320px 1fr}}@media (min-width:1280px){.dashboard-wrapper{gap:var(--space-8);padding:var(--space-8);grid-template-columns:360px 1fr}}@media (min-width:1536px){.dashboard-wrapper{grid-template-columns:400px 1fr}}.dashboard-sidebar{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}@media (min-width:768px){.dashboard-sidebar{top:calc(80px + var(--space-6));scrollbar-width:thin;scrollbar-color:var(--gray-medium)transparent;height:fit-content;max-height:calc(100vh - 100px);position:sticky;overflow:hidden auto}.dashboard-sidebar::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-thumb{background:var(--gray-medium);border-radius:3px}}.dashboard-main{gap:var(--space-5);flex-direction:column;min-width:0;display:flex;overflow:hidden}.dashboard-full-width{grid-column:1/-1}.stats-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:480px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{padding:var(--space-4);text-align:center;background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--duration-normal)var(--ease-cyber);flex-direction:column;justify-content:center;align-items:center;display:flex}.stat-card:hover{border-color:var(--glass-border-hover);background:#ffffff0d;transform:translateY(-2px)}.stat-card-value{font-family:"Press Start 2P",monospace;font-size:var(--font-size-lg);line-height:1}.stat-card-label{font-family:Inter,sans-serif;font-size:var(--font-size-xs);color:var(--gray-lighter);margin-top:var(--space-2)}.quest-grid{gap:var(--space-3);flex-direction:column;display:flex}.section-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.section-title{font-family:"Press Start 2P",monospace;font-size:var(--font-size-xs);color:var(--neon-gold);text-transform:uppercase;letter-spacing:1px}.section-link{font-family:Fira Code,monospace;font-size:var(--font-size-xs);color:var(--cyber-cyan);transition:color var(--duration-fast);text-decoration:none}.section-link:hover{color:var(--cyber-cyan-light)}.battle-stats-container{gap:var(--space-4);padding:var(--space-4);flex-direction:column;display:flex}.battle-stats-bars{justify-content:center;align-items:flex-end;gap:var(--space-4);padding:var(--space-4)0;display:flex}@media (min-width:480px){.battle-stats-bars{gap:var(--space-6)}}.stat-column{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.stat-column-label{text-transform:uppercase;letter-spacing:.5px;font-family:"Press Start 2P",monospace;font-size:8px}.stat-column-value{font-family:Fira Code,monospace;font-size:var(--font-size-xs);font-weight:600}.power-level{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--glass-border);display:flex}.power-level-label{font-family:"Press Start 2P",monospace;font-size:var(--font-size-xs);color:var(--pulse-violet)}.power-level-value{font-family:Fira Code,monospace;font-size:var(--font-size-md);color:var(--pulse-violet-light);font-weight:700}.heatmap-container{width:100%;padding:var(--space-2);border-radius:var(--radius-glass);background:var(--glass-bg);border:1px solid var(--glass-border);overflow:auto hidden}.heatmap-container::-webkit-scrollbar{height:6px}.heatmap-container::-webkit-scrollbar-thumb{background:var(--gray-medium);border-radius:3px}.rank-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}@media (min-width:640px){.rank-grid{grid-template-columns:repeat(8,1fr)}}.rank-item{padding:var(--space-3);text-align:center;background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--duration-normal)var(--ease-cyber);flex-direction:column;justify-content:center;align-items:center;display:flex}.rank-item-current{border-color:var(--neon-gold);box-shadow:0 0 20px var(--neon-gold-glow-soft);background:#ffd7001a}.rank-item-passed{background:#22c55e0d;border-color:#22c55e4d}.rank-name{font-family:"Press Start 2P",monospace;font-size:var(--font-size-xs)}.rank-xp{color:var(--gray-light);margin-top:var(--space-1);font-family:Fira Code,monospace;font-size:9px}.character-card{align-items:center;gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.character-avatar-wrapper{width:120px;height:120px;position:relative}.character-avatar-glow{background:radial-gradient(circle,var(--cyber-cyan-glow-soft)0%,var(--pulse-violet-glow-soft)50%,transparent 70%);z-index:0;border-radius:50%;animation:3s ease-in-out infinite avatar-pulse;position:absolute;inset:-8px}@keyframes avatar-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.character-avatar{z-index:1;border:3px solid var(--cyber-cyan);width:100%;height:100%;box-shadow:0 0 0 2px #00f0ff4d,0 0 20px var(--cyber-cyan-glow-soft);border-radius:50%;position:relative;overflow:hidden}.character-avatar img{object-fit:cover;width:100%;height:100%}.character-name{font-family:"Press Start 2P",monospace;font-size:var(--font-size-sm);color:#fff;text-align:center}.character-rank{align-items:center;gap:var(--space-2);display:flex}.character-rank-icon{color:var(--neon-gold)}.character-rank-name{font-family:Fira Code,monospace;font-size:var(--font-size-sm);color:var(--neon-gold);font-weight:600}.character-xp{width:100%}.character-xp-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.character-xp-label{font-family:Inter,sans-serif;font-size:var(--font-size-xs);color:var(--gray-lighter)}.character-xp-value{font-family:Fira Code,monospace;font-size:var(--font-size-xs);color:var(--neon-gold);font-weight:600}.badges-grid{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.badge-item{background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:48px;height:48px;transition:all var(--duration-normal)var(--ease-bounce);flex-direction:column;justify-content:center;align-items:center;font-size:20px;display:flex}.badge-item:hover{border-color:var(--neon-gold);box-shadow:0 0 15px var(--neon-gold-glow-soft);transform:scale(1.1)}.leaderboard-preview{gap:var(--space-2);flex-direction:column;display:flex}.leaderboard-item{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);transition:background var(--duration-fast);display:flex}.leaderboard-item:hover{background:var(--glass-bg-light)}.leaderboard-item-current{background:#ffd7001a;border:1px solid #ffd70033}.leaderboard-rank{font-family:Fira Code,monospace;font-size:var(--font-size-xs);text-align:right;width:28px;color:var(--gray-light);font-weight:600}.leaderboard-rank-current{color:var(--neon-gold)}.leaderboard-avatar{border:1px solid var(--glass-border);border-radius:50%;width:24px;height:24px;overflow:hidden}.leaderboard-avatar img{object-fit:cover;width:100%;height:100%}.leaderboard-name{font-family:Inter,sans-serif;font-size:var(--font-size-xs);color:var(--gray-lighter);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.leaderboard-name-current{color:#fff;font-weight:500}.leaderboard-xp{font-family:Fira Code,monospace;font-size:var(--font-size-xs);color:var(--gray-light);font-weight:600}.leaderboard-xp-current{color:var(--neon-gold)}.alert-banner{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal)var(--ease-cyber);display:flex}.alert-banner-gold{background:linear-gradient(135deg,#ffd70014 0%,#ffd70008 100%);border:1px solid #ffd70040}.alert-banner-gold:hover{box-shadow:0 0 20px var(--neon-gold-glow-soft);background:linear-gradient(135deg,#ffd7001f 0%,#ffd7000d 100%);border-color:#ffd70066}.alert-banner-cyan{background:linear-gradient(135deg,#00f0ff14 0%,#00f0ff08 100%);border:1px solid #00f0ff40}.alert-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.alert-icon-gold{color:var(--neon-gold);background:#ffd70026}.alert-content{flex:1;min-width:0}.alert-title{font-family:"Press Start 2P",monospace;font-size:var(--font-size-xs);color:var(--neon-gold)}.alert-subtitle{font-family:Inter,sans-serif;font-size:var(--font-size-xs);color:var(--gray-lighter);margin-top:2px}.overflow-safe{max-width:100%;overflow:hidden}.container-safe{width:100%;max-width:100%;padding-left:max(env(safe-area-inset-left),var(--space-4));padding-right:max(env(safe-area-inset-right),var(--space-4))}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}@container (min-width:400px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@container (min-width:600px){.battle-stats-bars{gap:var(--space-8)}}.tab-navigation-container{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);padding:var(--space-2)var(--space-4);margin:0 calc(var(--space-4)*-1);margin-bottom:var(--space-4);background:#0a0a0bf2;position:sticky;top:64px}@media (min-width:768px){.tab-navigation-container{-webkit-backdrop-filter:none;backdrop-filter:none;margin:0;margin-bottom:var(--space-4);background:0 0;border-bottom:none;padding:0;position:relative;top:0}}.tab-navigation{gap:var(--space-2);scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-1)0;display:flex;overflow-x:auto}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-family:var(--font-pixel);color:var(--gray-lighter);cursor:pointer;white-space:nowrap;flex-shrink:0;font-size:10px;transition:all .2s;display:flex;position:relative}.tab-button:hover{background:var(--glass-bg-medium);border-color:var(--cyber-cyan);color:var(--white)}.tab-button-active{background:linear-gradient(135deg,var(--cyber-cyan-dark),var(--pulse-violet-dark));border-color:var(--cyber-cyan);color:var(--white)}.tab-icon{font-size:14px}.tab-label{display:none}@media (min-width:480px){.tab-label{display:inline}}.tab-badge{background:var(--neon-gold);min-width:18px;height:18px;color:var(--obsidian-darkest);font-family:var(--font-mono);border-radius:9px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;animation:2s infinite pulse-glow;display:flex;position:absolute;top:-4px;right:-4px}.tab-active-indicator{background:var(--cyber-cyan);width:24px;height:3px;box-shadow:0 0 8px var(--cyber-cyan);border-radius:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.hero-sidebar{display:none}@media (min-width:768px){.hero-sidebar{top:calc(64px + var(--space-4));scrollbar-width:thin;scrollbar-color:var(--gray-medium)transparent;height:fit-content;max-height:calc(100vh - 80px);display:block;position:sticky;overflow-y:auto}}.hero-avatar-section{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-avatar-container{width:112px;height:112px;position:relative}.hero-avatar-glow{background:linear-gradient(135deg,var(--cyber-cyan),var(--pulse-violet));opacity:.3;filter:blur(20px);border-radius:50%;position:absolute;inset:0}.hero-username{font-family:var(--font-pixel);color:var(--white);margin-top:var(--space-4);text-shadow:0 0 10px var(--cyber-cyan);font-size:13px}.hero-rank-display{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.hero-rank-text{font-family:var(--font-mono);color:var(--neon-gold);font-size:14px;font-weight:600}.hero-level{font-family:var(--font-mono);color:var(--cyber-cyan);margin-top:var(--space-2);font-size:12px}.hero-xp-section{width:100%;margin-top:var(--space-4)}.hero-xp-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.hero-xp-label{font-family:var(--font-mono);color:var(--gray-lighter);font-size:11px}.hero-xp-value{font-family:var(--font-mono);color:var(--neon-gold);font-size:11px;font-weight:600}.hero-divider{background:var(--glass-border);width:100%;height:1px;margin:var(--space-4)0}.hero-badges-section{width:100%}.hero-section-title{font-family:var(--font-pixel);color:var(--gray-lighter);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);text-align:center;font-size:9px}.hero-empty-text{font-family:var(--font-sans);color:var(--gray-light);text-align:center;font-size:12px}.hero-rank-position{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--glass-bg-light);border-radius:var(--radius-md);margin-bottom:var(--space-3);display:flex}.hero-rank-position-icon{font-size:16px}.hero-rank-position-text{font-family:var(--font-pixel);color:var(--neon-gold);font-size:11px}.hero-leaderboard-section{width:100%}.hero-leaderboard-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.hero-view-all-link{font-family:var(--font-mono);color:var(--cyber-cyan);font-size:11px;text-decoration:none;transition:color .2s}.hero-view-all-link:hover{color:var(--cyber-cyan-light)}.hero-leaderboard-list{gap:var(--space-1);flex-direction:column;display:flex}.hero-leaderboard-item{align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-2);border-radius:var(--radius-md);transition:background .2s;display:flex}.hero-leaderboard-item:hover{background:var(--glass-bg-light)}.hero-leaderboard-item-current{background:linear-gradient(135deg,var(--neon-gold-dark),transparent);border:1px solid var(--neon-gold-dark)}.hero-leaderboard-rank{font-family:var(--font-mono);text-align:right;width:24px;color:var(--gray-light);flex-shrink:0;font-size:11px;font-weight:600}.hero-leaderboard-rank-current{color:var(--neon-gold)}.hero-leaderboard-avatar{border:1px solid var(--glass-border);border-radius:50%;flex-shrink:0;width:20px;height:20px;overflow:hidden}.hero-leaderboard-name{font-family:var(--font-sans);color:var(--gray-lighter);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.hero-leaderboard-name-current{color:var(--white);font-weight:500}.hero-leaderboard-xp{font-family:var(--font-mono);color:var(--gray-light);flex-shrink:0;font-size:11px;font-weight:600}.hero-leaderboard-xp-current{color:var(--neon-gold)}.tab-panel{gap:var(--space-4);flex-direction:column;display:flex}.quick-stats-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:480px){.quick-stats-grid{grid-template-columns:repeat(4,1fr)}}.quick-stat-card{text-align:center;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--glass-bg-light);border:1px solid var(--glass-border)}.quick-stat-value{font-family:var(--font-pixel);font-size:18px}.quick-stat-gold{color:var(--neon-gold);text-shadow:0 0 10px var(--neon-gold)}.quick-stat-health{color:var(--health-light)}.quick-stat-violet{color:var(--pulse-violet);text-shadow:0 0 10px var(--pulse-violet)}.quick-stat-cyan{color:var(--cyber-cyan);text-shadow:0 0 10px var(--cyber-cyan)}.quick-stat-label{font-family:var(--font-sans);color:var(--gray-lighter);margin-top:var(--space-1);font-size:12px}.badges-widget{gap:var(--space-3);flex-direction:column;display:flex}.badges-widget-header{justify-content:space-between;align-items:center;display:flex}.badges-widget-title{font-family:var(--font-pixel);color:var(--gray-lighter);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.badges-widget-link{font-family:var(--font-mono);color:var(--cyber-cyan);font-size:11px;text-decoration:none;transition:color .2s}.badges-widget-link:hover{color:var(--cyber-cyan-light)}.badges-widget-content{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.badges-widget-more{font-family:var(--font-mono);color:var(--gray-light);font-size:11px}.badges-widget-empty{font-family:var(--font-sans);color:var(--gray-light);text-align:center;padding:var(--space-4);font-size:12px}.activity-section-title{font-family:var(--font-pixel);color:var(--gray-lighter);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.monthly-breakdown-grid{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(6,1fr);display:grid}.monthly-breakdown-item{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.monthly-breakdown-bar-container{background:var(--glass-bg-light);border-radius:var(--radius-sm);align-items:flex-end;width:100%;height:80px;display:flex;overflow:hidden}.monthly-breakdown-bar{background:linear-gradient(to top,var(--cyber-cyan-dark),var(--cyber-cyan));border-radius:var(--radius-sm);width:100%;min-height:4px}.monthly-breakdown-count{font-family:var(--font-mono);color:var(--cyber-cyan);font-size:10px;font-weight:600}.monthly-breakdown-month{font-family:var(--font-mono);color:var(--gray-light);font-size:9px}.monthly-breakdown-total{font-family:var(--font-sans);color:var(--gray-lighter);text-align:center;font-size:12px}.monthly-breakdown-total-value{color:var(--cyber-cyan);font-weight:600}.rank-progress-section{margin-bottom:var(--space-4)}.rank-progress-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.rank-progress-label{font-family:var(--font-mono);color:var(--gray-lighter);font-size:11px}.rank-progress-value{font-family:var(--font-mono);color:var(--neon-gold);font-size:11px;font-weight:600}.rank-milestones-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}@media (min-width:640px){.rank-milestones-grid{grid-template-columns:repeat(8,1fr)}}.rank-milestone{padding:var(--space-2);border-radius:var(--radius-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);flex-direction:column;align-items:center;transition:all .2s;display:flex;position:relative}.rank-milestone-current{background:linear-gradient(135deg,var(--neon-gold-dark),transparent);border-color:var(--neon-gold)}.rank-milestone-passed{border-color:var(--health-dark);background:rgba(var(--health-rgb),.1)}.rank-milestone-label{font-family:var(--font-pixel);color:var(--gray-light);font-size:10px}.rank-milestone-label-current{color:var(--neon-gold);text-shadow:0 0 8px var(--neon-gold)}.rank-milestone-label-passed{color:var(--health-light)}.rank-milestone-xp{font-family:var(--font-mono);color:var(--gray-light);margin-top:var(--space-1);font-size:8px}.rank-milestone-check{background:var(--health-dark);border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;display:flex;position:absolute;top:-4px;right:-4px}.last-sync-info{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.last-sync-label{font-family:var(--font-sans);color:var(--gray-light);font-size:12px}.last-sync-value{font-family:var(--font-mono);color:var(--gray-lighter);font-size:12px}.quest-stats-bar{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.quest-stat-button{align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;transition:all .2s;display:flex;position:relative}.quest-stat-button:hover{background:var(--glass-bg-medium)}.quest-stat-button-active{border-color:var(--cyber-cyan);background:linear-gradient(135deg,var(--cyber-cyan-dark),transparent)}.quest-stat-value{font-family:var(--font-pixel);color:var(--white);font-size:16px}.quest-stat-active{color:var(--cyber-cyan)}.quest-stat-completed{color:var(--health-light)}.quest-stat-claimable{color:var(--neon-gold)}.quest-stat-label{font-family:var(--font-sans);color:var(--gray-light);font-size:10px}.quest-stat-pulse{background:var(--neon-gold);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-glow;position:absolute;top:-2px;right:-2px}.quest-log{gap:var(--space-3);flex-direction:column;display:flex}.quest-section{border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden}.quest-section-header{width:100%;padding:var(--space-3);background:var(--glass-bg-light);cursor:pointer;border:none;justify-content:space-between;align-items:center;transition:background .2s;display:flex}.quest-section-header:hover{background:var(--glass-bg-medium)}.quest-section-title-row{align-items:center;gap:var(--space-2);display:flex}.quest-section-icon{font-size:14px}.quest-section-title{font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.quest-section-title-active{color:var(--cyber-cyan)}.quest-section-title-claimable{color:var(--neon-gold)}.quest-section-title-completed{color:var(--health-light)}.quest-section-title-locked{color:var(--gray-light)}.quest-section-chevron{color:var(--gray-light);font-size:10px}.quest-section-content{gap:var(--space-2);padding:var(--space-3);flex-direction:column;padding-top:0;display:flex;overflow:hidden}.quest-empty-state{padding:var(--space-8);text-align:center;flex-direction:column;align-items:center;display:flex}.quest-empty-icon{margin-bottom:var(--space-4);font-size:48px}.quest-empty-title{font-family:var(--font-pixel);color:var(--gray-lighter);font-size:12px}.quest-empty-description{font-family:var(--font-sans);color:var(--gray-light);margin-top:var(--space-2);font-size:12px}.quest-sync-section{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.quest-sync-hint{font-family:var(--font-sans);color:var(--gray-light);font-size:11px}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.top-\[5\%\]{top:5%}.top-\[8\%\]{top:8%}.top-\[10\%\]{top:10%}.top-\[12\%\]{top:12%}.top-\[25\%\]{top:25%}.top-\[28\%\]{top:28%}.top-\[35\%\]{top:35%}.top-\[42\%\]{top:42%}.top-\[45\%\]{top:45%}.top-\[48\%\]{top:48%}.top-\[55\%\]{top:55%}.top-\[62\%\]{top:62%}.top-\[70\%\]{top:70%}.top-\[75\%\]{top:75%}.top-\[78\%\]{top:78%}.top-\[80\%\]{top:80%}.top-full{top:100%}.right-\[3\%\]{right:3%}.right-\[5\%\]{right:5%}.right-full{right:100%}.bottom-full{bottom:100%}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-\[3\%\]{left:3%}.left-\[8\%\]{left:8%}.left-\[15\%\]{left:15%}.left-\[20\%\]{left:20%}.left-\[28\%\]{left:28%}.left-\[32\%\]{left:32%}.left-\[35\%\]{left:35%}.left-\[38\%\]{left:38%}.left-\[45\%\]{left:45%}.left-\[52\%\]{left:52%}.left-\[55\%\]{left:55%}.left-\[58\%\]{left:58%}.left-\[60\%\]{left:60%}.left-\[62\%\]{left:62%}.left-\[73\%\]{left:73%}.left-\[78\%\]{left:78%}.left-\[82\%\]{left:82%}.left-\[88\%\]{left:88%}.left-full{left:100%}.z-5{z-index:5}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.container{width:100%}.mx-auto{margin-inline:auto}.ml-\[-2px\]{margin-left:-2px}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-\[7px\]{height:7px}.h-\[18px\]{height:18px}.h-\[120px\]{height:120px}.h-\[calc\(100\%-120px\)\]{height:calc(100% - 120px)}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[40px\]{min-height:40px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[56px\]{min-height:56px}.min-h-\[300px\]{min-height:300px}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-2\/3{width:66.6667%}.w-3\/4{width:75%}.w-5\/6{width:83.3333%}.w-\[2px\]{width:2px}.w-\[7px\]{width:7px}.w-full{width:100%}.max-w-\[120px\]{max-width:120px}.max-w-\[140px\]{max-width:140px}.max-w-\[360px\]{max-width:360px}.max-w-\[1200px\]{max-width:1200px}.min-w-\[18px\]{min-width:18px}.min-w-\[44px\]{min-width:44px}.min-w-\[50px\]{min-width:50px}.min-w-\[70px\]{min-width:70px}.min-w-\[90px\]{min-width:90px}.min-w-\[280px\]{min-width:280px}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[24px_1fr\]{grid-template-columns:24px 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-\[2px\]{gap:2px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-t-\[20px\]{border-top-style:var(--tw-border-style);border-top-width:20px}.border-r-4,.border-r-\[4px\]{border-right-style:var(--tw-border-style);border-right-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-b-\[20px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:20px}.border-l-4,.border-l-\[4px\]{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--critical\)\]{border-color:var(--critical)}.border-\[var\(--glass-border\)\]{border-color:var(--glass-border)}.border-\[var\(--gold-dark\)\]{border-color:var(--gold-dark)}.border-\[var\(--gold-light\)\]{border-color:var(--gold-light)}.border-\[var\(--gold-medium\)\]{border-color:var(--gold-medium)}.border-\[var\(--gray-dark\)\],.border-\[var\(--gray-dark\)\]\/50{border-color:var(--gray-dark)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--gray-dark\)\]\/50{border-color:color-mix(in oklab,var(--gray-dark)50%,transparent)}}.border-\[var\(--gray-medium\)\]{border-color:var(--gray-medium)}.border-\[var\(--mana-light\)\]{border-color:var(--mana-light)}.border-\[var\(--mana-medium\)\]{border-color:var(--mana-medium)}.border-\[var\(--void-darker\)\]{border-color:var(--void-darker)}.border-\[var\(--void-darkest\)\]{border-color:var(--void-darkest)}.border-transparent{border-color:#0000}.border-r-transparent{border-right-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\[\#0a0a0f\]{background-color:#0a0a0f}.bg-\[\#0d1117\]\/60{background-color:#0d111799;background-color:lab(4.90788% -.401467 -4.21987/.6)}.bg-\[\#0d1117\]\/90{background-color:#0d1117e6;background-color:lab(4.90788% -.401467 -4.21987/.9)}.bg-\[\#0d1117\]\/95{background-color:#0d1117f2;background-color:lab(4.90788% -.401467 -4.21987/.95)}.bg-\[\#1a1a2e\]{background-color:#1a1a2e}.bg-\[\#c0c0c0\]{background-color:silver}.bg-\[\#cd7f32\]{background-color:#cd7f32}.bg-\[var\(--critical-light\)\]{background-color:var(--critical-light)}.bg-\[var\(--critical-medium\)\]{background-color:var(--critical-medium)}.bg-\[var\(--glass-bg-dark\)\]{background-color:var(--glass-bg-dark)}.bg-\[var\(--gold-dark\)\],.bg-\[var\(--gold-dark\)\]\/20{background-color:var(--gold-dark)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--gold-dark\)\]\/20{background-color:color-mix(in oklab,var(--gold-dark)20%,transparent)}}.bg-\[var\(--gold-light\)\]{background-color:var(--gold-light)}.bg-\[var\(--gold-medium\)\]{background-color:var(--gold-medium)}.bg-\[var\(--gray-dark\)\]{background-color:var(--gray-dark)}.bg-\[var\(--gray-darkest\)\]{background-color:var(--gray-darkest)}.bg-\[var\(--gray-medium\)\]{background-color:var(--gray-medium)}.bg-\[var\(--health-dark\)\]{background-color:var(--health-dark)}.bg-\[var\(--health-light\)\]{background-color:var(--health-light)}.bg-\[var\(--health-medium\)\]{background-color:var(--health-medium)}.bg-\[var\(--mana-highlight\)\]{background-color:var(--mana-highlight)}.bg-\[var\(--mana-light\)\]{background-color:var(--mana-light)}.bg-\[var\(--mana-medium\)\]{background-color:var(--mana-medium)}.bg-\[var\(--neon-gold\)\]\/20{background-color:var(--neon-gold)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--neon-gold\)\]\/20{background-color:color-mix(in oklab,var(--neon-gold)20%,transparent)}}.bg-\[var\(--obsidian-darkest\)\]{background-color:var(--obsidian-darkest)}.bg-\[var\(--obsidian-light\)\]{background-color:var(--obsidian-light)}.bg-\[var\(--void-dark\)\]{background-color:var(--void-dark)}.bg-\[var\(--void-darker\)\]{background-color:var(--void-darker)}.bg-\[var\(--void-darkest\)\]{background-color:var(--void-darkest)}.bg-\[var\(--xp-light\)\]{background-color:var(--xp-light)}.bg-\[var\(--xp-medium\)\]{background-color:var(--xp-medium)}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[repeating-linear-gradient\(0deg\,transparent\,transparent_2px\,rgba\(0\,0\,0\,0\.1\)_2px\,rgba\(0\,0\,0\,0\.1\)_4px\)\]{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a 2px 4px)}.from-\[\#0d1117\]{--tw-gradient-from:#0d1117;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#1a1a2e\]{--tw-gradient-from:#1a1a2e;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[\#161b22\]{--tw-gradient-via:#161b22;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#16213e\]{--tw-gradient-via:#16213e;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[var\(--gray-dark\)\]\/20{--tw-gradient-via:var(--gray-dark)}@supports (color:color-mix(in lab, red, red)){.via-\[var\(--gray-dark\)\]\/20{--tw-gradient-via:color-mix(in oklab,var(--gray-dark)20%,transparent)}}.via-\[var\(--gray-dark\)\]\/20{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#0d1117\]{--tw-gradient-to:#0d1117;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#0f3460\]{--tw-gradient-to:#0f3460;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.text-center{text-align:center}.text-right{text-align:right}.text-\[6px\]{font-size:6px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[72px\]{font-size:72px}.leading-\[7px\]{--tw-leading:7px;line-height:7px}.leading-none{--tw-leading:1;line-height:1}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-\[\#c0c0c0\]{color:silver}.text-\[\#cd7f32\]{color:#cd7f32}.text-\[\#ffd700\]{color:gold}.text-\[var\(--critical\)\]{color:var(--critical)}.text-\[var\(--critical-light\)\]{color:var(--critical-light)}.text-\[var\(--cyber-cyan\)\]{color:var(--cyber-cyan)}.text-\[var\(--font-lg\)\]{color:var(--font-lg)}.text-\[var\(--font-md\)\]{color:var(--font-md)}.text-\[var\(--font-sm\)\]{color:var(--font-sm)}.text-\[var\(--font-xs\)\]{color:var(--font-xs)}.text-\[var\(--gold-dark\)\]{color:var(--gold-dark)}.text-\[var\(--gold-highlight\)\]{color:var(--gold-highlight)}.text-\[var\(--gold-light\)\]{color:var(--gold-light)}.text-\[var\(--gold-medium\)\]{color:var(--gold-medium)}.text-\[var\(--gray-dark\)\]{color:var(--gray-dark)}.text-\[var\(--gray-highlight\)\]{color:var(--gray-highlight)}.text-\[var\(--gray-light\)\]{color:var(--gray-light)}.text-\[var\(--gray-lighter\)\]{color:var(--gray-lighter)}.text-\[var\(--gray-medium\)\]{color:var(--gray-medium)}.text-\[var\(--health-light\)\]{color:var(--health-light)}.text-\[var\(--mana-light\)\]{color:var(--mana-light)}.text-\[var\(--neon-gold\)\]{color:var(--neon-gold)}.text-\[var\(--pulse-violet-light\)\]{color:var(--pulse-violet-light)}.text-\[var\(--void-darkest\)\]{color:var(--void-darkest)}.text-\[var\(--xp-light\)\]{color:var(--xp-light)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-\[0_0_15px_rgba\(52\,211\,153\,0\.5\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#34d39980);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(34\,211\,238\,0\.6\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#22d3ee99);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(217\,119\,6\,0\.3\)\,inset_0_2px_10px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#d977064d),inset 0 2px 10px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(251\,191\,36\,0\.6\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#fbbf2499);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(0\,0\,0\,0\.5\)\,inset_0_0_60px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 0 40px var(--tw-shadow-color,#00000080),inset 0 0 60px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[var\(--gold-light\)\]{--tw-ring-color:var(--gold-light)}.ring-\[var\(--gold-medium\)\]{--tw-ring-color:var(--gold-medium)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale-\[0\.5\]{--tw-grayscale:grayscale(.5);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}@media (hover:hover){.group-hover\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\:text-\[var\(--gold-light\)\]:is(:where(.group):hover *){color:var(--gold-light)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-\[var\(--gray-medium\)\]::placeholder{color:var(--gray-medium)}@media (hover:hover){.hover\:translate-x-\[-2px\]:hover{--tw-translate-x:-2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:translate-y-\[-2px\]:hover{--tw-translate-y:-2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-\[var\(--gold-light\)\]:hover{border-color:var(--gold-light)}.hover\:border-\[var\(--gold-medium\)\]:hover{border-color:var(--gold-medium)}.hover\:border-\[var\(--gray-medium\)\]:hover{border-color:var(--gray-medium)}.hover\:bg-\[var\(--critical-dark\)\]:hover{background-color:var(--critical-dark)}.hover\:bg-\[var\(--void-light\)\]:hover{background-color:var(--void-light)}.hover\:text-\[var\(--gray-highlight\)\]:hover{color:var(--gray-highlight)}.hover\:text-\[var\(--mana-light\)\]:hover{color:var(--mana-light)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-\[0_0_10px_rgba\(148\,163\,184\,0\.4\)\]:hover{--tw-shadow:0 0 10px var(--tw-shadow-color,#94a3b866);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_0_20px_rgba\(255\,215\,0\,0\.3\)\]:hover{--tw-shadow:0 0 20px var(--tw-shadow-color,#ffd7004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-\[var\(--mana-medium\)\]:focus{border-color:var(--mana-medium)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[var\(--critical-light\)\]:focus-visible{--tw-ring-color:var(--critical-light)}.focus-visible\:ring-\[var\(--gold-light\)\]:focus-visible{--tw-ring-color:var(--gold-light)}.focus-visible\:ring-\[var\(--mana-light\)\]:focus-visible{--tw-ring-color:var(--mana-light)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-\[var\(--void-darkest\)\]:focus-visible{--tw-ring-offset-color:var(--void-darkest)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}:root{--obsidian-darkest:#050507;--obsidian-darker:#0a0a0b;--obsidian-dark:#0f0f12;--obsidian-medium:#151518;--obsidian-light:#1a1a1f;--obsidian-lighter:#222228;--cyber-cyan-darkest:#003844;--cyber-cyan-dark:#067;--cyber-cyan:#00f0ff;--cyber-cyan-medium:#00d4e6;--cyber-cyan-light:#4dffff;--cyber-cyan-glow:#00f0ff80;--pulse-violet-darkest:#2d1b4e;--pulse-violet-dark:#4c2885;--pulse-violet:#8b5cf6;--pulse-violet-medium:#7c3aed;--pulse-violet-light:#a78bfa;--pulse-violet-glow:#8b5cf680;--neon-gold-darkest:#664d00;--neon-gold-dark:#997300;--neon-gold:gold;--neon-gold-medium:#e6c200;--neon-gold-light:#ffed4e;--neon-gold-highlight:#fff8dc;--neon-gold-glow:#ffd70080;--health-darkest:#0d3320;--health-dark:#166534;--health-medium:#16a34a;--health-light:#22c55e;--health-highlight:#4ade80;--health-glow:#22c55e80;--critical-darkest:#450a0a;--critical-dark:#7f1d1d;--critical-medium:#dc2626;--critical-light:#ef4444;--critical-highlight:#f87171;--critical-glow:#ef444480;--neon-pink-darkest:#500724;--neon-pink-dark:#9d174d;--neon-pink:#ff0080;--neon-pink-medium:#db2777;--neon-pink-light:#f472b6;--neon-pink-glow:#ff008080;--gray-darkest:#18181b;--gray-dark:#27272a;--gray-medium:#3f3f46;--gray-light:#52525b;--gray-lighter:#71717a;--gray-highlight:#a1a1aa;--gray-muted:#d4d4d8;--void-darkest:var(--obsidian-darkest);--void-darker:var(--obsidian-darker);--void-dark:var(--obsidian-dark);--void-medium:var(--obsidian-medium);--void-light:var(--obsidian-light);--gold-darkest:var(--neon-gold-darkest);--gold-dark:var(--neon-gold-dark);--gold-medium:var(--neon-gold-medium);--gold-light:var(--neon-gold);--gold-highlight:var(--neon-gold-light);--mana-darkest:var(--cyber-cyan-darkest);--mana-dark:var(--cyber-cyan-dark);--mana-medium:var(--cyber-cyan-medium);--mana-light:var(--cyber-cyan);--mana-highlight:var(--cyber-cyan-light);--xp-darkest:var(--pulse-violet-darkest);--xp-dark:var(--pulse-violet-dark);--xp-medium:var(--pulse-violet-medium);--xp-light:var(--pulse-violet);--xp-highlight:var(--pulse-violet-light);--glass-bg:#0a0a0bbf;--glass-bg-light:#ffffff08;--glass-border:#ffffff14;--glass-border-hover:#ffffff26;--glass-blur:16px;--glass-blur-lg:24px;--pixel-size:4px;--pixel-border:4px;--pixel-border-thick:8px;--pixel-radius:2px;--glass-radius:12px;--glass-radius-lg:16px;--glass-radius-xl:24px}body{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><rect x=\"0\" y=\"0\" width=\"8\" height=\"8\" fill=\"%2300F0FF\"/><rect x=\"2\" y=\"2\" width=\"4\" height=\"4\" fill=\"%23000\"/></svg>") 8 8,auto}button,a,[role=button],.clickable{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><rect x=\"4\" y=\"0\" width=\"8\" height=\"12\" fill=\"%238B5CF6\"/><rect x=\"6\" y=\"2\" width=\"4\" height=\"8\" fill=\"%23fff\"/></svg>") 8 8,pointer}input,textarea{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><rect x=\"7\" y=\"0\" width=\"2\" height=\"16\" fill=\"%2300F0FF\"/></svg>") 8 8,text}*{image-rendering:pixelated;image-rendering:crisp-edges}body,p,span,div{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-pixel,.font-display,h1,h2,h3{-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}html{background:var(--obsidian-darkest);color:#e4e4e7;scroll-behavior:smooth;font-family:Inter,system-ui,sans-serif}body{background:var(--obsidian-darker);background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00f0ff05 2px 4px),repeating-linear-gradient(90deg,#0000,#0000 80px,#00f0ff08 80px 81px),repeating-linear-gradient(0deg,#0000,#0000 80px,#00f0ff08 80px 81px),radial-gradient(at 50% 0,#8b5cf614 0%,#0000 50%);min-height:100vh}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px;padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.font-pixel{text-shadow:1px 1px #00000080;letter-spacing:-.3px;font-family:"Press Start 2P",monospace;line-height:1.6}.font-pixel-heading{text-shadow:2px 2px 0 var(--obsidian-darkest),3px 3px 0 #00000080;letter-spacing:.5px;font-family:"Press Start 2P",monospace}.font-mono{font-feature-settings:"liga" 1,"calt" 1;font-family:Fira Code,Consolas,monospace}.font-sans{font-family:Inter,system-ui,sans-serif}.text-glow-cyan{text-shadow:0 0 5px var(--cyber-cyan),0 0 10px var(--cyber-cyan-glow),0 0 20px var(--cyber-cyan-glow)}.text-glow-violet{text-shadow:0 0 5px var(--pulse-violet),0 0 10px var(--pulse-violet-glow),0 0 20px var(--pulse-violet-glow)}.text-glow-gold{text-shadow:0 0 5px var(--neon-gold),0 0 10px var(--neon-gold-glow),0 0 20px var(--neon-gold-glow)}.text-glow-pink{text-shadow:0 0 5px var(--neon-pink),0 0 10px var(--neon-pink-glow),0 0 20px var(--neon-pink-glow)}.text-outline-dark{text-shadow:-2px -2px 0 var(--obsidian-darkest),2px -2px 0 var(--obsidian-darkest),-2px 2px 0 var(--obsidian-darkest),2px 2px 0 var(--obsidian-darkest)}.text-outline-gold{text-shadow:-2px -2px 0 var(--neon-gold-dark),2px -2px 0 var(--neon-gold-dark),-2px 2px 0 var(--neon-gold-dark),2px 2px 0 var(--neon-gold-dark)}.text-outline-cyan{text-shadow:-1px -1px 0 var(--cyber-cyan-dark),1px -1px 0 var(--cyber-cyan-dark),-1px 1px 0 var(--cyber-cyan-dark),1px 1px 0 var(--cyber-cyan-dark)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.glass-panel:hover{border-color:var(--glass-border-hover);box-shadow:0 12px 40px #0006,inset 0 1px #ffffff14}.glass-panel-cyan{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--glass-radius);border:1px solid #00f0ff33;box-shadow:0 8px 32px #0000004d,0 0 0 1px #00f0ff1a,inset 0 1px #00f0ff1a}.glass-panel-violet{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--glass-radius);border:1px solid #8b5cf633;box-shadow:0 8px 32px #0000004d,0 0 0 1px #8b5cf61a,inset 0 1px #8b5cf61a}.glass-panel-gold{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--glass-radius);border:1px solid #ffd70033;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffd7001a,inset 0 1px #ffd7001a}.frame-stone{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--pixel-border)solid;border-color:var(--gray-light)var(--gray-darkest)var(--gray-darkest)var(--gray-light);border-radius:var(--glass-radius);box-shadow:inset 2px 2px #ffffff0d,inset -2px -2px #0000004d,0 8px 32px #0006}.frame-metal{background:linear-gradient(180deg,var(--obsidian-light)0%,var(--obsidian-dark)100%);-webkit-backdrop-filter:blur(var(--glass-blur));border:2px solid var(--gray-medium);border-radius:var(--glass-radius);box-shadow:inset 0 1px #ffffff1a,0 0 20px #00f0ff1a,0 8px 32px #0006}.frame-gold{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:2px solid var(--neon-gold);border-radius:var(--glass-radius);box-shadow:0 0 0 1px #ffd7004d,0 0 20px #ffd70033,inset 0 1px #ffd7001a,0 8px 32px #0006}.frame-mana{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:2px solid var(--cyber-cyan);border-radius:var(--glass-radius);box-shadow:0 0 0 1px #00f0ff4d,0 0 20px #00f0ff33,inset 0 1px #00f0ff1a,0 8px 32px #0006}.frame-health{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:2px solid var(--health-light);border-radius:var(--glass-radius);box-shadow:0 0 0 1px #22c55e4d,0 0 15px #22c55e33,inset 0 1px #22c55e1a,0 8px 32px #0006}.frame-critical{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:2px solid var(--critical-light);border-radius:var(--glass-radius);box-shadow:0 0 0 1px #ef44444d,0 0 15px #ef444433,inset 0 1px #ef44441a,0 8px 32px #0006}.frame-violet{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:2px solid var(--pulse-violet);border-radius:var(--glass-radius);box-shadow:0 0 0 1px #8b5cf64d,0 0 20px #8b5cf633,inset 0 1px #8b5cf61a,0 8px 32px #0006}.pixel-border{border:2px solid var(--gray-medium);border-radius:var(--pixel-radius);box-shadow:inset 1px 1px #ffffff1a,inset -1px -1px #0003}.pixel-border-double{border:2px double var(--neon-gold-medium);border-radius:var(--pixel-radius);outline:2px solid var(--obsidian-dark);outline-offset:2px}.btn-pixel{text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:"Press Start 2P",monospace;font-size:10px;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn-pixel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);border-radius:8px 8px 0 0;height:1px;position:absolute;top:2px;left:2px;right:2px}.btn-gold{background:linear-gradient(180deg,var(--neon-gold)0%,var(--neon-gold-dark)100%);color:var(--obsidian-darkest);border:2px solid var(--neon-gold);box-shadow:0 0 0 1px #ffd7004d,0 4px 15px #0006,0 0 20px #ffd70033,inset 0 1px #fff6}.btn-gold:hover{background:linear-gradient(180deg,var(--neon-gold-light)0%,var(--neon-gold)100%);transform:translateY(-2px);box-shadow:0 0 0 2px #ffd70080,0 6px 20px #00000080,0 0 30px #ffd70066,inset 0 1px #ffffff80}.btn-gold:active{transform:translateY(1px);box-shadow:0 0 0 1px #ffd7004d,0 2px 8px #0006,0 0 15px #ffd70033,inset 0 2px 4px #0003}.btn-mana{background:linear-gradient(180deg,var(--cyber-cyan-medium)0%,var(--cyber-cyan-dark)100%);color:#fff;border:2px solid var(--cyber-cyan);box-shadow:0 0 0 1px #00f0ff4d,0 4px 15px #0006,0 0 20px #00f0ff33,inset 0 1px #fff3}.btn-mana:hover{background:linear-gradient(180deg,var(--cyber-cyan)0%,var(--cyber-cyan-medium)100%);transform:translateY(-2px);box-shadow:0 0 0 2px #00f0ff80,0 6px 20px #00000080,0 0 30px #00f0ff66,inset 0 1px #ffffff4d}.btn-mana:active{transform:translateY(1px);box-shadow:0 0 0 1px #00f0ff4d,0 2px 8px #0006,0 0 15px #00f0ff33,inset 0 2px 4px #0003}.btn-health{background:linear-gradient(180deg,var(--health-light)0%,var(--health-dark)100%);color:#fff;border:2px solid var(--health-light);box-shadow:0 0 0 1px #22c55e4d,0 4px 15px #0006,0 0 15px #22c55e33,inset 0 1px #fff3}.btn-health:hover{background:linear-gradient(180deg,var(--health-highlight)0%,var(--health-light)100%);transform:translateY(-2px);box-shadow:0 0 0 2px #22c55e80,0 6px 20px #00000080,0 0 25px #22c55e66,inset 0 1px #ffffff4d}.btn-health:active{transform:translateY(1px);box-shadow:0 0 0 1px #22c55e4d,0 2px 8px #0006,inset 0 2px 4px #0003}.btn-critical{background:linear-gradient(180deg,var(--critical-light)0%,var(--critical-dark)100%);color:#fff;border:2px solid var(--critical-light);box-shadow:0 0 0 1px #ef44444d,0 4px 15px #0006,0 0 15px #ef444433,inset 0 1px #fff3}.btn-critical:hover{background:linear-gradient(180deg,var(--critical-highlight)0%,var(--critical-light)100%);transform:translateY(-2px);box-shadow:0 0 0 2px #ef444480,0 6px 20px #00000080,0 0 25px #ef444466,inset 0 1px #ffffff4d}.btn-critical:active{transform:translateY(1px);box-shadow:0 0 0 1px #ef44444d,0 2px 8px #0006,inset 0 2px 4px #0003}.btn-violet{background:linear-gradient(180deg,var(--pulse-violet)0%,var(--pulse-violet-dark)100%);color:#fff;border:2px solid var(--pulse-violet);box-shadow:0 0 0 1px #8b5cf64d,0 4px 15px #0006,0 0 20px #8b5cf633,inset 0 1px #fff3}.btn-violet:hover{background:linear-gradient(180deg,var(--pulse-violet-light)0%,var(--pulse-violet)100%);transform:translateY(-2px);box-shadow:0 0 0 2px #8b5cf680,0 6px 20px #00000080,0 0 30px #8b5cf666,inset 0 1px #ffffff4d}.btn-violet:active{transform:translateY(1px);box-shadow:0 0 0 1px #8b5cf64d,0 2px 8px #0006,inset 0 2px 4px #0003}.btn-ghost{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);color:var(--gray-highlight);border:1px solid var(--glass-border);box-shadow:0 4px 15px #0000004d}.btn-ghost:hover{color:var(--cyber-cyan);border-color:#00f0ff4d;transform:translateY(-2px);box-shadow:0 0 0 1px #00f0ff33,0 6px 20px #0006,0 0 15px #00f0ff1a}.btn-ghost:active{transform:translateY(1px);box-shadow:0 2px 8px #0006}.btn-quest{background:linear-gradient(180deg,var(--neon-gold)0%,var(--neon-gold-dark)100%);color:var(--obsidian-darkest);border:2px solid var(--neon-gold);text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px #ffffff4d;cursor:pointer;border-radius:8px;padding:14px 28px;font-family:"Press Start 2P",monospace;font-size:11px;transition:all .2s;position:relative;box-shadow:0 0 0 2px #ffd7004d,0 4px 15px #00000080,0 0 30px #ffd7004d,inset 0 1px #fff6,inset 0 -2px #0000001a}.btn-quest:before{content:"⚔";margin-right:8px}.btn-quest:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 0 0 3px #ffd70080,0 8px 25px #00000080,0 0 40px #ffd70080,inset 0 1px #ffffff80}.btn-quest:active{transform:translateY(1px)scale(.98)}.btn-pixel:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5);transform:none!important}.btn-pixel:disabled:hover{box-shadow:inherit;transform:none!important}.input-pixel{background:var(--void-darkest);border:4px solid;border-color:var(--gray-darkest)var(--gray-medium)var(--gray-medium)var(--gray-darkest);color:var(--mana-light);outline:none;padding:12px 16px;font-family:Courier New,monospace;font-size:14px;box-shadow:inset 4px 4px #0006}.input-pixel:focus{border-color:var(--mana-dark)var(--mana-light)var(--mana-light)var(--mana-dark);box-shadow:inset 4px 4px 0 #0006,0 0 0 2px var(--mana-light)}.input-pixel::placeholder{color:var(--gray-medium)}.stat-bar{background:var(--obsidian-darkest);border:1px solid var(--gray-dark);border-radius:4px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #00000080,0 1px #ffffff0d}.stat-bar-fill{border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.stat-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:2s infinite stat-bar-shine;position:absolute;top:0;left:-100%}@keyframes stat-bar-shine{0%{left:-100%}50%,to{left:100%}}.stat-bar-health .stat-bar-fill{background:linear-gradient(180deg,var(--health-highlight)0%,var(--health-light)50%,var(--health-medium)100%);box-shadow:0 0 10px var(--health-glow),inset 0 1px 0 #ffffff4d}.stat-bar-mana .stat-bar-fill{background:linear-gradient(180deg,var(--cyber-cyan-light)0%,var(--cyber-cyan)50%,var(--cyber-cyan-medium)100%);box-shadow:0 0 10px var(--cyber-cyan-glow),inset 0 1px 0 #ffffff4d}.stat-bar-xp .stat-bar-fill{background:linear-gradient(180deg,var(--neon-gold-light)0%,var(--neon-gold)50%,var(--neon-gold-medium)100%);box-shadow:0 0 10px var(--neon-gold-glow),inset 0 1px 0 #ffffff4d}.stat-bar-strength .stat-bar-fill{background:linear-gradient(180deg,var(--critical-highlight)0%,var(--critical-light)50%,var(--critical-medium)100%);box-shadow:0 0 10px var(--critical-glow),inset 0 1px 0 #ffffff4d}.stat-bar-purple .stat-bar-fill{background:linear-gradient(180deg,var(--pulse-violet-light)0%,var(--pulse-violet)50%,var(--pulse-violet-medium)100%);box-shadow:0 0 10px var(--pulse-violet-glow),inset 0 1px 0 #ffffff4d}.stat-bar-charisma .stat-bar-fill{background:linear-gradient(180deg,var(--neon-gold-light)0%,var(--neon-gold)50%,var(--neon-gold-dark)100%);box-shadow:0 0 10px var(--neon-gold-glow),inset 0 1px 0 #ffffff4d}.stat-bar-label{color:#fff;text-shadow:0 0 4px #000c,0 1px 2px #000c;white-space:nowrap;letter-spacing:.5px;font-family:Fira Code,monospace;font-size:10px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stat-bar-lg{border-radius:6px;height:24px}.stat-bar-lg .stat-bar-fill{border-radius:5px}.stat-bar-lg .stat-bar-label{font-size:12px}.stat-bar-sm{border-radius:3px;height:10px}.stat-bar-sm .stat-bar-fill{border-radius:2px}.stat-bar-segmented .stat-bar-fill{background-image:repeating-linear-gradient(90deg,#0000,#0000 8px,#0003 8px 10px)}.pixel-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:16px;transition:all .3s;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.pixel-card:hover{border-color:var(--glass-border-hover);box-shadow:0 12px 40px #0006,inset 0 1px #ffffff14}.pixel-card-gold{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:2px solid var(--neon-gold);border-radius:var(--glass-radius);padding:16px;box-shadow:0 0 0 1px #ffd70033,0 0 20px #ffd7001a,0 8px 32px #0006,inset 0 1px #ffd7001a}.pixel-card-gold:hover{box-shadow:0 0 0 2px #ffd7004d,0 0 30px #ffd70033,0 12px 40px #00000080,inset 0 1px #ffd70026}.pixel-card-cyan{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:2px solid var(--cyber-cyan);border-radius:var(--glass-radius);padding:16px;box-shadow:0 0 0 1px #00f0ff33,0 0 20px #00f0ff1a,0 8px 32px #0006,inset 0 1px #00f0ff1a}.pixel-card-violet{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:2px solid var(--pulse-violet);border-radius:var(--glass-radius);padding:16px;box-shadow:0 0 0 1px #8b5cf633,0 0 20px #8b5cf61a,0 8px 32px #0006,inset 0 1px #8b5cf61a}.pixel-avatar{image-rendering:pixelated;image-rendering:crisp-edges;border:2px solid var(--cyber-cyan);border-radius:50%;box-shadow:0 0 0 2px #00f0ff4d,0 0 15px #00f0ff4d,inset 0 0 10px #00000080}.pixel-avatar-glow{animation:3s ease-in-out infinite avatar-glow}@keyframes avatar-glow{0%,to{box-shadow:0 0 0 2px #00f0ff4d,0 0 15px #00f0ff4d,0 0 30px #00f0ff1a}50%{box-shadow:0 0 0 3px #00f0ff80,0 0 25px #00f0ff80,0 0 50px #00f0ff33,0 0 80px #8b5cf61a}}.pixel-avatar-gold{border-color:var(--neon-gold);box-shadow:0 0 0 2px #ffd7004d,0 0 15px #ffd7004d}.pixel-avatar-violet{border-color:var(--pulse-violet);box-shadow:0 0 0 2px #8b5cf64d,0 0 15px #8b5cf64d}@keyframes pixel-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-pixel-fade-in{animation:.3s steps(8,end) forwards pixel-fade-in}@keyframes pixel-slide-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.animate-pixel-slide-left{animation:.4s steps(8,end) forwards pixel-slide-left}@keyframes pixel-pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-pixel-pulse{animation:1s steps(4,end) infinite pixel-pulse}@keyframes float-up{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-40px)scale(1.2)}}.animate-float-up{animation:1s steps(16,end) forwards float-up}@keyframes chest-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.animate-chest-shake{animation:.15s steps(4,end) infinite chest-shake}@keyframes crt-on{0%{clip-path:inset(50% 0);opacity:0}50%{clip-path:inset(0% 0);opacity:.5}to{clip-path:inset(0% 0);opacity:1}}.animate-crt-on{animation:.5s steps(10,end) forwards crt-on}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}.animate-sparkle{animation:.6s steps(12,end) forwards sparkle}@keyframes pixel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pixel-spin{animation:1s steps(8,end) infinite pixel-spin}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes screen-shake{0%,to{transform:translate(0)}10%{transform:translate(-4px,2px)}20%{transform:translate(4px,-2px)}30%{transform:translate(-4px,-2px)}40%{transform:translate(4px,2px)}50%{transform:translate(-4px,-2px)}60%{transform:translate(4px,2px)}70%{transform:translate(-4px,-2px)}80%{transform:translate(4px,2px)}90%{transform:translate(-4px,-2px)}}.animate-screen-shake{animation:.4s steps(10,end) forwards screen-shake}.animate-blink{animation:1s step-end infinite blink}.inventory-slot{background:var(--void-darkest);border:4px solid var(--gray-dark);transition:all .2s steps(2,end);position:relative;box-shadow:inset 2px 2px #00000080,inset -2px -2px #ffffff0d}.inventory-slot:before{content:"";border:2px dashed var(--gray-darkest);opacity:.3;pointer-events:none;position:absolute;inset:4px}.inventory-slot-occupied{border-color:var(--gold-medium);box-shadow:inset 2px 2px 0 var(--gold-light),0 0 0 2px var(--gold-dark),0 4px 0 var(--gold-darkest)}.inventory-slot-rare{border-color:var(--mana-medium);box-shadow:inset 2px 2px 0 var(--mana-light),0 0 0 2px var(--mana-dark),0 0 8px var(--mana-light)}.inventory-slot-epic{border-color:var(--xp-medium);box-shadow:inset 2px 2px 0 var(--xp-light),0 0 0 2px var(--xp-dark),0 0 12px var(--xp-light)}body.performance-mode *{transition-duration:.1s!important;animation-duration:.1s!important}body.performance-mode:before{display:none!important}body.performance-mode .animate-pixel-pulse,body.performance-mode .animate-sparkle,body.performance-mode .pixel-avatar-glow{box-shadow:none!important;animation:none!important}.bg-starfield{background-color:var(--obsidian-darkest);background-image:radial-gradient(2px 2px at 20px 30px,var(--cyber-cyan)50%,transparent 50%),radial-gradient(2px 2px at 40px 70px,#00f0ff99 50%,transparent 50%),radial-gradient(2px 2px at 50px 160px,var(--pulse-violet)50%,transparent 50%),radial-gradient(2px 2px at 90px 40px,#8b5cf699 50%,transparent 50%),radial-gradient(2px 2px at 130px 80px,#ffffff80 50%,transparent 50%),radial-gradient(2px 2px at 160px 120px,var(--neon-gold)50%,transparent 50%),radial-gradient(1px 1px at 70px 100px,#ffffff4d 50%,transparent 50%),radial-gradient(1px 1px at 110px 150px,#00f0ff66 50%,transparent 50%);background-size:200px 200px}.bg-cyber-grid{background-color:var(--obsidian-darker);background-image:linear-gradient(#00f0ff14 1px,#0000 1px),linear-gradient(90deg,#00f0ff14 1px,#0000 1px);background-size:40px 40px}.bg-tech-grid{background-color:var(--obsidian-darker);background-image:linear-gradient(#00f0ff0a 1px,#0000 1px),linear-gradient(90deg,#00f0ff0a 1px,#0000 1px),linear-gradient(#8b5cf608 1px,#0000 1px),linear-gradient(90deg,#8b5cf608 1px,#0000 1px);background-size:40px 40px,40px 40px,80px 80px,80px 80px}.bg-dungeon{background-color:var(--obsidian-dark);background-image:linear-gradient(90deg,#00f0ff0d 1px,#0000 1px),linear-gradient(#8b5cf608 1px,#0000 1px);background-size:32px 16px}.bg-obsidian-gradient{background:linear-gradient(180deg,var(--obsidian-darkest)0%,var(--obsidian-darker)50%,var(--obsidian-dark)100%)}.bg-neon-radial{background:radial-gradient(ellipse at 50% 0%,#8b5cf626 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,#00f0ff1a 0%,transparent 40%),var(--obsidian-darker)}.bg-scanlines:before{content:"";pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a 2px 4px);position:absolute;inset:0}.bg-dither-fade{background:repeating-linear-gradient(0deg,var(--obsidian-darkest)0px,var(--obsidian-darkest)2px,var(--obsidian-darker)2px,var(--obsidian-darker)4px)}.no-select{-webkit-user-select:none;user-select:none}.pixel-shadow-sm{box-shadow:4px 4px #0006}.pixel-shadow-md{box-shadow:8px 8px #0006}.pixel-shadow-lg{box-shadow:12px 12px #0006}.glow-gold{box-shadow:0 0 0 4px var(--gold-light),0 0 0 8px var(--gold-medium),0 0 0 12px var(--gold-dark)}.glow-mana{box-shadow:0 0 0 4px var(--mana-light),0 0 0 8px var(--mana-medium),0 0 0 12px var(--mana-dark)}.glow-health{box-shadow:0 0 0 4px var(--health-light),0 0 0 8px var(--health-medium),0 0 0 12px var(--health-dark)}.frame-corners:before,.frame-corners:after{content:"";background:var(--gold-medium);width:16px;height:16px;position:absolute}.frame-corners:before{clip-path:polygon(0 0,100% 0,0 100%);top:-8px;left:-8px}.frame-corners:after{clip-path:polygon(100% 0,100% 100%,0 100%);bottom:-8px;right:-8px}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--void-darkest);border-left:4px solid var(--gray-dark)}::-webkit-scrollbar-thumb{background:var(--gray-medium);border:4px solid var(--gray-dark);border-left:4px solid var(--gray-light);border-top:4px solid var(--gray-light)}::-webkit-scrollbar-thumb:hover{background:var(--gray-light)}.modal-overlay{z-index:1000;background:#0a0a0fe6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{max-width:90vw;max-height:90vh;overflow:auto}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem;display:grid}@media (min-width:768px){.dashboard-grid{grid-template-columns:320px 1fr;gap:2rem}}@media (min-width:1280px){.dashboard-grid{grid-template-columns:350px 1fr;gap:2.5rem;padding:2rem}}.activity-heatmap-container{z-index:10;border-radius:var(--glass-radius);overflow:hidden}.dashboard-main-content{z-index:1;flex-direction:column;gap:1.5rem;display:flex;position:relative}.dashboard-sidebar{z-index:5;flex-direction:column;gap:1.5rem;display:flex;position:relative}@media (min-width:768px){.dashboard-sidebar{height:fit-content;max-height:calc(100vh - 3rem);position:sticky;top:1.5rem;overflow-y:auto}}.dashboard-content{z-index:2;flex-direction:column;gap:1.5rem;min-width:0;display:flex;position:relative}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.quest-list{flex-direction:column;gap:.75rem;display:flex}.battle-stats-grid{justify-content:center;align-items:flex-end;gap:1rem;padding:1rem 0;display:flex}@media (min-width:640px){.battle-stats-grid{gap:1.5rem}}.container-safe{width:100%;max-width:100%;margin-left:auto;margin-right:auto;overflow:hidden}@media (max-width:640px){:root{--pixel-size:2px;--pixel-border:2px;--pixel-border-thick:4px;--font-xs:10px;--font-sm:12px;--font-md:14px;--font-lg:16px;--font-xl:20px}.font-pixel{font-size:var(--font-sm)}.btn-pixel{font-size:var(--font-sm);padding:10px 16px}}@media (min-width:641px) and (max-width:1024px){:root{--font-xs:11px;--font-sm:13px;--font-md:15px;--font-lg:18px;--font-xl:22px}}@media (min-width:1025px){:root{--font-xs:12px;--font-sm:14px;--font-md:16px;--font-lg:20px;--font-xl:24px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}