:root{--color-bg:#050507;--color-surface:#0a0a0e;--color-surface-light:#12121a;--color-panel-inner:#12121699;--color-gold:#c5a059;--color-gold-hover:#ebd576;--color-gold-glow:#c5a05966;--color-blue:#4a8b99;--color-blue-hover:#6fb5c7;--color-success:#3a7a45;--color-danger:#8b1c1c;--color-danger-glow:#8b1c1c80;--color-dust:#8b7b9e;--color-text-main:#d1d1d6;--color-text-muted:#6e6e7a;--color-text-disabled:#3a3a42;--border-glass:1px solid #c5a05926;--border-highlight:1px solid #c5a05966;--border-radius-lg:4px;--border-radius-md:2px;--border-radius-sm:0px;--font-body:"Inter", sans-serif;--font-header:"Cinzel", serif;--transition-default:.3s cubic-bezier(.25, .8, .25, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-body);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;cursor:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M6,4 L24,12 L15,15 L11,24 Z' fill='%23ffffff' stroke='%23c5a059' stroke-width='1.5' filter='drop-shadow(0px 0px 3px rgba(197,160,89,0.8))'/%3E%3C/svg%3E") 6 4,auto;background-image:radial-gradient(circle at 50% 0,#15151c 0%,#050507 80%);font-size:15px;line-height:1.5;overflow:hidden}a,button,.glass-btn,.btn-small,.interactive,[role=button],input[type=button],input[type=submit],.tab-btn,.clickable,.item-slot,.loot-row,.nav-btn,.card,.boss-btn,.recipe-card,.upgrade-card,.wiki-link{cursor:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='10' fill='none' stroke='rgba(197,160,89,0.5)' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='3' fill='%23ffffff' filter='drop-shadow(0px 0px 4px %23c5a059)'/%3E%3Cpath d='M16 2 L16 6 M16 26 L16 30 M2 16 L6 16 M26 16 L30 16' stroke='%23c5a059' stroke-width='1.5'/%3E%3C/svg%3E") 16 16,pointer!important}@supports not ((-moz-appearance:none)){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0a0c;border-left:1px solid #1a1a20}::-webkit-scrollbar-thumb{background:#2a2a35;border:1px solid #111;border-radius:2px}.thin-scrollbar::-webkit-scrollbar{width:6px;height:6px}.thin-scrollbar::-webkit-scrollbar-track{background:#0a0a0c}.thin-scrollbar::-webkit-scrollbar-thumb{background:#2a2a35;border-radius:2px}}*{scrollbar-width:thin;scrollbar-color:#2a2a35 #0a0a0c}#app-container{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.fullscreen-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.vignette-overlay{pointer-events:none;z-index:10;background:radial-gradient(circle,#0000 30%,#000000f2 100%),url("data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\" opacity=\"0.03\"/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.fade-in{animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeInEffect}@keyframes fadeInEffect{0%{opacity:0;transform:scale(.98)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.fade-out{animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeOutEffect}@keyframes fadeOutEffect{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.98)translateY(-10px)}}.view-transition-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.center-layout{z-index:100;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:0;left:0}.glass-panel{border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#0a0a12bf 0%,#05050899 100%);border:1px solid #c5a05933;border-top:2px solid #c5a05959;position:relative;box-shadow:0 20px 50px #000000e6,inset 0 0 30px #000c,inset 0 1px 1px #ffffff0d}.glass-panel:before{content:"";border-radius:var(--border-radius-lg);pointer-events:none;z-index:0;position:absolute;inset:0;box-shadow:inset 0 0 100px #0006}.glass-inner-panel{border-radius:var(--border-radius-md);background:linear-gradient(#050508b3,#000000e6);border:1px solid #000c;border-top-color:#ffffff0d;padding:1rem;box-shadow:inset 0 5px 25px #000c}.glass-btn{color:var(--color-text-main);border-radius:var(--border-radius-md);font-family:var(--font-header);letter-spacing:1px;text-transform:uppercase;cursor:pointer;text-shadow:0 1px 3px #000;white-space:nowrap;will-change:transform;background:linear-gradient(160deg,#1e1e24 0%,#0d0d12 100%);border:1px solid #c5a0591a;border-top-color:#c5a05940;justify-content:center;align-items:center;gap:8px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #000c,inset 0 0 10px #0006}.glass-btn:before{content:"";background:linear-gradient(90deg,#0000,#c5a05914,#0000);width:50%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.glass-btn:hover:not(:disabled){border-color:var(--color-gold);color:var(--color-gold-hover);background:linear-gradient(160deg,#25252c 0%,#121218 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 10px 25px #000000e6,0 0 20px #c5a05940,inset 0 1px 1px #ffffff1a}.glass-btn:hover:not(:disabled):before{left:200%}.glass-btn:active:not(:disabled){transform:translateY(1px)scale(.98);box-shadow:0 2px 8px #000c,inset 0 2px 5px #0009}.glass-btn:disabled{opacity:.4;filter:grayscale();cursor:not-allowed;background:#111;border-color:#222}.glass-btn.primary{color:var(--color-gold);border-color:#c5a05980}.glass-btn.primary:hover:not(:disabled){border-color:var(--color-gold-hover);color:#fff;text-shadow:0 0 8px var(--color-gold)}.glass-btn.btn-small{padding:.3rem .8rem;font-size:.75rem}.glass-btn.btn-danger{color:var(--color-danger);border-color:#8b1c1c66}.glass-btn.btn-danger:hover:not(:disabled){border-color:var(--color-danger);color:#ff6b6b;box-shadow:0 0 20px var(--color-danger-glow)}.ui-select{border:1px solid #222;border-bottom:1px solid var(--color-gold);color:var(--color-gold);border-radius:var(--border-radius-sm);font-family:var(--font-header);transition:all var(--transition-default);background:#0a0a0c;outline:none;padding:.6rem 1rem;box-shadow:inset 0 2px 5px #000c}.ui-select:focus{border-color:var(--color-gold-hover);box-shadow:inset 0 2px 5px #000c, 0 0 10px var(--color-gold-glow)}.progress-bar-container{background:#050507;border:1px solid #222;border-radius:2px;width:100%;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #000000e6}.progress-bar-fill{transform-origin:0;background:linear-gradient(90deg, #8b1c1c 0%, #c55a20 50%, var(--color-gold) 100%);width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 0 15px #ffffff1a}.progress-bar-fill:after{content:"";pointer-events:none;background:linear-gradient(#ffffff26,#0000);border-radius:2px 2px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.progress-text{width:100%;height:100%;font-size:.65rem;font-weight:700;font-family:var(--font-header);text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;letter-spacing:.5px;color:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.table-container .progress-bar-container{height:14px}.table-container .progress-text{font-size:.55rem}.custom-tooltip{z-index:99999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;max-width:320px;font-family:var(--font-body);color:var(--color-text-main);background:#050507f2;border:1px solid #c5a0594d;border-radius:4px;padding:.8rem 1.2rem;font-size:.85rem;line-height:1.6;display:none;position:fixed;box-shadow:0 20px 40px #000000f2,0 0 30px #c5a0590d}.custom-tooltip .tooltip-title{font-family:var(--font-header);letter-spacing:1px;margin-bottom:.3rem;font-size:1.05rem;font-weight:700}.custom-tooltip .tooltip-desc{color:var(--color-text-muted);margin-bottom:.5rem;font-size:.8rem}.custom-tooltip .tooltip-stat{border-bottom:1px solid #ffffff08;justify-content:space-between;padding:.1rem 0;display:flex}.custom-tooltip .tooltip-stat:last-child{border-bottom:none}.quest-tracker-container{pointer-events:none;flex-direction:column;align-items:flex-end;z-index:999!important;display:flex!important;position:fixed!important;bottom:30px!important;right:30px!important}.quest-tracker-btn{pointer-events:auto;border:2px solid var(--color-gold);width:64px;height:64px;box-shadow:0 10px 35px #000000e6, 0 0 25px var(--color-gold-glow);transition:all var(--transition-default);cursor:pointer;background:radial-gradient(circle at 40% 35%,#1e1e2a,#0a0a0c);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:0;display:flex;position:relative}.quest-tracker-btn:before{content:"📋";filter:drop-shadow(0 2px 8px #000c);font-size:1.8rem;line-height:1;transition:transform .3s}.quest-tracker-btn:hover{border-color:var(--color-gold-hover);box-shadow:0 15px 45px #000000f2, 0 0 40px var(--color-gold-glow);transform:scale(1.08)translateY(-3px)}.quest-tracker-btn:hover:before{transform:scale(1.1)rotate(-8deg)}.quest-tracker-btn .quest-badge{background:var(--color-danger);color:#fff;min-width:24px;height:24px;font-size:.65rem;font-family:var(--font-header);box-shadow:0 0 15px var(--color-danger-glow);transition:all var(--transition-default);border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;padding:0 4px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.quest-tracker-btn .quest-badge.ready{background:var(--color-success);animation:1.5s ease-in-out infinite pulseBadge;box-shadow:0 0 15px #3a7a4599}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.quest-tracker-btn .quest-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-header);color:var(--color-text-main);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-default);letter-spacing:.5px;background:#050507f2;border:1px solid #c5a05933;border-radius:4px;padding:.6rem 1.2rem;font-size:.8rem;position:absolute;bottom:74px;right:0;transform:translateY(10px);box-shadow:0 10px 30px #000c}.quest-tracker-btn .quest-tooltip:after{content:"";border-top:8px solid #c5a05933;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:-8px;right:24px}.quest-tracker-btn:hover .quest-tooltip{opacity:1;transform:translateY(0)}.cinzel{font-family:var(--font-header)}.text-gold{color:var(--color-gold)}.text-highlight,.text-blue{color:var(--color-blue)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-dust{color:var(--color-dust)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.text-bold{font-weight:600}.text-italic{font-style:italic}.text-lg{font-size:1.15rem}.text-sm{font-size:.85rem}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-row{display:flex}.flex-column{flex-direction:column;display:flex}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.pt-1{padding-top:.5rem}.w-100{width:100%}.glow-text{font-family:var(--font-header);letter-spacing:2px;text-shadow:0 2px 4px #000000e6, 0 0 15px var(--color-gold-glow)}.epic-pulse{animation:2.5s ease-in-out infinite epicPulse}@keyframes epicPulse{0%,to{box-shadow:0 0 10px var(--color-gold-glow)}50%{box-shadow:0 0 30px var(--color-gold-glow), 0 0 60px #c5a05926}}.form-input{border-radius:var(--border-radius-md);border:1px solid #c5a05940;border-bottom:2px solid var(--color-gold);color:#f8fafc;width:100%;font-family:var(--font-body);box-sizing:border-box;transition:all var(--transition-default);background:#050508d9;outline:none;padding:.7rem 1rem;font-size:.92rem;box-shadow:inset 0 2px 6px #000c}.form-input:focus{border-color:var(--color-gold-hover);border-bottom-color:var(--color-gold-hover);box-shadow:inset 0 2px 6px #000c, 0 0 14px var(--color-gold-glow);background:#0c0c12f2}.form-input::placeholder{color:var(--color-text-muted);opacity:.65}.form-tabs{border-radius:var(--border-radius-md);background:#000000a6;border:1px solid #c5a05933;gap:6px;margin-bottom:1.25rem;padding:4px;display:flex;box-shadow:inset 0 2px 6px #0009}.form-tab-btn{border-radius:var(--border-radius-md);color:var(--color-text-muted);font-family:var(--font-header);letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-default);background:0 0;border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:.6rem .8rem;font-size:.85rem;font-weight:600;display:flex}.form-tab-btn:hover:not(.active){color:var(--color-text-main);background:#c5a05914;border-color:#c5a05940}.form-tab-btn.active{border-color:var(--color-gold);color:var(--color-gold-hover);text-shadow:0 0 8px var(--color-gold-glow);background:linear-gradient(160deg,#2a2218 0%,#120e0a 100%);box-shadow:0 0 14px #c5a0594d,inset 0 0 8px #00000080}.form-banner-error{border:1px solid var(--color-danger);color:#fca5a5;border-radius:var(--border-radius-md);box-shadow:0 0 12px var(--color-danger-glow);font-size:.85rem;font-family:var(--font-body);background:#8b1c1c40;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;display:flex}.form-banner-success{border:1px solid var(--color-success);color:#86efac;border-radius:var(--border-radius-md);font-size:.85rem;font-family:var(--font-body);background:#3a7a4540;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;display:flex;box-shadow:0 0 12px #3a7a4566}.form-divider{align-items:center;margin:1.25rem 0 1rem;display:flex}.form-divider:before,.form-divider:after{content:"";border-bottom:1px solid #c5a05940;flex:1}.form-divider-text{font-size:.75rem;font-family:var(--font-header);color:var(--color-gold);letter-spacing:2px;text-transform:uppercase;opacity:.8;padding:0 12px}.login-bg-portal{pointer-events:none;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden}.login-god-rays{aspect-ratio:1;mix-blend-mode:screen;opacity:.85;pointer-events:none;transform-origin:50%;background:conic-gradient(#0000 0deg,#c5a0590f 20deg,#0000 45deg,#c5a05914 90deg,#0000 120deg,#c5a0590d 180deg,#0000 220deg,#c5a05912 270deg,#0000 310deg);border-radius:50%;width:160vmax;height:160vmax;animation:100s linear infinite loginRaysRotate;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 10%,#00000080 40%,#0000 65%);mask-image:radial-gradient(circle,#000 10%,#00000080 40%,#0000 65%)}@keyframes loginRaysRotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.login-rune-ring{aspect-ratio:1;pointer-events:none;z-index:2;opacity:.45;filter:drop-shadow(0 0 15px #c5a0594d);transform-origin:50%;border-radius:50%;width:min(75vmin,620px);height:min(75vmin,620px);animation:80s linear infinite loginRuneSpin;position:absolute;top:50%;left:50%}@keyframes loginRuneSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.login-portal-core{aspect-ratio:1;z-index:2;pointer-events:none;transform-origin:50%;background:radial-gradient(circle,#c5a05938 0%,#c5a05914 35%,#0000 70%);border-radius:50%;width:min(85vmin,550px);height:min(85vmin,550px);animation:4s ease-in-out infinite alternate loginCorePulse;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 70%);mask-image:radial-gradient(circle,#000 20%,#0000 70%)}@keyframes loginCorePulse{0%{opacity:.6;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.login-card{z-index:10;width:100%;max-width:440px;padding:30px 36px;position:relative;border:1px solid #c5a0594d!important;border-top:2px solid var(--color-gold)!important;border-radius:var(--border-radius-lg)!important;background:linear-gradient(135deg,#0f0c14f0 0%,#050508eb 100%)!important;box-shadow:0 35px 80px #000000f2,0 0 30px #c5a0591f,inset 0 0 40px #000c!important}.float-text{pointer-events:none;font-family:var(--font-header);color:var(--color-gold);text-shadow:0 0 20px var(--color-gold-glow), 0 2px 10px #000000e6;z-index:9999;letter-spacing:1px;font-size:1.2rem;font-weight:700;animation:1.2s cubic-bezier(.16,1,.3,1) forwards floatUp;position:fixed}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(.8)}30%{opacity:1;transform:translateY(-20px)scale(1.1)}to{opacity:0;transform:translateY(-80px)scale(1)}}.toast-item{animation:.3s cubic-bezier(.34,1.56,.64,1) slideInToast}@keyframes slideInToast{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToast{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.loading-spinner{animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes error-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.error-shake{animation:.3s ease-out slideIn,.5s ease-in-out error-shake}.auth-error-box button:hover{opacity:1!important}#menu-container h1{color:#fff;text-transform:uppercase;background:linear-gradient(to bottom, #fff, var(--color-gold));-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px #000000e6);text-align:center;-webkit-background-clip:text;margin-bottom:.5rem;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.2}#menu-container .subtitle{font-family:var(--font-header);color:var(--color-danger);letter-spacing:6px;text-shadow:0 2px 4px #000c, 0 0 10px var(--color-danger-glow);text-transform:uppercase;text-align:center;margin-bottom:4rem;font-size:clamp(.9rem,2.5vw,1.25rem)}.menu-buttons{flex-direction:column;align-items:stretch;gap:16px;width:100%;max-width:320px;display:flex}.menu-btn{padding:1rem 1.5rem;font-size:1.1rem}.menu-footer{color:#555;letter-spacing:2px;text-transform:uppercase;font-size:.75rem;position:absolute;bottom:2rem}#intro-container{z-index:1000;will-change:opacity;background:radial-gradient(at 50% 40%,#1a1108 0%,#0a0808 35%,#050507 100%);transition:opacity .8s ease-out;overflow:hidden}#intro-particle-canvas{pointer-events:none;z-index:1;opacity:0;will-change:opacity;width:100%;height:100%;animation:2s ease-out forwards fadeInSimple;position:absolute;inset:0}.intro-fog-layer{pointer-events:none;z-index:2;border-radius:50%;position:absolute;inset:0}.intro-fog-layer--1{background:radial-gradient(120% 60% at 30% 60%,#c5a0590a 0%,#0000 70%);animation:8s ease-in-out infinite alternate fogDrift1}.intro-fog-layer--2{background:radial-gradient(90% 80% at 70% 40%,#643cb40d 0%,#0000 65%);animation:11s ease-in-out infinite alternate fogDrift2}.intro-fog-layer--3{background:radial-gradient(60% 40%,#c5a0590f 0%,#0000 55%);animation:6s ease-in-out infinite alternate fogDrift3}.intro-rune-ring{pointer-events:none;z-index:3;opacity:0;will-change:transform, opacity;width:75vmin;min-width:400px;max-width:700px;height:75vmin;animation:2.5s 1.2s forwards runeRingFadeIn;position:absolute}.intro-rune-svg{will-change:transform;width:100%;height:100%;animation:60s linear infinite rotateCircleReverse}.intro-rune-glyph{opacity:0;animation:3s ease-in-out infinite runeFlicker}.intro-logo-wrapper{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:90vw;display:flex;position:relative}.intro-magic-circle{opacity:0;pointer-events:none;z-index:4;will-change:transform;border:2px dashed #c5a05980;border-color:#c5a05980 #c5a05926;border-radius:50%;width:45vmin;min-width:250px;max-width:480px;height:45vmin;animation:12s linear 1.2s infinite rotateCircle,4s ease-in-out 1.2s infinite alternate outerCirclePulse,.6s 1.2s forwards fadeInSimple;position:absolute;box-shadow:inset 0 0 30px #c5a0590a}.intro-magic-circle:before{content:"";border:1px solid #c5a05914;border-color:#c5a05914 #c5a05959;border-radius:50%;animation:8s linear infinite rotateCircleReverse;position:absolute;inset:3%}.intro-magic-circle:after{content:"";border:1px dotted #c5a0591f;border-top-color:#c5a05940;border-radius:50%;animation:20s linear infinite rotateCircle;position:absolute;inset:12%;box-shadow:inset 0 0 15px #c5a0590d}.intro-book-icon{z-index:5;will-change:transform;justify-content:center;align-items:center;width:24vmin;min-width:130px;max-width:260px;height:24vmin;margin-bottom:3vmin;animation:4s ease-in-out 2s infinite bookFloat;display:flex;position:relative}.intro-svg-book{width:100%;height:100%;color:var(--color-gold);filter:drop-shadow(0 0 25px #c5a05926)drop-shadow(0 0 18px #c5a05999)drop-shadow(0 0 40px #c5a05933)}.intro-svg-book path{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:2.5s cubic-bezier(.4,0,.2,1) .9s forwards drawBook}.intro-svg-book path:nth-child(2){animation-delay:1.2s}.intro-svg-book path:nth-child(3),.intro-svg-book path:nth-child(4){animation-delay:1.5s}.intro-sparkle-star{opacity:0;transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 6px #ebd576e6);animation:1.5s cubic-bezier(.34,1.56,.64,1) 2.1s forwards scaleSparkle,1.8s ease-in-out 3.6s infinite starPulse}.intro-title{font-family:var(--font-header);letter-spacing:.35em;background:linear-gradient(to bottom, #fff, var(--color-gold));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #c5a05966)drop-shadow(0 0 30px #c5a05926);opacity:0;z-index:6;text-align:center;white-space:nowrap;-webkit-background-clip:text;margin:0;font-size:clamp(2rem,5.5vmin,3.6rem);line-height:1;animation:1.5s cubic-bezier(.25,1,.5,1) .8s forwards fadeInText;transform:translateY(12px)}.intro-subtitle{font-family:var(--font-body);letter-spacing:.55em;color:#c5a0598c;opacity:0;z-index:6;text-align:center;white-space:nowrap;margin-top:1.5vmin;margin-bottom:0;font-size:clamp(.75rem,1.8vmin,1.1rem);font-weight:600;animation:1.5s cubic-bezier(.25,1,.5,1) 1.1s forwards fadeInText;transform:translateY(10px)}.intro-loading-bar-container{opacity:0;z-index:20;background:#ffffff08;border-radius:2px;width:66vw;max-width:1200px;height:2px;animation:.8s 1s forwards fadeInSimple;position:absolute;bottom:5vh;left:50%;overflow:visible;transform:translate(-50%)}.intro-loading-bar{background:linear-gradient(90deg, #c5a05966, var(--color-gold), var(--color-gold-hover), var(--color-gold));will-change:width;background-size:200% 100%;width:0%;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:0 0 6px #c5a059cc,0 0 20px #c5a05966,0 0 40px #c5a05926}.intro-loading-bar.manual-progress{transition:width .4s cubic-bezier(.22,1,.36,1);animation:none!important}.intro-loading-bar:after{content:"";background:#ebd576;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 8px #ebd576,0 0 20px #c5a059cc}@keyframes rotateCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateCircleReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes outerCirclePulse{0%{opacity:.65}to{opacity:1}}@keyframes runeRingFadeIn{0%{opacity:0;transform:scale(.92)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes runeFlicker{0%{opacity:0}10%{opacity:.45}20%{opacity:.15}35%{opacity:.5}60%{opacity:.25}80%{opacity:.4}to{opacity:.1}}@keyframes fogDrift1{0%{opacity:.7;transform:translate(-8%,5%)scale(1)}to{opacity:1;transform:translate(8%,-5%)scale(1.1)}}@keyframes fogDrift2{0%{opacity:.5;transform:translate(5%,-8%)scale(1.05)}to{opacity:1;transform:translate(-5%,8%)scale(.95)}}@keyframes fogDrift3{0%{opacity:.6;transform:translate(0%)scale(1)}to{opacity:1;transform:translate(3%,-3%)scale(1.08)}}@keyframes drawBook{to{stroke-dashoffset:0}}@keyframes bookFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes scaleSparkle{0%{opacity:0;transform:scale(0)rotate(-20deg)}80%{transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes starPulse{0%{opacity:.85;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}to{opacity:.85;transform:scale(.95)}}@keyframes fadeInText{to{opacity:1;transform:translateY(0)}}@keyframes fadeInSimple{to{opacity:1}}@keyframes fillLoading{to{width:100%}}#hub-container{z-index:20;flex-direction:column;gap:1.8rem;width:1200px;max-width:95vw;margin:2.5rem auto;animation:.6s cubic-bezier(.4,0,.2,1) fadeInEffect;display:flex}#hub-header{border-top:2px solid var(--color-gold);background:linear-gradient(135deg,#0f0f14 0%,#1a1a24 40%,#0f0f14 100%);border-bottom:1px solid #c5a05933;justify-content:space-between;align-items:center;padding:1.8rem 2.8rem;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #000000e6,inset 0 1px #c5a0591a}#hub-header:after{content:"";pointer-events:none;background:radial-gradient(at 30%,#c5a05908,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.hub-title-group{z-index:1;align-items:center;gap:1.5rem;display:flex;position:relative}.hub-icon{width:62px;height:62px;transition:all var(--transition-default);background:radial-gradient(circle at 30% 30%,#1e1e2a,#050507);border:1px solid #c5a0594d;border-radius:4px;justify-content:center;align-items:center;font-size:2.4rem;display:flex;box-shadow:inset 0 0 15px #000000e6,0 8px 20px #0009}.hub-icon:hover{border-color:var(--color-gold-hover);box-shadow:inset 0 0 15px #000000e6, 0 0 30px var(--color-gold-glow)}.hub-title{font-family:var(--font-header);background:linear-gradient(to bottom, #fff 15%, var(--color-gold) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #000000f2);text-transform:uppercase;letter-spacing:3px;-webkit-background-clip:text;font-size:2.2rem;line-height:1.2}.hub-subtitle{font-family:var(--font-header);color:var(--color-danger);letter-spacing:6px;text-transform:uppercase;text-shadow:0 2px 4px #000c, 0 0 12px var(--color-danger-glow);font-size:.9rem}.hub-player-card{z-index:1;background:linear-gradient(135deg,#0009 0%,#0a0a0f66 100%);border:1px solid #c5a05926;border-radius:6px;align-items:center;gap:1.5rem;padding:.8rem 1.8rem .8rem 1.2rem;display:flex;position:relative;box-shadow:inset 0 0 20px #000c,0 5px 15px #00000080}.hub-avatar{border:1px solid var(--color-gold);width:60px;height:60px;box-shadow:0 0 25px var(--color-gold-glow), inset 0 0 15px #000000e6;background:radial-gradient(circle at 30% 30%,#2a2a36,#0b0b10);border-radius:8px;justify-content:center;align-items:center;font-size:1.8rem;display:flex;position:relative;overflow:hidden}.avatar-icon{z-index:2;filter:drop-shadow(0 2px 4px #000c);position:relative}.avatar-ring-rotating{z-index:1;border:1px dashed #c5a05966;border-radius:50%;animation:10s linear infinite rotateSlowly;position:absolute;inset:-5px}@keyframes rotateSlowly{to{transform:rotate(360deg)}}.hub-player-info{text-align:left;flex-direction:column;gap:4px;min-width:200px;display:flex}.hub-player-name{font-family:var(--font-header);color:var(--color-gold);letter-spacing:2px;text-shadow:0 0 15px #c5a05966;font-size:1.3rem;font-weight:700}.hub-player-stats{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-size:.75rem;display:flex}.hub-stat-divider{color:#c5a05966}.hub-xp-container{cursor:help;width:100%;margin-top:6px;position:relative}.hub-xp-bar-track{background:#000;border:1px solid #c5a05933;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #000c}.hub-xp-bar-fill{background:linear-gradient(90deg,#1a2a6c,#b21f1f,#fdbb2d) 0 0/200% 200%;height:100%;animation:3s infinite gradientFlow;position:relative}.hub-xp-bar-fill:after{content:"";background:linear-gradient(#fff6,#fff0);height:50%;position:absolute;top:0;left:0;right:0}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hub-xp-bar-label{color:var(--color-gold);font-size:.6rem;font-family:var(--font-header);letter-spacing:1px;text-shadow:0 1px 2px #000;position:absolute;top:-16px;right:0}.hub-level-ring-container{justify-content:center;align-items:center;margin-left:1rem;display:flex;position:relative}.hub-level-ring-aura{background:radial-gradient(circle,#8b1c1c4d 0%,#0000 70%);border-radius:50%;width:65px;height:65px;animation:2s ease-in-out infinite pulseAura;position:absolute}@keyframes pulseAura{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.hub-level-ring{border:2px solid var(--color-danger);width:55px;height:55px;font-family:var(--font-header);color:#fff;box-shadow:0 0 25px var(--color-danger-glow), inset 0 0 15px #000000e6;transition:all var(--transition-default);z-index:2;background:radial-gradient(circle at 40% 40%,#2a0a0a,#050507);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex;position:relative}.hub-level-ring:hover{border-color:var(--color-gold);box-shadow:0 0 35px var(--color-gold-glow);transform:scale(1.1)}.hub-tab-bar{background:#0003;border-bottom:2px solid #c5a0591f;border-radius:3px 3px 0 0;flex-wrap:wrap;gap:4px;padding:.3rem .3rem 0;display:flex}.hub-tab-btn{color:var(--color-text-muted);cursor:pointer;font-family:var(--font-header);text-transform:uppercase;letter-spacing:2px;transition:all var(--transition-default);background:linear-gradient(#0c0c10 0%,#050507 100%);border:1px solid #c5a05914;border-bottom:none;border-radius:3px 3px 0 0;align-items:center;gap:10px;padding:.9rem 2.2rem;font-size:.85rem;font-weight:600;display:flex;position:relative}.hub-tab-btn .tab-icon{filter:grayscale(.5);transition:all var(--transition-default);font-size:1.1rem}.hub-tab-btn:hover{color:var(--color-gold-hover);background:linear-gradient(#16161e 0%,#08080b 100%);border-color:#c5a05933}.hub-tab-btn:hover .tab-icon{filter:grayscale(0)}.hub-tab-btn.active{color:var(--color-gold);border-color:var(--color-gold);box-shadow:inset 0 2px 12px var(--color-gold-glow);text-shadow:0 0 8px #c5a05933;background:linear-gradient(#1d1b17 0%,#0a0a0d 100%)}.hub-tab-btn.active .tab-icon{filter:grayscale(0)}.hub-tab-btn.active:after{content:"";background:var(--color-gold);width:70%;height:2px;box-shadow:0 0 12px var(--color-gold);position:absolute;bottom:0;left:15%}#hub-content{flex:1;min-height:320px}.hub-category{animation:.4s cubic-bezier(.4,0,.2,1) fadeInEffect}.hub-grid{grid-template-columns:repeat(4,1fr);gap:1.8rem;display:grid}.hub-grid .span-2{grid-column:span 2}.hub-btn{cursor:pointer;will-change:transform;border:1px solid #c5a05926;border-top:2px solid #c5a05959;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:3.5rem 1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #000000e6,inset 0 0 40px #0009;background:linear-gradient(160deg,#181822 0%,#0d0d12 100%)!important}.hub-btn:before{content:"";background:linear-gradient(90deg,#0000,#c5a0590d,#0000);width:50%;height:100%;transition:all .7s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.hub-btn .icon{filter:drop-shadow(0 8px 15px #000000f2);z-index:2;font-size:3.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.hub-btn .cinzel{letter-spacing:3px;color:var(--color-text-main);z-index:2;font-size:1.15rem;font-weight:700;transition:all .3s;position:relative}.hub-btn .label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:2px;text-align:center;z-index:2;opacity:.6;background:#0006;border:1px solid #c5a0591a;border-radius:12px;padding:4px 10px;font-size:.75rem;transition:all .3s;position:relative}.hub-btn-glow{background:linear-gradient(90deg, transparent, var(--color-gold), #fff, var(--color-gold), transparent);opacity:0;z-index:2;background-size:200%;width:100%;height:3px;transition:opacity .3s;animation:2s linear infinite shineGlow;position:absolute;bottom:0;left:0}@keyframes shineGlow{to{background-position:200%}}.hub-btn:hover{border-color:var(--color-gold);box-shadow:0 25px 50px #000000f2, 0 0 35px var(--color-gold-glow), inset 0 0 20px #c5a0591a;border-top-color:#fff;transform:translateY(-10px)scale(1.02);background:linear-gradient(160deg,#1f1f2c 0%,#121218 100%)!important}.hub-btn:hover:before{left:200%}.hub-btn:hover .icon{filter:drop-shadow(0 0 25px var(--color-gold));transform:scale(1.2)translateY(-8px)}.hub-btn:hover .cinzel{color:var(--color-gold-hover);text-shadow:0 0 15px #fff6}.hub-btn:hover .label{opacity:1;color:var(--color-gold);background:#c5a0591a;border-color:#c5a05966}.hub-btn:hover .hub-btn-glow{opacity:1}.hub-btn.primary{border-color:#c5a0594d;border-top-color:var(--color-gold);background:linear-gradient(145deg,#221d15 0%,#0a0a0d 100%)!important}.hub-btn.primary:hover{border-color:var(--color-gold);box-shadow:0 20px 50px #000000f2, 0 0 30px var(--color-gold-glow);background:linear-gradient(145deg,#2a2217 0%,#0d0d12 100%)!important}.hub-btn.hub-btn-danger{border-color:#8b1c1c4d;border-top-color:var(--color-danger);background:linear-gradient(145deg,#200f0f 0%,#0a0a0d 100%)!important}.hub-btn.hub-btn-danger:hover{border-color:var(--color-danger);border-top-color:#d93838;box-shadow:0 20px 50px #000000f2, 0 0 30px var(--color-danger-glow)!important;background:linear-gradient(145deg,#2b1111 0%,#0d0d12 100%)!important}.hub-btn.hub-btn-danger:hover .icon{filter:drop-shadow(0 0 15px var(--color-danger))}.hub-btn.hub-btn-danger:hover .cinzel{color:#ff6b6b;text-shadow:0 0 12px #ff6b6b4d}.hub-btn.hub-btn-danger .hub-btn-glow{background:linear-gradient(90deg, transparent, var(--color-danger), transparent)}#hub-footer{border-top:1px solid #c5a05914;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:1.8rem;display:flex;position:relative}#hub-footer:before{content:"◆ ◇ ◆ ◇ ◆";color:#c5a05926;letter-spacing:6px;background:#050507;padding:0 1rem;font-size:.6rem;position:absolute;top:-.6rem;left:50%;transform:translate(-50%)}.hub-back-btn{font-size:.8rem}#hub-notifications{font-size:.85rem;font-family:var(--font-header);letter-spacing:.5px;gap:1.2rem;display:flex}#hub-notifications span{background:#0000004d;border:1px solid #c5a0591a;border-radius:2px;padding:.3rem .8rem}.hub-version{color:var(--color-text-muted);letter-spacing:2px;text-transform:uppercase;opacity:.5;font-size:.7rem}.notification-dot{background:var(--color-gold);width:10px;height:10px;box-shadow:0 0 15px var(--color-gold-glow);border-radius:50%;animation:1.5s ease-in-out infinite pulseDot;position:absolute;top:.8rem;right:.8rem}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.hub-coming-soon-overlay{z-index:50;-webkit-backdrop-filter:blur(6px)saturate(.4);pointer-events:all;cursor:default;background:radial-gradient(at 50% 40%,#0a0614b8 0%,#050507f5 70%);border:1px solid #c5a05914;border-radius:3px;justify-content:center;align-items:center;animation:.5s cubic-bezier(.4,0,.2,1) fadeInEffect;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 120px #0009}#hub-category-social{min-height:320px;position:relative}.hub-coming-soon-inner{text-align:center;background:linear-gradient(160deg,#14101ed9 0%,#08070ce6 100%);border:1px solid #c5a0592e;border-top:2px solid #c5a05980;border-radius:4px;flex-direction:column;align-items:center;gap:1.2rem;padding:3rem 4rem;display:flex;box-shadow:0 30px 80px #000000e6,0 0 40px #c5a0590f,inset 0 1px #c5a0591a}.hub-coming-soon-rune{color:var(--color-gold);opacity:.7;filter:drop-shadow(0 0 18px #c5a0598c);font-size:3.5rem;line-height:1;animation:3.5s ease-in-out infinite commingSoonFloat}@keyframes commingSoonFloat{0%,to{opacity:.65;transform:translateY(0)scale(1)}50%{opacity:.9;filter:drop-shadow(0 0 28px #c5a059cc);transform:translateY(-8px)scale(1.08)}}.hub-coming-soon-title{font-family:var(--font-header);letter-spacing:6px;text-transform:uppercase;background:linear-gradient(to bottom, #fff 10%, var(--color-gold) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 12px #000000e6);-webkit-background-clip:text;margin:0;font-size:2rem;font-weight:700;animation:4s ease-in-out infinite commingSoonTitlePulse}@keyframes commingSoonTitlePulse{0%,to{filter:drop-shadow(0 0 6px #c5a05926)}50%{filter:drop-shadow(0 0 20px #c5a05973)}}.hub-coming-soon-sub{color:var(--color-text-muted);letter-spacing:1.5px;text-transform:uppercase;opacity:.75;margin:0;font-size:.8rem;line-height:1.8}.tab-icon-img{object-fit:contain;filter:grayscale(.6)brightness(.8)drop-shadow(0 0 5px #c5a05933);width:32px;height:32px;transition:all var(--transition-default);mix-blend-mode:screen}.hub-tab-btn:hover .tab-icon-img,.hub-tab-btn.active .tab-icon-img{filter:grayscale(0)brightness(1.1)drop-shadow(0 0 10px #c5a059b3);transform:scale(1.1)}.hub-btn-img{object-fit:contain;z-index:2;filter:drop-shadow(0 5px 10px #0009);mix-blend-mode:screen;width:110px;height:110px;margin-bottom:.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.hub-btn:hover .hub-btn-img{filter:drop-shadow(0 8px 15px #000c)brightness(1.1);transform:scale(1.15)translateY(-5px)}#game-container{z-index:20;flex-direction:column;gap:1.5rem;width:1100px;max-width:95vw;margin:1.5rem auto;display:flex}#game-header{grid-template-columns:200px 1fr 200px;align-items:center;display:grid}.resource-bar-flex{border-top:2px solid var(--color-gold);background:linear-gradient(#0f0f14,#07070a);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.resource-group{flex-wrap:wrap;gap:1.5rem;display:flex}.resource-item{transition:border-color var(--transition-default);background:#050507;border:1px solid #1a1a22;border-radius:2px;align-items:center;gap:10px;padding:.5rem 1.2rem;display:flex;box-shadow:inset 0 2px 5px #000c}.resource-item:hover{border-color:#c5a0594d}.resource-label{font-family:var(--font-header);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.resource-value{font-size:1.2rem;font-weight:700;font-family:var(--font-header)}.gather-section{flex-direction:column;align-items:center;gap:1.5rem;margin:2rem 0;display:flex}#manual-gather-btn{letter-spacing:3px;text-transform:uppercase;cursor:pointer;color:var(--color-gold);will-change:transform;background:linear-gradient(160deg,#1e1e24 0%,#0d0d12 100%);border:1px solid #c5a0591a;border-top-color:#c5a05959;border-radius:6px;padding:1.8rem 4rem;font-size:1.4rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 10px 25px #000c,0 0 20px #c5a0591a,inset 0 0 15px #0009}#manual-gather-btn:before{content:"";background:linear-gradient(90deg,#0000,#c5a0591a,#0000);width:50%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}#manual-gather-btn:hover{border-color:var(--color-gold);color:#fff;box-shadow:0 15px 35px #000000f2, 0 0 35px var(--color-gold-glow), inset 0 1px 1px #ffffff1a;background:linear-gradient(160deg,#25252c 0%,#121218 100%);transform:translateY(-4px)scale(1.02)}#manual-gather-btn:hover:before{left:200%}#manual-gather-btn:active{transform:translateY(1px)scale(.98);box-shadow:0 5px 15px #000000e6,inset 0 2px 5px #0009}.panels-grid{grid-template-columns:1.8fr 1.2fr;gap:1.5rem;display:grid}.table-container{background:#050507;border:1px solid #1a1a22;max-height:280px;margin-top:1rem;overflow:auto}#clan-members-table{border-collapse:collapse;text-align:left;width:100%;min-width:500px;font-size:.9rem}#clan-members-table th,#clan-members-table td{border-bottom:1px solid #1a1a20;padding:.8rem 1rem}#clan-members-table th{font-family:var(--font-header);color:var(--color-gold);text-transform:uppercase;letter-spacing:1px;z-index:5;border-bottom:1px solid var(--color-gold);background:#0a0a0c;position:sticky;top:0}#clan-members-table tbody tr{cursor:pointer;transition:background .2s}#clan-members-table tbody tr:hover{background:#c5a0590d}.recruit-buttons{flex-direction:column;gap:12px;display:flex}#game-footer{background:#0a0a0c;border-top:1px solid #1a1a22;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem 2rem;display:flex}.status-indicator{border:1px solid #000;border-radius:50%;align-self:center;width:10px;height:10px;display:inline-block}.status-running{background-color:var(--color-success);box-shadow:0 0 10px var(--color-success)}.status-stopped{background-color:var(--color-danger);box-shadow:0 0 10px var(--color-danger)}.time-warp-fullscreen-overlay{pointer-events:none;z-index:100;background:radial-gradient(circle,#0000 40%,#00a2ff1f 80%,#c5a05914 100%);width:100vw;height:100vh;animation:3s ease-in-out infinite warp-shimmer;position:fixed;top:0;left:0;box-shadow:inset 0 0 100px #00a2ff33,inset 0 0 150px #c5a0591a}@keyframes warp-shimmer{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.time-warp-blur-filter{filter:saturate(1.1)contrast(1.05)hue-rotate(5deg);transition:filter .5s}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:2000;background:#000000d1;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s fadeInOverlay;display:flex;position:fixed;top:0;left:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-content,.modal-content-wide,.hero-modal-wide,.modal-content-small{border:1px solid #c5a05933;border-top:2px solid var(--color-gold);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#0f0c14fa 0%,#050508f2 100%);flex-direction:column;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px #000000fa,inset 0 0 60px #0009}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content{width:600px;max-width:90vw;padding:2.5rem}.modal-content-small{width:450px;max-width:90vw;padding:2.5rem}.modal-content-wide{width:850px;max-width:95vw;padding:2.5rem}.hero-modal-wide{width:1050px;max-width:95vw;max-height:90vh;padding:2.5rem}.modal-close{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-default);z-index:10;background:0 0;border:none;font-size:2rem;line-height:1;position:absolute;top:1rem;right:1.5rem}.modal-close:hover{color:var(--color-danger);text-shadow:0 0 10px var(--color-danger-glow)}.modal-title{font-family:var(--font-header);text-transform:uppercase;letter-spacing:2px;text-align:center;border-bottom:1px solid #c5a05926;flex-shrink:0;margin-bottom:.5rem;padding-bottom:1rem;padding-right:2.5rem;font-size:1.8rem}.modal-scroll-area{scrollbar-width:thin;scrollbar-color:#2a2a35 #0a0a0c;flex:1;min-height:0;padding-right:.5rem;overflow:hidden auto}.hero-modal-wide{flex-direction:column;gap:.5rem;width:1050px;max-width:95vw;max-height:90vh;padding:2rem 2.5rem;display:flex;overflow:hidden}.hero-modal-wide .modal-close{z-index:10;position:absolute;top:1rem;right:1.5rem}.hero-modal-wide .modal-title{font-family:var(--font-header);text-transform:uppercase;letter-spacing:2px;text-align:center;color:var(--color-gold);text-shadow:0 0 20px var(--color-gold-glow);border-bottom:1px solid #c5a05926;flex-shrink:0;margin-bottom:.5rem;padding-bottom:.8rem;font-size:1.8rem}.hero-split-layout{flex:1;gap:2rem;min-height:0;display:flex;overflow:hidden}.hero-avatar-panel{border-radius:var(--border-radius-md);scrollbar-width:thin;scrollbar-color:#2a2a35 #0a0a0c;background:#050507;border:1px solid #c5a05914;flex-direction:column;flex:0 0 340px;gap:.8rem;padding:1.2rem 1rem;display:flex;overflow-y:auto}.avatar-container{justify-content:center;align-items:center;width:240px;height:320px;margin:.5rem auto;display:flex;position:relative}.rune-halo{pointer-events:none;z-index:0;border:1px dashed #c5a05940;border-radius:50%;width:260px;height:260px;animation:45s linear infinite rotateHalo;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 35px #c5a0590d,inset 0 0 35px #c5a0590d}.rune-halo:before{content:"";background:radial-gradient(circle,#0000 40%,#c5a05905 100%);border:1px solid #c5a0591a;border-radius:50%;position:absolute;inset:12px}@keyframes rotateHalo{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.silhouette-svg{filter:drop-shadow(0 0 15px #c5a05959);z-index:1;width:100%;height:100%;position:relative}.equip-node{cursor:pointer;z-index:5;will-change:transform;background:radial-gradient(circle,#1b1b22 0%,#0a0a0d 100%);border:2px solid #2e2e3a;border-radius:4px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 20px #000000d9,inset 0 0 12px #000000e6,0 0 0 1px #c5a0591a}.equip-node:not(.empty){background:linear-gradient(135deg,#181822 0%,#0d0d12 100%);border-color:#333340;box-shadow:0 10px 24px #000000e6,inset 0 0 15px #000000f2,inset 0 1px 1px #ffffff0d}.equip-node:hover{box-shadow:0 0 25px var(--color-gold-glow), 0 20px 40px #000000f2, inset 0 0 20px #c5a05940;transform:translate(-50%,-50%)scale(1.15);border-color:var(--color-gold)!important}.equip-node.empty{background:#0a0a0f80!important;border-style:dashed!important;border-color:#3a3a4a!important;box-shadow:inset 0 0 15px #000c!important}.equip-node.empty:hover{border-color:var(--color-gold)!important;border-style:dashed!important}#hero-exp{font-family:var(--font-header);letter-spacing:1px;text-align:center;background:linear-gradient(#111 0%,#050508 100%);border:1px solid #c5a05926;border-top-color:#c5a0594d;border-radius:4px;flex-shrink:0;margin-bottom:.8rem;box-shadow:inset 0 2px 8px #000000e6;color:var(--color-gold)!important;padding:.4rem 1rem!important}#hero-stat-points{text-align:center;border:1px solid var(--color-gold);border-radius:var(--border-radius-sm);font-family:var(--font-header);background:#d4af370d;flex-shrink:0;margin-bottom:.8rem;padding:.4rem;box-shadow:0 0 15px #c5a0591a}.stat-row{border:1px solid #c5a05926;border-left:3px solid var(--color-gold);border-radius:var(--border-radius-sm);background:linear-gradient(135deg,#141419cc 0%,#0a0a0fe6 100%);justify-content:space-between;align-items:center;padding:.5rem .8rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 20px #0009,inset 0 1px 1px #ffffff05}.stat-row:hover{border-color:#c5a05966;transform:translateY(-2px)scale(1.01);box-shadow:0 10px 25px #000000d9,0 0 15px #c5a0591a}.stat-row .stat-diff-pos{text-shadow:0 0 10px #4ade8066;margin-left:5px;font-weight:700;color:#4ade80!important}.stat-row .stat-diff-neg{text-shadow:0 0 10px #f8717166;margin-left:5px;font-weight:700;color:#f87171!important}.btn-stat-add{cursor:pointer;border-radius:4px;padding:.1rem .6rem;font-size:.9rem;line-height:1.4;border:1px solid var(--color-gold)!important;color:var(--color-gold)!important;background:linear-gradient(#222 0%,#111 100%)!important;transition:all .2s cubic-bezier(.175,.885,.32,1.275)!important;box-shadow:0 0 8px #c5a0591a!important}.btn-stat-add:hover{transform:scale(1.15);background:var(--color-gold)!important;color:#050507!important;box-shadow:0 0 20px var(--color-gold)!important}.hero-details-panel{border-radius:var(--border-radius-md);background:#0003;border:1px solid #c5a0590d;flex-direction:column;flex:1;min-height:0;padding:.5rem .5rem .5rem .8rem;display:flex;overflow:hidden}.hero-action-buttons{flex-wrap:wrap;flex-shrink:0;gap:.8rem;margin-bottom:.8rem;display:flex}.hero-action-buttons .glass-btn{padding:.3rem 1rem;font-size:.8rem}.tab-container{border-bottom:2px solid #c5a0591f;flex-shrink:0;gap:4px;margin-bottom:.5rem;display:flex}.inv-tab-btn{color:var(--color-text-muted);cursor:pointer;font-family:var(--font-header);text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-default);background:linear-gradient(#0c0c10 0%,#050507 100%);border:1px solid #c5a05914;border-bottom:2px solid #0000;border-radius:3px 3px 0 0;padding:.4rem 1.2rem;font-size:.75rem;font-weight:600}.inv-tab-btn:hover{color:var(--color-gold-hover);background:linear-gradient(#16161e 0%,#08080b 100%);border-color:#c5a05933}.inv-tab-btn.active{color:var(--color-gold);border-color:var(--color-gold);border-bottom-color:var(--color-gold);box-shadow:inset 0 2px 12px var(--color-gold-glow);text-shadow:0 0 8px #c5a05933;background:linear-gradient(#1d1b17 0%,#0a0a0d 100%)}.bulk-actions-container{background:#00000026;border:1px solid #c5a0590d;border-radius:2px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.4rem .8rem;display:flex}.bulk-actions-container .ui-select{min-width:100px;padding:.2rem .6rem;font-size:.75rem}.bulk-actions-container .glass-btn{white-space:nowrap;padding:.2rem .8rem;font-size:.7rem}#hero-inventory-resources,#hero-inventory-equipment,#hero-inventory-loot{scrollbar-width:thin;scrollbar-color:#2a2a35 #0a0a0c;flex:1;margin-top:.3rem;padding-right:.3rem;overflow-y:auto}.inventory-item-card{border:1px solid #c5a0590f;border-left:3px solid var(--color-text-muted);transition:all var(--transition-default);background:#00000040;border-radius:2px;justify-content:space-between;align-items:center;margin-bottom:.4rem;padding:.5rem .8rem;display:flex}.inventory-item-card:hover{background:#c5a0590a;border-color:#c5a05926}.inventory-item-card .item-name{font-family:var(--font-header);cursor:help;font-size:.9rem}.inventory-item-card .item-actions{flex-shrink:0;gap:.4rem;display:flex}.inventory-item-card .item-actions .glass-btn{padding:.15rem .6rem;font-size:.65rem}.hero-modal-footer{border-top:1px solid #c5a05914;flex-shrink:0;justify-content:center;align-items:center;gap:1rem;margin-top:.3rem;padding-top:.8rem;display:flex}.hero-modal-footer .text-muted{letter-spacing:2px;font-size:.7rem}.hero-modal-footer .footer-gem{color:var(--color-gold);font-size:.8rem}@media (max-width:1024px){.hero-split-layout{flex-direction:column;overflow-y:auto}.hero-avatar-panel{flex:none;width:100%;max-height:400px}.hero-details-panel{flex:auto;min-height:300px}.hero-modal-wide{padding:1.5rem}.avatar-container{width:200px;height:280px}.equip-node{width:44px;height:44px;font-size:1rem}.bulk-actions-container{flex-wrap:wrap}.bulk-actions-container .ui-select{flex:1;min-width:80px}}@media (max-width:768px){.hero-modal-wide{padding:1.2rem}.hero-modal-wide .modal-title{font-size:1.5rem}.hero-avatar-panel{max-height:350px;padding:.8rem}.avatar-container{width:170px;height:240px}.equip-node{width:40px;height:40px;font-size:.9rem}.tab-container .inv-tab-btn{padding:.3rem .8rem;font-size:.65rem}.bulk-actions-container{flex-direction:column;align-items:stretch;gap:.3rem}.bulk-actions-container .ui-select{min-width:unset;width:100%}.bulk-actions-container .glass-btn{width:100%}.inventory-item-card{flex-wrap:wrap;gap:.3rem}.inventory-item-card .item-actions{justify-content:flex-end;width:100%}.hero-action-buttons .glass-btn{padding:.2rem .8rem;font-size:.7rem}}@media (max-width:480px){.hero-modal-wide{padding:.8rem}.hero-modal-wide .modal-title{font-size:1.2rem}.hero-avatar-panel{max-height:300px;padding:.5rem}.avatar-container{width:140px;height:200px}.equip-node{width:34px;height:34px;font-size:.7rem}.tab-container .inv-tab-btn{padding:.2rem .6rem;font-size:.55rem}#hero-exp{font-size:.7rem;padding:.2rem .5rem!important}.stat-row{padding:.2rem .5rem;font-size:.8rem}.stat-row .stat-value{font-size:.85rem}.btn-stat-add{padding:.05rem .4rem;font-size:.7rem}.inventory-item-card{padding:.3rem .5rem}.inventory-item-card .item-name{font-size:.75rem}.inventory-item-card .item-actions .glass-btn{padding:.1rem .4rem;font-size:.55rem}.hero-action-buttons .glass-btn{padding:.15rem .6rem;font-size:.6rem}.hero-modal-footer .text-muted{font-size:.55rem}}.equip-icon-img{object-fit:contain;border-radius:2px;width:100%;height:100%}.forge-resource-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.8rem;margin-bottom:1.2rem;display:grid}.forge-recipe-card{border-left:3px solid var(--color-gold);border-radius:var(--border-radius-sm);background:linear-gradient(135deg,#141419cc 0%,#0a0a0fe6 100%);border-top:1px solid #c5a05926;border-bottom:1px solid #c5a05926;border-right:1px solid #c5a05926;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding:.8rem 1.2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 15px #00000080,inset 0 1px 1px #ffffff05}.forge-recipe-card:hover{background:linear-gradient(135deg,#19191ee6 0%,#0f0f14f2 100%);border-color:#c5a05959;transform:translateY(-2px);box-shadow:0 8px 25px #000c,0 0 15px #c5a0591a}.forge-recipe-info{flex:1;min-width:0}.forge-recipe-name{font-family:var(--font-header);color:var(--color-gold);text-shadow:0 0 10px #c5a05933;font-size:1.05rem}.forge-recipe-desc{color:var(--color-text-muted);font-size:.85rem}.forge-recipe-cost{color:var(--color-text-muted);margin-top:.1rem;font-size:.8rem}.forge-craft-btn{flex-shrink:0;min-width:100px;margin-left:1rem}.forge-upgrade-card{border-left:3px solid var(--color-gold);border-radius:var(--border-radius-sm);background:linear-gradient(135deg,#141419cc 0%,#0a0a0fe6 100%);border-top:1px solid #c5a05926;border-bottom:1px solid #c5a05926;border-right:1px solid #c5a05926;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.6rem 1.2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 15px #00000080,inset 0 1px 1px #ffffff05}.forge-upgrade-card:hover{background:linear-gradient(135deg,#19191ee6 0%,#0f0f14f2 100%);border-color:#c5a05959;transform:translateY(-2px);box-shadow:0 8px 25px #000c,0 0 15px #c5a0591a}.forge-upgrade-info{flex:1;min-width:0}.forge-upgrade-name{font-family:var(--font-header);font-size:1rem}.forge-upgrade-cost{color:var(--color-text-muted);font-size:.8rem}.forge-result-success{text-align:center;border:1px solid var(--color-gold);background:#c5a0590d;border-radius:2px;margin-top:.8rem;padding:.8rem}.forge-result-error{text-align:center;color:var(--color-danger);border:1px solid var(--color-danger);background:#8b1c1c0d;border-radius:2px;margin-top:.8rem;padding:.8rem}.forge-empty-state{text-align:center;color:var(--color-text-muted);padding:1.5rem;font-style:italic}.forge-empty-state .text-sm{margin-top:.3rem;font-size:.8rem;display:block}.crafting-resource-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;margin-bottom:1rem;display:grid}.resource-chip{text-align:center;border-left:2px solid var(--color-gold);background:#00000040;padding:.4rem .6rem}.resource-chip .text-muted{text-transform:uppercase;letter-spacing:.3px;font-size:.65rem;display:block}.resource-chip .text-bold{font-size:1rem}.crafting-skill-panel{border-left:3px solid var(--color-dust);margin-bottom:1rem;padding:.8rem 1.2rem}.crafting-skill-header{justify-content:space-between;align-items:center;margin-bottom:.3rem;display:flex}.crafting-recipe-card{border-left:3px solid var(--color-gold);transition:all var(--transition-default);background:#0003;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding:.8rem 1.2rem;display:flex}.crafting-recipe-card:hover{border-left-color:var(--color-gold-hover);background:#c5a0590d}.crafting-recipe-info{flex:1;min-width:0}.crafting-recipe-name{font-family:var(--font-header);color:var(--color-gold);font-size:1.05rem}.crafting-recipe-desc{color:var(--color-text-muted);font-size:.85rem}.crafting-recipe-cost{color:var(--color-text-muted);margin-top:.1rem;font-size:.8rem}.crafting-recipe-unlock{color:var(--color-text-muted);margin-top:.1rem;font-size:.7rem}.craft-btn{flex-shrink:0;min-width:100px;margin-left:1rem}.crafting-empty-state{text-align:center;color:var(--color-text-muted);padding:2rem;font-style:italic}.crafting-empty-state .text-sm{margin-top:.3rem;font-size:.8rem;display:block}.crafting-result-success{text-align:center;border:1px solid var(--color-gold);background:#c5a0590d;border-radius:2px;margin-top:.8rem;padding:.8rem}.crafting-result-error{text-align:center;color:var(--color-danger);border:1px solid var(--color-danger);background:#8b1c1c0d;border-radius:2px;margin-top:.8rem;padding:.8rem}.relic-status-area{grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.2rem;display:grid}.relic-status-item{text-align:center;border-left:2px solid var(--color-gold);background:#0003;padding:.6rem .8rem}.relic-status-item .text-muted{text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;display:block}.relic-status-item .text-highlight{font-size:1.1rem}.relic-cooldown-panel{border-left:3px solid var(--color-gold);margin-bottom:1rem;padding:.8rem 1.2rem}.relic-cooldown-text{text-align:center;color:var(--color-text-muted);margin-bottom:.3rem;font-size:.9rem}#relic-hunt-start-btn{letter-spacing:2px;width:100%;margin-top:.5rem;padding:1rem;font-size:1.1rem}.relic-result-success{text-align:center;border:1px solid var(--color-success);background:#3a7a450d;border-radius:2px;margin-top:.8rem;padding:.8rem}.relic-result-error{text-align:center;color:var(--color-danger);border:1px solid var(--color-danger);background:#8b1c1c0d;border-radius:2px;margin-top:.8rem;padding:.8rem}.skilltree-points-display{text-align:center;border-left:3px solid var(--color-gold);background:#0003;margin-bottom:1rem;padding:.6rem 1.2rem}.skilltree-points-display .text-muted{font-size:.9rem}.skilltree-points-display .text-gold{font-size:1.3rem}.skilltree-card{transition:all var(--transition-default);background:#0003;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding:.8rem 1.2rem;display:flex}.skilltree-card:hover{background:#c5a0590d}.skilltree-info{flex:1;min-width:0}.skilltree-name{font-family:var(--font-header);font-size:1.05rem}.skilltree-desc{color:var(--color-text-muted);font-size:.85rem}.skilltree-reqs{color:var(--color-text-muted);margin-top:.1rem;font-size:.7rem}.skilltree-action{text-align:center;flex-shrink:0;min-width:70px;margin-left:1rem}.skilltree-unlocked{color:var(--color-success);font-weight:700}.skilltree-empty-state{text-align:center;color:var(--color-text-muted);padding:2rem;font-style:italic}.challenge-card{transition:all var(--transition-default);background:#0003;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding:.8rem 1.2rem;display:flex}.challenge-card:hover{background:#c5a0590d}.challenge-info{flex:1;min-width:0}.challenge-name{font-family:var(--font-header);font-size:1.05rem}.challenge-desc{color:var(--color-text-muted);font-size:.85rem}.challenge-reward{color:#9acd9a;margin-top:.1rem;font-size:.8rem}.challenge-action{text-align:center;flex-shrink:0;min-width:100px;margin-left:1rem}.challenge-completed{color:var(--color-success);font-weight:700}.challenge-hint{color:var(--color-text-muted);margin-top:.2rem;font-size:.65rem}.challenges-empty-state{text-align:center;color:var(--color-text-muted);padding:2rem;font-style:italic}.library-card{transition:all var(--transition-default);background:#0003;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding:.8rem 1.2rem;display:flex}.library-card:hover{background:#c5a0590d}.library-info{flex:1;min-width:0}.library-name{font-family:var(--font-header);font-size:1.05rem}.library-desc{color:var(--color-text-muted);font-size:.85rem}.library-cost{color:var(--color-text-muted);margin-top:.1rem;font-size:.8rem}.library-action{text-align:center;flex-shrink:0;min-width:100px;margin-left:1rem}.library-maxed{color:var(--color-success);font-weight:700}.library-empty-state{text-align:center;color:var(--color-text-muted);padding:2rem;font-style:italic}.leaderboard-stats-grid{grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1rem;display:grid}.leaderboard-stat{border-left:2px solid var(--color-gold);background:#0003;justify-content:space-between;align-items:center;padding:.5rem .9rem;display:flex}.leaderboard-stat .text-muted{font-size:.8rem}.leaderboard-stat .text-gold{font-size:1rem}.leaderboard-footer{text-align:center;border-top:1px solid #c5a0591a;padding:.8rem 0}.leaderboard-meta{border-top:1px solid #c5a0590d;flex-wrap:wrap;justify-content:space-around;gap:.5rem;margin-top:.5rem;padding:.5rem;display:flex}.leaderboard-meta .text-muted{font-size:.75rem}.leaderboard-meta .text-highlight{font-weight:700}.dialog-npc-header{border-bottom:1px solid #c5a0591a;align-items:center;gap:1rem;margin-bottom:.8rem;padding-bottom:.5rem;padding-right:2rem;display:flex}.dialog-npc-portrait{filter:drop-shadow(0 0 10px var(--color-gold-glow));font-size:2.8rem}.dialog-npc-info{flex:1}.dialog-npc-name{font-family:var(--font-header);color:var(--color-gold);font-size:1.2rem}.dialog-npc-title{color:var(--color-text-muted);font-size:.85rem}.dialog-text-content{border-left:3px solid var(--color-gold);background:#00000040;border-radius:2px;min-height:80px;padding:1rem 1.2rem;line-height:1.8}.dialog-option-btn{text-align:left;border-left:2px solid var(--color-text-muted);width:100%;transition:all var(--transition-default);background:#0003;justify-content:flex-start;margin-bottom:.5rem;padding:.8rem 1.2rem}.dialog-option-btn:hover{border-left-color:var(--color-gold);background:#c5a0590d}.dialog-close-btn{width:100%;margin-top:.5rem;padding:1rem;font-size:1.1rem}.guild-no-guild{text-align:center;color:var(--color-text-muted);padding:1rem;font-size:1.1rem}.guild-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.guild-list-container{margin-top:.5rem}.guild-list-title{font-family:var(--font-header);color:var(--color-gold);border-bottom:1px solid #c5a0591a;margin-bottom:.5rem;padding-bottom:.3rem;font-size:.9rem}.guild-list-item{border-left:2px solid var(--color-gold);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.6rem 1rem;display:flex}.guild-header{border-left:3px solid var(--color-gold);background:#0003;margin-bottom:1rem;padding:1rem 1.2rem}.guild-header-info{flex-direction:column;gap:.2rem;display:flex}.guild-name{font-family:var(--font-header);color:var(--color-gold);font-size:1.3rem}.guild-desc{color:var(--color-text-muted);font-size:.9rem}.guild-header-stats{gap:1.5rem;margin-top:.5rem;display:flex}.guild-level{color:var(--color-gold);font-weight:700}.guild-member-count{color:var(--color-text-muted)}.guild-bonus{margin-top:.3rem;font-size:.9rem}.guild-progress{margin-top:.5rem}.guild-exp-text{text-align:center;color:var(--color-text-muted);margin-top:.1rem;font-size:.7rem}.guild-actions-bar{flex-wrap:wrap;gap:.8rem;margin-bottom:1rem;display:flex}.guild-section{margin-top:1rem}.guild-section-title{font-family:var(--font-header);color:var(--color-gold);border-bottom:1px solid #c5a0591a;margin-bottom:.5rem;padding-bottom:.3rem;font-size:.9rem}.guild-member-item{border-bottom:1px solid #ffffff05;padding:.2rem .5rem}.guild-chat-message{border-bottom:1px solid #ffffff05;gap:.5rem;padding:.1rem 0;display:flex}.guild-chat-input-row{gap:.5rem;margin-top:.5rem;display:flex}.guild-chat-input-row .ui-select{flex:1;padding:.5rem}.friend-add-row{background:#0003;border-radius:2px;gap:.5rem;margin-bottom:1rem;padding:.5rem;display:flex}.friend-add-row .ui-select{flex:1;padding:.5rem}.friend-section-title{font-family:var(--font-header);color:var(--color-gold);border-bottom:1px solid #c5a0591a;margin-bottom:.5rem;padding-bottom:.3rem;font-size:.9rem}.friend-section-title.muted{color:var(--color-text-muted);border-bottom-color:#ffffff08}.friend-item{border-left:2px solid var(--color-gold);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem 1rem;display:flex}.friend-item.pending{border-left-color:var(--color-gold)}.friend-item.active{border-left-color:var(--color-success)}.friend-item.sent{border-left-color:var(--color-text-muted);opacity:.5}.friend-empty{color:var(--color-text-muted);text-align:center;padding:1rem;font-style:italic}.chat-message{border-left:2px solid var(--color-text-muted);background:#00000026;gap:.5rem;margin-bottom:.2rem;padding:.3rem .8rem;display:flex}.chat-message.self{border-left-color:var(--color-gold);background:#c5a0590d}.chat-time{color:var(--color-text-muted);min-width:60px;font-size:.7rem}.chat-player{color:var(--color-highlight);font-weight:700}.chat-message.self .chat-player{color:var(--color-gold)}.chat-text{color:var(--color-text-main);word-break:break-word}.chat-empty{color:var(--color-text-muted);text-align:center;padding:1rem;font-style:italic}.chat-input-row{gap:.5rem;margin-top:.5rem;display:flex}.chat-input-row .ui-select{flex:1;padding:.5rem}.quest-modal-title{font-family:var(--font-header);text-transform:uppercase;letter-spacing:2px;text-align:center;color:var(--color-gold);text-shadow:0 0 20px var(--color-gold-glow);border-bottom:1px solid #c5a05926;margin-bottom:.5rem;padding-bottom:1rem;padding-right:2.5rem;font-size:1.8rem}.quest-tab-container{justify-content:center;gap:6px;margin:.5rem 0 1rem;display:flex}.quest-tab-btn{color:var(--color-text-muted);cursor:pointer;font-family:var(--font-header);text-transform:uppercase;letter-spacing:1.5px;transition:all var(--transition-default);background:linear-gradient(#0c0c10 0%,#050507 100%);border:1px solid #c5a05914;border-bottom:2px solid #0000;border-radius:3px 3px 0 0;padding:.6rem 1.8rem;font-size:.8rem;font-weight:600}.quest-tab-btn:hover{color:var(--color-gold-hover);background:linear-gradient(#16161e 0%,#08080b 100%);border-color:#c5a05933}.quest-tab-btn.active{color:var(--color-gold);border-color:var(--color-gold);border-bottom-color:var(--color-gold);box-shadow:inset 0 2px 12px var(--color-gold-glow);text-shadow:0 0 8px #c5a05933;background:linear-gradient(#1d1b17 0%,#0a0a0d 100%)}.quest-card{border:1px solid #c5a05926;border-left:3px solid var(--color-text-muted);border-radius:var(--border-radius-sm);background:linear-gradient(135deg,#141419cc 0%,#0a0a0fe6 100%);justify-content:space-between;align-items:center;margin-bottom:.6rem;padding:.8rem 1.2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 15px #00000080,inset 0 1px 1px #ffffff05}.quest-card:hover{background:linear-gradient(135deg,#19191ee6 0%,#0f0f14f2 100%);border-color:#c5a05959;transform:translateY(-2px);box-shadow:0 8px 25px #000c,0 0 15px #c5a0591a}.quest-card.ready{border-left-color:var(--color-gold);background:linear-gradient(135deg,#1e190fe6 0%,#0f0a05f2 100%);box-shadow:0 5px 20px #c5a05926,inset 0 1px 1px #c5a0591a}.quest-card.ready .quest-title{text-shadow:0 0 15px #c5a05966;color:var(--color-gold)!important}.quest-card.ready:hover{background:linear-gradient(135deg,#281e0ff2 0%,#140f05fa 100%);box-shadow:0 10px 30px #c5a05940,inset 0 1px 1px #c5a05933}.quest-card.active{border-left-color:var(--color-blue)}.quest-card.active .quest-title{color:var(--color-blue)!important}.quest-card.locked{opacity:.5;border-left-color:var(--color-text-muted);filter:grayscale(.3)}.quest-card.locked .quest-title{color:var(--color-text-muted)!important}.quest-card.claimed{border-left-color:var(--color-success);opacity:.7}.quest-card.claimed .quest-title{color:var(--color-success)!important}.quest-info{flex:1;min-width:0}.quest-title{font-family:var(--font-header);color:var(--color-text-main);transition:color var(--transition-default);font-size:1rem}.quest-reward{color:var(--color-text-muted);margin-top:.1rem;font-size:.8rem}.quest-reward .text-gold{color:var(--color-gold)}.quest-progress{max-width:250px;margin-top:.4rem}.quest-progress .progress-bar-container{height:14px}.quest-progress .progress-text{font-size:.6rem}.quest-action{text-align:center;flex-shrink:0;min-width:80px;margin-left:1rem}.quest-action .glass-btn{padding:.3rem .8rem;font-size:.75rem}.quest-action .glass-btn:disabled{opacity:.4;cursor:not-allowed}.quest-status-text{text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.quest-status-text.active{color:var(--color-blue)}.quest-status-text.ready{color:var(--color-gold)}.quest-status-text.claimed{color:var(--color-success)}.quest-status-text.locked{color:var(--color-text-muted)}.quest-empty-state{text-align:center;color:var(--color-text-muted);border:1px dashed #c5a0591a;border-radius:2px;padding:2.5rem 1rem;font-style:italic}.quest-empty-state .quest-empty-icon{margin-bottom:.5rem;font-size:2.5rem;display:block}.quest-empty-state .quest-empty-text{font-size:1rem}.quest-empty-state .quest-empty-hint{color:var(--color-text-muted);margin-top:.3rem;font-size:.8rem}@media (max-width:600px){.quest-card{flex-direction:column;align-items:stretch;gap:.5rem}.quest-action{text-align:right;margin-left:0}.quest-tab-btn{padding:.4rem 1rem;font-size:.7rem}.quest-modal-title{font-size:1.4rem}.quest-progress{max-width:100%}}@media (max-width:400px){.quest-tab-btn{letter-spacing:.5px;padding:.3rem .6rem;font-size:.6rem}.quest-card{padding:.6rem .8rem}.quest-title{font-size:.85rem}}.achievement-modal-title{font-family:var(--font-header);text-transform:uppercase;letter-spacing:2px;text-align:center;color:var(--color-gold);text-shadow:0 0 20px var(--color-gold-glow);border-bottom:1px solid #c5a05926;margin-bottom:.5rem;padding-bottom:1rem;font-size:1.8rem}.achievement-modal-subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:1rem;font-size:.9rem;font-style:italic}.achievement-card{border:1px solid #c5a0590f;border-left:3px solid var(--color-text-muted);transition:all var(--transition-default);background:#00000040;border-radius:2px;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding:.8rem 1.2rem;display:flex}.achievement-card:hover{background:#c5a0590a;border-color:#c5a05926;transform:translateY(-1px)}.achievement-card.achieved{border-left-color:var(--color-gold);background:#c5a0590d;box-shadow:0 0 20px #c5a0590d}.achievement-card.achieved .achievement-title{text-shadow:0 0 10px #c5a05926;color:var(--color-gold)!important}.achievement-card.achieved:hover{background:#c5a05914;box-shadow:0 0 30px #c5a0591a}.achievement-card.claimed{border-left-color:var(--color-success);opacity:.7}.achievement-card.claimed .achievement-title{color:var(--color-success)!important}.achievement-card.locked{opacity:.5;border-left-color:var(--color-text-muted);filter:grayscale(.3)}.achievement-card.locked .achievement-title{color:var(--color-text-muted)!important}.achievement-info{flex:1;min-width:0}.achievement-title{font-family:var(--font-header);color:var(--color-text-main);transition:color var(--transition-default);font-size:1rem}.achievement-reward{color:var(--color-text-muted);margin-top:.1rem;font-size:.8rem}.achievement-reward .text-gold{color:var(--color-gold)}.achievement-progress{max-width:250px;margin-top:.4rem}.achievement-progress .progress-bar-container{height:14px}.achievement-progress .progress-text{font-size:.6rem}.achievement-action{text-align:center;flex-shrink:0;min-width:80px;margin-left:1rem}.achievement-action .glass-btn{padding:.3rem .8rem;font-size:.75rem}.achievement-action .glass-btn:disabled{opacity:.4;cursor:not-allowed}.achievement-status-text{text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.achievement-status-text.ready{color:var(--color-gold)}.achievement-status-text.claimed{color:var(--color-success)}.achievement-status-text.locked{color:var(--color-text-muted)}.achievement-card.flash-gold{animation:.6s flashGold}@keyframes flashGold{0%{box-shadow:0 0 #c5a05900}30%{box-shadow:0 0 60px #c5a059cc,0 0 120px #c5a05966}to{box-shadow:0 0 #c5a05900}}body.screen-shake{animation:.3s shakeScreen}@keyframes shakeScreen{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.achievement-empty-state{text-align:center;color:var(--color-text-muted);border:1px dashed #c5a0591a;border-radius:2px;padding:2.5rem 1rem;font-style:italic}.achievement-empty-state .achievement-empty-icon{margin-bottom:.5rem;font-size:2.5rem;display:block}.achievement-empty-state .achievement-empty-text{font-size:1rem}.achievement-empty-state .achievement-empty-hint{color:var(--color-text-muted);margin-top:.3rem;font-size:.8rem}@media (max-width:600px){.achievement-card{flex-direction:column;align-items:stretch;gap:.5rem}.achievement-action{text-align:right;margin-left:0}.achievement-progress{max-width:100%}.achievement-modal-title{font-size:1.4rem}}@media (max-width:400px){.achievement-card{padding:.6rem .8rem}.achievement-title{font-size:.85rem}}.story-modal-title{font-family:var(--font-header);text-transform:uppercase;letter-spacing:2px;text-align:center;color:var(--color-gold);text-shadow:0 0 20px var(--color-gold-glow);border-bottom:1px solid #c5a05926;flex-shrink:0;margin-bottom:.5rem;padding-bottom:.8rem;font-size:1.8rem}.chapter-unlock-banner{border:1px solid var(--color-gold);color:var(--color-gold-hover);font-family:var(--font-header);text-align:center;letter-spacing:2px;text-shadow:0 0 15px var(--color-gold-glow);background:linear-gradient(90deg,#c5a05926,#d4af3759,#c5a05926);border-radius:4px;margin-bottom:.8rem;padding:.8rem 1.5rem;font-size:1.1rem;animation:1.2s ease-in-out infinite alternate chapterBannerPulse}@keyframes chapterBannerPulse{0%{box-shadow:0 0 10px #d4af3733}to{box-shadow:0 0 25px #d4af3799}}.story-chapter-nav{border:1px solid #c5a05914;border-left:3px solid var(--color-gold);background:#0000004d;border-radius:2px;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.6rem 1.2rem;display:flex}.story-chapter-nav .glass-btn{min-width:40px;padding:.3rem .8rem;font-size:.8rem}.story-chapter-nav .chapter-title{font-family:var(--font-header);color:var(--color-gold);text-shadow:0 0 10px var(--color-gold-glow);letter-spacing:1px;font-size:1.1rem}.story-chapter-nav .glass-btn:disabled{opacity:.3;cursor:not-allowed}.story-boss-list{scrollbar-width:thin;scrollbar-color:#2a2a35 #0a0a0c;flex-direction:column;gap:.4rem;max-height:200px;margin-bottom:1rem;padding-right:.3rem;display:flex;overflow-y:auto}.story-boss-entry{border:1px solid #c5a0590f;border-left:3px solid var(--color-text-muted);transition:all var(--transition-default);background:#0003;border-radius:2px;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.story-boss-entry:hover{background:#c5a0590a;border-color:#c5a05926}.story-boss-entry .boss-name{font-family:var(--font-header);color:var(--color-text-main);font-size:.9rem}.story-boss-entry .boss-name .boss-crown{margin-left:.3rem;font-size:.8rem}.story-boss-entry .boss-status{text-transform:uppercase;letter-spacing:.5px;border-radius:2px;padding:.15rem .6rem;font-size:.75rem;font-weight:600}.story-boss-entry .boss-status.defeated{color:var(--color-success);background:#3a7a451a}.story-boss-entry .boss-status.current{color:var(--color-danger);text-shadow:0 0 10px var(--color-danger-glow);background:#8b1c1c1a}.story-boss-entry .boss-status.pending{color:var(--color-text-muted)}.story-boss-entry.defeated{border-left-color:var(--color-success)}.story-boss-entry.current{border-left-color:var(--color-danger);background:#8b1c1c0a}.story-boss-entry.pending{border-left-color:var(--color-text-muted);opacity:.6}.story-locked-overlay{-webkit-backdrop-filter:blur(4px);background:#000000d9;border:1px solid #c5a0590d;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:none}.story-locked-overlay .lock-icon{margin-bottom:.5rem;font-size:3rem}.story-locked-overlay .lock-title{font-family:var(--font-header);color:var(--color-text-muted);letter-spacing:2px;font-size:1.2rem}.story-locked-overlay .lock-hint{color:var(--color-text-muted);margin-top:.3rem;font-size:.85rem}.story-current-boss{border:1px solid #c5a05914;border-left:3px solid var(--color-danger);background:#00000040;border-radius:2px;flex-shrink:0;margin-top:.5rem;padding:1rem 1.2rem}.story-current-boss .boss-header{text-align:center;font-family:var(--font-header);color:var(--color-text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:.3rem;font-size:.75rem}.story-current-boss .boss-name-display{font-family:var(--font-header);color:var(--color-danger);text-shadow:0 0 15px var(--color-danger-glow);text-align:center;margin-bottom:.8rem;font-size:1.3rem}.story-current-boss .boss-stats-grid{grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:.8rem;display:grid}.story-current-boss .boss-stat{text-align:center;background:#0003;border:1px solid #c5a0590d;border-radius:2px;padding:.4rem .6rem}.story-current-boss .boss-stat .stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;display:block}.story-current-boss .boss-stat .stat-value{color:var(--color-text-main);font-size:1.1rem;font-weight:700}.story-current-boss .boss-stat .stat-value.hp{color:var(--color-danger)}.story-current-boss .boss-stat .stat-value.atk{color:#ff8a5c}.story-current-boss .boss-stat .stat-value.def{color:var(--color-blue)}.story-fight-result{text-align:center;min-height:2.5rem;margin-top:.5rem}.story-fight-result .result-box{font-weight:700;font-family:var(--font-header);letter-spacing:.5px;border-radius:2px;padding:.6rem 1rem}.story-fight-result .result-box.victory{color:var(--color-gold);border:1px solid var(--color-gold);text-shadow:0 0 15px var(--color-gold-glow);background:#c5a05914}.story-fight-result .result-box.defeat{color:var(--color-danger);border:1px solid var(--color-danger);text-shadow:0 0 15px var(--color-danger-glow);background:#8b1c1c14}.story-fight-btn{letter-spacing:2px;width:100%;font-size:1.1rem;font-family:var(--font-header);text-transform:uppercase;margin-top:.5rem;padding:1rem}.story-fight-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.story-modal-title{font-size:1.4rem}.story-chapter-nav{flex-wrap:wrap;justify-content:center;gap:.5rem}.story-chapter-nav .chapter-title{text-align:center;font-size:.9rem}.story-current-boss .boss-stats-grid{grid-template-columns:1fr 1fr}.story-current-boss .boss-name-display{font-size:1.1rem}.story-boss-entry{flex-wrap:wrap;gap:.3rem}.story-boss-entry .boss-status{font-size:.65rem}}@media (max-width:480px){.story-modal-title{font-size:1.2rem}.story-chapter-nav .glass-btn{min-width:30px;padding:.2rem .6rem;font-size:.7rem}.story-current-boss .boss-stats-grid{grid-template-columns:1fr 1fr;gap:.3rem}.story-current-boss .boss-stat .stat-value{font-size:.9rem}.story-fight-btn{padding:.8rem;font-size:.9rem}.story-locked-overlay .lock-icon{font-size:2.2rem}}body.path-guardian{--color-primary:#d4af37;--color-primary-glow:#d4af3766;--color-primary-hover:#f1e09a;--color-ambient-fog:#d4af370d;--border-path:1px solid #d4af3740;--bg-path-panel:#14120cd9;--path-shadow:0 0 25px #d4af3726}body.path-shadow{--color-primary:#b432ff;--color-primary-glow:#b432ff66;--color-primary-hover:#d28cff;--color-ambient-fog:#641ec80f;--border-path:1px solid #b432ff40;--bg-path-panel:#0f0a19d9;--path-shadow:0 0 30px #b432ff26}body.path-lone{--color-primary:#a9a9b3;--color-primary-glow:#a9a9b34d;--color-primary-hover:#d1d1d6;--color-ambient-fog:#a9a9b30a;--border-path:1px dashed #a9a9b333;--bg-path-panel:#121214d9;--path-shadow:0 0 20px #a9a9b31a}body.prestige-amplified.path-guardian{--color-ambient-fog:#d4af371f;--path-shadow:0 0 40px #d4af3740}body.prestige-amplified.path-shadow{--color-ambient-fog:#641ec826;--path-shadow:0 0 50px #b432ff40}body.prestige-amplified.path-lone{--color-ambient-fog:#a9a9b314;--path-shadow:0 0 35px #a9a9b326}body:not(.path-guardian):not(.path-shadow):not(.path-lone){--color-primary:var(--color-gold);--color-primary-glow:var(--color-gold-glow);--color-primary-hover:var(--color-gold-hover);--color-ambient-fog:#c5a0590d;--border-path:1px solid #c5a05933;--bg-path-panel:#0a0a0ed9;--path-shadow:0 0 20px #00000080}.path-ambient-overlay{pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 30%, var(--color-ambient-fog) 0%, transparent 60%);mix-blend-mode:screen;animation:8s ease-in-out infinite alternate ambientPulse;position:fixed;inset:0}@keyframes ambientPulse{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.story-vignette{pointer-events:none;z-index:50;opacity:0;transition:opacity var(--transition-default);background:radial-gradient(circle,#0000 50%,#000000d9 100%);position:fixed;inset:0}.story-vignette.active{opacity:1}.cinematic-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);opacity:0;background:#050507f2;flex-direction:column;justify-content:center;align-items:center;animation:.7s cubic-bezier(.2,.8,.2,1) forwards cinEnter;display:flex;position:fixed;inset:0}.cinematic-overlay.cin-exit{pointer-events:none;animation:.45s cubic-bezier(.4,0,1,1) forwards cinExit}@keyframes cinEnter{0%{opacity:0}to{opacity:1}}@keyframes cinExit{0%{opacity:1}to{opacity:0}}.cinematic-bars:before,.cinematic-bars:after{content:"";z-index:9010;pointer-events:none;background:#000;width:100%;height:11vh;transition:transform .9s cubic-bezier(.4,0,.2,1);position:fixed;left:0}.cinematic-bars:before{top:0;transform:translateY(-100%)}.cinematic-bars:after{bottom:0;transform:translateY(100%)}.cinematic-bars.cinematic-active:before,.cinematic-bars.cinematic-active:after{transform:translateY(0)}.cinematic-overlay.cin-exit.cinematic-bars:before{transition-duration:.4s;transform:translateY(-100%)}.cinematic-overlay.cin-exit.cinematic-bars:after{transition-duration:.4s;transform:translateY(100%)}.cinematic-content{z-index:9005;opacity:0;animation:.75s cubic-bezier(.2,.8,.2,1) .35s forwards cinContentIn;position:relative;transform:translateY(18px)}@keyframes cinContentIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.cin-portrait{opacity:0;animation:.7s cubic-bezier(.34,1.4,.64,1) .45s forwards cinPortraitIn;transform:scale(.7)}@keyframes cinPortraitIn{0%{opacity:0;transform:scale(.7)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.cin-scene-label{opacity:0;animation:.55s ease-out .55s forwards cinFadeUp}.cin-title{opacity:0;animation:.6s ease-out .65s forwards cinFadeUp}.cin-text{opacity:0;animation:.65s ease-out .8s forwards cinFadeUp}.cin-options{opacity:0;animation:.55s ease-out 1s forwards cinFadeUp}.cin-options .glass-btn{opacity:0;animation:.45s ease-out forwards cinOptionIn;transform:translateY(10px)}.cin-options .glass-btn:first-child{animation-delay:1.05s}.cin-options .glass-btn:nth-child(2){animation-delay:1.15s}.cin-options .glass-btn:nth-child(3){animation-delay:1.25s}.cin-options .glass-btn:nth-child(4){animation-delay:1.35s}.cin-options .glass-btn:nth-child(5){animation-delay:1.45s}.cin-options .glass-btn:nth-child(6){animation-delay:1.55s}@keyframes cinFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cinOptionIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cinematic-content.cin-node-swap{animation:.4s ease-out forwards cinNodeSwap}@keyframes cinNodeSwap{0%{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cinematic-vignette-medium:after,.cinematic-vignette-heavy:after,.cinematic-vignette-extreme:after{content:"";pointer-events:none;z-index:9002;opacity:0;animation:1s ease-out .2s forwards cinVignetteIn;position:absolute;inset:0}@keyframes cinVignetteIn{0%{opacity:0}to{opacity:1}}.cinematic-vignette-medium:after{background:radial-gradient(#0000 45%,#0000008c 100%)}.cinematic-vignette-heavy:after{background:radial-gradient(#0000 35%,#000000bf 100%)}.cinematic-vignette-extreme:after{background:radial-gradient(#0000 25%,#000000e0 100%)}.scene-archive-halls{--scene-accent:#c5a059}.scene-archive-halls .cinematic-content{animation:.75s cubic-bezier(.2,.8,.2,1) .35s forwards cinContentIn,6s ease-in-out 1.2s infinite alternate sceneFloat}.scene-archive-halls .cin-particles{background-image:radial-gradient(1.5px 1.5px at 20% 30%,#ffdf64b3,#0000),radial-gradient(1px 1px at 60% 70%,#d4af3780,#0000),radial-gradient(1.5px 1.5px at 80% 20%,#e6be6e99,#0000),radial-gradient(1px 1px at 40%,#c5a05966,#0000);background-size:220px 220px;animation:18s linear infinite particleDrift}.scene-shadow-niche{--scene-accent:#b432ff}.scene-shadow-niche:before{content:"";pointer-events:none;z-index:9001;background:radial-gradient(circle at 20% 80%,#641eb424 0%,#0000 50%);animation:6s ease-in-out infinite alternate ambientPulse;position:absolute;inset:0}.scene-shadow-niche .cin-particles{background-image:radial-gradient(2px 2px at 15% 40%,#b432ff8c,#0000),radial-gradient(1.5px 1.5px at 70% 60%,#8c50f073,#0000),radial-gradient(2px 2px at 50% 20%,#641eb466,#0000);background-size:180px 180px;animation:12s ease-in-out infinite alternate particleSmoke}.scene-iron-gates{--scene-accent:#a9b3c0}.scene-iron-gates .cinematic-content{filter:drop-shadow(0 0 12px #a0aabe40)}.scene-iron-gates .cin-particles{background-image:radial-gradient(1px 1px at 30% 40%,#c8d2e6cc,#0000),radial-gradient(1.5px 1.5px at 65% 25%,#ffa05080,#0000),radial-gradient(1px 1px at 80% 70%,#a0aabe80,#0000);background-size:160px 160px;animation:8s linear infinite particleSparks}.scene-void-whisper{--scene-accent:#9b30ff;animation:5s ease-in-out infinite alternate voidPulse}@keyframes voidPulse{0%{filter:brightness(.95)}to{filter:brightness(1.08)}}.scene-void-whisper:before{content:"";pointer-events:none;z-index:9001;background:radial-gradient(#3c146438 0%,#0000 45%);animation:5s ease-in-out infinite alternate voidPulse;position:absolute;inset:0}.scene-void-whisper .cin-particles{background-image:radial-gradient(3px 3px at 40%,#9b30ff59,#0000),radial-gradient(2px 2px at 60% 30%,#50147866,#0000),radial-gradient(2.5px 2.5px at 25% 70%,#280a4680,#0000);background-size:250px 250px;animation:14s ease-in-out infinite alternate particleVoid}.scene-ash-field{--scene-accent:#c5a059}.scene-ash-field:before{content:"";opacity:.18;pointer-events:none;z-index:9001;background-image:radial-gradient(circle,#ffffff26 1px,#0000 1px);background-size:28px 28px;animation:25s linear infinite ashFall;position:absolute;inset:0}.scene-ash-field .cin-particles{background-image:radial-gradient(1.5px 1.5px at 20% 10%,#d2d2dcb3,#0000),radial-gradient(1px 1px at 55% 40%,#ffc87866,#0000),radial-gradient(1.5px 1.5px at 80% 60%,#a9a9b380,#0000);background-size:200px 200px;animation:20s linear infinite ashFall}.scene-ash-garden{--scene-accent:#d4af37}.scene-ash-garden .cin-particles{background-image:radial-gradient(1.5px 1.5px at 35% 30%,#dce6ffb3,#0000),radial-gradient(1px 1px at 70% 55%,#ffd76499,#0000),radial-gradient(1.5px 1.5px at 15% 75%,#d4af3773,#0000);background-size:170px 170px;animation:10s ease-in-out infinite alternate particleShatter}.scene-eye-of-archive{--scene-accent:var(--color-primary)}.scene-eye-of-archive:before{content:"";pointer-events:none;z-index:9001;background:radial-gradient(circle at 30% 40%,#c5a0591a 0%,#0000 40%),radial-gradient(circle at 70% 60%,#8c28c81a 0%,#0000 40%);animation:7s ease-in-out infinite alternate ambientPulse;position:absolute;inset:0}.scene-eye-of-archive .cin-particles{background-image:radial-gradient(1.5px 1.5px at 25% 35%,#ffdf64b3,#0000),radial-gradient(1.5px 1.5px at 75% 55%,#8c32dc99,#0000),radial-gradient(1px 1px at 50% 20%,#c5a05980,#0000),radial-gradient(1px 1px at 40% 80%,#b432ff73,#0000);background-size:200px 200px;animation:15s linear infinite particleDual}.cin-particles{pointer-events:none;z-index:9003;opacity:.55;mix-blend-mode:screen;position:absolute;inset:0}@keyframes sceneFloat{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes particleDrift{0%{background-position:0 0,40px 20px,80px 60px,10px 90px}to{background-position:40px -80px,80px -60px,120px -40px,50px -100px}}@keyframes particleSmoke{0%{opacity:.4;background-position:0 0,30px 40px,60px 10px}to{opacity:.65;background-position:-30px -50px,10px -30px,90px -70px}}@keyframes particleSparks{0%{background-position:0 100%,50px 80%,90px 90%}to{background-position:20px -20%,70px -40%,110px -10%}}@keyframes particleVoid{0%{background-position:0 0,40px 30px,80px 60px;transform:scale(1)}to{background-position:30px 20px,10px 50px,60px 10px;transform:scale(1.05)}}@keyframes particleShatter{0%{background-position:0 0,20px 30px,50px 10px}50%{background-position:15px -15px,5px 45px,70px -5px}to{background-position:-10px 20px,40px 5px,30px 40px}}@keyframes particleDual{0%{background-position:0 0,100px 50px,50px 100px,80px 20px}to{background-position:60px -80px,40px 130px,110px 20px,20px -60px}}@keyframes ashFall{0%{background-position:0 0}to{background-position:-200px 1000px}}.prestige-sequence-container{z-index:10000;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.character-dissolve{filter:drop-shadow(0 0 20px var(--color-primary));animation:4s cubic-bezier(.25,1,.5,1) forwards dissolveEntity}@keyframes dissolveEntity{0%{filter:blur()brightness();opacity:1;transform:scale(1)}50%{filter:blur(5px)brightness(2);opacity:.8;transform:scale(1.1)}to{filter:blur(20px)brightness(3);opacity:0;transform:scale(1.5)}}.ash-rain{opacity:.15;mix-blend-mode:overlay;pointer-events:none;background-image:radial-gradient(circle,#fff 1px,#0000 1px);background-size:20px 20px;animation:20s linear infinite ashFall;position:absolute;inset:0}.prestige-seal{font-family:var(--font-header);color:var(--color-primary);text-shadow:0 0 40px var(--color-primary-glow), 0 0 80px #c5a05980;opacity:0;font-size:5rem;animation:2s cubic-bezier(.1,1,.2,1) 3.5s forwards stampSeal;transform:scale(3)}@keyframes stampSeal{0%{opacity:0;transform:scale(3)rotate(20deg)}10%{opacity:1;transform:scale(.9)rotate(0)}15%{transform:scale(1.05)}to{opacity:1;transform:scale(1)rotate(0)}}.boss-arena-bg{pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 100%,#8b1c1c26 0%,#0000 70%);animation:4s ease-in-out infinite alternate arenaPulse;position:absolute;inset:0}@keyframes arenaPulse{0%{opacity:.5;filter:saturate()}to{opacity:1;filter:saturate(1.5)}}.boss-arena-overlay{pointer-events:none;z-index:1;background:radial-gradient(#0000 30%,#140000b3 100%);animation:3s ease-in-out infinite alternate arenaVignette;position:absolute;inset:0;box-shadow:inset 0 0 50px #8b1c1c66}@keyframes arenaVignette{0%{opacity:.6}to{opacity:1}}.boss-gravity-shift{animation:.5s cubic-bezier(.175,.885,.32,1.275) gravityShift}@keyframes gravityShift{0%{filter:hue-rotate();transform:scale(1)translateY(0)}20%{filter:hue-rotate(-15deg);transform:scale(1.02)translateY(-5px)}80%{filter:hue-rotate(10deg);transform:scale(.99)translateY(2px)}to{filter:hue-rotate();transform:scale(1)translateY(0)}}.boss-victory-burst{animation:1.5s ease-out forwards victoryBurst}@keyframes victoryBurst{0%{background:0 0;transform:scale(1);box-shadow:0 0 #0000}30%{background:#d4af374d;transform:scale(1.05);box-shadow:0 0 100px #d4af37cc}to{background:0 0;transform:scale(1);box-shadow:0 0 #0000}}.boss-health-critical{animation:.8s ease-in-out infinite criticalHeartbeat}@keyframes criticalHeartbeat{0%{box-shadow:inset 0 0 10px #8b1c1c80}50%{border-color:var(--color-danger);box-shadow:inset 0 0 30px #8b1c1c}to{box-shadow:inset 0 0 10px #8b1c1c80}}.lore-node-panel{background:var(--bg-path-panel);border:var(--border-path);box-shadow:var(--path-shadow), inset 0 0 20px #0009;border-radius:4px;padding:2rem;transition:all .5s;position:relative;overflow:hidden}.lore-node-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);width:100%;height:2px;position:absolute;top:0;left:0}.lore-node-title{color:var(--color-primary);font-family:var(--font-header);text-shadow:0 0 15px var(--color-primary-glow);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-size:1.6rem}.pact-burn-effect{position:relative;overflow:hidden}.pact-burn-effect:after{content:"";mix-blend-mode:color-burn;opacity:0;pointer-events:none;background:radial-gradient(circle,#0000 30%,#b432ff99 80%,#000 100%);animation:2.5s ease-in forwards pactConsume;position:absolute;inset:-10%}@keyframes pactConsume{0%{opacity:0;transform:scale(1.2)}50%{opacity:1;filter:brightness(1.5);transform:scale(1)}to{opacity:1;background:#000;transform:scale(.8)}}.feature-unlock-toast{border:2px solid var(--color-primary);box-shadow:0 20px 50px #000c, 0 0 40px var(--color-primary-glow);text-align:center;z-index:11000;opacity:0;pointer-events:none;background:linear-gradient(#141419f2,#05050afa);border-radius:4px;padding:2rem 4rem;animation:5s cubic-bezier(.175,.885,.32,1.275) forwards revealUnlock;position:fixed;top:20%;left:50%;transform:translate(-50%)translateY(-20px)scale(.95)}.feature-unlock-toast .unlock-icon{filter:drop-shadow(0 0 15px var(--color-primary));margin-bottom:1rem;font-size:4rem;animation:2s ease-in-out infinite alternate floatIcon}.feature-unlock-toast h3{font-family:var(--font-header);color:#fff;letter-spacing:4px;text-transform:uppercase;margin-bottom:.5rem;font-size:1.8rem}.feature-unlock-toast p{color:var(--color-primary);letter-spacing:1px;font-size:1rem}@keyframes revealUnlock{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.9)}10%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}85%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-30px)scale(.95)}}@keyframes floatIcon{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@media (max-width:768px){.prestige-seal{font-size:3rem}.lore-node-panel{padding:1.2rem}.lore-node-title{font-size:1.2rem}.feature-unlock-toast{width:90vw;padding:1.5rem 2rem}.feature-unlock-toast .unlock-icon{font-size:3rem}.feature-unlock-toast h3{font-size:1.4rem}.cinematic-bars:before,.cinematic-bars:after{height:8vh}}@media (prefers-reduced-motion:reduce){.cinematic-overlay,.cinematic-content,.cin-portrait,.cin-scene-label,.cin-title,.cin-text,.cin-options,.cin-options .glass-btn,.cin-particles,.scene-archive-halls .cinematic-content,.scene-void-whisper,.scene-ash-field:before{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.cinematic-bars:before,.cinematic-bars:after{transition:none!important;transform:translateY(0)!important}}@media (max-width:1024px){#game-header{text-align:center;grid-template-columns:1fr;gap:1rem}#game-header .header-left{justify-content:center;display:flex}.hub-grid{grid-template-columns:repeat(2,1fr)}.hub-grid .span-2{grid-column:span 2}#hub-header{text-align:center;flex-direction:column;gap:1.5rem;padding:1.5rem}.hub-title-group{flex-direction:column}.hub-player-card{flex-wrap:wrap;justify-content:center}.hub-player-info{text-align:center}.quest-tracker-container{bottom:25px;right:25px}#hub-container{margin:1.5rem auto}}@media (max-width:900px){#game-container,#hub-container{padding-bottom:90px}.panels-grid{grid-template-columns:1fr}.hero-split-layout{grid-template-columns:1fr;height:auto;max-height:70vh;overflow-y:auto}.hero-avatar-panel{margin-bottom:1.5rem}.hub-tab-btn{padding:.7rem 1.2rem;font-size:.75rem}.hub-tab-btn .tab-label{display:none}.hub-tab-btn .tab-icon{font-size:1.3rem}.quest-tracker-btn{width:56px;height:56px}.quest-tracker-btn:before{font-size:1.5rem}.quest-tracker-btn .quest-badge{min-width:20px;height:20px;font-size:.55rem}}@media (max-width:800px){.forge-split-layout{grid-template-columns:1fr!important;gap:1.5rem!important}#codex-modal>div[style*=grid-template-columns]{grid-template-rows:220px 1fr!important;grid-template-columns:1fr!important;height:auto!important;max-height:70vh!important}.quest-tracker-container{bottom:20px;right:20px}}@media (max-width:768px){.resource-group{justify-content:center;gap:.5rem}.resource-item{padding:.3rem .6rem;font-size:.8rem}.hub-grid{grid-template-columns:1fr 1fr;gap:1rem}.hub-btn{padding:2rem 1rem}.hub-btn .icon{font-size:2.4rem}.hub-btn .cinzel{font-size:.9rem}.quest-tracker-btn{width:52px;height:52px}.quest-tracker-btn:before{font-size:1.4rem}.quest-tracker-btn .quest-badge{min-width:18px;height:18px;font-size:.5rem;top:-3px;right:-3px}#game-container.active .quest-tracker-container{bottom:80px}}@media (max-width:600px){.hub-grid{grid-template-columns:1fr}.hub-grid .span-2{grid-column:span 1}#manual-gather-btn{padding:1.2rem 2.5rem;font-size:1.1rem}#hub-header{padding:1rem}.hub-title{font-size:1.5rem}.hub-icon{width:48px;height:48px;font-size:1.8rem}.hub-level-ring{width:40px;height:40px;font-size:1rem}.hub-player-name{font-size:1rem}.modal-content,.modal-content-wide,.hero-modal-wide{padding:1.5rem}.quest-tracker-btn{width:48px;height:48px}.quest-tracker-btn:before{font-size:1.3rem}.quest-tracker-btn .quest-badge{min-width:16px;height:16px;font-size:.45rem;top:-2px;right:-2px}.quest-tracker-btn .quest-tooltip{white-space:normal;max-width:180px;padding:.4rem .8rem;font-size:.7rem;bottom:56px}.quest-tracker-container{bottom:15px;right:15px}#game-container.active .quest-tracker-container{bottom:70px}}@media (max-width:400px){.quest-tracker-btn{width:42px;height:42px}.quest-tracker-btn:before{font-size:1.1rem}.quest-tracker-btn .quest-badge{min-width:14px;height:14px;font-size:.4rem;top:-2px;right:-2px}.quest-tracker-container{bottom:12px;right:12px}#game-container.active .quest-tracker-container{bottom:60px}}.resource-grid{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;display:grid!important}