@charset "UTF-8";:root{--primary-color: #2563eb;--secondary-color: #10b981;--accent-color: #8b5cf6;--text-color: #1f2937;--bg-color: #ffffff;--surface-color: #f8fafc;--gray-light: #f3f4f6;--gray-dark: #4b5563;--max-width: 1200px;--spacing-unit: 1rem;--gradient-1: #667eea;--gradient-2: #764ba2;--gradient-3: #f093fb;--gradient-4: #4facfe;--shadow-color: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .2);--transition-speed: .3s;--transition-bounce: cubic-bezier(.68, -.55, .265, 1.55)}[data-theme=dark]{--primary-color: #3b82f6;--secondary-color: #34d399;--accent-color: #a78bfa;--text-color: #f3f4f6;--bg-color: #0f172a;--surface-color: #1e293b;--gray-light: #334155;--gray-dark: #94a3b8;--gradient-1: #434343;--gradient-2: #000000;--gradient-3: #1e3c72;--gradient-4: #2a5298;--shadow-color: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .5)}[data-theme=dark] body:before{background:linear-gradient(45deg,#1a1a2e,#16213e,#0f3460,#533483,#1a1a2e);opacity:.15}[data-theme=dark] body:after{background:radial-gradient(circle at 20% 80%,rgba(83,52,131,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(15,52,96,.2) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(22,33,62,.2) 0%,transparent 50%);opacity:.2}[data-theme=light] body:before{background:linear-gradient(45deg,#e0e7ff,#c7d2fe,#a5b4fc,#c7d2fe,#e0e7ff);opacity:.3}[data-theme=light] body:after{background:radial-gradient(circle at 20% 80%,rgba(165,180,252,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(199,210,254,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(224,231,255,.15) 0%,transparent 50%);opacity:.2}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);position:relative;min-height:100vh;overflow-x:hidden;width:100%;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#4facfe,#667eea);background-size:400% 400%;animation:gradientShift 15s ease infinite;opacity:.08;z-index:-10;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.2) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,200,255,.2) 0%,transparent 50%);animation:floatingGradient 25s ease infinite;opacity:.1;z-index:-9;pointer-events:none}@keyframes gradientShift{0%{background-position:0% 50%;transform:rotate(0)}25%{background-position:100% 50%;transform:rotate(90deg)}50%{background-position:100% 100%;transform:rotate(180deg)}75%{background-position:0% 100%;transform:rotate(270deg)}to{background-position:0% 50%;transform:rotate(360deg)}}@keyframes floatingGradient{0%,to{transform:scale(1) rotate(0);opacity:.2}33%{transform:scale(1.1) rotate(120deg);opacity:.3}66%{transform:scale(.9) rotate(240deg);opacity:.1}}@keyframes pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}@keyframes gradientText{0%,to{filter:hue-rotate(0deg);transform:rotateY(0)}50%{filter:hue-rotate(30deg);transform:rotateY(5deg)}}@keyframes glowPulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.02)}}@keyframes floatButton{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-10px) rotateX(5deg)}}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes neonGlow{0%{transform:translateY(0) scale(1);box-shadow:0 5px 15px var(--shadow-color)}to{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 30px var(--shadow-hover),0 0 30px #667eea80}}@keyframes goldShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes achievementUnlock{0%{transform:scale(0) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}[data-theme=dark] .branch-btn{color:#f3f4f6}[data-theme=dark] .stat-label{color:#94a3b8}[data-theme=dark] .stat-card{color:#f3f4f6}.main-content{max-width:var(--max-width);margin:0 auto;padding:calc(var(--spacing-unit) * 2);min-height:100vh}.container{max-width:var(--max-width);margin:0 auto;padding:0 calc(var(--spacing-unit) * 2);position:relative;z-index:1}.rpg-interface{min-height:100vh;padding:calc(var(--spacing-unit) * 2) 0;background:var(--bg-color);position:relative;overflow:hidden}@media(max-width:767px){.main-content{padding:var(--spacing-unit) calc(var(--spacing-unit) * .5)}.container{padding:0 calc(var(--spacing-unit) * .5)}.rpg-interface{padding:var(--spacing-unit) 0}}@media(max-width:639px){.main-content{padding:calc(var(--spacing-unit) * .75) calc(var(--spacing-unit) * .25)}.container{padding:0 calc(var(--spacing-unit) * .25)}.rpg-interface{padding:calc(var(--spacing-unit) * .75) 0}}[data-theme=light] .rpg-interface{background:var(--bg-color)}.rpg-interface:before{display:none}[data-theme=light] .rpg-interface:before{display:none}.game-container{max-width:1400px;margin:0 auto;padding:4rem calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 2);position:relative;z-index:1;background:repeating-linear-gradient(0deg,#0f172a 0px 4px,#1e293b 4px 8px),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 4px,transparent 4px,transparent 8px);background-size:8px 8px;border:4px solid rgba(255,215,0,.3);border-radius:1rem;box-shadow:0 0 0 8px #0f172a,0 0 0 12px #ffd7001a,0 20px 50px #00000080}.game-container:before,.game-container:after{content:"";position:absolute;left:-2rem;right:-2rem;height:2.5rem;background:linear-gradient(180deg,#8b4513,sienna,peru,sienna,#8b4513);border:3px solid #654321;border-radius:1.25rem;box-shadow:0 4px 12px #0006,inset 0 2px 4px #fff3,inset 0 -2px 4px #0003;z-index:2}.game-container:before{top:-1.25rem;background-image:linear-gradient(180deg,#8b4513,sienna,peru,sienna,#8b4513),repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 4px)}.game-container:after{bottom:-1.25rem;background-image:linear-gradient(180deg,#8b4513,sienna,peru,sienna,#8b4513),repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 4px)}[data-theme=light] .game-container{background:repeating-linear-gradient(0deg,#e2e8f0 0px 4px,#f1f5f9 4px 8px),repeating-linear-gradient(90deg,rgba(0,0,0,.02) 0px,rgba(0,0,0,.02) 4px,transparent 4px,transparent 8px);background-size:8px 8px;border:4px solid rgba(217,119,6,.3);box-shadow:0 0 0 8px #e2e8f0,0 0 0 12px #d977061a,0 20px 50px #0000001a}[data-theme=light] .game-container:before,[data-theme=light] .game-container:after{background:linear-gradient(180deg,sienna,peru,#deb887,peru,sienna);border:3px solid #8b4513}[data-theme=light] .game-container:before{background-image:linear-gradient(180deg,sienna,peru,#deb887,peru,sienna),repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 4px)}[data-theme=light] .game-container:after{background-image:linear-gradient(180deg,sienna,peru,#deb887,peru,sienna),repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 4px)}@media(max-width:767px){.game-container{padding:3rem .5rem .5rem;border-width:2px;box-shadow:0 0 0 4px #0f172a,0 0 0 6px #ffd7001a,0 10px 30px #00000080}.game-container:before,.game-container:after{left:-1rem;right:-1rem;height:2rem}.game-container:before{top:-1rem}.game-container:after{bottom:-1rem}[data-theme=light] .game-container{box-shadow:0 0 0 4px #e2e8f0,0 0 0 6px #d977061a,0 10px 30px #0000001a}}@media(max-width:639px){.game-container{padding:2.5rem .25rem .25rem;border-radius:.5rem}.game-container:before,.game-container:after{left:-.5rem;right:-.5rem;height:1.5rem}}.site-header{background-color:var(--surface-color);backdrop-filter:blur(10px);background-color:rgba(var(--surface-color),.8);box-shadow:0 1px 3px var(--shadow-color);position:sticky;top:0;z-index:100;transition:all var(--transition-speed) ease;box-shadow:0 0 20px #667eea4d,0 4px 15px #764ba233,inset 0 -1px #ffffff1a}[data-theme=dark] .site-header{box-shadow:0 0 25px #60a5fa66,0 4px 20px #a78bfa4d,inset 0 -1px #ffffff0d}.site-nav{padding:var(--spacing-unit) calc(var(--spacing-unit) * 2);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.nav-container{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);position:relative;z-index:10;min-height:40px}.theme-switch-wrapper{display:flex;align-items:center;gap:.5rem}.theme-switch{position:relative;display:inline-block;width:60px;height:30px}.theme-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gray-light);transition:var(--transition-speed);border-radius:30px;overflow:hidden}.slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:var(--transition-speed) var(--transition-bounce);border-radius:50%;box-shadow:0 2px 5px #0003}input:checked+.slider{background:linear-gradient(45deg,var(--gradient-3),var(--gradient-4))}input:checked+.slider:before{transform:translate(30px)}.theme-icon{font-size:1.2rem;transition:transform var(--transition-speed) ease}.theme-switch-wrapper:hover .theme-icon{transform:rotate(180deg)}.site-title{font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--text-color);position:relative;text-transform:uppercase;letter-spacing:.1em;transition:all var(--transition-speed) ease;background:linear-gradient(45deg,gold,#ff6b6b,#4ecdc4,#a855f7,gold);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:dungeonGradient 3s ease infinite;font-family:Courier New,monospace}@keyframes dungeonGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.site-title:before{content:attr(class);position:absolute;top:0;left:0;text-shadow:0 0 10px #667eea,0 0 20px #667eea,0 0 30px #667eea,0 0 40px #764ba2;opacity:0;transition:opacity var(--transition-speed) ease;pointer-events:none}.site-title:hover{transform:scale(1.05);filter:drop-shadow(0 0 20px rgba(255,215,0,.8));animation-duration:1s}.site-title:hover:before{opacity:.5;animation:neonFlicker 1.5s infinite alternate}@keyframes neonFlicker{0%,to{opacity:.5}50%{opacity:.8}}.connect-wallet-btn-header{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;box-shadow:0 2px 8px #667eea4d}.connect-wallet-btn-header:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #667eea80;background:linear-gradient(45deg,#5a67d8,#6b46c1)}.connect-wallet-btn-header .wallet-icon{font-size:1.1rem}.wallet-status-header{display:flex;align-items:center;gap:1rem;background:rgba(var(--surface-color-rgb),.6);border-radius:8px;padding:8px 12px;height:40px;min-width:200px;backdrop-filter:blur(8px)}.network-status{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--text-color-muted)}.wallet-address{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--text-color);cursor:pointer;transition:color var(--transition-speed) ease}.wallet-address:hover{color:var(--primary-color)}.wallet-address .address-icon{font-size:.9rem}.disconnect-btn-header{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed) ease;font-size:.85rem;margin-left:.5rem;position:relative;overflow:hidden}.disconnect-btn-header:hover{background:#ef444426;border-color:#ef444480;transform:scale(1.1);box-shadow:0 0 15px #ef44444d}.disconnect-btn-header:active{transform:scale(.95);background:#ef444433}[data-theme=dark] .disconnect-btn-header{background:#ff6b6b1a;color:#ff6b6b;border-color:#ff6b6b4d}[data-theme=dark] .disconnect-btn-header:hover{background:#ff6b6b33;border-color:#ff6b6b80;box-shadow:0 0 15px #ff6b6b66}.network-switch-btn-header{background:linear-gradient(45deg,#8247e5,#7c3aed);color:#fff;border:none;border-radius:8px;padding:8px 12px;height:40px;cursor:pointer;transition:all var(--transition-speed) ease;font-size:.85rem;font-weight:500;box-shadow:0 2px 8px #8247e54d;display:flex;align-items:center;gap:.3rem}.network-switch-btn-header:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #8247e580;background:linear-gradient(45deg,#7c3aed,#6d28d9)}.network-switch-btn-header:active{transform:translateY(0);box-shadow:0 2px 6px #8247e566}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:4px;z-index:101;transition:transform var(--transition-speed) ease}.mobile-menu-toggle:hover{transform:scale(1.1)}.mobile-menu-toggle:active{transform:scale(.95)}.hamburger-line{width:100%;height:3px;background:var(--text-color);border-radius:2px;transition:all var(--transition-speed) ease;transform-origin:center}.menu-open .mobile-menu-toggle .hamburger-line:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-open .mobile-menu-toggle .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.menu-open .mobile-menu-toggle .hamburger-line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;width:320px;max-width:85vw;height:100vh;background:var(--surface-color);z-index:1000;overflow-y:auto;box-shadow:-4px 0 30px #667eea66,-2px 0 15px #764ba24d;display:none}.mobile-menu:not(.active){right:0;transform:translate(100%);visibility:hidden;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s}.mobile-menu.active{right:0;transform:translate(0);visibility:visible;pointer-events:auto;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-unit) calc(var(--spacing-unit) * 1.5);border-bottom:1px solid rgba(102,126,234,.2);background:linear-gradient(135deg,#667eea1a,#764ba21a)}.mobile-menu-title{font-size:1.2rem;font-weight:700;color:var(--text-color);text-transform:uppercase;letter-spacing:.1em}.mobile-menu-close{background:transparent;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:.5rem;transition:all var(--transition-speed) ease;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.mobile-menu-close:hover{background:#ef44441a;color:#ef4444;transform:rotate(90deg)}.mobile-menu-close:active{transform:rotate(90deg) scale(.9)}.mobile-menu-content{padding:calc(var(--spacing-unit) * 1.5);display:flex;flex-direction:column;gap:var(--spacing-unit)}.connect-wallet-btn-mobile,.network-switch-btn-mobile{width:100%;min-height:52px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem;font-weight:500;box-shadow:0 2px 8px #667eea4d}.connect-wallet-btn-mobile:hover,.network-switch-btn-mobile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea80;background:linear-gradient(45deg,#5a67d8,#6b46c1)}.connect-wallet-btn-mobile:active,.network-switch-btn-mobile:active{transform:translateY(0)}.wallet-status-mobile{display:flex;flex-direction:column;gap:.75rem;background:rgba(var(--surface-color-rgb),.6);border-radius:8px;padding:1rem;backdrop-filter:blur(8px);border:1px solid rgba(102,126,234,.2);min-height:52px}.wallet-status-mobile .wallet-info-row{display:flex;gap:1rem;align-items:center;justify-content:space-between}.wallet-status-mobile .wallet-info-row .network-status,.wallet-status-mobile .wallet-info-row .wallet-address{display:flex;align-items:center;gap:.25rem;flex:1;min-width:0}.wallet-status-mobile .wallet-info-row .wallet-address .address-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disconnect-btn-mobile{width:100%;min-height:52px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem;cursor:pointer;transition:all var(--transition-speed) ease;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.disconnect-btn-mobile:hover{background:#ef444426;border-color:#ef444480;transform:scale(1.02)}.disconnect-btn-mobile:active{transform:scale(.98)}.sgt-balance-mobile{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:.75rem 1rem;font-size:1.1rem;font-weight:700;color:gold}.sgt-balance-mobile .balance-icon{width:24px;height:24px}.mobile-language-switcher{padding:.5rem 0;border-top:1px solid rgba(102,126,234,.2);border-bottom:1px solid rgba(102,126,234,.2);min-height:52px;display:flex;align-items:center}.mobile-language-switcher .language-switcher{margin:0;width:100%}.mobile-language-switcher .language-switcher .language-current{width:100%;min-width:auto;min-height:52px}.mobile-language-switcher .language-switcher .language-dropdown{position:static;transform:none;opacity:1;visibility:visible;margin-top:.5rem}.mobile-language-switcher .language-switcher .language-dropdown.show{display:block}.mobile-language-switcher .language-switcher .language-dropdown:not(.show){display:none}.mobile-language-switcher .language-switcher .language-option{min-height:44px}.theme-switch-wrapper-mobile{display:flex;flex-direction:column;gap:.75rem;padding:1rem;min-height:52px;background:rgba(var(--surface-color-rgb),.6);border-radius:8px;border:1px solid rgba(102,126,234,.2)}.theme-label{font-size:.9rem;font-weight:500;color:var(--text-color-muted);text-transform:uppercase;letter-spacing:.05em}.theme-switch-container{display:flex;align-items:center;justify-content:center;gap:1rem}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(2px);z-index:999;display:none}.mobile-menu-overlay:not(.active){opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.mobile-menu-overlay.active{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s linear 0s}#shared-controls-container,.desktop-only{display:contents}@media(max-width:1024px){.mobile-menu-toggle{display:flex}.mobile-menu,.mobile-menu-overlay{display:block}.desktop-nav{display:none!important}.site-nav{padding:calc(var(--spacing-unit) * .75) var(--spacing-unit)}.site-title{font-size:1.2rem}body.menu-open{overflow:hidden}}.language-switcher{position:relative;display:inline-block;margin:0 1rem}.language-switcher .language-current{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--bg-secondary);color:var(--text-color);border:2px solid var(--neon-purple);border-radius:8px;cursor:pointer;font-family:Orbitron,monospace;font-size:.9rem;transition:all .3s ease;min-width:140px}.language-switcher .language-current:hover{background-color:var(--neon-purple-dark);box-shadow:0 0 10px var(--neon-purple);transform:translateY(-2px)}.language-switcher .language-current i:first-child{color:var(--neon-cyan)}.language-switcher .language-current .language-name{flex:1;text-align:left}.language-switcher .language-current i:last-child{transition:transform .3s ease}.language-switcher .language-current.active i:last-child{transform:rotate(180deg)}.language-switcher .language-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:var(--bg-secondary);border:2px solid var(--neon-purple);border-radius:8px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;box-shadow:0 4px 20px #8a2be24d}.language-switcher .language-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.language-switcher .language-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background-color:transparent;color:var(--text-color);border:none;cursor:pointer;font-family:Orbitron,monospace;font-size:.9rem;text-align:left;transition:all .2s ease}.language-switcher .language-option:hover{background-color:var(--neon-purple-dark);color:var(--neon-cyan);padding-left:1.25rem}.language-switcher .language-option.active{background-color:var(--neon-purple);color:#fff}.language-switcher .language-option.active:before{content:"✓";position:absolute;right:1rem;color:var(--neon-green)}.language-switcher .language-option .lang-flag{font-size:1.2rem;width:24px;text-align:center}.language-switcher .language-option .lang-name{flex:1}@media(max-width:768px){.language-switcher{margin:0 .5rem}.language-switcher .language-current{padding:.4rem .8rem;min-width:120px;font-size:.85rem}.language-switcher .language-current .language-name{display:none}.language-switcher .language-current i:last-child{display:none}.language-switcher .language-dropdown{min-width:150px}.mobile-language-switcher .language-switcher,#mobile-language-container .language-switcher{margin:0;width:100%}.mobile-language-switcher .language-switcher .language-current,#mobile-language-container .language-switcher .language-current{min-width:auto;width:100%;justify-content:flex-start}.mobile-language-switcher .language-switcher .language-current .language-name,#mobile-language-container .language-switcher .language-current .language-name{display:block}.mobile-language-switcher .language-switcher .language-current i:last-child,#mobile-language-container .language-switcher .language-current i:last-child{display:block;margin-left:auto}.mobile-language-switcher .language-switcher .language-dropdown,#mobile-language-container .language-switcher .language-dropdown{width:100%}}[data-theme=dark] .language-switcher .language-current{background-color:#14141ee6;border-color:var(--neon-purple)}[data-theme=dark] .language-switcher .language-current:hover{background-color:#8a2be233}[data-theme=dark] .language-switcher .language-dropdown{background-color:#14141efa;border-color:var(--neon-purple)}[data-theme=dark] .language-switcher .language-option:hover{background-color:#8a2be24d}[data-theme=dark] .language-switcher .language-option.active{background-color:#8a2be280}[data-theme=light] .language-switcher .language-current{background-color:#ffffffe6;border-color:#8a2be2;color:#333}[data-theme=light] .language-switcher .language-current:hover{background-color:#8a2be21a}[data-theme=light] .language-switcher .language-current i:first-child{color:#8a2be2}[data-theme=light] .language-switcher .language-dropdown{background-color:#fffffffa;border-color:#8a2be2;box-shadow:0 4px 20px #8a2be233}[data-theme=light] .language-switcher .language-option{color:#333}[data-theme=light] .language-switcher .language-option:hover{background-color:#8a2be21a;color:#8a2be2}[data-theme=light] .language-switcher .language-option.active{background-color:#8a2be2;color:#fff}.site-footer{background:var(--surface-color);padding:calc(var(--spacing-unit) * 3) 0;margin-top:calc(var(--spacing-unit) * 4);position:relative;overflow:hidden;box-shadow:0 -4px 20px #667eea4d,inset 0 1px #ffffff1a}[data-theme=dark] .site-footer{box-shadow:0 -4px 25px #60a5fa66,inset 0 1px #ffffff0d}.footer-content{max-width:var(--max-width);margin:0 auto;padding:0 calc(var(--spacing-unit) * 2);text-align:center;position:relative;z-index:10}.social-links{display:flex;gap:calc(var(--spacing-unit) * 2);justify-content:center;margin-bottom:var(--spacing-unit)}.social-links a{color:var(--gray-dark);text-decoration:none;transition:color .3s ease}.social-links a:hover{color:var(--primary-color)}.skill-nav-top{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:calc(var(--spacing-unit) * 1.5);justify-content:center;padding:var(--spacing-unit);z-index:5;background:transparent;border-radius:1rem;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.3) rgba(0,0,0,.1);max-width:calc(100% - 40px)}.skill-nav-top{justify-content:flex-start}.skill-nav-top::-webkit-scrollbar{height:6px}.skill-nav-top::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.skill-nav-top::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px}.skill-nav-top::-webkit-scrollbar-thumb:hover{background:#ffd70080}.nav-btn{background:linear-gradient(135deg,#0f172a99,#1e293b66);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid transparent;background-clip:padding-box;border-radius:12px;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2.5);cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;min-width:100px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.nav-btn:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,#3b82f680,#9333ea80,#ec489980);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.nav-btn:after{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at center,rgba(59,130,246,.2) 0%,transparent 70%);transform:scale(0);opacity:0;transition:all .4s ease}.nav-btn:hover{transform:translateY(-2px) scale(1.02);background:linear-gradient(135deg,#1e293bb3,#33415580)}.nav-btn:hover:before{opacity:1}.nav-btn:hover:after{transform:scale(1);opacity:1}.nav-btn:hover .nav-name{filter:drop-shadow(0 0 8px currentColor)}.nav-btn.active{background:linear-gradient(135deg,#3b82f633,#9333ea33)}.nav-btn.active:before{opacity:1;background:linear-gradient(135deg,#3b82f6cc,#9333eacc,#ec4899cc);animation:gradient-shift 3s ease infinite}.nav-btn.active:after{transform:scale(1.5);opacity:.5;animation:pulse 2s ease-in-out infinite}.nav-btn.active .nav-name{color:#fff;text-shadow:0 0 20px rgba(59,130,246,.8)}@keyframes gradient-shift{0%,to{background:linear-gradient(135deg,#3b82f6cc,#9333eacc,#ec4899cc)}50%{background:linear-gradient(135deg,#ec4899cc,#3b82f6cc,#9333eacc)}}@keyframes pulse{0%,to{transform:scale(1.5);opacity:.5}50%{transform:scale(2);opacity:.3}}.nav-name{font-size:.85rem;color:#ffffffe6;transition:all .3s ease;z-index:1}.branch-btn{background:linear-gradient(135deg,#1e293be6,#334155e6);border:2px solid rgba(100,116,139,.5);border-radius:.75rem;padding:calc(var(--spacing-unit) * 1.5);color:var(--text-color);cursor:pointer;transition:all var(--transition-speed) ease;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:inherit}.branch-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,215,0,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.branch-btn:hover:before{transform:translate(100%)}.branch-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000080,inset 0 1px #fff3;border-color:#ffd70080}.branch-btn.active{background:linear-gradient(135deg,#3b82f64d,#9333ea4d);border-color:#ffd700cc;box-shadow:0 0 30px #ffd7004d,inset 0 1px #ffffff4d}.branch-icon{font-size:2rem}.branch-name{font-weight:600;font-size:.9rem}.branch-level{font-size:.8rem;color:gold;font-weight:700}.skill-nav-top{top:10px;padding:calc(var(--spacing-unit) * .75);gap:calc(var(--spacing-unit) * 1);max-width:calc(100% - 20px)}.nav-btn{min-width:100px;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.5);font-size:.9rem}.nav-name{font-size:.85rem}.nav-links{display:flex;list-style:none;gap:calc(var(--spacing-unit) * 2)}.nav-links a{text-decoration:none;color:var(--text-color);position:relative;padding:.5rem 1rem;transition:color var(--transition-speed) ease;overflow:hidden}.nav-links a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--gradient-1),var(--gradient-2));transition:width var(--transition-speed) var(--transition-bounce)}.nav-links a:hover{color:var(--primary-color)}.nav-links a:hover:before{width:100%}[data-theme=light] .skill-nav-top{background:transparent}[data-theme=light] .skill-nav-top::-webkit-scrollbar-track{background:#0000000d}[data-theme=light] .skill-nav-top::-webkit-scrollbar-thumb{background:#0003}[data-theme=light] .skill-nav-top::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=light] .nav-btn{background:linear-gradient(135deg,#ffffffb3,#f8fafc80);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}[data-theme=light] .nav-btn:before{background:linear-gradient(135deg,#3b82f64d,#9333ea4d,#ec48994d)}[data-theme=light] .nav-btn:after{background:radial-gradient(circle at center,rgba(59,130,246,.15) 0%,transparent 70%)}[data-theme=light] .nav-btn:hover{background:linear-gradient(135deg,#f1f5f9cc,#e2e8f099)}[data-theme=light] .nav-btn:hover .nav-name{color:#3b82f6;filter:drop-shadow(0 0 8px rgba(59,130,246,.5))}[data-theme=light] .nav-btn.active{background:linear-gradient(135deg,#3b82f6f2,#6366f1f2)}[data-theme=light] .nav-btn.active:before{background:linear-gradient(135deg,#3b82f6,#9333ea,#ec4899);opacity:.3}[data-theme=light] .nav-btn.active .nav-name{color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}[data-theme=light] .nav-name{color:#475569}.btn{padding:.875rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all var(--transition-speed) var(--transition-bounce);display:inline-block;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.05em;transform-style:preserve-3d;perspective:1000px}.btn:before{content:"";position:absolute;inset:0;background:inherit;border-radius:inherit;transform:translateZ(-5px) translateY(5px);filter:brightness(.7) blur(2px);opacity:.7;z-index:-1}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:after{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff;box-shadow:0 5px 20px #667eea66,0 10px 40px #764ba24d,inset 0 1px #ffffff4d}.btn-primary:hover{transform:translateY(-5px) rotateX(-10deg) scale(1.05);box-shadow:0 15px 35px #667eea80,0 20px 50px #764ba266,0 0 50px #f093fb4d;background:linear-gradient(135deg,#764ba2,#f093fb,#667eea)}.btn-secondary{background:linear-gradient(135deg,transparent 25%,rgba(102,126,234,.1) 50%,transparent 75%);color:var(--text-color);border:2px solid transparent;background-image:linear-gradient(var(--bg-color),var(--bg-color)),linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 5px 20px #667eea33,inset 0 0 20px #667eea1a}.btn-secondary:hover{transform:translateY(-5px) rotateX(-10deg) scale(1.05);box-shadow:0 15px 35px #667eea66,0 0 50px #764ba24d,inset 0 0 30px #f093fb33;color:#fff;background-image:linear-gradient(135deg,#667eea,#764ba2,#f093fb),linear-gradient(135deg,#667eea,#764ba2,#f093fb)}.hero-buttons .btn{animation:floatButton 6s ease-in-out infinite}.hero-buttons .btn:nth-child(2){animation-delay:.5s}.view-full-tree{background:linear-gradient(135deg,gold,#ffed4e);color:#000;border:none;padding:1rem 2rem;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:all var(--transition-speed) ease;text-transform:uppercase;letter-spacing:.05em}.view-full-tree:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ffd70080}[data-theme=dark] .developer-stats{background:#1e293be6;border:1px solid rgba(148,163,184,.2);backdrop-filter:blur(15px)}[data-theme=dark] .social-link{background:#1e293be6;border:1px solid rgba(148,163,184,.2);backdrop-filter:blur(10px)}.developer-stats{background:rgba(var(--surface-color),.8);backdrop-filter:blur(10px);padding:calc(var(--spacing-unit) * 1.5);border-radius:1rem;margin:calc(var(--spacing-unit) * 2) 0;border:1px solid rgba(var(--gradient-1),.2)}.developer-stats h3{margin-bottom:var(--spacing-unit);text-align:center;color:var(--text-color)}[data-theme=dark] .developer-stats h3{color:#f3f4f6}.time-display{text-align:center;font-size:1.5rem;font-weight:600;color:var(--primary-color)}[data-theme=dark] .time-display{color:#60a5fa}.social-section{margin:calc(var(--spacing-unit) * 2) 0}.social-section h3{text-align:center;margin-bottom:calc(var(--spacing-unit) * 1.5);color:var(--text-color)}[data-theme=dark] .social-section h3{color:#f3f4f6}.social-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-unit);margin-bottom:calc(var(--spacing-unit) * 2)}.social-link{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-unit);text-decoration:none;color:var(--text-color);background:var(--surface-color);border-radius:1rem;transition:all var(--transition-speed) var(--transition-bounce);border:1px solid transparent;position:relative;overflow:hidden}.social-link:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 30px var(--shadow-hover);border-color:var(--gradient-1)}.social-icon{margin-bottom:.5rem;transition:all var(--transition-speed) ease;color:var(--text-color)}.social-icon svg{width:32px;height:32px;transition:all var(--transition-speed) ease}.social-link:hover .social-icon{transform:rotate(10deg) scale(1.1)}.social-link span{font-size:.875rem;font-weight:500;transition:color var(--transition-speed) ease;color:var(--text-color)}[data-theme=dark] .social-link span{color:#e2e8f0}.social-link{transform-style:preserve-3d;perspective:1000px}.social-link:before{content:"";position:absolute;inset:-2px;border-radius:1rem;background:linear-gradient(45deg,transparent,var(--gradient-1),transparent);opacity:0;transition:opacity var(--transition-speed) ease;z-index:-1;animation:rotateGradient 3s linear infinite}.social-link:hover:before{opacity:.7}.social-link.github:hover{animation:neonGlow 1.5s ease-in-out infinite alternate}.social-link.github:hover .social-icon svg{color:#333;filter:drop-shadow(0 0 10px #333) drop-shadow(0 0 20px #333)}[data-theme=dark] .social-link.github:hover .social-icon svg{color:#f3f4f6;filter:drop-shadow(0 0 10px #f3f4f6) drop-shadow(0 0 20px #f3f4f6)}.social-link.linkedin:hover .social-icon svg{color:#0077b5;filter:drop-shadow(0 0 10px #0077b5) drop-shadow(0 0 20px #0077b5)}.social-link.medium:hover .social-icon svg{color:#00ab6c;filter:drop-shadow(0 0 10px #00ab6c) drop-shadow(0 0 20px #00ab6c)}.social-link.cakeresume:hover .social-icon svg{color:#ffc107;filter:drop-shadow(0 0 10px #ffc107) drop-shadow(0 0 20px #ffc107)}.social-link.facebook:hover .social-icon svg{color:#1877f2;filter:drop-shadow(0 0 10px #1877f2) drop-shadow(0 0 20px #1877f2)}.social-link.threads:hover .social-icon svg{color:#000;filter:drop-shadow(0 0 10px rgba(0,0,0,.5)) drop-shadow(0 0 20px rgba(0,0,0,.3))}[data-theme=dark] .social-link.threads:hover .social-icon svg{color:#fff;filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 20px #fff)}.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(var(--gradient-1),.1),rgba(var(--gradient-2),.1))}.hero:before{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(circle,var(--gradient-3) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite;opacity:.1}.hero-content{text-align:center;z-index:2;position:relative}.hero h1{font-size:3.5rem;margin-bottom:var(--spacing-unit);background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2),var(--gradient-3));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientText 5s ease infinite,glowPulse 2s ease-in-out infinite;text-shadow:0 0 30px rgba(102,126,234,.5),0 0 60px rgba(118,75,162,.3),0 0 90px rgba(240,147,251,.2);position:relative;transform-style:preserve-3d;perspective:1000px}.hero h1:after{content:attr(class);position:absolute;top:0;left:0;background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2),var(--gradient-3));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:-1;transform:translateZ(-5px) translate(2px) translateY(2px);opacity:.5;filter:blur(2px)}[data-theme=dark] .hero h1{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 40px rgba(96,165,250,.6),0 0 80px rgba(167,139,250,.4),0 0 120px rgba(244,114,182,.3)}.hero p{font-size:1.25rem;color:var(--gray-dark);margin-bottom:calc(var(--spacing-unit) * 2)}[data-theme=dark] .hero p{color:#cbd5e1}.hero-buttons{display:flex;gap:var(--spacing-unit);justify-content:center}.hero-buttons{perspective:1000px}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-subtitle{font-size:1.25rem;color:var(--gray-dark);margin-bottom:calc(var(--spacing-unit) * 2);opacity:.9}[data-theme=dark] .hero-subtitle{color:#cbd5e1;opacity:1}.status-bar{background:linear-gradient(135deg,#1e293bfa,#334155fa);border:3px solid rgba(255,215,0,.3);border-radius:1rem;padding:calc(var(--spacing-unit) * 1.5);margin-bottom:calc(var(--spacing-unit) * 2);box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff1a,0 0 50px #ffd7001a;display:flex;gap:calc(var(--spacing-unit) * 3);align-items:center;position:relative;overflow:hidden}[data-theme=light] .status-bar{background:linear-gradient(135deg,#fffffffa,#f8fafcfa);border:3px solid rgba(217,119,6,.4);box-shadow:0 10px 30px #0000001a,inset 0 1px #ffffffe6,0 0 50px #d977061a}.status-bar:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ffd700,transparent,#ffd700);opacity:.3;animation:borderGlow 3s linear infinite;z-index:-1}@keyframes borderGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-info{display:flex;gap:calc(var(--spacing-unit) * 1.5);align-items:center}.avatar-frame{position:relative;width:80px;height:80px;background:linear-gradient(45deg,transparent 30%,rgba(255,215,0,.2) 30%,rgba(255,215,0,.2) 70%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,215,0,.1) 30%,rgba(255,215,0,.1) 70%,transparent 70%);border-radius:50%;padding:3px;animation:avatarGlow 3s ease-in-out infinite}@keyframes avatarGlow{0%,to{background-size:100% 100%;filter:hue-rotate(0deg)}50%{background-size:120% 120%;filter:hue-rotate(30deg)}}.player-avatar{width:100%;height:100%;border-radius:50%;border:3px solid #ffd700;box-shadow:0 0 20px #ffd70080,0 0 40px #ffd7004d;object-fit:cover;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;filter:contrast(1.1) saturate(1.2);transition:all var(--transition-speed) ease}.player-avatar:hover{transform:scale(1.05);filter:contrast(1.2) saturate(1.3) brightness(1.1);box-shadow:0 0 30px #ffd700b3,0 0 60px #ffd70066}.avatar-placeholder{width:100%;height:100%;border-radius:50%;border:3px solid #ffd700;background:linear-gradient(135deg,#1e293be6,#334155e6);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #ffd70080,0 0 40px #ffd7004d;transition:all var(--transition-speed) ease}.avatar-placeholder:hover{transform:scale(1.05);box-shadow:0 0 30px #ffd700b3,0 0 60px #ffd70066}.pixel-char{font-size:2.5rem;filter:drop-shadow(0 0 5px rgba(255,215,0,.8)) drop-shadow(0 0 10px rgba(255,215,0,.6));animation:pixelBounce 2s ease-in-out infinite}@keyframes pixelBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1)}}.level-badge{position:absolute;bottom:-5px;right:-5px;background:linear-gradient(135deg,gold,#ffed4e);color:#000;font-weight:900;font-size:.8rem;padding:.2rem .5rem;border-radius:50px;box-shadow:0 0 10px #ffd700cc}.player-stats h2{color:gold;font-size:1.5rem;margin:0;text-shadow:0 0 10px rgba(255,215,0,.5);font-weight:900}[data-theme=light] .player-stats h2{color:#d97706;text-shadow:0 0 10px rgba(217,119,6,.3)}.player-title{color:#94a3b8;font-size:.9rem;margin:.25rem 0 0;max-width:250px;line-height:1.4;word-break:keep-all}[data-theme=light] .player-title{color:#64748b}.resource-bars{flex:1;display:flex;flex-direction:column;gap:.75rem}.hp-bar,.mp-bar,.sp-bar,.exp-bar{display:flex;align-items:center;gap:var(--spacing-unit)}.bar-label{min-width:40px;font-weight:700;text-transform:uppercase;font-size:.9rem;font-family:monospace;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.hp-bar .bar-label{color:#ef4444}.mp-bar .bar-label{color:#3b82f6}.sp-bar .bar-label{color:#22c55e}.exp-bar .bar-label{color:gold}.bar-container{flex:1;height:24px;background:#00000080;border:2px solid rgba(255,255,255,.1);border-radius:50px;position:relative;overflow:hidden}.bar-fill{height:100%;border-radius:50px;position:relative;transition:width .2s ease-out;box-shadow:0 0 20px currentColor}.hp-fill{background:linear-gradient(90deg,#dc2626,#ef4444,#f87171);animation:hpPulse 2s ease-in-out infinite}.mp-fill{background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);animation:mpShimmer 3s linear infinite}.sp-fill{background:linear-gradient(90deg,#16a34a,#22c55e,#4ade80);animation:spGlow 2.5s ease-in-out infinite}.exp-fill{background:linear-gradient(90deg,gold,#ffed4e,gold)!important;background-size:200% 100%}.exp-fill.leveling-up{animation:shimmer 2s linear 3}.exp-fill.near-level-up{animation:nearLevelGlow 3s ease-in-out infinite}@keyframes nearLevelGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.4) drop-shadow(0 0 10px #ffd700)}}@keyframes spGlow{0%,to{filter:brightness(1);opacity:.9}50%{filter:brightness(1.3);opacity:1}}@keyframes hpPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes mpShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:.8rem;text-shadow:0 0 5px rgba(0,0,0,.8)}.pixel-text{font-family:Courier New,monospace;font-weight:700;letter-spacing:1px;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,2px 2px 0 rgba(0,0,0,.5);image-rendering:pixelated;-webkit-font-smoothing:none;font-smooth:never}.damage-popup{position:absolute;font-family:Courier New,monospace;font-weight:700;font-size:1.2rem;pointer-events:none;z-index:1000;animation:floatUp 1.5s ease-out forwards;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000}.damage-popup.damage{color:#f44}.damage-popup.heal{color:#4f4}.damage-popup.mana{color:#44f}.damage-popup.stamina{color:#4f8}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(.8)}}.player-avatar.dead{filter:grayscale(100%) contrast(1.2);opacity:.7;transition:all .5s ease}.hp-bar.critical .bar-container{animation:criticalPulse .5s ease-in-out infinite}@keyframes criticalPulse{0%,to{box-shadow:0 0 10px #f00c}50%{box-shadow:0 0 20px red,inset 0 0 10px #ff000080}}@media(max-width:768px){.status-bar{padding:var(--spacing-unit)}.avatar-frame{width:60px;height:60px}.player-stats h2{font-size:1.2rem}.player-title{font-size:.8rem}.bar-label{font-size:.8rem;min-width:30px}.bar-container{height:20px}}.network-switch-btn-header{background:linear-gradient(135deg,#8b5cf6,#a855f7);border:2px solid #a855f7;border-radius:.5rem;color:#fff;padding:.5rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;margin-right:1rem;display:flex;align-items:center;gap:.25rem;white-space:nowrap}.network-switch-btn-header:hover{background:linear-gradient(135deg,#7c3aed,#9333ea);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.network-switch-btn-header:active{transform:translateY(0)}.network-switch-btn-header:disabled{opacity:.6;cursor:not-allowed;transform:none}[data-theme=light] .network-switch-btn-header{background:linear-gradient(135deg,#7c3aed,#8b5cf6);border:2px solid #7c3aed}[data-theme=light] .network-switch-btn-header:hover{background:linear-gradient(135deg,#6d28d9,#7c3aed);box-shadow:0 4px 12px #7c3aed33}.dev-badge-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.375rem .75rem;border-radius:.375rem;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;margin-right:1rem;white-space:nowrap}[data-theme=light] .dev-badge-header{background:linear-gradient(135deg,#059669,#047857)}@media(max-width:768px){.network-switch-btn-header{padding:.375rem .75rem;font-size:.8rem;margin-right:.5rem}.dev-badge-header{padding:.25rem .5rem;font-size:.75rem;margin-right:.5rem}}@media(max-width:480px){.network-switch-btn-header{padding:.25rem .5rem;font-size:.75rem;margin-right:.25rem}.dev-badge-header{padding:.2rem .4rem;font-size:.7rem;margin-right:.25rem}}.sgt-balance-header{display:flex;flex-direction:row;align-items:center;gap:8px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #ffd700;box-shadow:0 0 10px #ffd7004d,0 0 20px #ffd70026,inset 0 0 10px #ffd7001a;color:#b8860b;padding:8px 12px;border-radius:8px;margin-right:12px;transition:all .3s ease;min-width:80px;height:40px;position:relative;cursor:pointer;overflow:hidden}.sgt-balance-header:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,gold,#ff6b35,#f7931e,gold);background-size:300% 300%;border-radius:8px;z-index:-1;animation:neonPulse 3s ease-in-out infinite;opacity:.1}.sgt-balance-header:hover{border-color:#ff6b35;color:#ff6b35;box-shadow:0 0 15px #ff6b3566,0 0 30px #ff6b3533,inset 0 0 15px #ff6b351a;transform:translateY(-2px) scale(1.02)}.sgt-balance-header:hover:before{opacity:.2;animation-duration:1.5s}.sgt-balance-header:hover .balance-amount{text-shadow:0 0 10px currentColor}.sgt-balance-header .balance-icon{width:20px;height:20px;filter:drop-shadow(0 0 5px #ffd700) brightness(1.2) contrast(1.1);border-radius:50%}.sgt-balance-header .balance-amount{color:inherit;text-shadow:0 0 5px currentColor;font-family:Courier New,monospace;font-weight:700;font-size:14px;letter-spacing:1px;line-height:1}@media(max-width:768px){.sgt-balance-header{margin-right:8px;padding:4px 8px;min-width:50px;gap:4px}.sgt-balance-header .balance-icon-img{width:16px;height:16px}.sgt-balance-header .balance-amount{font-size:12px}}@media(max-width:480px){.sgt-balance-header .balance-amount{font-size:11px}}[data-theme=dark] .sgt-balance-header{background:linear-gradient(135deg,#1a1a2e,#16213e);border-color:#00ff94;box-shadow:0 0 10px #00ff944d,0 0 20px #00ff9426,inset 0 0 10px #00ff941a;color:#00ff94}[data-theme=dark] .sgt-balance-header:before{background:linear-gradient(45deg,#00ff94,#00d4ff,#7c3aed,#00ff94)}[data-theme=dark] .sgt-balance-header:hover{border-color:#00d4ff;color:#00d4ff;box-shadow:0 0 15px #00d4ff66,0 0 30px #00d4ff33,inset 0 0 15px #00d4ff1a}[data-theme=dark] .sgt-balance-header .balance-icon{filter:drop-shadow(0 0 5px #00ff94) brightness(1.2) contrast(1.1)}@keyframes neonPulse{0%,to{background-position:0% 0%;opacity:.1}25%{background-position:100% 0%;opacity:.15}50%{background-position:100% 100%;opacity:.2}75%{background-position:0% 100%;opacity:.15}}@keyframes balanceUpdate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.sgt-balance-header.balance-updated{animation:balanceUpdate .6s ease-in-out}.balance-amount{transition:all .3s ease}.balance-amount.increase{color:#00b894!important;animation:balanceUpdate .6s ease-in-out}.balance-amount.decrease{color:#e17055!important;animation:balanceUpdate .6s ease-in-out}.hidden{display:none!important}.game-tabs{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1rem;margin-bottom:calc(var(--spacing-unit) * 2);padding:1rem;background:#1e293b80;border-radius:1rem}[data-theme=light] .game-tabs{background:#e2e8f0cc;scrollbar-color:rgba(217,119,6,.3) transparent}.tab-btn{background:linear-gradient(135deg,#334155e6,#475569e6);border:2px solid rgba(148,163,184,.3);border-radius:.75rem;padding:.75rem 1rem;color:#cbd5e1;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;justify-content:center;font-family:inherit;font-size:.9rem;font-weight:600;white-space:nowrap;position:relative;overflow:hidden;height:44px}[data-theme=light] .tab-btn{background:linear-gradient(135deg,#f1f5f9e6,#e2e8f0e6);border:2px solid rgba(148,163,184,.5);color:#475569}.tab-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,215,0,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.tab-btn:hover:before{transform:translate(100%)}.tab-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ffd70033;border-color:#ffd70080;color:gold}.tab-btn.active{background:linear-gradient(135deg,#3b82f64d,#9333ea4d);border-color:gold;color:gold;box-shadow:0 0 20px #ffd7004d,inset 0 1px #fff3}[data-theme=light] .tab-btn.active{background:linear-gradient(135deg,#d9770633,#f59e0b33);border-color:#d97706;color:#d97706;box-shadow:0 0 20px #d9770633,inset 0 1px #ffffffe6}.tab-content{background:linear-gradient(0deg,transparent 24%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.05) 76%,transparent 77%,transparent),#1e293b;background-size:30px 30px;border:3px solid rgba(255,215,0,.2);border-radius:0;padding:calc(var(--spacing-unit) * 2);min-height:500px;box-shadow:0 0 0 3px #0f172a,0 0 0 6px #ffd7001a,0 20px 50px #00000080;position:relative;overflow:visible;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}[data-theme=light] .tab-content{background:linear-gradient(0deg,transparent 24%,rgba(0,0,0,.05) 25%,rgba(0,0,0,.05) 26%,transparent 27%,transparent 74%,rgba(0,0,0,.05) 75%,rgba(0,0,0,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(0,0,0,.05) 25%,rgba(0,0,0,.05) 26%,transparent 27%,transparent 74%,rgba(0,0,0,.05) 75%,rgba(0,0,0,.05) 76%,transparent 77%,transparent),#f8fafc;background-size:30px 30px;border:3px solid rgba(217,119,6,.3);box-shadow:0 0 0 3px #e2e8f0,0 0 0 6px #d977061a,0 20px 50px #0000001a}.tab-panel{display:none;animation:fadeIn .5s ease;overflow:visible}.tab-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .tab-panel{color:#1e293b}[data-theme=light] .tab-panel h3{color:#0f172a;text-shadow:2px 2px 4px rgba(0,0,0,.1)}[data-theme=light] .tab-panel h4{color:#1e293b}[data-theme=light] .tab-panel p{color:#475569}@media(max-width:900px){.game-tabs{grid-template-columns:repeat(3,1fr);gap:.75rem}}@media(max-width:767px){.game-tabs{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem;margin-bottom:var(--spacing-unit)}.tab-btn{padding:.5rem;font-size:.75rem;height:44px}.tab-content{padding:var(--spacing-unit);min-height:400px;border-width:2px;box-shadow:0 0 0 2px #0f172a,0 0 0 4px #ffd7001a,0 10px 30px #00000080}[data-theme=light] .tab-content{box-shadow:0 0 0 2px #e2e8f0,0 0 0 4px #d977061a,0 10px 30px #0000001a}}@media(max-width:639px){.game-tabs{gap:.25rem;padding:.25rem}.tab-btn{padding:.4rem .3rem;font-size:.7rem;height:44px}.tab-content{padding:calc(var(--spacing-unit) * .75);min-height:350px}}.journal-nav-btn{text-decoration:none;color:inherit}.journal-nav-btn:hover{text-decoration:none}a.tab-btn.journal-nav-btn:visited,a.tab-btn.journal-nav-btn:link,a.tab-btn.journal-nav-btn:active{color:inherit}.guild-nav-btn{text-decoration:none;color:inherit}.guild-nav-btn:hover{text-decoration:none}a.tab-btn.guild-nav-btn:visited,a.tab-btn.guild-nav-btn:link,a.tab-btn.guild-nav-btn:active{color:inherit}.status-panel{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing-unit) * 2)}.attributes-section,.stats-section{background:#0000004d;border:2px solid rgba(148,163,184,.2);border-radius:1rem;padding:calc(var(--spacing-unit) * 1.5)}.attributes-section h3,.stats-section h3{color:gold;margin-bottom:calc(var(--spacing-unit) * 1.5);text-align:center;text-transform:uppercase;font-size:1.1rem;letter-spacing:.1em}.attribute-item{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--spacing-unit) * .5);align-items:center;margin-bottom:calc(var(--spacing-unit) * 1.25);position:relative}.attr-name-container{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .5)}.attr-icon{width:24px;height:24px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;cursor:help;transition:all .2s ease;filter:brightness(.9)}.attr-icon:hover{filter:brightness(1.2) drop-shadow(0 0 8px rgba(255,215,0,.6));transform:scale(1.1)}.attr-name{color:#cbd5e1;font-weight:700;font-family:Courier New,monospace;font-size:1rem;letter-spacing:.05em}.attr-value{color:gold;font-weight:700;font-size:1.1rem}.attr-bar{grid-column:1/-1;height:8px;background:#00000080;border-radius:50px;overflow:hidden;margin-top:.25rem}.attr-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:50px;transition:width .6s var(--transition-bounce)}.bug-bar{background:linear-gradient(90deg,#dc2626,#ef4444)}.san-bar{background:linear-gradient(90deg,#7c3aed,#a855f7)}.stress-bar{background:linear-gradient(90deg,#ea580c,#f97316)}.coffee-bar{background:linear-gradient(90deg,#78350f,#92400e)}.overtime-bar{background:linear-gradient(90deg,#1e3a8a,#2563eb)}.deadline-bar{background:linear-gradient(90deg,#b91c1c,#dc2626);animation:deadline-pulse 1.5s ease-in-out infinite}.luck-bar{background:linear-gradient(90deg,gold,#fbbf24)}@keyframes deadline-pulse{0%,to{opacity:1}50%{opacity:.6}}.dev-stats{display:grid;gap:calc(var(--spacing-unit) * 1.5)}.dev-stats .stat-item{display:flex;align-items:center;gap:var(--spacing-unit);padding:var(--spacing-unit);background:#0003;border-radius:.5rem;border:1px solid rgba(148,163,184,.1)}.dev-stats .stat-icon{font-size:1.5rem;color:gold}.dev-stats .stat-label{flex:1;color:#94a3b8}.dev-stats .stat-value{color:#f3f4f6;font-weight:700;font-size:1.1rem}.time-stats{display:flex;gap:calc(var(--spacing-unit) * 1.5);margin-bottom:calc(var(--spacing-unit) * 2);flex-wrap:wrap}.time-stat-item{flex:1;min-width:140px;padding:calc(var(--spacing-unit) * 1.5);background:#0000004d;border-radius:.5rem;border:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .5)}.time-label{color:#94a3b8;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.time-value{color:#f3f4f6;font-weight:700;font-size:1.1rem;font-family:Courier New,monospace}.buff-container{padding:calc(var(--spacing-unit) * 1.5);background:#0000004d;border-radius:.5rem;border:1px solid rgba(148,163,184,.2)}.buff-container h4{color:#cbd5e1;font-size:.9rem;margin-bottom:var(--spacing-unit);text-transform:uppercase;letter-spacing:.05em}.buff-list{display:flex;gap:calc(var(--spacing-unit) * .75);flex-wrap:wrap}.buff-item{width:32px;height:32px;background:#1e293bcc;border:2px solid rgba(148,163,184,.3);position:relative;cursor:pointer;transition:all .2s ease;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.buff-item:hover{transform:scale(1.1);border-color:gold;box-shadow:0 0 10px #ffd7004d}.buff-icon-img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.debuff-container{padding:calc(var(--spacing-unit) * 1.5);background:#0000004d;border-radius:.5rem;border:1px solid rgba(220,38,38,.3);margin-top:calc(var(--spacing-unit) * 1.5)}.debuff-container h4{color:#fca5a5;font-size:.9rem;margin-bottom:var(--spacing-unit);text-transform:uppercase;letter-spacing:.05em}.debuff-list{display:flex;gap:calc(var(--spacing-unit) * .75);flex-wrap:wrap}.debuff-item{width:32px;height:32px;background:#3b0707cc;border:2px solid rgba(220,38,38,.4);position:relative;cursor:pointer;transition:all .2s ease;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.debuff-item:hover{transform:scale(1.1);border-color:#dc2626;box-shadow:0 0 10px #dc262680}.debuff-icon-img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}[data-theme=light] .attributes-section,[data-theme=light] .stats-section{background:#f8fafccc;border-color:#cbd5e180}[data-theme=light] .attributes-section h3,[data-theme=light] .stats-section h3{color:#d97706;text-shadow:0 0 10px rgba(217,119,6,.3)}[data-theme=light] .attr-name{color:#475569}[data-theme=light] .attr-value{color:#d97706}[data-theme=light] .dev-stats .stat-item{background:#f1f5f999;border-color:#cbd5e1}[data-theme=light] .dev-stats .stat-icon{color:#d97706}[data-theme=light] .dev-stats .stat-label{color:#64748b}[data-theme=light] .dev-stats .stat-value{color:#1e293b}[data-theme=light] .time-stat-item{background:#f1f5f999;border-color:#cbd5e1}[data-theme=light] .time-label{color:#64748b}[data-theme=light] .time-value{color:#1e293b}[data-theme=light] .buff-container{background:#f1f5f999;border-color:#cbd5e1}[data-theme=light] .buff-container h4{color:#475569}[data-theme=light] .buff-item{background:#f8fafce6;border-color:#cbd5e1}[data-theme=light] .buff-item:hover{border-color:#d97706;box-shadow:0 0 10px #d977064d}[data-theme=light] .debuff-container{background:#f1f5f999;border-color:#f87171}[data-theme=light] .debuff-container h4{color:#dc2626}[data-theme=light] .debuff-item{background:#fef2f2e6;border-color:#fca5a5}[data-theme=light] .debuff-item:hover{border-color:#dc2626;box-shadow:0 0 10px #dc262666}@media(max-width:767px){.status-panel{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 1.5)}.attributes-section,.stats-section{padding:calc(var(--spacing-unit) * 1.25)}.attributes-section h3,.stats-section h3{font-size:1rem;margin-bottom:var(--spacing-unit)}.attribute-item{grid-template-columns:auto 1fr auto;gap:calc(var(--spacing-unit) * .75);padding:calc(var(--spacing-unit) * .5) 0;min-height:48px}.attr-icon{width:32px;height:32px}}@media(max-width:767px)and (hover:none)and (pointer:coarse){.attr-icon:hover{filter:none;transform:none}.attr-icon:active{filter:brightness(1.2) drop-shadow(0 0 8px rgba(255,215,0,.6));transform:scale(1.1)}}@media(max-width:767px){.attr-name{font-size:.95rem}.attr-value{font-size:1.1rem;text-align:right}.attr-bar{height:10px;margin-top:calc(var(--spacing-unit) * .5)}.time-stats{flex-direction:column;gap:var(--spacing-unit)}.time-stat-item{min-width:auto;width:100%;padding:calc(var(--spacing-unit) * 1.25)}.time-label{font-size:.85rem}.time-value{font-size:1.2rem}.buff-container,.debuff-container{padding:var(--spacing-unit)}.buff-container h4,.debuff-container h4{font-size:.85rem;margin-bottom:calc(var(--spacing-unit) * .75)}.buff-item,.debuff-item{width:48px;height:48px;border-width:2px}}@media(max-width:767px)and (hover:none)and (pointer:coarse){.buff-item:hover,.debuff-item:hover{transform:none;border-color:inherit;box-shadow:none}.buff-item:active{transform:scale(1.1);border-color:gold;box-shadow:0 0 10px #ffd7004d}.debuff-item:active{transform:scale(1.1);border-color:#dc2626;box-shadow:0 0 10px #dc262680}}@media(max-width:767px){.buff-list,.debuff-list{gap:var(--spacing-unit);justify-content:center}}@media(max-width:639px){.attributes-section,.stats-section{padding:var(--spacing-unit)}.attr-name{font-size:.9rem}.attr-value{font-size:1rem}.buff-item,.debuff-item{width:44px;height:44px}}.skill-points-display{position:absolute;bottom:calc(var(--spacing-unit) * 2);right:calc(var(--spacing-unit) * 2);background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:2px solid rgba(255,215,0,.8);border-radius:1rem;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.5);text-align:center;box-shadow:0 4px 20px #00000080,0 0 30px #ffd7004d,inset 0 0 20px #ffd7001a;backdrop-filter:blur(10px);z-index:10;min-width:150px;overflow:hidden;transition:all .3s ease}.skill-points-display:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0009,0 0 40px #ffd70066,inset 0 0 25px #ffd70026;border-color:gold}.skill-points-display:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,215,0,.4),transparent);animation:shimmer 3s linear infinite}.points-label{font-size:.9rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-right:calc(var(--spacing-unit) * .3)}.points-value{font-size:1.8rem;font-weight:900;color:gold;text-shadow:0 0 15px rgba(255,215,0,.8),0 0 30px rgba(255,215,0,.5);animation:goldShine 2s ease-in-out infinite;font-family:Courier New,monospace}[data-theme=light] .skill-points-display{background:linear-gradient(135deg,#f8fafcf2,#f1f5f9f2);border-color:#d97706cc;box-shadow:0 4px 20px #0000001a,0 0 30px #d9770633,inset 0 0 20px #d977060d}[data-theme=light] .points-label{color:#64748b}[data-theme=light] .points-value{color:#d97706;text-shadow:0 0 10px rgba(217,119,6,.5)}[data-theme=dark] .skill-card{background:#0f172af2;backdrop-filter:blur(15px)}.skill-tree-container{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border-radius:1.5rem;padding:calc(var(--spacing-unit) * 2);box-shadow:0 20px 50px #00000080,inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0000004d;border:2px solid rgba(255,215,0,.3);position:relative;overflow:hidden}[data-theme=dark] .skill-tree-container{background:linear-gradient(135deg,#0f172afa,#1e293bfa)}[data-theme=dark] .skill-details-panel{color:#f3f4f6}[data-theme=dark] .skill-details-content p{color:#cbd5e1}.skill-tree-container{position:relative;height:calc(100vh - 300px);min-height:600px}.skill-tree-view{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#skill-tree-canvas{width:100%;height:100%;background:#0003;border-radius:1rem}.skill-details-panel{position:absolute;top:50%;right:20px;transform:translateY(-50%) translate(20px);width:300px;max-height:400px;background:linear-gradient(135deg,#1e293bfa,#334155fa);border:2px solid rgba(100,116,139,.5);border-radius:1rem;padding:0;overflow:hidden;opacity:0;transition:all .3s ease;pointer-events:none;box-shadow:0 10px 30px #00000080;z-index:10;display:flex;flex-direction:column}.skill-details-panel.active{opacity:1;transform:translateY(-50%) translate(0);pointer-events:auto}.skill-details-close{position:absolute;top:10px;right:10px;width:30px;height:30px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.skill-details-close:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}.skill-details-content{padding:calc(var(--spacing-unit) * 2);overflow-y:auto;overflow-x:hidden;flex:1}.skill-details-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);animation:rotate 20s linear infinite;pointer-events:none}.skill-details-content h3{color:gold;font-size:1.3rem;margin-bottom:calc(var(--spacing-unit) * .75);text-shadow:0 0 20px rgba(255,215,0,.5)}.skill-level-bar{background:#0000004d;border:1px solid rgba(255,215,0,.3);border-radius:50px;height:24px;position:relative;overflow:hidden;margin-bottom:calc(var(--spacing-unit) * 1.5)}.skill-stats{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing-unit) * .75);margin-top:calc(var(--spacing-unit) * 1.5)}.skill-stats-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing-unit) * 2);margin-top:calc(var(--spacing-unit) * 3)}@media(max-width:1024px){.skill-tree-container{height:calc(100vh - 400px);min-height:400px}.skill-details-panel{width:90%;max-width:300px;right:5%;left:5%;margin:0 auto}}@media(max-width:768px){.nav-links{flex-wrap:wrap;justify-content:center}.hero h1{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}.social-links-grid{grid-template-columns:repeat(3,1fr)}.skills-grid{grid-template-columns:1fr}.developer-stats{margin:var(--spacing-unit) 0}.skill-stats-overview{grid-template-columns:1fr;gap:var(--spacing-unit)}.skill-details-panel{margin-top:calc(var(--spacing-unit) * 2)}}.skills-panel{text-align:center;padding:calc(var(--spacing-unit) * 3)}.skill-tree-mini{min-height:300px;background:radial-gradient(ellipse at center,rgba(102,126,234,.1) 0%,transparent 70%);border-radius:1rem;margin-bottom:calc(var(--spacing-unit) * 2)}[data-theme=light] .skill-tree-container{color:#1e293b}[data-theme=light] .skill-details-panel{background:#f8fafce6;border-color:#cbd5e1}[data-theme=light] .skill-details-content h3{color:#0f172a}[data-theme=light] .skill-branches{background:#f8fafc80}[data-theme=light] .skill-tree-view{color:#1e293b}.story-panel{color:#cbd5e1}.story-panel h3{color:gold;margin-bottom:calc(var(--spacing-unit) * 1.5);text-align:center;font-size:1.5rem}.story-content{background:#0003;padding:calc(var(--spacing-unit) * 1.5);border-radius:1rem;margin-bottom:calc(var(--spacing-unit) * 2);line-height:1.8}.story-content p{margin-bottom:var(--spacing-unit)}.timeline{display:grid;gap:var(--spacing-unit)}.timeline-item{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5);padding:var(--spacing-unit);background:#0003;border-radius:.5rem;border-left:3px solid #ffd700;transition:all var(--transition-speed) ease}.timeline-item:hover{transform:translate(5px);background:#ffd7001a}.timeline-date{color:gold;font-weight:700;min-width:80px}.timeline-event{color:#e2e8f0}[data-theme=light] .story-content{background:#f8fafccc;color:#334155}[data-theme=light] .timeline-item{background:#f1f5f9cc;border-color:#cbd5e1;color:#1e293b}[data-theme=light] .timeline-date{color:#3b82f6}[data-theme=light] .timeline-event{color:#475569}.book-container{width:100%;height:calc(100vh - 200px);min-height:600px;display:flex;justify-content:center;align-items:center;perspective:2000px;position:relative;overflow:hidden;padding:20px;box-sizing:border-box}.book{width:min(100%,1000px);aspect-ratio:5/3;max-height:min(600px,100vh - 240px);position:relative;transform-style:preserve-3d;transition:transform .5s ease;margin:0 auto;left:0;right:0}.book-page{position:absolute!important;width:50%;height:100%;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid rgba(0,0,0,.1);box-shadow:0 0 20px #0000001a,inset 0 0 40px #0000000d;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.645,.045,.355,1);transform-origin:left center;backface-visibility:hidden;overflow:hidden;top:0!important;will-change:transform}[data-theme=dark] .book-page{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(100,116,139,.3);box-shadow:0 0 20px #00000080,inset 0 0 40px #ffffff05}.page-content{padding:50px;height:100%;box-sizing:border-box;position:relative;display:flex;pointer-events:none;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:100%;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.page-content::-webkit-scrollbar{width:6px}.page-content::-webkit-scrollbar-track{background:transparent}.page-content::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px}.page-content>*{pointer-events:auto}.chapter-page,.chapter-content,.timeline-container,.timeline-entry{pointer-events:auto}.page-left{left:0;top:0;border-radius:0 10px 10px 0;z-index:2}.page-right{left:50%;top:0;border-radius:10px 0 0 10px;z-index:2}.page-bg-left{left:0;top:0;border-radius:0 10px 10px 0;z-index:1;opacity:0;transition:opacity .3s ease}.page-bg-right{left:50%;top:0;border-radius:10px 0 0 10px;z-index:1;opacity:0;transition:opacity .3s ease}.book.flipping .page-bg-left,.book.flipping .page-bg-right{opacity:1}.page-flipped{transform:rotateY(-180deg)}.book-spine{position:absolute;left:calc(50% - 2px);top:0;width:4px;height:100%;background:linear-gradient(to bottom,#0000004d,#0000001a,#0000004d);transform:translateZ(10px)}.page-number{position:absolute;bottom:20px;font-size:1rem;opacity:.5}.page-left .page-number{left:30px}.page-right .page-number{right:30px}.page-bg-left .page-number{left:30px}.page-bg-right .page-number{right:30px}.chapter-page{display:flex;align-items:center;justify-content:center;height:100%;width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.chapter-page::-webkit-scrollbar{width:6px}.chapter-page::-webkit-scrollbar-track{background:transparent}.chapter-page::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px}.chapter-title{font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#3b82f6,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.chapter-content{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent;padding-right:10px}.chapter-content::-webkit-scrollbar{width:6px}.chapter-content::-webkit-scrollbar-track{background:transparent}.chapter-content::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px}.page-hover-left{position:relative}.page-hover-left:before{content:"";position:absolute;top:50%;left:20px;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:15px 25px 15px 0;border-color:transparent rgba(59,130,246,.5) transparent transparent;animation:arrowPulse 1.5s ease-in-out infinite;pointer-events:none}.page-hover-left{box-shadow:-5px 0 20px #3b82f64d,0 0 30px #3b82f61a,inset 0 0 60px #3b82f60d}.page-hover-right{position:relative}.page-hover-right:before{content:"";position:absolute;top:50%;right:20px;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:15px 0 15px 25px;border-color:transparent transparent transparent rgba(59,130,246,.5);animation:arrowPulse 1.5s ease-in-out infinite;pointer-events:none}.page-hover-right{box-shadow:5px 0 20px #3b82f64d,0 0 30px #3b82f61a,inset 0 0 60px #3b82f60d}@keyframes arrowPulse{0%,to{opacity:.5;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.1)}}.page-left:active,.page-right:active{opacity:.95;transition:opacity .1s ease}.timeline-entry{margin-bottom:2rem;position:relative}.timeline-date{font-size:1rem;color:#3b82f6;font-weight:600;margin-bottom:.5rem;display:block}.timeline-title{font-size:1.375rem;font-weight:600;margin-bottom:.75rem}.timeline-description{opacity:.8;line-height:1.8;font-size:1.125rem}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.book-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#3b82f6}.book{position:relative}.book:before{content:"";position:absolute;inset:-20px;background:radial-gradient(ellipse at center,rgba(59,130,246,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.book:hover:before{opacity:1}.book-page{position:relative}.book-page:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 0%,rgba(0,0,0,.05) 2%,transparent 5%);pointer-events:none}.page-right:after{background:linear-gradient(to left,transparent 0%,rgba(0,0,0,.05) 2%,transparent 5%)}.page-content:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.01) 2px,rgba(0,0,0,.01) 4px);pointer-events:none;opacity:.5}@media(max-width:640px){.book-container{padding:10px}.book{width:100%;aspect-ratio:2/3;max-height:80vh}.book-page{width:100%;height:100%;position:relative;left:0!important}.page-left:before{content:"";position:absolute;top:50%;left:2px;right:unset;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:12px 20px 12px 0;border-color:transparent rgba(59,130,246,.6) transparent transparent;z-index:10;animation:arrowPulse 2s ease-in-out infinite;pointer-events:none}.page-left:after{content:"";position:absolute;top:50%;left:unset!important;right:2px;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent rgba(59,130,246,.6);z-index:10;animation:arrowPulse 2s ease-in-out infinite;animation-delay:1s;pointer-events:none}@keyframes arrowPulse{0%,to{opacity:.3;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}.page-left.hide-left-arrow:before{display:none}.page-left.hide-right-arrow:after{display:none}.page-right,.book-spine{display:none}.page-content{padding:20px}.timeline-title{font-size:1.25rem}.timeline-description{font-size:1rem}}.cheat-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.cheat-modal.show{display:flex;justify-content:center;align-items:center}.cheat-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #00d4ff;border-radius:15px;box-shadow:0 0 30px #00d4ff80,inset 0 0 20px #00d4ff1a;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:slideIn .3s ease-out;position:relative}.cheat-header{background:linear-gradient(135deg,#0f3460,#0f4c75);padding:1rem 1.5rem;border-bottom:2px solid #00d4ff;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.cheat-header h3{color:#00d4ff;font-size:1.3rem;font-weight:700;margin:0;text-shadow:0 0 10px rgba(0,212,255,.7)}.cheat-close{background:none;border:none;color:#ff6b6b;font-size:1.5rem;cursor:pointer;padding:.2rem;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cheat-close:hover{background-color:#ff6b6b33;transform:scale(1.1)}.cheat-body{padding:1.5rem}.cheat-section{margin-bottom:2rem;padding:1rem;background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:10px}.cheat-section:last-child{margin-bottom:0}.cheat-section h4{color:#00d4ff;font-size:1.1rem;margin:0 0 .5rem;font-weight:600}.cheat-section p{color:#b8c5d1;font-size:.9rem;margin:0 0 1rem;line-height:1.4}.cheat-input-group{display:flex;gap:.5rem;align-items:center}.cheat-input-group input{flex:1;padding:.7rem;border:2px solid rgba(0,212,255,.3);border-radius:8px;background:#0000004d;color:#fff;font-size:.9rem;outline:none;transition:border-color .2s ease}.cheat-input-group input:focus{border-color:#00d4ff;box-shadow:0 0 10px #00d4ff4d}.cheat-input-group input::placeholder{color:#888}.cheat-button{padding:.7rem 1.2rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.cheat-button.primary{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff;box-shadow:0 4px 15px #00d4ff4d}.cheat-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}.cheat-button.success{background:linear-gradient(135deg,#4ecdc4,#26a69a);color:#fff;box-shadow:0 4px 15px #4ecdc44d}.cheat-button.success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}.cheat-button.danger{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;box-shadow:0 4px 15px #ff6b6b4d}.cheat-button.danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.cheat-button:active{transform:translateY(0)}@keyframes slideIn{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(max-width:768px){.cheat-modal-content{margin:1rem;width:calc(100% - 2rem)}.cheat-input-group{flex-direction:column}.cheat-input-group input,.cheat-input-group .cheat-button{width:100%}}.d2-inventory-panel{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:3px solid #8B7355;border-radius:0;padding:calc(var(--spacing-unit) * 2);box-shadow:inset 0 0 50px #8b73554d,0 0 20px #000c;position:relative}.d2-inventory-panel:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(139,115,85,.05) 10px,rgba(139,115,85,.05) 20px);pointer-events:none}.d2-title{color:#d4af37;text-align:center;font-family:Exocet,serif;font-size:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(212,175,55,.5);margin-bottom:calc(var(--spacing-unit) * 2);letter-spacing:2px}.d2-subtitle{color:#b8860b;font-size:1.1rem;text-align:center;margin-bottom:var(--spacing-unit);text-shadow:1px 1px 2px rgba(0,0,0,.8)}.character-section{background:repeating-linear-gradient(0deg,#1a1a1a 0px 2px,#262626 2px 4px),repeating-linear-gradient(90deg,#1a1a1a 0px 2px,#262626 2px 4px);background-size:4px 4px;border:3px solid #4A3C28;padding:var(--spacing-unit);margin-bottom:calc(var(--spacing-unit) * 1.5);position:relative;box-shadow:inset 0 0 0 1px #8b7355,inset 0 0 20px #8b735533;overflow:hidden;width:100%}.character-section:before{content:"";position:absolute;inset:4px;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(139,115,85,.03) 10px,rgba(139,115,85,.03) 20px);pointer-events:none}.pixel-text{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.d2-equipment-layout{display:flex;justify-content:center;gap:calc(var(--spacing-unit) * 2);padding:var(--spacing-unit) 0}.equipment-left-panel,.equipment-right-panel{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .5);justify-content:space-between;height:260px}.equipment-center-panel{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .5);align-items:center}.center-top,.center-bottom{display:flex;gap:calc(var(--spacing-unit) * .5);align-items:center}.equip-slot{position:relative;width:60px;height:60px;background:#1a1a1a;border:2px solid #4A3C28;cursor:pointer;transition:all .3s ease}.equip-slot.rect-slot{width:85px;height:170px}.equip-slot.rect-slot .slot-content img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.equip-slot.square-slot{width:85px;height:85px}.equip-slot.square-slot .slot-content img{width:100%;height:100%;object-fit:contain}.equip-slot.small-slot{width:40px;height:40px}.equip-slot.small-slot .slot-bg{background-size:70% 70%}.equip-slot.small-slot .slot-content img{width:28px;height:28px}.equip-slot.small-slot .empty-text{font-size:.5rem}.equip-slot.belt-slot{width:90px;height:35px}.equip-slot.belt-slot .slot-bg{background-size:80% 60%}.equip-slot.belt-slot .slot-content img{width:100%;height:100%;object-fit:contain}.equip-slot:hover{border-color:#8b7355;box-shadow:0 0 15px #8b735599,inset 0 0 15px #8b735533;transform:scale(1.05)}.equip-slot.occupied{border-color:#6b5d54}.slot-bg{position:absolute;inset:0;opacity:.2;background-size:60% 60%;background-position:center;background-repeat:no-repeat}.slot-bg.weapon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%238B7355" d="M6.92,5H5L14,14L15,13.06M19.96,19.12L19.12,19.96C18.73,20.35 18.1,20.35 17.71,19.96L14.59,16.84L11.91,19.5L10.5,18.09L11.92,16.67L3,7.75V3H7.75L16.67,11.92L18.09,10.5L19.5,11.91L16.83,14.58L19.95,17.7C20.35,18.1 20.35,18.73 19.96,19.12Z"/></svg>')}.slot-bg.helmet{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%238B7355" d="M12,2C13.11,2 14,2.89 14,4C14,4.39 13.89,4.77 13.71,5.1L16,8.74V11H8V8.74L10.29,5.1C10.11,4.77 10,4.39 10,4C10,2.89 10.89,2 12,2M8,16V22H16V16L22,16L12,7L2,16H8Z"/></svg>')}.slot-bg.armor{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%238B7355" d="M12,1L21,5V11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1Z"/></svg>')}.slot-bg.gloves{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%238B7355" d="M8,2A3,3 0 0,0 5,5V14C5,15.85 6.1,17.47 7.67,18.35C8.69,16.95 10.31,16 12.11,16C13.91,16 15.53,16.95 16.55,18.35C18.12,17.47 19.22,15.85 19.22,14V5A3,3 0 0,0 16.22,2H8Z"/></svg>')}.slot-bg.boots{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%238B7355" d="M2,18V20H12L13.41,21.41C13.78,21.78 14.28,22 14.83,22H21A1,1 0 0,0 22,21A1,1 0 0,0 21,20H14.83L13,18H10V16L6,12V3H8V11L12,15V18H2Z"/></svg>')}.slot-bg.belt{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%238B7355" d="M22,10.5V13.5A1.5,1.5 0 0,1 20.5,15H3.5A1.5,1.5 0 0,1 2,13.5V10.5A1.5,1.5 0 0,1 3.5,9H20.5A1.5,1.5 0 0,1 22,10.5M10,11V13H14V11H10Z"/></svg>')}.slot-bg.amulet{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%238B7355" d="M12,2A3,3 0 0,1 15,5A3,3 0 0,1 12,8A3,3 0 0,1 9,5A3,3 0 0,1 12,2M12,9L16.5,15L12,22L7.5,15L12,9Z"/></svg>')}.slot-bg.ring{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%238B7355" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6Z"/></svg>')}.slot-bg.shield{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%238B7355" d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1Z"/></svg>')}.slot-bg.charm{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%238B7355" d="M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3 12,3C10,3 8.34,3.42 6.42,4.41C5.96,4.64 5.38,4.42 5.15,3.96C4.92,3.5 5.14,2.92 5.6,2.69C7.65,1.64 9.72,1.15 12,1.15C14.28,1.15 16.35,1.64 18.4,2.69C18.86,2.92 19.08,3.5 18.85,3.96C18.68,4.28 18.35,4.47 17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C2.76,9.33 2.65,8.71 2.95,8.26C5.12,5.03 8.31,3 12,3C15.69,3 18.88,5.03 21.05,8.26C21.35,8.71 21.24,9.33 20.79,9.63C20.34,9.93 19.72,9.82 19.42,9.37C17.62,6.72 15,5 12,5C9,5 6.38,6.72 4.58,9.37C4.39,9.61 4.1,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74 9.4,21.64C8.53,20.77 8.06,19.84 7.78,18.75C7,16.39 8.18,13.9 10.55,12.9C12.92,11.91 15.47,12.79 16.61,14.93C17.75,17.06 16.94,19.65 14.81,20.8C13.66,21.41 12.5,21.55 11.5,21.41C11.11,21.36 10.73,21.53 10.5,21.85C10.27,22.17 10.22,22.59 10.38,22.96C10.53,23.33 10.88,23.59 11.27,23.64C12.65,23.84 14.24,23.66 15.88,22.75C19.22,20.88 20.57,16.78 18.69,13.44C16.82,10.1 12.72,8.75 9.38,10.63C6.03,12.5 4.68,16.6 6.56,19.94C7,20.73 7.56,21.33 8.15,21.82C8.5,22.12 8.54,22.64 8.24,22.99C8.08,23.19 7.91,23.29 7.75,23.29M12,14A2,2 0 0,0 10,16A2,2 0 0,0 12,18A2,2 0 0,0 14,16A2,2 0 0,0 12,14Z"/></svg>')}.slot-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px}.slot-content.empty{opacity:.3}.slot-content.empty .empty-text{font-size:.6rem;color:#8b7355;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.slot-content img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.inventory-section{background:#0009;border:2px solid #4A3C28;padding:calc(var(--spacing-unit) * 1.5);display:flex;justify-content:center;align-items:center;overflow:visible;width:100%;min-height:450px;box-sizing:border-box;content-visibility:auto;contain-intrinsic-size:900px 500px}.inventory-container{position:relative;display:inline-block;transform-origin:center center;transition:transform .3s ease}.inventory-grid{--cell-size: 40px;display:grid;grid-template-columns:repeat(20,var(--cell-size));grid-template-rows:repeat(10,var(--cell-size));gap:1px;background:#0d0d0d;padding:4px;border:1px solid #2A2A2A;box-sizing:border-box}.inventory-items{position:absolute;top:4px;left:4px;width:819px;height:409px;pointer-events:none}.inventory-items>*{pointer-events:auto}.inventory-slot{background:#1a1a1a;border:1px solid #2A2A2A;position:relative;cursor:pointer;transition:all .2s ease}.inventory-slot:hover{border-color:#4a3c28;background:#2a2a2a}.inventory-slot.drag-over{border-color:#8b7355;box-shadow:inset 0 0 10px #8b735580}.inventory-slot.occupied{background:#2a2a2a;cursor:default}.item{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:grab;transition:all .2s ease}.item:hover{transform:scale(1.1);z-index:10}.item.dragging{opacity:.5;cursor:grabbing}.multi-slot-item{position:absolute;background:#000c;border:2px solid #4A3C28;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:grab;transition:all .2s ease;z-index:5;box-sizing:border-box}.multi-slot-item:hover{transform:scale(1.05);z-index:20;border-color:#8b7355;box-shadow:0 0 15px #8b735599}.multi-slot-item.dragging{opacity:.5;cursor:grabbing}.multi-slot-item .item-icon{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));max-width:100%;max-height:100%}.multi-slot-item img.item-icon{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;object-fit:contain;padding:5%;box-sizing:border-box}.item-icon{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.item img.item-icon{max-width:90%;max-height:90%;width:auto;height:auto;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;pointer-events:none}.item-rarity{position:absolute;inset:0;border:2px solid transparent;pointer-events:none;border-radius:4px}.item-rarity.common{border-color:#fff;box-shadow:inset 0 0 5px #fff3}.item-rarity.magic{border-color:#4169e1;box-shadow:inset 0 0 8px #4169e14d,0 0 10px #4169e133}.item-rarity.rare{border-color:gold;box-shadow:inset 0 0 10px #ffd7004d,0 0 12px #ffd70040}.item-rarity.legendary{border-color:#ff8c00;box-shadow:inset 0 0 12px #ff8c0066,0 0 15px #ff8c004d}.item-rarity.unique{border-color:#32cd32;box-shadow:inset 0 0 12px #32cd3266,0 0 15px #32cd324d}.item-rarity.epic{border-color:#8a2be2;box-shadow:inset 0 0 15px #8a2be280,0 0 20px #8a2be266;animation:epicGlow 2s ease-in-out infinite alternate}.item-rarity.epic:before{content:"";position:absolute;inset:-4px;border:1px solid transparent;background:linear-gradient(45deg,#8a2be24d,#ff69b44d,#8a2be24d);border-radius:6px;animation:epicPulse 2s ease-in-out infinite alternate;pointer-events:none}@keyframes epicGlow{0%{box-shadow:inset 0 0 15px #8a2be280,0 0 20px #8a2be266}to{box-shadow:inset 0 0 20px #8a2be2b3,0 0 25px #8a2be299}}@keyframes epicPulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}to{opacity:.3;transform:scale(1)}}.item-tooltip{display:none;position:fixed;background:#000;border:2px solid #8B7355;padding:12px;z-index:1000;min-width:200px;pointer-events:none;box-shadow:0 4px 20px #000000e6}.item-tooltip.show{display:block}.tooltip-header{display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #4A3C28}.tooltip-name{font-weight:700;color:#d4af37}.tooltip-type{color:#8b7355;font-size:.8rem}.tooltip-stats{margin-bottom:8px;color:#b8860b;font-size:.9rem;line-height:1.4}.tooltip-description{color:#7d6d5d;font-size:.8rem;font-style:italic}.character-section:after{content:"";position:absolute;inset:0;background-image:linear-gradient(0deg,transparent 24%,rgba(255,255,255,.02) 25%,rgba(255,255,255,.02) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.02) 75%,rgba(255,255,255,.02) 76%,transparent 77%,transparent);background-size:50px 50px;pointer-events:none}[data-theme=light] .d2-inventory-panel{background:linear-gradient(135deg,#f5e6d3,#e9d5b8);border-color:sienna;box-shadow:inset 0 0 50px #a0522d33,0 0 20px #0003}[data-theme=light] .character-section{background:repeating-linear-gradient(0deg,#f5e6d3 0px 2px,#e9d5b8 2px 4px),repeating-linear-gradient(90deg,#f5e6d3 0px 2px,#e9d5b8 2px 4px);background-size:4px 4px;border-color:#d2691e}[data-theme=light] .inventory-section{background:#ffffffb3;border-color:#d2691e}[data-theme=light] .equip-slot,[data-theme=light] .inventory-slot{background:#fff8dc;border-color:#deb887}[data-theme=light] .inventory-grid{background:linen}[data-theme=light] .d2-title{color:#8b4513}[data-theme=light] .empty-text,[data-theme=light] .item-name{color:sienna}@keyframes equip-flash{0%,to{box-shadow:0 0 15px #8b735599}50%{box-shadow:0 0 30px #d4af37,inset 0 0 20px #d4af3780}}.equip-flash{animation:equip-flash .5s ease-out}@keyframes item-pickup{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.item-pickup{animation:item-pickup .6s ease-out}@keyframes tooltip-show{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.item-tooltip.show{animation:tooltip-show .2s ease-out}@keyframes slot-pulse{0%,to{border-color:#4a3c28}50%{border-color:#8b7355}}.equip-slot.can-equip{animation:slot-pulse 1s ease-in-out infinite}.gold-display{display:flex;align-items:center;gap:6px;margin-top:8px;padding:4px 8px;background:#0000004d;border:1px solid #8B7355;border-radius:4px;box-shadow:inset 0 0 5px #8b735533}.gold-icon{width:16px;height:16px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.gold-amount{color:gold;font-weight:700;font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.8);font-family:Courier New,monospace}@keyframes gold-increase{0%{transform:scale(1);color:gold}50%{transform:scale(1.1);color:#ff0;text-shadow:0 0 10px rgba(255,255,0,.8)}to{transform:scale(1);color:gold}}.gold-amount.increase-animation{animation:gold-increase .5s ease-out}.falling-coin{position:fixed;width:24px;height:24px;pointer-events:none;z-index:1;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 0 8px rgba(255,215,0,.8));animation:coinFall linear,coinGlow ease-in-out alternate infinite}@keyframes coinFall{0%{transform:translateY(-20px) translate(var(--random-x, 0)) rotateY(0);opacity:1}to{transform:translateY(100vh) translate(var(--random-x, 0)) rotateY(720deg);opacity:0}}@keyframes coinGlow{0%{filter:drop-shadow(0 0 8px rgba(255,215,0,.8)) drop-shadow(0 0 15px rgba(255,215,0,.4))}50%{filter:drop-shadow(0 0 15px rgb(255,255,0)) drop-shadow(0 0 25px rgba(255,215,0,.6)) drop-shadow(0 0 35px rgba(255,215,0,.3))}to{filter:drop-shadow(0 0 8px rgba(255,215,0,.8)) drop-shadow(0 0 15px rgba(255,215,0,.4))}}.coin-particle{position:fixed;width:4px;height:4px;background:radial-gradient(circle,#FFD700 0%,#FFC000 50%,transparent 100%);border-radius:50%;pointer-events:none;z-index:0;animation:particleFloat linear}@keyframes particleFloat{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--particle-x, 0),var(--particle-y, 50px)) scale(0);opacity:0}}@keyframes potion-drink{0%{transform:scale(1) rotate(0);opacity:1}30%{transform:scale(1.2) rotate(-15deg)}60%{transform:scale(.8) rotate(15deg);opacity:.8}to{transform:scale(0) rotate(360deg);opacity:0}}@keyframes float-up{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-50px);opacity:0}}.character-section-inner,.inventory-section-inner{transform-origin:center;transition:transform .3s ease}.character-section,.inventory-section{container-type:inline-size}@container (max-width: 450px){.d2-equipment-layout{transform:scale(.7)}}@container (max-width: 380px){.d2-equipment-layout{transform:scale(.6)}}@container (max-width: 320px){.d2-equipment-layout{transform:scale(.5)}}.multi-slot-item img.item-icon,.inventory-slot img.item-icon{max-width:100%;max-height:100%;object-fit:contain;box-sizing:border-box}@media(max-width:767px){.d2-inventory-panel{padding:var(--spacing-unit)}}@media(max-width:639px){.d2-inventory-panel{padding:0}}.achievements-hall{position:relative;width:100%;aspect-ratio:1/1;max-width:100%;max-height:100vh;background:linear-gradient(135deg,#2d1810,#1a0f09);overflow:hidden;display:flex;justify-content:center;align-items:center;transition:background 1s ease;background-clip:padding-box;box-shadow:inset 0 0 0 4px #ffd700cc,inset 0 0 0 8px #ffd70066,inset 0 0 20px #ffd7004d,0 0 0 2px gold,0 0 0 6px #ffd70099,0 0 0 10px #ffd7004d,0 0 30px #ffd70080,0 0 60px #ffd7004d;animation:borderGlow 4s ease-in-out infinite alternate}.achievements-hall:before{content:"";position:absolute;inset:-12px;background:linear-gradient(45deg,transparent 40%,rgba(255,215,0,.8) 50%,transparent 60%),linear-gradient(-45deg,transparent 40%,rgba(255,215,0,.8) 50%,transparent 60%),linear-gradient(135deg,transparent 40%,rgba(255,215,0,.8) 50%,transparent 60%),linear-gradient(-135deg,transparent 40%,rgba(255,215,0,.8) 50%,transparent 60%);background-size:100px 100px;background-position:0 0,0 0,100% 100%,100% 100%;background-repeat:no-repeat;z-index:-10;animation:cornerShine 3s ease-in-out infinite}.achievements-hall:after{content:"";position:absolute;inset:-5px;background:radial-gradient(circle at 20% 20%,rgba(255,215,0,.6) 2px,transparent 3px),radial-gradient(circle at 80% 20%,rgba(255,215,0,.6) 2px,transparent 3px),radial-gradient(circle at 20% 80%,rgba(255,215,0,.6) 2px,transparent 3px),radial-gradient(circle at 80% 80%,rgba(255,215,0,.6) 2px,transparent 3px),radial-gradient(circle at 50% 10%,rgba(255,215,0,.4) 1px,transparent 2px),radial-gradient(circle at 50% 90%,rgba(255,215,0,.4) 1px,transparent 2px),radial-gradient(circle at 10% 50%,rgba(255,215,0,.4) 1px,transparent 2px),radial-gradient(circle at 90% 50%,rgba(255,215,0,.4) 1px,transparent 2px);background-size:100% 100%;z-index:-20;animation:sparkle 2s ease-in-out infinite}@keyframes borderGlow{0%{box-shadow:inset 0 0 0 4px #ffd70099,inset 0 0 0 8px #ffd7004d,inset 0 0 20px #ffd70033,0 0 0 2px gold,0 0 0 6px #ffd70066,0 0 0 10px #ffd70033,0 0 20px #ffd7004d,0 0 40px #ffd70033}to{box-shadow:inset 0 0 0 4px gold,inset 0 0 0 8px #ffd70099,inset 0 0 20px #ffd70066,0 0 0 2px gold,0 0 0 6px #ffd700cc,0 0 0 10px #ffd70080,0 0 40px #ffd70099,0 0 80px #ffd70066}}@keyframes cornerShine{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}@keyframes sparkle{0%,to{opacity:.4}50%{opacity:1}}.achievements-hall.doors-opening{background:radial-gradient(circle at center,#ffd70066,#ffd70033 30%,#ffd7001a,#2d1810cc 70%,#1a0f09),linear-gradient(135deg,#2d1810,#1a0f09);animation:goldenGlow 3s ease-out,borderGlowIntense 3s ease-out;box-shadow:inset 0 0 0 6px gold,inset 0 0 0 12px #ffd700cc,inset 0 0 40px #ffd70099,0 0 0 3px gold,0 0 0 8px gold,0 0 0 15px #ffd700b3,0 0 60px #ffd700cc,0 0 120px #ffd70099,0 0 200px #ffd70066}.holy-light-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:150;opacity:0;transition:opacity .5s ease}.holy-light-particles.active{opacity:1}.light-ray{position:absolute;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.9) 10%,rgba(255,215,0,.8) 50%,rgba(255,255,255,.9) 90%,transparent 100%);transform-origin:left center;animation:lightRayBurst 2s ease-out}.light-ray:nth-child(1){top:30%;left:50%;width:200%;height:4px;transform:translate(-50%,-50%) rotate(-15deg);animation-delay:0s}.light-ray:nth-child(2){top:50%;left:50%;width:250%;height:6px;transform:translate(-50%,-50%) rotate(0);animation-delay:.2s}.light-ray:nth-child(3){top:70%;left:50%;width:200%;height:4px;transform:translate(-50%,-50%) rotate(15deg);animation-delay:.1s}.light-ray:nth-child(4){top:40%;left:50%;width:180%;height:3px;transform:translate(-50%,-50%) rotate(-30deg);animation-delay:.3s}.light-ray:nth-child(5){top:60%;left:50%;width:180%;height:3px;transform:translate(-50%,-50%) rotate(30deg);animation-delay:.15s}@keyframes lightRayBurst{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--rotation, 0deg)) scaleX(0);filter:blur(10px)}30%{opacity:1;transform:translate(-50%,-50%) rotate(var(--rotation, 0deg)) scaleX(1);filter:blur(2px)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--rotation, 0deg)) scaleX(1.2);filter:blur(0px)}}.particle-cloud{position:absolute;width:8px;height:8px;background:linear-gradient(45deg,gold 0% 25%,#fff 25% 50%,gold 50% 75%,#fff 75% 100%);background-size:4px 4px;border:1px solid rgba(255,255,255,.8);box-shadow:0 0 4px #ffd700cc,inset 0 0 2px #fff9;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;top:50%;left:50%}.particle-cloud:nth-child(6){animation:pixelParticleShoot 2.5s ease-out;animation-delay:.1s;--angle: 0deg;--distance: 150px}.particle-cloud:nth-child(7){animation:pixelParticleShoot 2.5s ease-out;animation-delay:.2s;--angle: 30deg;--distance: 180px}.particle-cloud:nth-child(8){animation:pixelParticleShoot 2.5s ease-out;animation-delay:.15s;--angle: 60deg;--distance: 160px}.particle-cloud:nth-child(9){animation:pixelParticleShoot 2.5s ease-out;animation-delay:.3s;--angle: 90deg;--distance: 200px}.particle-cloud:nth-child(10){animation:pixelParticleShoot 2.5s ease-out;animation-delay:.25s;--angle: 120deg;--distance: 170px}.particle-cloud:nth-child(11){animation:pixelParticleShoot 2.5s ease-out;animation-delay:.35s;--angle: 150deg;--distance: 190px}.particle-cloud:nth-child(12){animation:pixelParticleShoot 2.5s ease-out;animation-delay:.4s;--angle: 180deg;--distance: 160px}.particle-cloud:nth-child(13){animation:pixelParticleShoot 2.5s ease-out;animation-delay:.3s;--angle: 210deg;--distance: 180px}.particle-cloud:nth-child(14){animation:pixelParticleShoot 2.5s ease-out;animation-delay:.2s;--angle: 240deg;--distance: 150px}.particle-cloud:nth-child(15){animation:pixelParticleShoot 2.5s ease-out;animation-delay:.45s;--angle: 270deg;--distance: 200px}.particle-cloud:nth-child(16){animation:pixelParticleShoot 2.5s ease-out;animation-delay:.35s;--angle: 300deg;--distance: 170px}.particle-cloud:nth-child(17){animation:pixelParticleShoot 2.5s ease-out;animation-delay:.1s;--angle: 330deg;--distance: 160px}.particle-cloud:nth-child(18){animation:pixelParticleShoot 2.5s ease-out;animation-delay:.5s;--angle: 45deg;--distance: 140px}.particle-cloud:nth-child(19){animation:pixelParticleShoot 2.5s ease-out;animation-delay:.4s;--angle: 135deg;--distance: 180px}.particle-cloud:nth-child(20){animation:pixelParticleShoot 2.5s ease-out;animation-delay:.6s;--angle: 225deg;--distance: 160px}@keyframes pixelParticleShoot{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) translate(0) scale(0)}10%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translate(20px) scale(1)}70%{opacity:.9;transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--distance)) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--distance) + 50px)) scale(.5)}}.center-burst{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,215,0,.7) 30%,rgba(255,215,0,.3) 60%,transparent 100%);border-radius:50%;animation:centerBurstEffect 2.5s ease-out}@keyframes centerBurstEffect{0%{opacity:0;transform:translate(-50%,-50%) scale(0);filter:blur(20px)}30%{opacity:1;transform:translate(-50%,-50%) scale(.8);filter:blur(10px)}70%{opacity:.7;transform:translate(-50%,-50%) scale(1.5);filter:blur(5px)}to{opacity:0;transform:translate(-50%,-50%) scale(2);filter:blur(0px)}}@keyframes borderGlowIntense{0%{box-shadow:inset 0 0 0 6px #ffd700cc,inset 0 0 0 12px #ffd70099,inset 0 0 40px #ffd70066,0 0 0 3px gold,0 0 0 8px #ffd700cc,0 0 0 15px #ffd70080,0 0 60px #ffd70099,0 0 120px #ffd70066,0 0 200px #ffd70033}50%{box-shadow:inset 0 0 0 8px gold,inset 0 0 0 16px #ffd700e6,inset 0 0 60px #ffd700cc,0 0 0 4px gold,0 0 0 12px gold,0 0 0 20px #ffd700cc,0 0 100px gold,0 0 180px #ffd700cc,0 0 300px #ffd70099}to{box-shadow:inset 0 0 0 6px gold,inset 0 0 0 12px #ffd700cc,inset 0 0 40px #ffd70099,0 0 0 3px gold,0 0 0 8px gold,0 0 0 15px #ffd700b3,0 0 60px #ffd700cc,0 0 120px #ffd70099,0 0 200px #ffd70066}}@keyframes goldenGlow{0%{filter:brightness(1)}50%{filter:brightness(1.5) saturate(1.3);box-shadow:inset 0 0 100px #ffd7004d}to{filter:brightness(1.2);box-shadow:inset 0 0 50px #ffd70033}}.door-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:200;perspective:1000px;transition:all .3s ease}.door-container:hover{filter:brightness(1.1)}.door-container:active{transform:scale(.98);transition:transform .1s ease}.door{width:50%;height:100%;position:relative;transition:transform 2.5s cubic-bezier(.25,.46,.45,.94)}.door-left{background:linear-gradient(to right,#8b4513,sienna,#8b4513);border-right:3px solid #654321;transform-origin:left center}.door-right{background:linear-gradient(to left,#8b4513,sienna,#8b4513);border-left:3px solid #654321;transform-origin:right center}.door-panel{width:100%;height:100%;position:relative;background:radial-gradient(ellipse at 30% 20%,rgba(139,69,19,.3) 0%,transparent 50%),linear-gradient(45deg,transparent 20%,rgba(160,82,45,.1) 21%,rgba(160,82,45,.1) 25%,transparent 26%),linear-gradient(-45deg,transparent 20%,rgba(160,82,45,.1) 21%,rgba(160,82,45,.1) 25%,transparent 26%)}.door-panel:before{content:"";position:absolute;inset:10%;border:4px solid #654321;border-radius:8px;box-shadow:inset 0 0 20px #0000004d}.door-handle{position:absolute;width:12px;height:60px;background:linear-gradient(45deg,gold,orange,gold);border-radius:6px;top:50%;transform:translateY(-50%);box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #ffffff4d}.door-left .door-handle{right:20px}.door-right .door-handle{left:20px}.door-container.doors-opening .door-left{transform:translate(-85%)}.door-container.doors-opening .door-right{transform:translate(85%)}.achievement-bookshelf{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 1.5s ease-in-out;z-index:50;background:linear-gradient(135deg,#3e2723,#4a2c2a 20%,#5d4037,#3e2723 50%,#2e1a17 70%,#4a2c2a,#1d0f0d);background-image:repeating-linear-gradient(0deg,transparent 0px,rgba(62,39,35,.3) 1px,transparent 2px,transparent 6px),repeating-linear-gradient(90deg,transparent 0px,rgba(74,44,42,.2) 1px,transparent 3px,transparent 12px),radial-gradient(circle at 20% 30%,rgba(93,64,55,.1) 1px,transparent 2px),radial-gradient(circle at 70% 60%,rgba(46,26,23,.15) 1px,transparent 2px)}.bookshelf-visible .achievement-bookshelf{opacity:1}.bookshelf-early-show .achievement-bookshelf{opacity:.3;transition:opacity .8s ease-in-out}.bookshelf-bg{width:100%;height:100%;object-fit:contain;box-shadow:0 0 50px #ffd7004d;cursor:pointer;background-color:#1a0f09;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.achievement-hotspot{cursor:pointer}.achievement-hover-effect{position:absolute;pointer-events:none;z-index:1000;border-radius:8px;background:radial-gradient(ellipse at center,rgba(255,255,255,.8) 0%,rgba(255,215,0,.6) 30%,rgba(255,255,255,.4) 60%,transparent 100%);animation:hotspotPulse 1.5s ease-in-out infinite;mix-blend-mode:overlay}.achievement-hover-border{position:absolute;pointer-events:none;z-index:999;background:linear-gradient(45deg,transparent 0%,transparent 40%,rgba(255,255,255,.9) 50%,transparent 60%,transparent 100%);background-size:8px 8px;animation:pixelBorderFlow 2s linear infinite}@keyframes hotspotPulse{0%{opacity:.3;transform:scale(.95);box-shadow:0 0 10px #fffc,0 0 20px #ffd70099,inset 0 0 10px #fff6}50%{opacity:.9;transform:scale(1.05);box-shadow:0 0 20px #fff,0 0 40px #ffd700cc,inset 0 0 15px #fff9}to{opacity:.3;transform:scale(.95);box-shadow:0 0 10px #fffc,0 0 20px #ffd70099,inset 0 0 10px #fff6}}@keyframes pixelBorderFlow{0%{background-position:0 0}to{background-position:8px 8px}}.achievement-tooltip{position:fixed;background:linear-gradient(135deg,#2a1810,#1f140a);border:3px solid #FFD700;border-radius:12px;padding:16px;min-width:280px;max-width:350px;box-shadow:0 8px 32px #0009,inset 0 1px #ffd70033;z-index:1100;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.achievement-tooltip:before,.achievement-tooltip:after{display:none}.achievement-tooltip.tooltip-top:before{content:"";display:block;position:absolute;bottom:-10px;left:15px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #FFD700}.achievement-tooltip.tooltip-top:after{content:"";display:block;position:absolute;bottom:-7px;left:17px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #2a1810}.achievement-tooltip.tooltip-bottom:before{content:"";display:block;position:absolute;top:-10px;left:15px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #FFD700}.achievement-tooltip.tooltip-bottom:after{content:"";display:block;position:absolute;top:-7px;left:17px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #2a1810}.achievement-tooltip.show{opacity:1;transform:scale(1);pointer-events:auto}.tooltip-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.tooltip-icon{width:96px;height:96px;display:flex;align-items:center;justify-content:center;font-size:2rem;text-shadow:0 0 10px currentColor}.tooltip-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 16px rgb(255,215,0));border-radius:12px;border:5px solid #FFD700;box-shadow:0 0 0 2px orange,0 0 0 4px #ff450099,0 0 25px #ffd700cc,inset 0 0 10px #fff3;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;animation:tooltipIconGlow 3s ease-in-out infinite alternate}@keyframes tooltipIconGlow{0%{box-shadow:0 0 0 2px orange,0 0 0 4px #ff450099,0 0 25px #ffd700cc,inset 0 0 10px #fff3}to{box-shadow:0 0 0 2px orange,0 0 0 4px #ff4500cc,0 0 35px gold,inset 0 0 15px #fff6}}.tooltip-title{font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.tooltip-description{color:#e8e8e8;line-height:1.5;margin-bottom:12px;font-size:.95rem}.tooltip-date{font-size:.8rem;color:#7f8c8d;text-align:right;margin-top:8px;font-style:italic}.golden-burst-effect{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:300;opacity:0;transition:opacity .3s ease;overflow:hidden}.golden-burst-effect.active{opacity:1}.intense-golden-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(255,215,0,.95) 0%,rgba(255,255,0,.8) 15%,rgba(255,215,0,.6) 30%,rgba(255,215,0,.4) 50%,rgba(255,215,0,.2) 70%,rgba(255,215,0,.1) 85%,transparent 100%);animation:intensePulse 3s ease-out;filter:blur(1px)}.solar-ray{position:absolute;top:50%;left:50%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 2%,rgba(255,215,0,.9) 8%,rgb(255,255,255) 50%,rgba(255,215,0,.9) 92%,rgba(255,255,255,.3) 98%,transparent 100%);transform-origin:center center;width:300%;height:4px;box-shadow:0 0 15px #ffd700e6,0 0 30px #ffd700b3,0 0 45px #ffd70080,0 0 60px #ffd7004d;animation:solarExplosion 3s ease-out}.solar-ray:nth-child(2){transform:translate(-50%,-50%) rotate(0);animation-delay:0s;height:5px}.solar-ray:nth-child(3){transform:translate(-50%,-50%) rotate(45deg);animation-delay:.2s;height:4px}.solar-ray:nth-child(4){transform:translate(-50%,-50%) rotate(90deg);animation-delay:.4s;height:5px}.solar-ray:nth-child(5){transform:translate(-50%,-50%) rotate(135deg);animation-delay:.6s;height:4px}.solar-ray:nth-child(6){transform:translate(-50%,-50%) rotate(180deg);animation-delay:.8s;height:5px}.solar-ray:nth-child(7){transform:translate(-50%,-50%) rotate(225deg);animation-delay:1s;height:4px}.solar-ray:nth-child(8){transform:translate(-50%,-50%) rotate(270deg);animation-delay:1.2s;height:5px}.solar-ray:nth-child(9){transform:translate(-50%,-50%) rotate(315deg);animation-delay:1.4s;height:4px}.solar-ray.secondary{height:3px;width:250%;opacity:.6}.solar-ray.secondary:nth-child(10){transform:translate(-50%,-50%) rotate(22.5deg);animation-delay:.1s}.solar-ray.secondary:nth-child(11){transform:translate(-50%,-50%) rotate(67.5deg);animation-delay:.3s}.solar-ray.secondary:nth-child(12){transform:translate(-50%,-50%) rotate(112.5deg);animation-delay:.5s}.solar-ray.secondary:nth-child(13){transform:translate(-50%,-50%) rotate(157.5deg);animation-delay:.7s}@keyframes intensePulse{0%{opacity:0;transform:scale(.3)}15%{opacity:1;transform:scale(1.1)}50%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes solarExplosion{0%{opacity:0;width:0%;filter:blur(10px) brightness(2)}20%{opacity:1;width:250%;filter:blur(3px) brightness(1.5)}40%{opacity:1;width:300%;filter:blur(1px) brightness(1.2)}80%{opacity:.6;width:350%;filter:blur(0px) brightness(1)}to{opacity:0;width:400%;filter:blur(0px) brightness(.8)}}@media(max-width:768px){.achievement-tooltip{min-width:250px;max-width:280px;font-size:.9rem}.door-decoration{font-size:3rem}}@media(max-width:480px){.achievement-tooltip{min-width:200px;max-width:240px;padding:12px}.tooltip-title{font-size:1.1rem}.tooltip-icon{font-size:1.5rem}.door-decoration{font-size:2.5rem}}.achievements-hall.animate-entrance .door-container{animation:doorSequence 3s ease-out forwards}@keyframes doorSequence{0%{transform:scale(1)}60%{transform:scale(1)}to{transform:scale(1);pointer-events:none}}.party-panel{color:#cbd5e1;text-align:center}.party-panel h3{color:gold;margin-bottom:calc(var(--spacing-unit) * 2);font-size:1.5rem}.party-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:calc(var(--spacing-unit) * 1.5)}.member-card{background:#0000004d;border:2px solid rgba(148,163,184,.2);border-radius:1rem;padding:calc(var(--spacing-unit) * 1.5);transition:all var(--transition-speed) ease}.member-card:hover{transform:translateY(-5px);border-color:gold;box-shadow:0 10px 30px #ffd70033}.member-avatar{font-size:3rem;margin-bottom:var(--spacing-unit)}.member-card h4{color:gold;margin-bottom:.5rem}.member-card p{color:#94a3b8;font-size:.9rem}.party-members{grid-template-columns:1fr}[data-theme=light] .member-card{background:#f8fafccc;border-color:#cbd5e1}[data-theme=light] .member-card h4{color:#0f172a}[data-theme=light] .member-card p{color:#64748b}.summon-system{width:100vw;min-height:auto;position:relative;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.summon-system .summon-section{width:100%;position:relative}.summon-section{position:relative}.summon-controls{margin:2rem 0}.summon-btn{position:relative;padding:1.5rem 3rem;font-size:1.5rem;font-weight:700;color:#fff;background:linear-gradient(45deg,#ff4500,tomato,#ff4500);border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;overflow:hidden;box-shadow:0 8px 16px #ff450066,inset 0 1px #fff3}.summon-btn .btn-text{position:relative;z-index:2}.summon-btn .btn-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease;z-index:1}.summon-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 24px #ff450099,inset 0 1px #ffffff4d}.summon-btn:hover .btn-effect{left:100%}.summon-btn:active{transform:translateY(-1px) scale(1.02)}.summon-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.summon-portal-container{position:relative;width:100%;max-width:600px;height:auto;margin:20px auto;display:flex;justify-content:center;align-items:center;transition:transform .3s ease}.summon-portal-container.summoning{animation:summonPulse 1s ease-in-out infinite alternate}.summon-portal-container .portal-background{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;border-radius:20px;position:relative;z-index:1;transition:opacity .3s ease;border:4px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(45deg,gold,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4) border-box;box-shadow:0 0 20px #ffd70066,0 0 40px #ff6b6b33,0 0 60px #4ecdc433,inset 0 0 30px #ffffff1a}.summon-portal-container .portal-background:before{content:"";position:absolute;top:-8px;left:10%;right:10%;height:6px;background:linear-gradient(90deg,transparent 0%,#FFD700 20%,#FF6B6B 40%,#4ECDC4 60%,#45B7D1 80%,transparent 100%);border-radius:10px;box-shadow:0 0 15px #ffd70099;animation:topBorderPulse 3s ease-in-out infinite}.summon-portal-container .portal-background:after{content:"";position:absolute;bottom:-8px;left:15%;right:15%;height:4px;background:linear-gradient(90deg,transparent 0%,#96CEB4 25%,#45B7D1 50%,#4ECDC4 75%,transparent 100%);border-radius:8px;box-shadow:0 0 12px #96ceb480;animation:bottomBorderFlow 4s linear infinite}.summon-portal-container .summon-animation-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:20px;z-index:3;opacity:0;pointer-events:none;transition:opacity .3s ease;border:4px solid transparent;background:linear-gradient(transparent,transparent) padding-box,linear-gradient(45deg,gold,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4) border-box;box-shadow:0 0 20px #ffd70066,0 0 40px #ff6b6b33,0 0 60px #4ecdc433,inset 0 0 30px #ffffff1a}.summon-portal-container .summon-animation-video:before{content:"";position:absolute;top:-8px;left:10%;right:10%;height:6px;background:linear-gradient(90deg,transparent 0%,#FFD700 20%,#FF6B6B 40%,#4ECDC4 60%,#45B7D1 80%,transparent 100%);border-radius:10px;box-shadow:0 0 15px #ffd70099;animation:topBorderPulse 3s ease-in-out infinite}.summon-portal-container .summon-animation-video:after{content:"";position:absolute;bottom:-8px;left:15%;right:15%;height:4px;background:linear-gradient(90deg,transparent 0%,#96CEB4 25%,#45B7D1 50%,#4ECDC4 75%,transparent 100%);border-radius:8px;box-shadow:0 0 12px #96ceb480;animation:bottomBorderFlow 4s linear infinite}.summon-portal-container .summon-animation-video.playing{opacity:1;pointer-events:none}.summon-portal-container .summon-aura{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;opacity:0;z-index:5;transition:opacity .5s ease}.summon-portal-container .summon-aura.star-1{background:radial-gradient(circle,rgba(255,255,255,.8),rgba(255,255,255,.4),transparent);box-shadow:0 0 30px #fff9,0 0 60px #fff6,0 0 100px #fff3}.summon-portal-container .summon-aura.star-1.burst{box-shadow:0 0 80px #ffffffe6,0 0 160px #ffffffb3,0 0 240px #ffffff80,inset 0 0 50px #fff6}.summon-portal-container .summon-aura.star-2{background:radial-gradient(circle,rgba(34,197,94,.8),rgba(34,197,94,.4),transparent);box-shadow:0 0 30px #22c55e99,0 0 60px #22c55e66,0 0 100px #22c55e33}.summon-portal-container .summon-aura.star-2.burst{box-shadow:0 0 80px #22c55ee6,0 0 160px #22c55eb3,0 0 240px #22c55e80,inset 0 0 50px #22c55e66}.summon-portal-container .summon-aura.star-3{background:radial-gradient(circle,rgba(59,130,246,.8),rgba(59,130,246,.4),transparent);box-shadow:0 0 30px #3b82f699,0 0 60px #3b82f666,0 0 100px #3b82f633}.summon-portal-container .summon-aura.star-3.burst{box-shadow:0 0 80px #3b82f6e6,0 0 160px #3b82f6b3,0 0 240px #3b82f680,inset 0 0 50px #3b82f666}.summon-portal-container .summon-aura.star-4{background:radial-gradient(circle,rgba(255,193,7,.8),rgba(255,193,7,.4),transparent);box-shadow:0 0 30px #ffc10799,0 0 60px #ffc10766,0 0 100px #ffc10733}.summon-portal-container .summon-aura.star-4.burst{box-shadow:0 0 80px #ffc107e6,0 0 160px #ffc107b3,0 0 240px #ffc10780,inset 0 0 50px #ffc10766}.summon-portal-container .summon-aura.star-5{background:radial-gradient(circle,#ff0096e6,#ffce54e6,#ff6b6be6,#4ecdc4e6,#8a2be2e6);box-shadow:0 0 50px #ff0096cc,0 0 100px #ffce54b3,0 0 150px #4ecdc499,0 0 200px #8a2be280;animation:rainbowPulse .5s ease-in-out infinite alternate}.summon-portal-container .summon-aura.star-5.burst{box-shadow:0 0 100px #ff0096,0 0 200px #ffce54e6,0 0 300px #4ecdc4cc,0 0 400px #8a2be2b3,inset 0 0 100px #ffffff4d}.summon-portal-container .summon-aura.initial{opacity:.6;transform:translate(-50%,-50%) scale(.7);animation:auraInitial 1s ease-in-out infinite alternate}.summon-portal-container .summon-aura.show{opacity:.9;transform:translate(-50%,-50%) scale(1);animation:auraGlow 1s ease-in-out infinite alternate}.summon-portal-container .summon-aura.transitioning{transition:opacity 1s ease-in-out,transform 1s ease-in-out,animation 1s ease-in-out;animation:none}.summon-portal-container .summon-aura.burst{width:100%;height:100%;transform:translate(-50%,-50%);opacity:1;animation:auraBurstEnhanced .5s ease-out;z-index:6;transition:all .5s ease-in-out}.summon-portal-container .summon-aura.fade-out{opacity:0;transform:translate(-50%,-50%) scale(1.2);transition:opacity .5s ease-out,transform .5s ease-out;animation:none}.summon-portal-container .particle-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.summon-portal-container .particle-container .particle{position:absolute;width:12px;height:12px;border-radius:50%;opacity:0;filter:brightness(1.5);will-change:transform,opacity}.summon-portal-container .particle-container .particle.star-1{background:radial-gradient(circle,#fff,#fffc);box-shadow:0 0 20px #ffffffe6,0 0 40px #ffffff80;animation:particleWhiteGlow 1s ease-in-out infinite alternate}.summon-portal-container .particle-container .particle.star-2{background:radial-gradient(circle,#22c55e,#22c55ecc);box-shadow:0 0 20px #22c55ee6,0 0 40px #22c55e80;animation:particleGreenGlow 1s ease-in-out infinite alternate}.summon-portal-container .particle-container .particle.star-3{background:radial-gradient(circle,#3b82f6,#3b82f6cc);box-shadow:0 0 20px #3b82f6e6,0 0 40px #3b82f680;animation:particleBlueGlow 1s ease-in-out infinite alternate}.summon-portal-container .particle-container .particle.star-4{background:radial-gradient(circle,#ffc107,#ffc107cc);box-shadow:0 0 20px #ffc107e6,0 0 40px #ffc10780;animation:particleGoldGlow 1s ease-in-out infinite alternate}.summon-portal-container .particle-container .particle.star-5{background:radial-gradient(circle,#ff0096,#ffce54,#ff6b6b,#4ecdc4,#8a2be2);box-shadow:0 0 25px #ff0096cc,0 0 50px #ffce5499;animation:particleRainbow .3s ease-in-out infinite alternate;filter:brightness(1.8) saturate(1.3)}.summon-portal-container .particle-container .particle.show{opacity:1;animation:particleFloat 2s ease-out forwards}.summon-portal-container .particle-container .particle.rainbow-particle.show{animation:particleFloatRainbow 2s ease-out forwards}.summon-portal-container .particle-container .particle.rainbow-particle.star-1{filter:brightness(1.6) saturate(1.2);animation:particleWhiteGlow .8s ease-in-out infinite alternate,particleFloatRainbow 2s ease-out forwards}.summon-portal-container .particle-container .particle.rainbow-particle.star-2{filter:brightness(1.6) saturate(1.2);animation:particleGreenGlow .8s ease-in-out infinite alternate,particleFloatRainbow 2s ease-out forwards}.summon-portal-container .particle-container .particle.rainbow-particle.star-3{filter:brightness(1.6) saturate(1.2);animation:particleBlueGlow .8s ease-in-out infinite alternate,particleFloatRainbow 2s ease-out forwards}.summon-portal-container .particle-container .particle.rainbow-particle.star-4{filter:brightness(1.6) saturate(1.2);animation:particleGoldGlow .8s ease-in-out infinite alternate,particleFloatRainbow 2s ease-out forwards}.summon-portal-container .particle-container .particle.rainbow-particle.star-5{filter:brightness(1.8) saturate(1.4);animation:particleRainbow .3s ease-in-out infinite alternate,particleFloatRainbow 2s ease-out forwards}@keyframes topBorderPulse{0%,to{opacity:.8;transform:scaleX(1);box-shadow:0 0 15px #ffd70099}50%{opacity:1;transform:scaleX(1.05);box-shadow:0 0 25px #ffd700cc}}@keyframes summonPulse{0%{transform:scale(1)}to{transform:scale(1.02)}}@keyframes auraInitial{0%{opacity:.5;transform:translate(-50%,-50%) scale(.6)}to{opacity:.7;transform:translate(-50%,-50%) scale(.8)}}@keyframes auraGlow{0%{opacity:.8;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes auraBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(4)}to{opacity:.8;transform:translate(-50%,-50%) scale(3)}}@keyframes auraBurstEnhanced{0%{opacity:.8;filter:brightness(1) saturate(1)}30%{opacity:1;filter:brightness(2) saturate(2)}70%{opacity:1;filter:brightness(2.5) saturate(2.5)}to{opacity:.9;filter:brightness(2) saturate(2)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) scale(.3)}15%{opacity:1;transform:translateY(-30px) scale(1.2)}75%{opacity:1;transform:translateY(-90px) scale(1.5)}to{opacity:0;transform:translateY(-150px) scale(1)}}@keyframes particleFloatRainbow{0%{opacity:0;transform:translateY(0) scale(.3) rotate(0)}15%{opacity:1;transform:translateY(-40px) scale(1.3) rotate(120deg)}75%{opacity:1;transform:translateY(-100px) scale(1.8) rotate(300deg)}to{opacity:0;transform:translateY(-180px) scale(1.2) rotate(360deg)}}@keyframes particleRainbow{0%{filter:brightness(1.5) hue-rotate(0deg);transform:scale(1)}to{filter:brightness(2) hue-rotate(180deg);transform:scale(1.2)}}@keyframes particleWhiteGlow{0%{filter:brightness(1.3);transform:scale(1)}to{filter:brightness(1.6);transform:scale(1.1)}}@keyframes particleGreenGlow{0%{filter:brightness(1.3);transform:scale(1)}to{filter:brightness(1.6);transform:scale(1.1)}}@keyframes particleBlueGlow{0%{filter:brightness(1.3);transform:scale(1)}to{filter:brightness(1.6);transform:scale(1.1)}}@keyframes particleGoldGlow{0%{filter:brightness(1.3);transform:scale(1)}to{filter:brightness(1.6);transform:scale(1.1)}}@keyframes rainbowPulse{0%{filter:brightness(1) saturate(1)}to{filter:brightness(1.2) saturate(1.3)}}@keyframes bottomBorderFlow{0%{background:linear-gradient(90deg,transparent 0%,#96CEB4 25%,#45B7D1 50%,#4ECDC4 75%,transparent 100%)}50%{background:linear-gradient(90deg,transparent 0%,#4ECDC4 25%,#96CEB4 50%,#45B7D1 75%,transparent 100%)}to{background:linear-gradient(90deg,transparent 0%,#45B7D1 25%,#4ECDC4 50%,#96CEB4 75%,transparent 100%)}}.portal-interactive-area{position:absolute;width:20%;height:20%;min-width:180px;min-height:180px;max-width:300px;max-height:300px;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;border-radius:50%;transition:all .3s ease;z-index:10}.portal-interactive-area:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(0,191,255,.1),transparent);animation:portalPulse 3s ease-in-out infinite}.portal-interactive-area:hover{transform:translate(-50%,-50%) scale(1.1)}.portal-interactive-area:hover:before{background:radial-gradient(circle,rgba(0,191,255,.3),transparent);animation:portalPulseIntense 1.5s ease-in-out infinite}.portal-interactive-area:hover .portal-glow{opacity:1;transform:scale(1.2)}.portal-interactive-area:hover .portal-ring{border-width:4px;animation-duration:2s}.portal-interactive-area:active{transform:translate(-50%,-50%) scale(.95)}.portal-glow{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(0,191,255,.4),rgba(138,43,226,.3),transparent);opacity:.5;transition:all .3s ease;animation:glowPulse 4s ease-in-out infinite}@keyframes portalPulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.1);opacity:.2}}@keyframes portalPulseIntense{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.5}}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.summon-tooltip{position:fixed;background:linear-gradient(145deg,#000000e6,#1e1e1ee6);border:2px solid rgba(255,215,0,.6);border-radius:12px;padding:12px 16px;font-size:14px;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:1000;backdrop-filter:blur(8px);box-shadow:0 8px 32px #0006,0 0 20px #ffd70033;pointer-events:none}.summon-tooltip:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(255,215,0,.6)}.summon-tooltip.show{opacity:1;visibility:visible}.tooltip-content{display:flex;flex-direction:column;align-items:center;gap:8px}.tooltip-title{font-weight:700;color:gold;text-shadow:0 0 8px rgba(255,215,0,.6);font-size:16px}.tooltip-cost{display:flex;align-items:center;gap:8px;font-size:14px}.tooltip-cost .tooltip-coin{width:20px;height:20px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.tooltip-cost span{color:#e8e8e8;font-weight:600}.summon-portal{width:100%;height:100%;position:relative}.summon-portal .portal-ring{position:absolute;border:3px solid transparent;border-radius:50%;animation:portalRotate 4s linear infinite}.summon-portal .portal-ring.portal-ring-1{width:100%;height:100%;top:0;left:0;border-color:#ffd70099;animation-duration:3s}.summon-portal .portal-ring.portal-ring-2{width:80%;height:80%;top:10%;left:10%;border-color:#8a2be299;animation-duration:4s;animation-direction:reverse}.summon-portal .portal-ring.portal-ring-3{width:60%;height:60%;top:20%;left:20%;border-color:#1e90ff99;animation-duration:2s}.summon-portal .portal-center{position:absolute;width:40%;height:40%;top:30%;left:30%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,rgba(255,215,0,.6) 30%,rgba(138,43,226,.4) 60%,transparent 100%);border-radius:50%;animation:portalPulse 2s ease-in-out infinite}@keyframes portalRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes portalPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}@keyframes portalActivate{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.summon-light-effect{position:absolute;width:100%;height:100%;border-radius:50%;animation:lightBurst 2s ease-out}.summon-light-effect.rarity-1{background:radial-gradient(circle,rgba(192,192,192,.8) 0%,transparent 70%)}.summon-light-effect.rarity-2{background:radial-gradient(circle,rgba(50,205,50,.8) 0%,transparent 70%)}.summon-light-effect.rarity-3{background:radial-gradient(circle,rgba(65,105,225,.8) 0%,transparent 70%)}.summon-light-effect.rarity-4{background:radial-gradient(circle,rgba(218,112,214,.8) 0%,transparent 70%);box-shadow:0 0 50px #da70d699}.summon-light-effect.rarity-5{background:radial-gradient(circle,rgb(255,215,0) 0%,rgba(255,69,0,.8) 50%,transparent 70%);box-shadow:0 0 100px #ffd700cc}@keyframes lightBurst{0%{transform:scale(0);opacity:0}50%{transform:scale(1.5);opacity:1}to{transform:scale(2.5);opacity:0}}.summon-particle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;animation:particleFly 3s ease-out forwards}.summon-particle.rarity-1{background:silver}.summon-particle.rarity-2{background:#32cd32}.summon-particle.rarity-3{background:#4169e1}.summon-particle.rarity-4{background:orchid}.summon-particle.rarity-5{background:gold;box-shadow:0 0 10px gold}@keyframes particleFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--random-x, 0),var(--random-y, -100px)) scale(0);opacity:0}}.summon-special-effect{position:absolute;width:120%;height:120%;top:-10%;left:-10%}.summon-special-effect.rarity-4{background:conic-gradient(from 0deg,transparent 0deg,rgba(218,112,214,.3) 90deg,transparent 180deg,rgba(218,112,214,.3) 270deg,transparent 360deg);animation:specialRotate 1s linear infinite}.summon-special-effect.rarity-5{background:conic-gradient(from 0deg,#ffd70099,#ff450066,#ffd70099,#ff450066,#ffd70099,#ff450066,#ffd70099 360deg);animation:specialRotate .5s linear infinite}@keyframes specialRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.summon-legendary-effect{position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(circle at 50% 50%,rgba(255,215,0,.1) 0%,transparent 50%),conic-gradient(from 0deg,gold,#ff4500,gold,#ff4500,gold,#ff4500,gold,#ff4500,gold 360deg);border-radius:50%;animation:legendaryBurst 2s ease-out,legendaryRotate 3s linear infinite;filter:blur(2px)}@keyframes legendaryBurst{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:.6}}@keyframes legendaryRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.companion-collection{padding:2rem;overflow:visible}.companion-collection:has(.companion-card){background:#0003;border-top:2px solid rgba(255,215,0,.3);border-radius:8px}.companion-collection h3{color:gold;font-size:1.8rem;text-align:center;margin-bottom:2rem;text-shadow:0 0 10px rgba(255,215,0,.6)}.companion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.5rem;width:100%;box-sizing:border-box;padding:0;justify-items:center}.companion-grid .no-companions{grid-column:1/-1;text-align:center;color:#888;font-style:italic;padding:3rem;font-size:1.1rem}.companion-card{position:relative;cursor:pointer;transition:all .3s ease;width:100%;max-width:120px;margin:0 auto}.companion-card:hover{transform:translateY(-5px) scale(1.05)}.companion-card:hover .companion-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.companion-avatar{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden}.companion-avatar img{width:100%;height:100%;object-fit:cover;display:block}.companion-avatar .rarity-border{position:absolute;inset:-3px;border-radius:15px;border:3px solid;pointer-events:none}.companion-avatar .rarity-border.rarity-1{border-color:silver}.companion-avatar .rarity-border.rarity-2{border-color:#32cd32}.companion-avatar .rarity-border.rarity-3{border-color:#4169e1}.companion-avatar .rarity-border.rarity-4{border-color:orchid;box-shadow:0 0 15px #da70d64d}.companion-avatar .rarity-border.rarity-5{border-color:gold;box-shadow:0 0 25px #ffd70080;animation:legendaryCardGlow 3s ease-in-out infinite alternate}.companion-avatar .star-badge{position:absolute;bottom:4px;right:4px;background:#000c;padding:2px 6px;border-radius:12px;display:flex;align-items:center;gap:1px}.companion-avatar .star-badge .star-icon{width:12px;height:12px;filter:brightness(1.2)}.companion-avatar .star-badge.rarity-5 .star-icon{filter:brightness(1.5) drop-shadow(0 0 2px #FFD700)}.companion-avatar .companion-count{position:absolute;top:4px;right:4px;background:#ffd700e6;color:#000;font-size:12px;font-weight:700;padding:2px 6px;border-radius:10px;line-height:1}.companion-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);background:linear-gradient(145deg,#000000f2,#1e1e1ef2);border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:8px 12px;min-width:200px;max-width:300px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100;backdrop-filter:blur(5px)}.companion-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.95)}.companion-tooltip .tooltip-name{font-size:14px;font-weight:700;color:gold;margin-bottom:4px;text-align:center}.companion-tooltip .tooltip-description{font-size:12px;color:#ccc;line-height:1.4;text-align:center}@keyframes legendaryCardGlow{0%{box-shadow:0 0 25px #ffd70080}to{box-shadow:0 0 35px #ffd700cc}}.summon-result-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.summon-result-modal.show{opacity:1;visibility:visible;pointer-events:all}.summon-result-modal.show .modal-content{transform:translateY(0) scale(1)}.summon-result-modal .modal-background{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;z-index:-1}.summon-result-modal .modal-content{position:relative;width:90%;max-width:600px;background:linear-gradient(145deg,#1a0b2e,#16213e);border:3px solid #FFD700;border-radius:20px;padding:2rem;transform:translateY(-50px) scale(.9);transition:transform .3s ease;box-shadow:0 20px 40px #00000080;z-index:10;backdrop-filter:none;filter:none}.summon-result-modal .modal-content *{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.summon-result-modal.rarity-5 .modal-content{border-color:gold;box-shadow:0 20px 40px #00000080,0 0 50px #ffd70066;animation:modalLegendaryGlow 2s ease-in-out infinite alternate}@keyframes modalLegendaryGlow{0%{box-shadow:0 20px 40px #00000080,0 0 50px #ffd70066}to{box-shadow:0 20px 40px #00000080,0 0 70px #ffd700b3}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modal-header h3{color:gold;font-size:1.8rem;text-shadow:0 0 10px rgba(255,215,0,.6)}.modal-header .close-btn{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.modal-header .close-btn:hover{background-color:#ffffff1a}.companion-showcase{display:flex;gap:2rem;margin-bottom:2rem;filter:none;backdrop-filter:none}.companion-showcase .companion-image{position:relative;width:200px;height:200px}.companion-showcase .companion-image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.companion-showcase .companion-image .companion-frame{position:absolute;inset:-3px;border:3px solid #FFD700;border-radius:15px;pointer-events:none}.companion-showcase .companion-details{flex:1;filter:none;backdrop-filter:none}.companion-showcase .companion-details .rarity-stars{font-size:1.5rem;margin-bottom:1rem}.companion-showcase .companion-details .companion-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem;filter:none;text-shadow:none}.companion-showcase .companion-details .companion-description{color:#ccc;line-height:1.6;margin-bottom:1.5rem;filter:none}.companion-showcase .companion-details .companion-skills{margin-top:1.5rem}.companion-showcase .companion-details .companion-skills .skills-header{margin-bottom:1rem;text-align:center}.companion-showcase .companion-details .companion-skills .skills-header .skills-title{font-size:1.1rem;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.6);background:linear-gradient(90deg,#ffd7001a,#ffd7004d,#ffd7001a);padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(255,215,0,.3);display:inline-block}.companion-showcase .companion-details .companion-skills .skills-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.companion-showcase .companion-details .companion-skills .skill-tag{position:relative;padding:.3rem .8rem;border-radius:16px;font-size:.8rem;font-weight:500;text-align:center;overflow:hidden;display:inline-flex;align-items:center;gap:.25rem;height:auto;min-height:auto;animation:skillSlideIn .6s ease-out}.companion-showcase .companion-details .companion-skills .skill-tag:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%);animation:shimmer 3s infinite;z-index:1}.companion-showcase .companion-details .companion-skills .skill-tag .skill-icon{font-size:.9rem;filter:drop-shadow(0 0 2px currentColor);z-index:2;position:relative}.companion-showcase .companion-details .companion-skills .skill-tag .skill-name{font-size:.8rem;line-height:1.2;z-index:2;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap}.companion-showcase .companion-details .companion-skills .skill-tag.skill-attack{background:linear-gradient(135deg,#ff4545e6,#dc2626cc);border:2px solid rgba(255,140,140,.8);color:#fff;box-shadow:0 4px 15px #ff454566,0 2px 4px #ff454599,inset 0 1px #ffffff4d}.companion-showcase .companion-details .companion-skills .skill-tag.skill-defense{background:linear-gradient(135deg,#3b82f6e6,#2563ebcc);border:2px solid rgba(147,197,253,.8);color:#fff;box-shadow:0 4px 15px #3b82f666,0 2px 4px #3b82f699,inset 0 1px #ffffff4d}.companion-showcase .companion-details .companion-skills .skill-tag.skill-support{background:linear-gradient(135deg,#22c55ee6,#16a34acc);border:2px solid rgba(134,239,172,.8);color:#fff;box-shadow:0 4px 15px #22c55e66,0 2px 4px #22c55e99,inset 0 1px #ffffff4d}.companion-showcase .companion-details .companion-skills .skill-tag.skill-tech .skill-tech{background:linear-gradient(135deg,#a855f7e6,#9333eacc);border:2px solid rgba(196,181,253,.8);color:#fff;box-shadow:0 4px 15px #a855f766,0 2px 4px #a855f799,inset 0 1px #ffffff4d}.companion-showcase .companion-details .companion-skills .skill-tag.skill-tech{background:linear-gradient(135deg,#a855f733,#9333ea4d);border:1px solid rgba(168,85,247,.4);color:#a78bfa}.companion-showcase .companion-details .companion-skills .skill-tag.skill-tech .skill-glow{background:linear-gradient(135deg,#a855f799,#9333eacc);box-shadow:0 0 20px #a855f74d}.companion-showcase .companion-details .companion-skills .skill-tag.skill-tech:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #a855f766}.companion-showcase .companion-details .companion-skills .skill-tag.skill-tech:hover .skill-glow{opacity:1}.companion-showcase .companion-details .companion-skills .skill-tag.skill-special{background:linear-gradient(135deg,#ffd70033,#ff69b433,#20c99733);border:1px solid rgba(255,215,0,.4);color:gold}.companion-showcase .companion-details .companion-skills .skill-tag.skill-special .skill-glow{background:linear-gradient(135deg,#ffd70099,#ff69b499,#20c99799);box-shadow:0 0 20px #ffd70066}.companion-showcase .companion-details .companion-skills .skill-tag.skill-special:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #ffd70080}.companion-showcase .companion-details .companion-skills .skill-tag.skill-special:hover .skill-glow{opacity:1}.companion-showcase .companion-details .companion-skills .skill-tag.skill-normal{background:linear-gradient(135deg,#ffd70026,#ffc10740);border:1px solid rgba(255,215,0,.3);color:gold}.companion-showcase .companion-details .companion-skills .skill-tag.skill-normal .skill-glow{background:linear-gradient(135deg,#ffd70080,#ffc107b3);box-shadow:0 0 20px #ffd7004d}.companion-showcase .companion-details .companion-skills .skill-tag.skill-normal:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #ffd70066}.companion-showcase .companion-details .companion-skills .skill-tag.skill-normal:hover .skill-glow{opacity:1}.companion-showcase .companion-details .companion-skills .skill-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;z-index:1}.companion-showcase .companion-details .companion-skills .skill-tag:hover:before{left:100%}.companion-showcase .companion-details .companion-skills .skill-tag{animation:skillSlideIn .6s ease backwards}.companion-showcase .companion-details .companion-skills .skill-tag[data-skill-index="1"]{animation-delay:.1s}.companion-showcase .companion-details .companion-skills .skill-tag[data-skill-index="2"]{animation-delay:.2s}.companion-showcase .companion-details .companion-skills .skill-tag[data-skill-index="3"]{animation-delay:.3s}@keyframes skillSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-actions{text-align:center}.modal-actions .confirm-btn{padding:.8rem 2rem;font-size:1.1rem;font-weight:700;color:#000;background:linear-gradient(45deg,gold,orange);border:none;border-radius:25px;cursor:pointer;transition:all .3s ease}.modal-actions .confirm-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffd70066}.summon-message{position:fixed;top:20px;right:20px;padding:1rem 2rem;border-radius:8px;font-weight:700;z-index:3000;opacity:0;transform:translate(100%);transition:all .3s ease}.summon-message.show{opacity:1;transform:translate(0)}.summon-message.error{background:linear-gradient(45deg,#f44,#c00);color:#fff;border-left:4px solid #AA0000}.summon-message.info{background:linear-gradient(45deg,#4169e1,#0000cd);color:#fff;border-left:4px solid #0000AA}.summon-message.success{background:linear-gradient(45deg,#32cd32,#228b22);color:#fff;border-left:4px solid #006600}@keyframes float-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}.decrease-animation{animation:goldDecrease .5s ease-out}@keyframes goldDecrease{0%{color:gold}50%{color:#f44;transform:scale(1.1)}to{color:gold;transform:scale(1)}}@media(max-width:768px){.summon-info{flex-direction:column;gap:1rem}.companion-showcase{flex-direction:column}.companion-showcase .companion-image{width:150px;height:150px;margin:0 auto}.companion-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.companion-collection{padding:1rem}.summon-portal-container{width:100%;height:auto;max-width:280px;max-height:280px;margin:15px auto}.summon-portal-container .portal-interactive-area{width:25%;height:25%;min-width:120px;min-height:120px}}@media(max-width:480px){.summon-btn{padding:1rem 2rem;font-size:1.2rem}.modal-content{padding:1.5rem;margin:1rem}.companion-collection{padding:.5rem}.companion-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem}.companion-card{max-width:80px}.summon-portal-container{width:100%;height:auto;max-width:250px;max-height:250px;margin:10px auto}.summon-portal-container .portal-interactive-area{width:30%;height:30%;min-width:100px;min-height:100px}.summon-tooltip{font-size:12px;padding:8px 12px}.summon-tooltip .tooltip-title{font-size:14px}.summon-tooltip .tooltip-cost{font-size:12px}.summon-tooltip .tooltip-cost .tooltip-coin{width:16px;height:16px}}@media(min-width:1400px){.summon-portal-container{width:min(90vw,90vh);height:min(90vw,90vh);max-width:1400px;max-height:1400px}}[data-theme=light] .portal-interactive-area:before{background:radial-gradient(circle,rgba(30,64,175,.15),transparent)}[data-theme=light] .portal-interactive-area:hover:before{background:radial-gradient(circle,rgba(30,64,175,.4),transparent)}[data-theme=light] .portal-glow{background:radial-gradient(circle,rgba(30,64,175,.4),rgba(59,130,246,.3),transparent)}[data-theme=light] .summon-tooltip{background:linear-gradient(145deg,#fffffff2,#f8fafcf2);border:2px solid rgba(30,64,175,.6);color:#1f2937;box-shadow:0 8px 32px #00000026,0 0 20px #1e40af33}[data-theme=light] .summon-tooltip:after{border-top-color:#1e40af99}[data-theme=light] .tooltip-title{color:#1e40af;text-shadow:0 0 8px rgba(30,64,175,.4)}[data-theme=light] .tooltip-cost .tooltip-coin{filter:drop-shadow(0 0 4px rgba(30,64,175,.6))}[data-theme=light] .tooltip-cost span{color:#374151}[data-theme=light] .companion-collection{background:#ffffff4d;border-top:2px solid rgba(30,64,175,.4)}[data-theme=light] .companion-collection h3{color:#1e40af;text-shadow:0 0 10px rgba(30,64,175,.4)}[data-theme=light] .companion-card{background:linear-gradient(145deg,#fffc,#ffffff80);border:2px solid transparent}[data-theme=light] .companion-info .companion-name{color:#1f2937}[data-theme=light] .no-companions{color:#6b7280}[data-theme=light] .summon-result-modal .modal-content{background:linear-gradient(145deg,#f8fafc,#e2e8f0);border:3px solid #1e40af}[data-theme=light] .summon-result-modal .modal-header h3{color:#1e40af;text-shadow:0 0 10px rgba(30,64,175,.4)}[data-theme=light] .companion-showcase .companion-name{color:#1f2937}[data-theme=light] .companion-showcase .companion-description{color:#4b5563}.star-display{display:flex;align-items:center;gap:2px}.star-icon{width:16px;height:16px;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:brightness(1) saturate(1.2)}.star-icon.empty{filter:brightness(.4) saturate(.3);opacity:.6}.rarity-stars{display:flex;align-items:center;gap:2px}.rarity-stars .star-icon{width:14px;height:14px}.rarity-stars.rarity-5 .star-icon:not(.empty){filter:brightness(1.2) saturate(1.5) drop-shadow(0 0 3px #FFD700);animation:starGlow 2s ease-in-out infinite alternate}.rarity-stars.rarity-4 .star-icon:not(.empty){filter:brightness(1.1) saturate(1.3) drop-shadow(0 0 2px #DA70D6)}.rarity-stars.rarity-3 .star-icon:not(.empty){filter:brightness(1.05) saturate(1.2) drop-shadow(0 0 1px #4169E1)}@keyframes starGlow{0%{filter:brightness(1.2) saturate(1.5) drop-shadow(0 0 3px #FFD700)}to{filter:brightness(1.4) saturate(1.8) drop-shadow(0 0 6px #FFD700)}}.rate-percentage{font-size:.8rem}.collection-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0006,#0003);border:2px solid rgba(255,215,0,.3);border-radius:15px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000004d;backdrop-filter:blur(10px);flex-wrap:wrap;gap:1rem}.collection-header h3{color:gold;font-size:1.8rem;text-shadow:0 0 15px rgba(255,215,0,.6);margin:0;display:flex;align-items:center;gap:.5rem}.collection-header .collection-progress-summary{display:flex;flex-direction:column;align-items:flex-end;min-width:200px}.collection-header .collection-progress-summary .progress-info{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,255,255,.5);text-align:right}.collection-header .collection-progress-summary .progress-info #collection-percentage{color:gold;text-shadow:0 0 15px rgba(255,215,0,.8)}.collection-header .collection-progress-summary .progress-bar-container{width:200px;height:10px;background:#fff3;border-radius:5px;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.collection-header .collection-progress-summary .progress-bar-container .progress-bar,.collection-header .collection-progress-summary .progress-bar-container .collection-progress-bar{height:100%;background:linear-gradient(90deg,gold,orange,#ff6b6b);border-radius:5px;transition:width .8s ease-in-out;box-shadow:0 0 10px #ffd70099;position:relative}.collection-header .collection-progress-summary .progress-bar-container .progress-bar:after,.collection-header .collection-progress-summary .progress-bar-container .collection-progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShine 2s infinite linear}.category-section{background:linear-gradient(135deg,#0000004d,#0000001a);border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 4px 20px #0003;backdrop-filter:blur(5px)}.category-section .category-header{background:linear-gradient(90deg,#ffd70033,#ffd7000d);border-bottom:1px solid rgba(255,215,0,.3);padding:1rem 1.5rem}.category-section .category-header .category-title{display:flex;justify-content:space-between;align-items:center}.category-section .category-header .category-title .rarity-stars .star-icon{width:20px;height:20px;filter:drop-shadow(0 0 5px currentColor)}.category-section .category-header .category-title .category-stats{color:#fffc;font-size:.9rem;font-weight:700}.category-section .companion-grid{padding:1.5rem}.collection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 20px}.collection-header .collection-title{color:gold;font-size:1.8rem;font-weight:700;text-shadow:0 0 15px rgba(255,215,0,.6);margin:0}.collection-header .collection-stats .stats-row{display:flex;align-items:center;gap:1rem}.collection-stats .progress-info{color:#fff;font-size:1rem;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.5);white-space:nowrap}.collection-stats .progress-info #collection-percentage{color:gold;text-shadow:0 0 15px rgba(255,215,0,.8)}.collection-stats .progress-bar-container{width:200px;height:12px;background:linear-gradient(90deg,#1e1e1ee6,#323232b3,#1e1e1ee6);border:1px solid rgba(255,215,0,.3);border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080,0 0 15px #ffd7004d;position:relative}.collection-stats .progress-bar-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);animation:backgroundShimmer 3s ease-in-out infinite}.collection-stats .progress-bar-container .progress-bar,.collection-stats .progress-bar-container .collection-progress-bar{height:100%;background:linear-gradient(90deg,gold,orange,#ff6b6b,#8a2be2,#00bfff);border-radius:4px;transition:width 1.2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #ffd700cc,inset 0 1px #ffffff4d;position:relative;overflow:hidden;min-width:5px;z-index:2}.collection-stats .progress-bar-container .progress-bar:after,.collection-stats .progress-bar-container .collection-progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:progressFlow 2s ease-in-out infinite}.collection-stats .progress-bar-container .progress-bar:before,.collection-stats .progress-bar-container .collection-progress-bar:before{content:"";position:absolute;inset:-2px;background:linear-gradient(90deg,#ffd70080,#ffa50080,#ff6b6b80);border-radius:8px;filter:blur(4px);animation:progressPulse 1.5s ease-in-out infinite;z-index:-1}@keyframes backgroundShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes progressFlow{0%{left:-100%;opacity:0}20%{opacity:1}80%{opacity:1}to{left:100%;opacity:0}}@keyframes progressPulse{0%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:.5;transform:scale(1)}}.unified-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.5rem;width:100%;box-sizing:border-box;padding:0;justify-items:center;align-items:start}.collection-card{position:relative;cursor:pointer;transition:all .3s ease;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border:2px solid transparent;backdrop-filter:blur(5px);width:120px;height:120px;display:flex;flex-direction:column}.collection-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 15px 40px #0006;border-color:#ffd70080}.collection-card .collection-avatar{position:relative;width:100%;height:120px;overflow:hidden;border-radius:8px;flex-shrink:0}.collection-card .collection-avatar img{width:100%;height:100%;object-fit:cover;border-radius:8px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.collection-card .collection-avatar .rarity-border{position:absolute;inset:-2px;border-radius:10px;pointer-events:none}.collection-card .collection-avatar .rarity-border.rarity-5{border:2px solid #FFD700;box-shadow:0 0 15px #ffd70099}.collection-card .collection-avatar .rarity-border.rarity-4{border:2px solid #DA70D6;box-shadow:0 0 12px #da70d680}.collection-card .collection-avatar .rarity-border.rarity-3{border:2px solid #4169E1;box-shadow:0 0 10px #4169e166}.collection-card .collection-avatar .rarity-border.rarity-2{border:2px solid #32CD32;box-shadow:0 0 8px #32cd3266}.collection-card .collection-avatar .rarity-border.rarity-1{border:2px solid #C0C0C0;box-shadow:0 0 6px #c0c0c066}.collection-card .collection-avatar .collection-star-badge{position:absolute;top:4px;right:4px;background:#000c;border-radius:4px;padding:2px 4px;display:flex;gap:1px}.collection-card .collection-avatar .collection-star-badge .star-icon{width:12px;height:12px}.collection-card .collection-avatar .collection-count{position:absolute;bottom:4px;right:4px;background:#ffd700e6;color:#000;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.collection-card .collection-avatar .collected-badge{position:absolute;top:4px;left:4px;background:linear-gradient(45deg,#0f0,#32cd32);color:#000;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;box-shadow:0 0 10px #0f09}.collection-card .collection-avatar .unknown-badge{position:absolute;top:4px;left:4px;background:linear-gradient(45deg,#ff6b6b,#ff4757);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;text-shadow:0 0 5px rgba(255,255,255,.8);animation:unknownPulse 2s ease-in-out infinite}.collection-card .collection-info{display:none}.collection-card.collected .collection-avatar .rarity-border{animation:collectedGlow 3s ease-in-out infinite}.collection-card.silhouette{background:linear-gradient(145deg,#0009,#0006);border-color:#fff3}.collection-card.silhouette:hover{border-color:#ffd7004d;background:linear-gradient(145deg,#000000b3,#00000080)}.collection-card.silhouette .collection-avatar.silhouette .silhouette-shape{width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#0000004d);border-radius:8px;position:relative;overflow:hidden}.collection-card.silhouette .collection-avatar.silhouette .silhouette-shape:before{content:"👤";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;opacity:.3;filter:grayscale(1)}.collection-card.silhouette .collection-avatar.silhouette .silhouette-shape:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:silhouetteShine 3s ease-in-out infinite}.collection-card.silhouette .collection-avatar.silhouette .rarity-border.silhouette{border-color:#fff3;box-shadow:none;animation:silhouetteBorderPulse 2s ease-in-out infinite}.collection-card.silhouette .collection-avatar.silhouette .star-icon.silhouette{filter:grayscale(1) brightness(.4) opacity(.6)}.collection-card.silhouette .collection-info .collection-name.silhouette{color:#fff6;text-shadow:none}@keyframes progressShine{0%{left:-100%}to{left:100%}}@keyframes collectedGlow{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 20px #ffd700cc}}@keyframes silhouetteShine{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes silhouetteBorderPulse{0%,to{border-color:#fff3;box-shadow:0 0 5px #ffffff1a}50%{border-color:#fff6;box-shadow:0 0 15px #ffffff4d}}@keyframes unknownPulse{0%,to{box-shadow:0 0 10px #ff6b6b99;transform:scale(1)}50%{box-shadow:0 0 20px #ff6b6be6;transform:scale(1.1)}}@media(max-width:768px){.collection-stats{padding:1rem}.collection-stats .stats-header{flex-direction:column;text-align:center}.collection-stats .stats-header .collection-progress{align-items:center}.collection-stats .stats-header .collection-progress .progress-bar-container{width:200px}.collection-stats .rarity-overview{grid-template-columns:repeat(5,1fr);gap:.5rem}.collection-stats .rarity-overview .rarity-stat{padding:.5rem .3rem}.collection-stats .rarity-overview .rarity-stat .star-icon{width:14px;height:14px}.collection-stats .rarity-overview .rarity-stat .rarity-count{font-size:.8rem}.category-header{padding:.8rem 1rem}.category-header .rarity-stars .star-icon{width:16px;height:16px}.collection-card .collection-avatar .collection-star-badge .star-icon{width:10px;height:10px}.collection-card .collection-avatar .collection-count{width:16px;height:16px;font-size:.6rem}.collection-card .collection-avatar .collected-badge,.collection-card .collection-avatar .unknown-badge{width:16px;height:16px;font-size:.7rem}.collection-card .collection-info .collection-name{font-size:.8rem}}@media(max-width:480px){.collection-stats .rarity-overview{grid-template-columns:repeat(5,1fr);gap:.3rem}.collection-stats .rarity-overview .rarity-stat{padding:.3rem .2rem}.collection-stats .rarity-overview .rarity-stat .star-icon{width:12px;height:12px}.collection-stats .rarity-overview .rarity-stat .rarity-count{font-size:.7rem}}.newsletter-scroll-button{position:fixed;bottom:30px;right:30px;z-index:999;background-image:url(/assets/img/guild/supergalen/avatar.webp);background-size:cover;background-position:center;background-repeat:no-repeat;border:4px solid #ffd700;border-radius:50%;width:70px;height:70px;cursor:pointer;box-shadow:0 8px 16px #0000004d,0 0 30px #ffd70066,inset 0 0 20px #ffd7001a;transition:all .3s ease;animation:scrollPulse 2s ease-in-out infinite;overflow:hidden}.newsletter-scroll-button:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(45deg,#ffd7004d,#ffd7001a,#ffd7004d);z-index:-1;animation:rotateGlow 3s linear infinite}.newsletter-scroll-button:hover{transform:scale(1.15);border-color:#fff;box-shadow:0 12px 24px #0006,0 0 50px #ffd700cc,inset 0 0 30px #ffd70033;animation:none}.newsletter-scroll-button:active{transform:scale(1.05)}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scrollPulse{0%,to{transform:scale(1);box-shadow:0 8px 16px #0000004d,0 0 30px #ffd70066}50%{transform:scale(1.05);box-shadow:0 12px 20px #0006,0 0 40px #ffd70099}}.newsletter-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;display:flex;align-items:center;justify-content:center}.newsletter-modal.show{opacity:1;visibility:visible;pointer-events:auto}.newsletter-modal.show .modal-content{transform:translate(-50%,-50%) scale(1);opacity:1}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(5px)}.modal-content.rpg-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 50px)) scale(.9);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,#1a1f3a,#2d1b4e);border:4px solid #ffd700;border-radius:20px;padding:2.5rem;box-shadow:0 20px 60px #00000080,0 0 40px #ffd7004d,inset 0 0 60px #ffd7001a;opacity:0;transition:all .3s ease}.modal-content.rpg-panel:before{content:"";position:absolute;inset:10px;border:2px solid rgba(255,215,0,.3);border-radius:15px;pointer-events:none}[data-theme=light] .modal-content.rpg-panel{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:4px solid #d97706;box-shadow:0 20px 60px #00000026,0 0 40px #d9770633,inset 0 0 60px #d977060d}[data-theme=light] .modal-content.rpg-panel:before{border:2px solid rgba(217,119,6,.3)}[data-theme=light] .modal-content.rpg-panel::-webkit-scrollbar{width:10px}[data-theme=light] .modal-content.rpg-panel::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}[data-theme=light] .modal-content.rpg-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,gold,#ff6b6b);border-radius:10px}[data-theme=light] .modal-content.rpg-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffe44d,#ff8787)}.close-button{position:absolute;top:15px;right:15px;width:40px;height:40px;background:#00000080;border:2px solid #ffd700;border-radius:50%;color:gold;font-size:24px;font-weight:700;line-height:1;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10}.close-button:hover{background:#ffd70033;transform:rotate(90deg) scale(1.1);box-shadow:0 0 20px #ffd70080}.close-button:active{transform:rotate(90deg) scale(.95)}[data-theme=light] .close-button{background:#ffffffe6;border:2px solid #d97706;color:#d97706}[data-theme=light] .close-button:hover{background:#d9770633;box-shadow:0 0 20px #d977064d}.modal-header{text-align:center;margin-bottom:1.5rem;position:relative}.modal-header .modal-title{font-size:1.8rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5),2px 2px 4px rgba(0,0,0,.5);margin:0;font-family:"Press Start 2P",Noto Sans TC,sans-serif;letter-spacing:2px}[data-theme=light] .modal-header .modal-title{color:#d97706;text-shadow:0 0 10px rgba(217,119,6,.3),2px 2px 4px rgba(0,0,0,.1)}.modal-description{color:#e0e0e0;font-size:1rem;line-height:1.6;margin-bottom:2rem}.modal-description p{margin-bottom:1rem;text-align:center}[data-theme=light] .modal-description{color:#475569}.benefits-list{list-style:none;padding:0;margin:1rem 0}.benefits-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#4ecdc4;font-weight:500}.benefits-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:gold;border-radius:50%;box-shadow:0 0 10px #ffd70099}[data-theme=light] .benefits-list li{color:#0891b2}[data-theme=light] .benefits-list li:before{background:#d97706;box-shadow:0 0 10px #d9770666}.newsletter-form-container{margin:2rem 0}.newsletter-form-container .rpg-newsletter-form .form-group{margin-bottom:1.5rem}.newsletter-form-container .rpg-newsletter-form .form-label{display:block;color:gold;font-weight:600;margin-bottom:.5rem;font-size:.95rem}.newsletter-form-container .rpg-newsletter-form .form-label .required-mark{color:#ff6b6b;margin-left:4px}[data-theme=light] .newsletter-form-container .rpg-newsletter-form .form-label{color:#d97706}.newsletter-form-container .rpg-newsletter-form .form-input.rpg-input{width:100%;padding:12px 15px;background:#0000004d;border:2px solid #4ecdc4;border-radius:8px;color:gold;font-size:1rem;font-family:Noto Sans TC,sans-serif;transition:all .3s ease}.newsletter-form-container .rpg-newsletter-form .form-input.rpg-input:focus{outline:none;border-color:gold;box-shadow:0 0 20px #ffd7004d,inset 0 0 10px #4ecdc41a;background:#00000080}.newsletter-form-container .rpg-newsletter-form .form-input.rpg-input::placeholder{color:#e0e0e080}[data-theme=light] .newsletter-form-container .rpg-newsletter-form .form-input.rpg-input{background:#ffffffe6;border:2px solid #0891b2;color:#475569}[data-theme=light] .newsletter-form-container .rpg-newsletter-form .form-input.rpg-input:focus{border-color:#d97706;box-shadow:0 0 20px #d9770633,inset 0 0 10px #0891b21a;background:#fff}[data-theme=light] .newsletter-form-container .rpg-newsletter-form .form-input.rpg-input::placeholder{color:#47556980}.newsletter-form-container .rpg-newsletter-form .submit-button.rpg-button{width:100%;padding:14px 20px;background:linear-gradient(135deg,#ff6b6b,gold);border:3px solid #fff;border-radius:10px;color:#000;font-size:1.1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000004d,0 0 20px #ffd7004d}.newsletter-form-container .rpg-newsletter-form .submit-button.rpg-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006,0 0 30px #ffd70080}.newsletter-form-container .rpg-newsletter-form .submit-button.rpg-button:active{transform:translateY(0)}.newsletter-form-container .rpg-newsletter-form .form-message{margin-top:1rem;padding:12px;border-radius:8px;text-align:center;font-weight:500;display:none}.newsletter-form-container .rpg-newsletter-form .form-message.success{display:block;background:#22c55e33;border:2px solid #22c55e;color:#4ade80}.newsletter-form-container .rpg-newsletter-form .form-message.error{display:block;background:#ef444433;border:2px solid #ef4444;color:#f87171}.privacy-notice{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,215,0,.2);text-align:center}.privacy-notice p{color:#96ceb4;font-size:.85rem;line-height:1.5;margin:0;opacity:.8}[data-theme=light] .privacy-notice{border-top:1px solid rgba(217,119,6,.2)}[data-theme=light] .privacy-notice p{color:#0891b2}.powered-by-line{color:#4ecdc4!important;text-decoration:none;opacity:.9;transition:opacity .3s ease}.powered-by-line:hover{opacity:1}[data-theme=light] .powered-by-line{color:#0891b2!important}.post-newsletter-inline{margin:3rem 0;padding:2rem 0;border-top:2px solid rgba(255,215,0,.2);border-bottom:2px solid rgba(255,215,0,.2);width:100%;max-width:100%;overflow:hidden}.post-newsletter-inline .newsletter-inline-content.rpg-panel{background:linear-gradient(135deg,#1a1f3a,#2d1b4e);border:3px solid #ffd700;border-radius:15px;padding:2rem;box-shadow:0 10px 30px #0000004d,0 0 30px #ffd70033,inset 0 0 40px #ffd7000d;position:relative;width:100%;max-width:100%;box-sizing:border-box}.post-newsletter-inline .newsletter-inline-content.rpg-panel:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,215,0,.3);border-radius:12px;pointer-events:none}@media(max-width:480px){.post-newsletter-inline .newsletter-inline-content.rpg-panel{padding:1.5rem 1rem}}[data-theme=light] .post-newsletter-inline .newsletter-inline-content.rpg-panel{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:3px solid #d97706;box-shadow:0 10px 30px #0000001a,0 0 30px #d9770626,inset 0 0 40px #d9770608}[data-theme=light] .post-newsletter-inline .newsletter-inline-content.rpg-panel:before{border:1px solid rgba(217,119,6,.3)}.post-newsletter-inline .inline-header{text-align:center;margin-bottom:1.5rem}.post-newsletter-inline .inline-header .inline-title{font-size:1.5rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5),2px 2px 4px rgba(0,0,0,.5);margin:0 0 .75rem;font-weight:700}.post-newsletter-inline .inline-header .inline-description{color:#e0e0e0;font-size:1rem;line-height:1.6;margin:0}[data-theme=light] .post-newsletter-inline .inline-header .inline-title{color:#d97706;text-shadow:0 0 10px rgba(217,119,6,.3),2px 2px 4px rgba(0,0,0,.1)}[data-theme=light] .post-newsletter-inline .inline-header .inline-description{color:#475569}.post-newsletter-inline .inline-newsletter-form{max-width:100%;overflow:hidden}.post-newsletter-inline .inline-newsletter-form .inline-form-group{display:flex;gap:10px;margin-bottom:1rem;width:100%;max-width:100%}@media(max-width:480px){.post-newsletter-inline .inline-newsletter-form .inline-form-group{flex-direction:column;gap:8px}}.post-newsletter-inline .inline-newsletter-form .inline-input.rpg-input{flex:1;min-width:0;padding:12px 15px;background:#0000004d;border:2px solid #4ecdc4;border-radius:8px;color:gold;font-size:1rem;font-family:Noto Sans TC,sans-serif;transition:all .3s ease;box-sizing:border-box}.post-newsletter-inline .inline-newsletter-form .inline-input.rpg-input:focus{outline:none;border-color:gold;box-shadow:0 0 20px #ffd7004d,inset 0 0 10px #4ecdc41a;background:#00000080}.post-newsletter-inline .inline-newsletter-form .inline-input.rpg-input::placeholder{color:#e0e0e080}@media(max-width:480px){.post-newsletter-inline .inline-newsletter-form .inline-input.rpg-input{width:100%;font-size:.95rem;padding:10px 12px}}[data-theme=light] .post-newsletter-inline .inline-newsletter-form .inline-input.rpg-input{background:#ffffffe6;border:2px solid #0891b2;color:#475569}[data-theme=light] .post-newsletter-inline .inline-newsletter-form .inline-input.rpg-input:focus{border-color:#d97706;box-shadow:0 0 20px #d9770633,inset 0 0 10px #0891b21a;background:#fff}[data-theme=light] .post-newsletter-inline .inline-newsletter-form .inline-input.rpg-input::placeholder{color:#47556980}.post-newsletter-inline .inline-newsletter-form .inline-button.rpg-button{padding:12px 30px;background:linear-gradient(135deg,#ff6b6b,gold);border:3px solid #fff;border-radius:8px;color:#000;font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000004d,0 0 20px #ffd7004d;white-space:nowrap}.post-newsletter-inline .inline-newsletter-form .inline-button.rpg-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006,0 0 30px #ffd70080}.post-newsletter-inline .inline-newsletter-form .inline-button.rpg-button:active{transform:translateY(0)}@media(max-width:480px){.post-newsletter-inline .inline-newsletter-form .inline-button.rpg-button{width:100%}}.post-newsletter-inline .inline-powered-by{color:#96ceb4;font-family:Noto Sans TC,sans-serif;font-size:11px;text-align:center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;text-decoration:none;opacity:.7;transition:opacity .3s ease;word-break:break-word}.post-newsletter-inline .inline-powered-by:hover{opacity:1}.post-newsletter-inline .inline-powered-by img{margin-left:5px;height:14px;filter:brightness(0) saturate(100%) invert(70%) sepia(20%) saturate(1500%) hue-rotate(140deg) brightness(90%) contrast(90%);opacity:.9}[data-theme=light] .post-newsletter-inline .inline-powered-by{color:#0891b2}[data-theme=light] .post-newsletter-inline .inline-powered-by img{filter:brightness(0) saturate(100%) invert(45%) sepia(80%) saturate(500%) hue-rotate(150deg) brightness(95%) contrast(90%)}@media(max-width:480px){.post-newsletter-inline .inline-powered-by{font-size:10px;gap:3px}}@media(max-width:768px){.newsletter-scroll-button{width:60px;height:60px;bottom:20px;right:20px}.newsletter-scroll-button .scroll-icon{font-size:28px}.newsletter-scroll-button .scroll-text{font-size:7px}.modal-content.rpg-panel{padding:1.5rem;max-width:95%}.modal-content.rpg-panel .modal-header .modal-title{font-size:1.3rem}.close-button{width:35px;height:35px;font-size:20px;top:10px;right:10px}}@media(max-width:480px){.modal-content.rpg-panel{padding:1.2rem}.modal-content.rpg-panel .modal-header .modal-title{font-size:1.1rem;letter-spacing:1px}.modal-description{font-size:.9rem}.benefits-list li{font-size:.85rem}}.purchase-panel{position:relative;overflow:hidden}.purchase-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.05) 0%,transparent 50%);animation:backgroundPulse 8s ease-in-out infinite;pointer-events:none;z-index:0}.purchase-panel>*{position:relative;z-index:1}@keyframes backgroundPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.inner-tabs-nav{position:relative;display:flex;background:linear-gradient(135deg,rgba(var(--bg-color-rgb),.95),rgba(var(--bg-color-rgb),.9));border-radius:20px;padding:8px;margin-bottom:30px;border:1px solid transparent;background-clip:padding-box;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff1a,0 0 0 1px rgba(var(--primary-color-rgb),.1);overflow:hidden;backdrop-filter:blur(20px)}.inner-tabs-nav:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(var(--primary-color-rgb),.1) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite;z-index:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.inner-tabs-nav .inner-tab-btn{position:relative;flex:1;background:none;border:none;padding:18px 24px;border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);color:var(--text-secondary);font-weight:600;font-size:.95em;display:flex;align-items:center;justify-content:center;gap:10px;z-index:2;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.inner-tabs-nav .inner-tab-btn .tab-icon{font-size:1.3em;transition:all .4s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 0 4px rgba(var(--primary-color-rgb),.3))}.inner-tabs-nav .inner-tab-btn .tab-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color)),linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);opacity:0;transition:all .4s ease;border-radius:16px;z-index:-1}.inner-tabs-nav .inner-tab-btn:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--primary-color),var(--accent-color),var(--primary-color));border-radius:18px;opacity:0;z-index:-2;transition:opacity .4s ease}.inner-tabs-nav .inner-tab-btn.active{color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px rgba(var(--primary-color-rgb),.4),0 0 0 1px rgba(var(--primary-color-rgb),.3),inset 0 1px #fff3}.inner-tabs-nav .inner-tab-btn.active .tab-glow{opacity:1;animation:tabGlow 2s ease-in-out infinite alternate}.inner-tabs-nav .inner-tab-btn.active .tab-icon{transform:scale(1.15) rotateY(10deg);filter:drop-shadow(0 0 12px rgba(255,255,255,.8));animation:iconFloat 3s ease-in-out infinite}.inner-tabs-nav .inner-tab-btn.active:before{opacity:1;animation:neonBorder 2s ease-in-out infinite}.inner-tabs-nav .inner-tab-btn:not(.active):hover{color:var(--primary-color);transform:translateY(-2px) scale(1.01);box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.15)}.inner-tabs-nav .inner-tab-btn:not(.active):hover .tab-glow{opacity:.2}.inner-tabs-nav .inner-tab-btn:not(.active):hover .tab-icon{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(var(--primary-color-rgb),.6))}.inner-tabs-nav .inner-tab-btn:not(.active):hover:before{opacity:.3}@keyframes tabGlow{0%{box-shadow:inset 0 0 20px rgba(var(--primary-color-rgb),.5)}to{box-shadow:inset 0 0 30px rgba(var(--accent-color-rgb),.7)}}@keyframes iconFloat{0%,to{transform:scale(1.15) rotateY(10deg) translateY(0)}50%{transform:scale(1.15) rotateY(10deg) translateY(-2px)}}@keyframes neonBorder{0%,to{background:linear-gradient(45deg,var(--primary-color),var(--accent-color),var(--primary-color))}50%{background:linear-gradient(45deg,var(--accent-color),var(--primary-color),var(--accent-color))}}.inner-tabs-nav .tab-indicator{position:absolute;bottom:-8px;left:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color),var(--primary-color));transition:all .5s cubic-bezier(.4,0,.2,1);border-radius:2px;width:50%;z-index:1;box-shadow:0 0 10px rgba(var(--primary-color-rgb),.8),0 0 20px rgba(var(--primary-color-rgb),.4);animation:indicatorPulse 2s ease-in-out infinite}@keyframes indicatorPulse{0%,to{box-shadow:0 0 10px rgba(var(--primary-color-rgb),.8),0 0 20px rgba(var(--primary-color-rgb),.4)}50%{box-shadow:0 0 15px rgba(var(--accent-color-rgb),1),0 0 30px rgba(var(--accent-color-rgb),.6)}}.inner-tabs-content{position:relative;perspective:1000px}.inner-tabs-content .inner-tab-panel{display:none;opacity:0;transform:rotateX(15deg) translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.inner-tabs-content .inner-tab-panel.active{display:block;opacity:1;transform:rotateX(0) translateY(0);animation:tabPanelSlideIn .8s cubic-bezier(.4,0,.2,1)}@keyframes tabPanelSlideIn{0%{opacity:0;transform:rotateX(15deg) translateY(40px) scale(.95)}to{opacity:1;transform:rotateX(0) translateY(0) scale(1)}}.collapsible-header{cursor:pointer;user-select:none;transition:all .3s ease}.collapsible-header:hover{opacity:.8}.collapsible-header .collapse-icon{display:inline-block;transition:transform .3s ease;font-size:.8em;margin-left:10px}.collapsible-header.collapsed .collapse-icon{transform:rotate(-90deg)}.collapsible-content{overflow:hidden;transition:all .4s ease}.sgt-intro-section .intro-hero{text-align:center;padding:40px 20px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:20px;margin-bottom:30px;position:relative;overflow:hidden}.sgt-intro-section .intro-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.15"/><circle cx="20" cy="60" r="0.5" fill="white" opacity="0.15"/><circle cx="80" cy="40" r="0.5" fill="white" opacity="0.15"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.sgt-intro-section .intro-hero .hero-content{position:relative;z-index:2}.sgt-intro-section .intro-hero .token-showcase{position:relative;margin-bottom:20px}.sgt-intro-section .intro-hero .token-showcase .showcase-token{width:80px;height:80px;border-radius:50%;box-shadow:0 0 30px #ffffff4d;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,255,255,.5))}.sgt-intro-section .intro-hero h2{font-size:2.5em;margin:0 0 10px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);font-weight:700}.sgt-intro-section .intro-hero .hero-subtitle{font-size:1.2em;color:#ffffffe6;margin:0;text-shadow:0 1px 5px rgba(0,0,0,.2)}.sgt-intro-section .info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:40px}.sgt-intro-section .info-cards .info-card{background:var(--bg-secondary);border-radius:16px;padding:30px;border:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden}.sgt-intro-section .info-cards .info-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color))}.sgt-intro-section .info-cards .info-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026;border-color:var(--primary-color)}.sgt-intro-section .info-cards .info-card .card-icon{font-size:2.5em;margin-bottom:15px;display:block;text-align:center;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.sgt-intro-section .info-cards .info-card h3{font-size:1.4em;color:var(--text-color);margin:0 0 15px;text-align:center;font-weight:600}.sgt-intro-section .info-cards .info-card ul{list-style:none;padding:0;margin:0}.sgt-intro-section .info-cards .info-card ul li{position:relative;padding:8px 0 8px 25px;color:var(--text-secondary)}.sgt-intro-section .info-cards .info-card ul li:before{content:"✨";position:absolute;left:0;color:var(--primary-color)}.sgt-intro-section .roadmap-section{background:var(--bg-secondary);border-radius:16px;padding:30px;border:1px solid var(--border-color)}.sgt-intro-section .roadmap-section h3{text-align:center;color:var(--text-color);margin:0 0 30px;font-size:1.6em}.sgt-intro-section .roadmap-section .roadmap{position:relative;padding-left:40px}.sgt-intro-section .roadmap-section .roadmap:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary-color),var(--accent-color))}.sgt-intro-section .roadmap-section .roadmap .roadmap-item{position:relative;margin-bottom:30px}.sgt-intro-section .roadmap-section .roadmap .roadmap-item:last-child{margin-bottom:0}.sgt-intro-section .roadmap-section .roadmap .roadmap-item .milestone-marker{position:absolute;left:-33px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--bg-color);border:3px solid var(--border-color);transition:all .3s ease}.sgt-intro-section .roadmap-section .roadmap .roadmap-item.completed .milestone-marker{background:var(--success-color);border-color:var(--success-color);box-shadow:0 0 15px #22c55e80}.sgt-intro-section .roadmap-section .roadmap .roadmap-item.current .milestone-marker{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 15px rgba(var(--primary-color-rgb),.5);animation:pulse-glow 2s infinite}.sgt-intro-section .roadmap-section .roadmap .roadmap-item .milestone-content h4{color:var(--text-color);margin:0 0 8px;font-size:1.2em;font-weight:600}.sgt-intro-section .roadmap-section .roadmap .roadmap-item .milestone-content p{color:var(--text-secondary);margin:0;font-size:.95em}.services-section .services-hero{text-align:center;margin-bottom:40px}.services-section .services-hero h2{font-size:2.2em;color:var(--text-color);margin:0 0 10px;font-weight:700}.services-section .services-hero .services-subtitle{font-size:1.1em;color:var(--text-secondary);margin:0}.services-section .pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-bottom:40px}.services-section .pricing-cards .pricing-card{background:var(--bg-secondary);border-radius:20px;padding:30px;border:2px solid var(--border-color);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.services-section .pricing-cards .pricing-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));opacity:0;transition:opacity .3s ease;z-index:0}.services-section .pricing-cards .pricing-card.popular{border-color:var(--primary-color);transform:scale(1.05);box-shadow:0 15px 40px rgba(var(--primary-color-rgb),.2)}.services-section .pricing-cards .pricing-card.popular .popular-badge{position:absolute;top:-1px;right:20px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;padding:8px 20px;border-radius:0 0 12px 12px;font-size:.85em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3)}.services-section .pricing-cards .pricing-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px #0003;border-color:var(--primary-color)}.services-section .pricing-cards .pricing-card:hover:before{opacity:.05}.services-section .pricing-cards .pricing-card:hover .service-icon{transform:scale(1.2) rotate(5deg)}.services-section .pricing-cards .pricing-card .card-header{text-align:center;margin-bottom:25px;position:relative;z-index:1}.services-section .pricing-cards .pricing-card .card-header .service-icon{font-size:3em;display:block;margin-bottom:15px;transition:all .3s ease;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.services-section .pricing-cards .pricing-card .card-header h3{font-size:1.5em;color:var(--text-color);margin:0 0 8px;font-weight:600}.services-section .pricing-cards .pricing-card .card-header .duration{background:var(--primary-color);color:#fff;padding:4px 12px;border-radius:12px;font-size:.85em;font-weight:500;display:inline-block}.services-section .pricing-cards .pricing-card .price-display{text-align:center;margin-bottom:25px;position:relative;z-index:1}.services-section .pricing-cards .pricing-card .price-display .sgt-price,.services-section .pricing-cards .pricing-card .price-display .usdt-price{display:flex;align-items:center;justify-content:center;gap:5px;margin:8px 0}.services-section .pricing-cards .pricing-card .price-display .sgt-price .amount,.services-section .pricing-cards .pricing-card .price-display .usdt-price .amount{font-size:2em;font-weight:700;color:var(--text-color)}.services-section .pricing-cards .pricing-card .price-display .sgt-price .token,.services-section .pricing-cards .pricing-card .price-display .usdt-price .token{font-size:1.1em;color:var(--text-secondary);font-weight:500}.services-section .pricing-cards .pricing-card .price-display .sgt-price .amount{color:var(--primary-color)}.services-section .pricing-cards .pricing-card .price-display .or-divider{color:var(--text-secondary);font-size:.9em;margin:5px 0;position:relative}.services-section .pricing-cards .pricing-card .price-display .or-divider:before,.services-section .pricing-cards .pricing-card .price-display .or-divider:after{content:"";position:absolute;top:50%;width:30px;height:1px;background:var(--border-color)}.services-section .pricing-cards .pricing-card .price-display .or-divider:before{left:-40px}.services-section .pricing-cards .pricing-card .price-display .or-divider:after{right:-40px}.services-section .pricing-cards .pricing-card .service-features{margin-bottom:25px;position:relative;z-index:1}.services-section .pricing-cards .pricing-card .service-features ul{list-style:none;padding:0;margin:0}.services-section .pricing-cards .pricing-card .service-features ul li{padding:8px 0;color:var(--text-secondary);font-size:.95em;display:flex;align-items:center;gap:10px}.services-section .pricing-cards .pricing-card .service-features ul li:before{content:attr(data-icon);font-size:1.1em}.services-section .pricing-cards .pricing-card .book-service-btn{width:100%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border:none;padding:15px;border-radius:12px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;z-index:1;box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3)}.services-section .pricing-cards .pricing-card .book-service-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.4)}.services-section .pricing-cards .pricing-card .book-service-btn:active{transform:translateY(0)}.services-section .free-services{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border-radius:20px;padding:30px;border:2px solid rgba(34,197,94,.2);margin-bottom:30px}.services-section .free-services .free-section-header{text-align:center;margin-bottom:30px}.services-section .free-services .free-section-header h3{font-size:1.8em;color:var(--success-color);margin:0 0 10px;font-weight:600}.services-section .free-services .free-section-header p{color:var(--text-secondary);margin:0;font-size:1.05em}.services-section .free-services .free-service-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.services-section .free-services .free-service-cards .free-card{background:var(--bg-color);border-radius:16px;padding:25px;text-align:center;border:1px solid rgba(34,197,94,.2);transition:all .3s ease}.services-section .free-services .free-service-cards .free-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #22c55e26;border-color:var(--success-color)}.services-section .free-services .free-service-cards .free-card .free-icon{font-size:2.5em;margin-bottom:15px;display:block;filter:drop-shadow(0 2px 8px rgba(34,197,94,.2))}.services-section .free-services .free-service-cards .free-card h4{color:var(--text-color);margin:0 0 10px;font-size:1.2em;font-weight:600}.services-section .free-services .free-service-cards .free-card p{color:var(--text-secondary);margin:0;font-size:.95em;line-height:1.5}.services-section .service-notice{background:linear-gradient(135deg,#ffc1071a,#ff98001a);border-radius:16px;padding:25px;border:2px solid rgba(255,193,7,.3);margin-bottom:30px}.services-section .service-notice .notice-content{text-align:center}.services-section .service-notice .notice-content h4{color:var(--warning-color);margin:0 0 15px;font-size:1.4em;font-weight:600}.services-section .service-notice .notice-content p{color:var(--text-secondary);margin:0;font-size:1.05em;line-height:1.6}.services-section .contact-section{background:var(--bg-secondary);border-radius:16px;padding:30px;border:1px solid var(--border-color);text-align:center}.services-section .contact-section h3{color:var(--text-color);margin:0 0 25px;font-size:1.6em;font-weight:600}.services-section .contact-section .contact-info{display:flex;flex-direction:column;gap:15px;max-width:400px;margin:0 auto}.services-section .contact-section .contact-info .contact-item{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--bg-color);border-radius:10px;border:1px solid var(--border-color);transition:all .3s ease}.services-section .contact-section .contact-info .contact-item:hover{border-color:var(--primary-color);transform:translate(5px)}.services-section .contact-section .contact-info .contact-item .contact-label{color:var(--text-secondary);font-weight:500}.services-section .contact-section .contact-info .contact-item .contact-value{color:var(--text-color);font-weight:600;font-family:Courier New,monospace}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px rgba(var(--primary-color-rgb),.5)}50%{box-shadow:0 0 25px rgba(var(--primary-color-rgb),.8)}}.polygon-notice{background:linear-gradient(135deg,#8247e5,#7c3aed);border-radius:12px;padding:30px;margin:20px 0;color:#fff;box-shadow:0 8px 32px #8247e54d}.polygon-notice .notice-content{text-align:center}.polygon-notice .notice-content h4{font-size:1.8em;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.polygon-notice .notice-content p{font-size:1.1em;margin:15px 0;opacity:.95}.polygon-notice .notice-content ul{list-style:none;padding:0;margin:20px 0}.polygon-notice .notice-content ul li{margin:10px 0;padding-left:25px;position:relative;text-align:left;display:inline-block}.polygon-notice .notice-content ul li:before{content:"✓";position:absolute;left:0;font-weight:700}.polygon-notice .notice-content .switch-to-local-btn{background:#fff;color:#8247e5;border:none;border-radius:8px;padding:12px 24px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;box-shadow:0 4px 12px #0000001a}.polygon-notice .notice-content .switch-to-local-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;background:#f8f8f8}.polygon-notice .notice-content .switch-to-local-btn:active{transform:translateY(0)}.purchase-panel{max-width:800px;margin:0 auto;padding:0}.purchase-panel .purchase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid var(--border-color)}.purchase-panel .purchase-header h3{color:var(--primary-color);font-size:1.8em;margin:0;display:flex;align-items:center;gap:10px}.purchase-panel .purchase-header h3 .purchase-title-icon{width:28px;height:28px;object-fit:contain}.purchase-panel .purchase-header .purchase-network-status{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-color);min-width:138px;min-height:42px}.purchase-panel .purchase-header .purchase-network-status .network-indicator{font-size:.8em;animation:pulse 2s infinite}.purchase-panel .purchase-header .purchase-network-status .network-indicator.connected{animation:none}.purchase-panel .purchase-header .purchase-network-status #network-name{font-size:.9em;font-weight:500}.purchase-panel .purchase-content{display:flex;flex-direction:column;gap:25px}.wallet-section,.purchase-section{background:linear-gradient(135deg,rgba(var(--bg-secondary-rgb),.95),rgba(var(--bg-secondary-rgb),.9));border-radius:20px;padding:30px;border:1px solid transparent;background-clip:padding-box;position:relative;overflow:hidden;backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a,0 0 0 1px rgba(var(--primary-color-rgb),.1);transition:all .4s cubic-bezier(.4,0,.2,1)}.wallet-section:before,.purchase-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(var(--primary-color-rgb),.05) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(var(--accent-color-rgb),.05) 0%,transparent 50%);pointer-events:none;z-index:0}.wallet-section:hover,.purchase-section:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026,inset 0 1px #ffffff26,0 0 0 1px rgba(var(--primary-color-rgb),.2)}.wallet-section:hover:before,.purchase-section:hover:before{background:radial-gradient(circle at 30% 20%,rgba(var(--primary-color-rgb),.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(var(--accent-color-rgb),.08) 0%,transparent 50%)}.wallet-section>*,.purchase-section>*{position:relative;z-index:1}.wallet-section .section-header,.purchase-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.wallet-section .section-header h4,.purchase-section .section-header h4{color:var(--text-color);margin:0;font-size:1.3em;display:flex;align-items:center;gap:8px}.wallet-section .section-header .exchange-rate,.purchase-section .section-header .exchange-rate{background:var(--primary-color);color:#fff;padding:4px 12px;border-radius:16px;font-size:.85em;font-weight:500}.wallet-section .section-header .refresh-btn,.purchase-section .section-header .refresh-btn{background:none;border:1px solid var(--border-color);color:var(--text-color);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.9em;transition:all .2s ease}.wallet-section .section-header .refresh-btn:hover,.purchase-section .section-header .refresh-btn:hover{background:var(--accent-color);color:#fff}.wallet-status .wallet-info{display:flex;flex-direction:column;gap:15px}.wallet-status .wallet-info .wallet-address{display:flex;align-items:center;gap:10px}.wallet-status .wallet-info .wallet-address .label{font-weight:500;color:var(--text-secondary)}.wallet-status .wallet-info .wallet-address .address-text{font-family:Courier New,monospace;background:var(--bg-color);padding:6px 10px;border-radius:6px;border:1px solid var(--border-color);font-size:.9em;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.wallet-status .wallet-info .wallet-address .copy-btn{background:var(--accent-color);color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;transition:opacity .2s ease}.wallet-status .wallet-info .wallet-address .copy-btn:hover{opacity:.8}.wallet-status .wallet-info .wallet-balances{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wallet-status .wallet-info .wallet-balances .balance-item{background:var(--bg-color);padding:15px;border-radius:8px;border:1px solid var(--border-color);text-align:center}.wallet-status .wallet-info .wallet-balances .balance-item .balance-label{display:block;font-size:.9em;color:var(--text-secondary);margin-bottom:5px}.wallet-status .wallet-info .wallet-balances .balance-item .balance-value{display:block;font-size:1.4em;font-weight:600;color:var(--primary-color)}.wallet-status .wallet-disconnected{text-align:center;padding:40px 30px}.wallet-status .wallet-disconnected p{color:var(--text-secondary);margin-bottom:30px;font-size:1.2em;opacity:.9}.wallet-status .wallet-disconnected .connect-btn{position:relative;background:linear-gradient(135deg,#f6851b,#e2761b,#d1761b);color:#fff;border:none;padding:16px 32px;border-radius:30px;font-size:1.2em;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #f6851b4d,inset 0 1px #fff3}.wallet-status .wallet-disconnected .connect-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.wallet-status .wallet-disconnected .connect-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 35px #f6851b66,0 0 0 2px #f6851b33,inset 0 1px #ffffff4d}.wallet-status .wallet-disconnected .connect-btn:hover:before{left:100%}.wallet-status .wallet-disconnected .connect-btn:active{transform:translateY(-1px) scale(1.02)}.wallet-status .wallet-balances{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.wallet-status .wallet-balances .balance-item{position:relative;background:linear-gradient(135deg,rgba(var(--bg-color-rgb),.8),rgba(var(--bg-color-rgb),.95));padding:25px 20px;border-radius:16px;border:1px solid rgba(var(--primary-color-rgb),.1);text-align:center;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}.wallet-status .wallet-balances .balance-item:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(var(--primary-color-rgb),.05) 50%,transparent 70%);animation:balanceShimmer 3s ease-in-out infinite;z-index:0}.wallet-status .wallet-balances .balance-item>*{position:relative;z-index:1}.wallet-status .wallet-balances .balance-item .token-icon{width:32px;height:32px;margin-bottom:10px;filter:drop-shadow(0 0 8px rgba(var(--primary-color-rgb),.3));animation:tokenFloat 2s ease-in-out infinite}.wallet-status .wallet-balances .balance-item .balance-label{display:block;font-size:.95em;color:var(--text-secondary);margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.wallet-status .wallet-balances .balance-item .balance-value{display:block;font-size:1.6em;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(var(--primary-color-rgb),.3);animation:valueGlow 2s ease-in-out infinite alternate}.wallet-status .wallet-balances .balance-item:hover{transform:translateY(-3px) rotateY(5deg);box-shadow:0 10px 30px rgba(var(--primary-color-rgb),.2),inset 0 1px #ffffff1a;border-color:rgba(var(--primary-color-rgb),.3)}@keyframes balanceShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes tokenFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(2deg)}}@keyframes valueGlow{0%{text-shadow:0 0 20px rgba(var(--primary-color-rgb),.3)}to{text-shadow:0 0 25px rgba(var(--accent-color-rgb),.5)}}.purchase-form{display:flex;flex-direction:column;gap:30px;position:relative}.purchase-form:before{content:"";position:absolute;inset:-10px;background:radial-gradient(circle at 25% 25%,rgba(var(--primary-color-rgb),.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(var(--accent-color-rgb),.05) 0%,transparent 50%);border-radius:20px;pointer-events:none;z-index:0}.purchase-form>*{position:relative;z-index:1}.purchase-form .input-group{display:flex;flex-direction:column;gap:12px}.purchase-form .input-group label{font-weight:600;color:var(--text-color);font-size:1.1em;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.purchase-form .input-group label:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:2px}.purchase-form .input-group .input-wrapper{display:flex;align-items:center;gap:15px;position:relative}.purchase-form .input-group .input-wrapper .amount-input{flex:1;padding:20px 25px;border:2px solid transparent;border-radius:16px;background:linear-gradient(var(--bg-color),var(--bg-color)) padding-box,linear-gradient(135deg,var(--primary-color),var(--accent-color)) border-box;color:var(--text-color);font-size:1.3em;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000001a,inset 0 1px #ffffff1a}.purchase-form .input-group .input-wrapper .amount-input:focus{outline:none;box-shadow:0 8px 30px rgba(var(--primary-color-rgb),.2),0 0 0 3px rgba(var(--primary-color-rgb),.1),inset 0 1px #fff3;transform:translateY(-2px)}.purchase-form .input-group .input-wrapper .amount-input::placeholder{color:var(--text-secondary);opacity:.7}.purchase-form .input-group .input-wrapper .max-btn{background:linear-gradient(135deg,var(--accent-color),var(--primary-color));color:#fff;border:none;padding:12px 20px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px rgba(var(--accent-color-rgb),.3);position:relative;overflow:hidden}.purchase-form .input-group .input-wrapper .max-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.purchase-form .input-group .input-wrapper .max-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(var(--accent-color-rgb),.4)}.purchase-form .input-group .input-wrapper .max-btn:hover:before{left:100%}.purchase-form .input-group .output-wrapper{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.1),rgba(var(--accent-color-rgb),.1));border:2px solid rgba(var(--primary-color-rgb),.2);border-radius:16px;position:relative;overflow:hidden}.purchase-form .input-group .output-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(var(--primary-color-rgb),.1) 50%,transparent 70%);animation:outputShimmer 2s ease-in-out infinite;z-index:0}.purchase-form .input-group .output-wrapper>*{position:relative;z-index:1}.purchase-form .input-group .output-wrapper .amount-output{font-size:1.5em;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:outputGlow 1.5s ease-in-out infinite alternate}.purchase-form .input-group .output-wrapper .token-symbol{font-weight:600;color:var(--text-color);font-size:1.1em;opacity:.8}.purchase-form .input-group .input-note{font-size:1em;color:var(--text-secondary);padding:8px 12px;background:rgba(var(--primary-color-rgb),.05);border-radius:8px;border-left:3px solid var(--primary-color)}.purchase-form .exchange-arrow{text-align:center;font-size:2em;margin:15px 0;position:relative}.purchase-form .exchange-arrow span{display:inline-block;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:arrowBounce 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(var(--primary-color-rgb),.3))}@keyframes outputShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes outputGlow{0%{text-shadow:0 0 10px rgba(var(--primary-color-rgb),.5)}to{text-shadow:0 0 20px rgba(var(--accent-color-rgb),.8)}}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.transaction-steps{display:flex;flex-direction:column;gap:20px;margin-top:35px;position:relative}.transaction-steps:before{content:"";position:absolute;left:25px;top:30px;bottom:30px;width:2px;background:linear-gradient(180deg,var(--primary-color) 0%,var(--accent-color) 100%);opacity:.3;z-index:0}.transaction-steps .step{display:flex;align-items:center;gap:20px;padding:25px;background:linear-gradient(135deg,rgba(var(--bg-color-rgb),.9),rgba(var(--bg-color-rgb),.95));border:1px solid transparent;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000014,inset 0 1px #ffffff1a}.transaction-steps .step.active{border-color:rgba(var(--primary-color-rgb),.3);background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.1),rgba(var(--accent-color-rgb),.05));transform:translate(5px);box-shadow:0 8px 30px rgba(var(--primary-color-rgb),.15),inset 0 1px #ffffff26}.transaction-steps .step.active .step-number{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;animation:stepPulse 2s ease-in-out infinite}.transaction-steps .step.completed{border-color:#22c55e4d;background:linear-gradient(135deg,#22c55e1a,#22c55e0d)}.transaction-steps .step.completed .step-number{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.transaction-steps .step.completed .step-number:before{content:"✓";font-size:.8em}.transaction-steps .step .step-number{width:50px;height:50px;border-radius:50%;background:var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1em;transition:all .4s ease;position:relative;box-shadow:0 4px 15px #0000001a}.transaction-steps .step .step-content{flex:1}.transaction-steps .step .step-content .step-title{display:block;font-weight:600;color:var(--text-color);font-size:1.2em;margin-bottom:5px}.transaction-steps .step .step-content .step-status{display:block;font-size:.95em;color:var(--text-secondary);opacity:.8}.transaction-steps .step .step-btn{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3)}.transaction-steps .step .step-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.transaction-steps .step .step-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.4)}.transaction-steps .step .step-btn:hover:not(:disabled):before{left:100%}.transaction-steps .step .step-btn:disabled{background:linear-gradient(135deg,var(--border-color),#9ca3af);color:var(--text-secondary);cursor:not-allowed;box-shadow:none}.transaction-steps .step .step-btn:disabled:hover{transform:none}@keyframes stepPulse{0%,to{box-shadow:0 4px 15px #0000001a,0 0 rgba(var(--primary-color-rgb),.7)}50%{box-shadow:0 4px 15px #0000001a,0 0 0 8px rgba(var(--primary-color-rgb),0)}}@media(max-width:767px){.purchase-panel:before{opacity:.2}.inner-tabs-nav{padding:6px}.inner-tabs-nav .inner-tab-btn{padding:14px 16px;font-size:.9em;gap:6px}.inner-tabs-nav .inner-tab-btn .tab-icon{font-size:1.1em}.wallet-section,.purchase-section{padding:calc(var(--spacing-unit) * 1.25)}.purchase-form{gap:calc(var(--spacing-unit) * 1.25)}.purchase-form .input-group .input-wrapper{flex-direction:column;gap:calc(var(--spacing-unit) * .75)}.purchase-form .input-group .input-wrapper .amount-input{padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.25);font-size:1.15em}.purchase-form .input-group .input-wrapper .max-btn{align-self:stretch;padding:calc(var(--spacing-unit) * .875) calc(var(--spacing-unit) * 1.25)}.purchase-form .input-group .output-wrapper{padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.25)}.transaction-steps:before{left:22px}.transaction-steps .step{padding:calc(var(--spacing-unit) * 1.25);gap:calc(var(--spacing-unit) * .75)}.transaction-steps .step .step-number{width:44px;height:44px;font-size:1em}.transaction-steps .step .step-content .step-title{font-size:1.05em}.transaction-steps .step .step-btn{padding:calc(var(--spacing-unit) * .75) calc(var(--spacing-unit) * 1.25);font-size:.9em}.wallet-status .wallet-balances{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * .75)}}@media(max-width:480px){.inner-tabs-nav{padding:4px}.inner-tabs-nav .inner-tab-btn{padding:10px 8px;font-size:.8em;gap:4px;letter-spacing:0}.inner-tabs-nav .inner-tab-btn .tab-icon{font-size:1em}.wallet-section,.purchase-section{padding:20px}.purchase-form{gap:25px}.purchase-form .input-group .input-wrapper{flex-direction:column;gap:10px}.purchase-form .input-group .input-wrapper .amount-input{padding:16px 20px;font-size:1.1em}.purchase-form .input-group .input-wrapper .max-btn{align-self:stretch;padding:14px 20px}.purchase-form .input-group .output-wrapper{padding:16px 20px}.transaction-steps:before{left:20px}.transaction-steps .step{padding:20px;gap:15px}.transaction-steps .step .step-number{width:40px;height:40px;font-size:1em}.transaction-steps .step .step-content .step-title{font-size:1.1em}.transaction-steps .step .step-btn{padding:10px 20px;font-size:.9em}.wallet-status .wallet-balances{grid-template-columns:1fr;gap:15px}}.transaction-details{background:var(--bg-color);padding:20px;border-radius:8px;border:1px solid var(--border-color);margin-top:20px}.transaction-details h5{color:var(--text-color);margin:0 0 15px;font-size:1.1em}.transaction-details .detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color)}.transaction-details .detail-item:last-child{border-bottom:none}.transaction-details .detail-item span:first-child{color:var(--text-secondary)}.transaction-details .detail-item span:last-child{font-weight:500;color:var(--text-color)}.purchase-modal,.progress-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.purchase-modal .modal-content,.progress-modal .modal-content{background:var(--bg-color);border-radius:12px;border:1px solid var(--border-color);width:90%;max-width:500px;box-shadow:0 20px 40px #0000004d}.purchase-modal .modal-content .modal-header,.progress-modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.purchase-modal .modal-content .modal-header h4,.progress-modal .modal-content .modal-header h4{margin:0;color:var(--text-color);font-size:1.3em}.purchase-modal .modal-content .modal-header .close-btn,.progress-modal .modal-content .modal-header .close-btn{background:none;border:none;font-size:1.2em;cursor:pointer;color:var(--text-secondary);padding:5px}.purchase-modal .modal-content .modal-header .close-btn:hover,.progress-modal .modal-content .modal-header .close-btn:hover{color:var(--text-color)}.purchase-modal .modal-content .modal-body,.progress-modal .modal-content .modal-body{padding:20px}.purchase-modal .modal-content .modal-footer,.progress-modal .modal-content .modal-footer{display:flex;gap:10px;padding:20px;border-top:1px solid var(--border-color)}.purchase-modal .modal-content .modal-footer .cancel-btn,.progress-modal .modal-content .modal-footer .cancel-btn{flex:1;background:var(--bg-secondary);color:var(--text-color);border:1px solid var(--border-color);padding:12px;border-radius:6px;cursor:pointer;transition:all .2s ease}.purchase-modal .modal-content .modal-footer .cancel-btn:hover,.progress-modal .modal-content .modal-footer .cancel-btn:hover{background:var(--border-color)}.purchase-modal .modal-content .modal-footer .confirm-btn,.progress-modal .modal-content .modal-footer .confirm-btn{flex:1;background:var(--primary-color);color:#fff;border:none;padding:12px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.purchase-modal .modal-content .modal-footer .confirm-btn:hover,.progress-modal .modal-content .modal-footer .confirm-btn:hover{background:var(--accent-color)}.confirmation-details .detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color)}.confirmation-details .detail-row:last-child{border-bottom:none}.confirmation-details .detail-row span:first-child{color:var(--text-secondary)}.confirmation-details .detail-row span:last-child{font-weight:500;color:var(--text-color)}.confirmation-warning{margin-top:20px;padding:15px;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:8px}.confirmation-warning p{margin:0;color:var(--warning-color);font-size:.9em}.progress-steps{display:flex;flex-direction:column;gap:20px}.progress-steps .progress-step{display:flex;align-items:center;gap:15px}.progress-steps .progress-step .step-icon{font-size:1.5em}.progress-steps .progress-step .step-text{flex:1;font-weight:500;color:var(--text-color)}.progress-steps .progress-step .step-spinner{animation:spin 1s linear infinite}.progress-steps .progress-step .step-check{color:var(--success-color);font-size:1.2em}.progress-message{margin-top:20px;padding:15px;background:var(--bg-secondary);border-radius:8px;text-align:center;color:var(--text-secondary);font-style:italic}@media(max-width:768px){.purchase-panel .purchase-header{flex-direction:column;gap:15px;align-items:flex-start}.purchase-panel .wallet-balances{grid-template-columns:1fr}.purchase-panel .transaction-steps .step{flex-direction:column;align-items:flex-start;gap:10px}.purchase-panel .transaction-steps .step .step-btn{align-self:stretch}.purchase-modal .modal-content,.progress-modal .modal-content{width:95%;margin:20px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-state .step-number{background:var(--success-color)!important;color:#fff!important}.error-state .step-number{background:var(--error-color)!important;color:#fff!important}:root{--success-color: #22c55e;--warning-color: #f59e0b;--error-color: #ef4444}.token-icon{width:20px;height:20px;border-radius:50%;margin-right:6px;vertical-align:middle}.token-icon-small{width:16px;height:16px;border-radius:50%;margin-right:4px;vertical-align:middle}.token-display{display:flex;align-items:center;gap:4px}.balance-item{display:flex;align-items:center;gap:8px}@media(max-width:768px){.token-icon,.token-icon-small{width:14px;height:14px}}#purchase-user-address{font-family:Courier New,monospace!important;background:var(--bg-color)!important;padding:6px 10px!important;border-radius:6px!important;border:1px solid var(--border-color)!important;font-size:.9em!important;flex:1!important;min-width:0!important;width:100%!important;max-width:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;box-sizing:border-box!important}.sgt-core-info{margin-top:30px}.sgt-core-info .tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}@media(max-width:768px){.sgt-core-info .tech-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media(max-width:480px){.sgt-core-info .tech-grid{grid-template-columns:1fr;gap:15px}}.sgt-core-info .tech-grid .tech-item{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);border-radius:16px;padding:25px 20px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.sgt-core-info .tech-grid .tech-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transform:scaleX(0);transition:transform .3s ease}.sgt-core-info .tech-grid .tech-item:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 10px 30px rgba(var(--primary-rgb),.15)}.sgt-core-info .tech-grid .tech-item:hover:before{transform:scaleX(1)}.sgt-core-info .tech-grid .tech-item:hover .tech-icon i{transform:scale(1.1);color:var(--primary-color)}.sgt-core-info .tech-grid .tech-item .tech-icon{margin-bottom:15px}.sgt-core-info .tech-grid .tech-item .tech-icon i{font-size:2.5em;color:var(--accent-color);transition:all .3s ease;filter:drop-shadow(0 2px 8px rgba(var(--accent-rgb),.3))}.sgt-core-info .tech-grid .tech-item .tech-label{font-size:.9em;color:var(--text-secondary);margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.sgt-core-info .tech-grid .tech-item .tech-value{font-size:1.2em;color:var(--text-color);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.sgt-core-info .usage-showcase{background:linear-gradient(135deg,rgba(var(--accent-rgb),.05),rgba(var(--primary-rgb),.05));border-radius:20px;padding:30px;border:1px solid rgba(var(--accent-rgb),.2)}.sgt-core-info .usage-showcase .usage-title{text-align:center;font-size:1.5em;color:var(--text-color);margin:0 0 25px;font-weight:600}.sgt-core-info .usage-showcase .usage-title i{color:var(--accent-color);margin-right:10px;font-size:1.1em}.sgt-core-info .usage-showcase .usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.sgt-core-info .usage-showcase .usage-grid .usage-item{background:var(--bg-secondary);border:1px solid rgba(var(--primary-rgb),.2);border-radius:12px;padding:20px 15px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.sgt-core-info .usage-showcase .usage-grid .usage-item:hover{transform:translateY(-3px);border-color:var(--primary-color);background:rgba(var(--primary-rgb),.1);box-shadow:0 8px 25px rgba(var(--primary-rgb),.15)}.sgt-core-info .usage-showcase .usage-grid .usage-item:hover i{transform:scale(1.2);color:var(--primary-color)}.sgt-core-info .usage-showcase .usage-grid .usage-item:hover span{color:var(--primary-color)}.sgt-core-info .usage-showcase .usage-grid .usage-item i{font-size:2em;color:var(--accent-color);margin-bottom:10px;display:block;transition:all .3s ease}.sgt-core-info .usage-showcase .usage-grid .usage-item span{font-size:.95em;color:var(--text-color);font-weight:500;transition:color .3s ease}.sgt-core-info .usage-showcase .usage-grid .usage-item[data-category=consulting]:hover{box-shadow:0 8px 25px #3b82f633}.sgt-core-info .usage-showcase .usage-grid .usage-item[data-category=collaboration]:hover{box-shadow:0 8px 25px #10b98133}.sgt-core-info .usage-showcase .usage-grid .usage-item[data-category=community]:hover{box-shadow:0 8px 25px #8b5cf633}.sgt-core-info .usage-showcase .usage-grid .usage-item[data-category=rewards]:hover{box-shadow:0 8px 25px #f59e0b33}.consultation-info{margin:40px 0;padding:30px;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-color)}.consultation-info .consultation-header{text-align:center;margin-bottom:30px}.consultation-info .consultation-header h3{font-size:1.8em;color:var(--text-color);margin:0 0 10px;font-weight:700}.consultation-info .consultation-header p{color:var(--text-secondary);font-size:1.1em;margin:0}.consultation-info .process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:1600px;margin:0 auto 30px}.consultation-info .process-steps .step-item{display:flex;align-items:flex-start;gap:15px;padding:20px;background:rgba(var(--primary-rgb),.05);border-radius:15px;border:1px solid rgba(var(--primary-rgb),.1);transition:all .3s ease}.consultation-info .process-steps .step-item:hover{transform:translateY(-3px);border-color:var(--primary-color);box-shadow:0 8px 25px rgba(var(--primary-rgb),.15)}.consultation-info .process-steps .step-item .step-number{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2em;flex-shrink:0}.consultation-info .process-steps .step-item .step-content{flex:1}.consultation-info .process-steps .step-item .step-content h4{color:var(--text-color);margin:0 0 8px;font-size:1.2em;font-weight:600}.consultation-info .process-steps .step-item .step-content p{color:var(--text-secondary);margin:0;line-height:1.5}.consultation-info .process-steps .step-item .step-content p small{color:var(--primary-color);font-weight:500}.consultation-info .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px;max-width:1200px;margin-left:auto;margin-right:auto}@media(min-width:1200px){.consultation-info .features-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:900px)and (max-width:1199px){.consultation-info .features-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:600px)and (max-width:899px){.consultation-info .features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:599px){.consultation-info .features-grid{grid-template-columns:1fr}}.consultation-info .features-grid .feature-card{background:rgba(var(--primary-rgb),.05);border-radius:15px;padding:25px 20px;text-align:center;border:1px solid rgba(var(--primary-rgb),.1);transition:all .3s ease}.consultation-info .features-grid .feature-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 10px 30px rgba(var(--primary-rgb),.15)}.consultation-info .features-grid .feature-card:hover .feature-icon i{transform:scale(1.1);color:var(--primary-color)}.consultation-info .features-grid .feature-card .feature-icon{margin-bottom:15px}.consultation-info .features-grid .feature-card .feature-icon i{font-size:2.5em;color:var(--accent-color);transition:all .3s ease}.consultation-info .features-grid .feature-card h4{color:var(--text-color);margin:0 0 10px;font-size:1.2em;font-weight:600}.consultation-info .features-grid .feature-card p{color:var(--text-secondary);margin:0;font-size:.95em;line-height:1.4}@media(max-width:768px){.consultation-info{padding:20px;margin:30px 0}.consultation-info .process-steps{grid-template-columns:1fr;gap:15px}}.services-section .services-title{text-align:center;font-size:2em;color:var(--text-color);margin:0 0 15px;font-weight:700}.services-section .services-title i{color:var(--primary-color);margin-right:12px}.services-section .services-subtitle{text-align:center;color:var(--text-secondary);font-size:1.1em;margin:0 0 40px}.services-section .services-overview{margin:40px 0}.services-section .services-overview .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:40px}@media(max-width:768px){.services-section .services-overview .services-grid{grid-template-columns:1fr;gap:20px}}.services-section .services-overview .services-grid .service-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:30px 25px;text-align:center;transition:all .3s ease}.services-section .services-overview .services-grid .service-item:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 10px 30px rgba(var(--primary-rgb),.15)}.services-section .services-overview .services-grid .service-item:hover .service-icon i{transform:scale(1.1);color:var(--primary-color)}.services-section .services-overview .services-grid .service-item .service-icon{margin-bottom:20px}.services-section .services-overview .services-grid .service-item .service-icon i{font-size:2.5em;color:var(--accent-color);transition:all .3s ease}.services-section .services-overview .services-grid .service-item h4{color:var(--text-color);margin:0 0 15px;font-size:1.3em;font-weight:600}.services-section .services-overview .services-grid .service-item p{color:var(--text-secondary);margin:0;line-height:1.6;font-size:.95em}.services-section .services-overview .sgt-discount-notice{background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--accent-rgb),.05));border:2px solid var(--primary-color);border-radius:20px;padding:30px;margin:30px 0;position:relative;overflow:hidden}.services-section .services-overview .sgt-discount-notice:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color))}.services-section .services-overview .sgt-discount-notice .discount-content{display:flex;align-items:center;gap:25px}@media(max-width:768px){.services-section .services-overview .sgt-discount-notice .discount-content{flex-direction:column;text-align:center;gap:20px}}.services-section .services-overview .sgt-discount-notice .discount-content .discount-icon{flex-shrink:0;width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(var(--primary-rgb),.3)}.services-section .services-overview .sgt-discount-notice .discount-content .discount-icon i{font-size:2em;color:#fff}.services-section .services-overview .sgt-discount-notice .discount-content .discount-text{flex:1}.services-section .services-overview .sgt-discount-notice .discount-content .discount-text h4{color:var(--text-color);margin:0 0 10px;font-size:1.4em;font-weight:700}.services-section .services-overview .sgt-discount-notice .discount-content .discount-text p{color:var(--text-secondary);margin:0 0 15px;font-size:1.1em;line-height:1.5}.services-section .services-overview .sgt-discount-notice .discount-content .discount-text p strong{color:var(--primary-color);font-weight:700}.services-section .services-overview .sgt-discount-notice .discount-content .discount-text .discount-features{display:flex;gap:15px;flex-wrap:wrap}@media(max-width:768px){.services-section .services-overview .sgt-discount-notice .discount-content .discount-text .discount-features{justify-content:center}}.services-section .services-overview .sgt-discount-notice .discount-content .discount-text .discount-features .feature-tag{background:rgba(var(--primary-rgb),.1);color:var(--primary-color);padding:8px 16px;border-radius:20px;font-size:.9em;font-weight:600;border:1px solid rgba(var(--primary-rgb),.2);display:flex;align-items:center;gap:6px}.services-section .services-overview .sgt-discount-notice .discount-content .discount-text .discount-features .feature-tag i{font-size:.8em}.services-section .services-content{padding:20px 0}.services-section .service-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:40px 0;align-items:stretch}@media(max-width:768px){.services-section .service-tiers{grid-template-columns:1fr;gap:20px}}.services-section .service-tiers .tier-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:25px 20px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.services-section .service-tiers .tier-card:hover{transform:translateY(-8px);border-color:var(--primary-color);box-shadow:0 12px 40px rgba(var(--primary-rgb),.15)}.services-section .service-tiers .tier-card:hover .tier-icon i{transform:scale(1.1);color:var(--primary-color)}.services-section .service-tiers .tier-card.popular{border-color:var(--primary-color);box-shadow:0 8px 30px rgba(var(--primary-rgb),.12)}.services-section .service-tiers .tier-card.popular .popular-badge{position:absolute;top:-1px;right:-1px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;padding:6px 16px;border-radius:0 16px;font-size:.8em;font-weight:600;z-index:2}.services-section .service-tiers .tier-card .tier-header{margin-bottom:20px}.services-section .service-tiers .tier-card .tier-header .tier-icon i{font-size:2.5em;color:var(--accent-color);transition:all .3s ease}.services-section .service-tiers .tier-card .tier-header h3{font-size:1.3em;color:var(--text-color);margin:10px 0;font-weight:600}.services-section .service-tiers .tier-card .tier-header .tier-duration{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 0;font-size:.85em;color:var(--text-secondary);background:rgba(var(--primary-rgb),.08);padding:4px 12px;border-radius:12px}.services-section .service-tiers .tier-card .tier-header .tier-duration i{color:var(--primary-color);font-size:.9em}.services-section .service-tiers .tier-card .tier-header .tier-price .price{font-size:2em;font-weight:700;color:var(--primary-color)}.services-section .service-tiers .tier-card .tier-header .tier-price .currency{font-size:1em;color:var(--text-secondary);margin-left:5px}.services-section .service-tiers .tier-card .tier-header .tier-price .price-alt{display:block;font-size:.8em;color:var(--text-secondary);margin-top:5px;opacity:.8}.services-section .service-tiers .tier-card .tier-features{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.services-section .service-tiers .tier-card .tier-features .feature-tag{background:rgba(var(--primary-rgb),.1);color:var(--primary-color);padding:4px 12px;border-radius:12px;font-size:.85em;font-weight:500}:root{--cyber-neon-blue: #00ffff;--cyber-neon-pink: #ff0080;--cyber-neon-green: #00ff41;--cyber-neon-purple: #8a2be2;--cyber-matrix-green: #00ff41;--cyber-glitch-red: #ff0040;--cyber-hologram-blue: #00d4ff}[data-theme=dark]{--cyber-bg-primary: #0a0a0a;--cyber-bg-secondary: rgba(0, 20, 40, .8);--cyber-text-primary: #ffffff;--cyber-text-secondary: rgba(255, 255, 255, .8);--cyber-border-primary: rgba(0, 255, 255, .3);--cyber-border-secondary: rgba(0, 255, 255, .2)}[data-theme=light]{--cyber-bg-primary: #f8f9fa;--cyber-bg-secondary: rgba(255, 255, 255, .9);--cyber-text-primary: #333333;--cyber-text-secondary: rgba(51, 51, 51, .8);--cyber-border-primary: rgba(0, 122, 204, .5);--cyber-border-secondary: rgba(0, 122, 204, .3);--cyber-neon-blue: #007acc;--cyber-neon-green: #28a745;--cyber-matrix-green: #28a745}.cyberpunk-purchase-panel{position:relative;background:linear-gradient(135deg,#00ffff0d,#ff00800d,#00ff410d),#0a0a0af2;border:2px solid transparent;border-radius:20px;overflow:hidden;backdrop-filter:blur(20px)}.cyberpunk-purchase-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,var(--cyber-neon-blue),var(--cyber-neon-pink),var(--cyber-neon-green),var(--cyber-neon-purple));background-size:400% 400%;animation:cyberBorderFlow 8s ease-in-out infinite;z-index:-1;margin:-2px;border-radius:20px}.cyberpunk-purchase-panel:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,255,255,.03) 2px,rgba(0,255,255,.03) 4px);animation:scanLines 2s linear infinite;pointer-events:none}@keyframes cyberBorderFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes scanLines{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.cyber-title{font-family:Courier New,monospace;font-size:2.5em;font-weight:700;text-transform:uppercase;letter-spacing:3px;text-align:center;margin-bottom:30px;position:relative;background:linear-gradient(45deg,var(--cyber-neon-blue),var(--cyber-neon-pink),var(--cyber-neon-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGlow 2s ease-in-out infinite alternate}.cyber-title:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--cyber-glitch-red),var(--cyber-neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glitchText 3s ease-in-out infinite;opacity:0}@keyframes titleGlow{0%{filter:drop-shadow(0 0 5px var(--cyber-neon-blue));text-shadow:0 0 10px var(--cyber-neon-blue)}to{filter:drop-shadow(0 0 15px var(--cyber-neon-pink));text-shadow:0 0 20px var(--cyber-neon-pink)}}@keyframes glitchText{0%,90%,to{opacity:0}92%,98%{opacity:.8;transform:translate(2px)}94%,96%{opacity:.6;transform:translate(-2px)}}.cyber-terminal{background:var(--cyber-bg-secondary);border:2px solid var(--cyber-border-primary);border-radius:10px;padding:20px;margin:20px 0;font-family:Courier New,monospace;position:relative;box-shadow:0 0 10px var(--cyber-border-secondary);overflow-x:hidden}.cyber-terminal .terminal-output{color:var(--cyber-text-primary);line-height:1.6;margin-bottom:10px;min-height:300px;max-height:400px;overflow-y:auto;overflow-x:hidden;overflow-wrap:break-word;word-wrap:break-word}.cyber-terminal .terminal-output::-webkit-scrollbar{width:8px}.cyber-terminal .terminal-output::-webkit-scrollbar-track{background:var(--cyber-border-secondary)}.cyber-terminal .terminal-output::-webkit-scrollbar-thumb{background:var(--cyber-neon-blue);border-radius:4px}.cyber-terminal .terminal-input-line{display:flex;align-items:center;gap:10px}.cyber-terminal .terminal-input-line .terminal-prompt{color:var(--cyber-neon-blue);font-weight:700}.cyber-terminal .terminal-input-line .terminal-input{flex:1;background:transparent;border:none;outline:none;color:var(--cyber-text-primary);font-family:inherit;font-size:1em;caret-color:var(--cyber-neon-blue)}.cyber-terminal .terminal-input-line .terminal-input::placeholder{color:var(--cyber-text-secondary)}.hologram-card{position:relative;background:linear-gradient(135deg,#00d4ff1a,#00ffff0d,#00ff411a);border:1px solid rgba(0,255,255,.3);border-radius:15px;padding:25px;margin:20px 0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.hologram-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,255,.1) 0%,transparent 70%);animation:hologramRotate 8s linear infinite;z-index:-1}.hologram-card:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,255,255,.05) 3px,rgba(0,255,255,.05) 6px);animation:holoScan 3s ease-in-out infinite;pointer-events:none}.hologram-card:hover{transform:translateY(-10px) rotateX(5deg) rotateY(5deg);box-shadow:0 20px 40px #0ff3,0 0 30px #00ffff4d,inset 0 0 30px #00ffff1a;border-color:#0ff9}@keyframes hologramRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes holoScan{0%,to{transform:translateY(100%);opacity:0}50%{transform:translateY(-100%);opacity:1}}.liquid-button{position:relative;background:linear-gradient(45deg,var(--cyber-neon-blue),var(--cyber-neon-pink));border:none;border-radius:50px;padding:15px 30px;font-family:Courier New,monospace;font-size:1.1em;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#000;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.liquid-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.liquid-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transition:all .6s ease;transform:translate(-50%,-50%)}.liquid-button:hover{transform:scale(1.05);box-shadow:0 10px 30px #0ff6,0 0 20px #0ff9}.liquid-button:hover:before{left:100%}.liquid-button:hover:after{width:300px;height:300px}.liquid-button:active{transform:scale(.98)}.data-viz-panel{background:#000c;border:2px solid var(--cyber-hologram-blue);border-radius:15px;padding:20px;margin:20px 0;position:relative}.data-viz-panel:before{content:"";position:absolute;inset:-1px;background:linear-gradient(45deg,var(--cyber-hologram-blue),var(--cyber-neon-green),var(--cyber-neon-pink),var(--cyber-hologram-blue));background-size:300% 300%;animation:dataVizBorder 4s ease-in-out infinite;z-index:-1;border-radius:15px}.data-viz-panel .data-title{color:var(--cyber-hologram-blue);font-family:Courier New,monospace;font-size:1.2em;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;text-align:center}@keyframes dataVizBorder{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes glitch{0%,to{transform:translate(0)}10%{transform:translate(-2px,-1px)}20%{transform:translate(2px,1px)}30%{transform:translate(-1px,2px)}40%{transform:translate(1px,-2px)}50%{transform:translate(-2px,1px)}60%{transform:translate(2px,-1px)}70%{transform:translate(-1px,-2px)}80%{transform:translate(1px,2px)}90%{transform:translate(-2px,-1px)}}.glitch-effect{animation:glitch .3s ease-in-out}@media(max-width:768px){.cyber-title{font-size:1.8em;letter-spacing:2px}.cyber-terminal{padding:15px;margin:15px 0}.hologram-card{padding:20px;margin:15px 0}.liquid-button{padding:12px 24px;font-size:1em;letter-spacing:1px}}@media(max-width:1024px){.status-bar{flex-direction:column;gap:calc(var(--spacing-unit) * 1.5);text-align:center}.player-info{justify-content:center}.resource-bars{width:100%}}@media(max-width:768px){.tab-btn{padding:.5rem .75rem;font-size:.8rem;height:40px}.player-avatar{width:60px;height:60px}.achievement-grid{grid-template-columns:1fr;gap:var(--spacing-unit)}}[data-theme=light] .resource-bar{background:#f1f5f9e6;border-color:#cbd5e1}[data-theme=light] .bar-label{color:#475569;text-shadow:1px 1px 2px rgba(0,0,0,.05)}[data-theme=light] .bar-container{background:#e2e8f0;border-color:#cbd5e1}[data-theme=light] .bar-text{color:#1e293b;text-shadow:1px 1px 2px rgba(255,255,255,.8)}[data-theme=light] .hp-fill{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 10px #ef44444d}[data-theme=light] .mp-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);box-shadow:0 0 10px #3b82f64d}[data-theme=light] .sp-fill{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 10px #10b9814d}[data-theme=light] .exp-fill{background:linear-gradient(90deg,#f59e0b,#d97706)!important;box-shadow:0 0 10px #f59e0b4d}[data-theme=light] .stats-section{background:#f1f5f999;border-color:#cbd5e1}[data-theme=light] .attributes-section h3,[data-theme=light] .stats-section h3{color:#d97706}[data-theme=light] .branch-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#334155;border-color:#cbd5e1}[data-theme=light] .branch-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#1e293b}[data-theme=light] .branch-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#d97706}[data-theme=light] #skill-tree-canvas{background:#ffffff80;border-color:#cbd5e1}[data-theme=light] .level-progress{background:linear-gradient(90deg,#f59e0b,#d97706)}[data-theme=light] .level-text{color:#1e293b}[data-theme=light] .progress-fill{background:linear-gradient(90deg,#10b981,#059669)}[data-theme=light] .faction-item{background:#f8fafccc;border-color:#cbd5e1}[data-theme=light] .faction-item h4{color:#0f172a}[data-theme=light] .reputation-bar{background:#e2e8f0;border-color:#cbd5e1}[data-theme=light] .rep-status{color:#1e293b}[data-theme=light] .damage-popup.damage{color:#dc2626;text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,0 0 10px rgba(220,38,38,.4)}[data-theme=light] .damage-popup.heal{color:#059669;text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,0 0 10px rgba(5,150,105,.4)}[data-theme=light] .damage-popup.mana{color:#2563eb;text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,0 0 10px rgba(37,99,235,.4)}[data-theme=light] .damage-popup.stamina{color:#d97706;text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,0 0 10px rgba(217,119,6,.4)}[data-theme=light] .pixel-text{color:#1e293b;text-shadow:1px 1px 0 rgba(255,255,255,.8),-1px -1px 0 rgba(255,255,255,.8),1px -1px 0 rgba(255,255,255,.8),-1px 1px 0 rgba(255,255,255,.8)}[data-theme=light] .level-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#d97706;text-shadow:1px 1px 2px rgba(0,0,0,.3)}[data-theme=light] .player-avatar{border-color:#d97706;box-shadow:0 0 20px #d9770680,0 0 40px #d977064d}[data-theme=light] .player-avatar:hover{box-shadow:0 0 30px #d97706b3,0 0 60px #d9770666}[data-theme=light] .avatar-placeholder{background:linear-gradient(135deg,#f1f5f9e6,#e2e8f0e6);border-color:#d97706;box-shadow:0 0 20px #d9770680,0 0 40px #d977064d}[data-theme=light] .pixel-char{filter:drop-shadow(0 0 5px rgba(217,119,6,.8)) drop-shadow(0 0 10px rgba(217,119,6,.6))}[data-theme=light] .branch-level{color:#64748b}[data-theme=light] .view-full-tree{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff}[data-theme=light] .view-full-tree:hover{box-shadow:0 10px 30px #d9770680}[data-theme=dark] .post-card{background:#1e293bf2;backdrop-filter:blur(15px)}.post-tags{margin-top:var(--spacing-unit);display:flex;gap:.5rem;flex-wrap:wrap}.posts-container{max-width:800px;margin:0 auto;padding:calc(var(--spacing-unit) * 2)}.posts-layout .main-content,.post-layout .main-content{max-width:1400px}.posts-page-container{max-width:1400px;margin:0 auto;padding:calc(var(--spacing-unit) * 2);display:grid;grid-template-columns:1fr 320px;gap:calc(var(--spacing-unit) * 3)}.posts-main-content{min-width:0}.posts-header{text-align:center;margin-bottom:calc(var(--spacing-unit) * 3)}.posts-title{color:gold;font-size:2.5rem;margin-bottom:var(--spacing-unit)}.posts-description{color:#94a3b8;font-size:1.1rem}.posts-search{background:#0000004d;border:1px solid rgba(255,215,0,.2);border-radius:1rem;padding:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 3)}.search-box{width:100%;padding:var(--spacing-unit);background:#0006;border:1px solid rgba(255,215,0,.3);border-radius:.5rem;color:#cbd5e1;font-size:1rem;margin-bottom:var(--spacing-unit);transition:all var(--transition-speed) ease}.search-box:focus{outline:none;border-color:gold;box-shadow:0 0 10px #ffd7004d}.search-box::placeholder{color:#64748b}.search-filters{display:flex;gap:var(--spacing-unit)}.filter-select{flex:1;padding:calc(var(--spacing-unit) * .75);background:#0006;border:1px solid rgba(255,215,0,.3);border-radius:.5rem;color:#cbd5e1;font-size:.9rem;cursor:pointer;transition:all var(--transition-speed) ease}.filter-select:hover{border-color:gold}.filter-select:focus{outline:none;border-color:gold;box-shadow:0 0 10px #ffd7004d}.filter-select option{background:#1e1e1ef2;color:#cbd5e1}.posts-list{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.post-item{background:#0000004d;border:1px solid rgba(255,215,0,.2);border-radius:1rem;padding:calc(var(--spacing-unit) * 2);transition:all var(--transition-speed) ease}.post-item:hover{transform:translateY(-3px);border-color:#ffd70080;box-shadow:0 10px 30px #0000004d}.post-item-title{margin-bottom:var(--spacing-unit)}.post-item-title a{color:gold;text-decoration:none;font-size:1.5rem;transition:color var(--transition-speed) ease}.post-item-title a:hover{color:#ffed4e;text-shadow:0 0 10px rgba(255,215,0,.5)}.post-item-meta{display:flex;align-items:center;gap:var(--spacing-unit);color:#64748b;font-size:.9rem;margin-bottom:var(--spacing-unit)}.post-item-meta time{color:#94a3b8}.post-item-category{background:#3b82f633;color:#60a5fa;padding:.25rem .75rem;border-radius:1rem;font-size:.85rem}.post-item-excerpt{color:#cbd5e1;line-height:1.6;margin-bottom:var(--spacing-unit)}.post-item-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag-small{background:#ffd7001a;color:gold;padding:.25rem .5rem;border-radius:.25rem;font-size:.8rem;border:1px solid rgba(255,215,0,.3);transition:all var(--transition-speed) ease}.tag-small:hover{background:#ffd70033}.post-container{max-width:1400px;margin:0 auto;padding:calc(var(--spacing-unit) * 2);display:grid;grid-template-columns:1fr 320px;gap:calc(var(--spacing-unit) * 3)}.post-main{background:#0000004d;border:1px solid rgba(255,215,0,.2);border-radius:1rem;padding:calc(var(--spacing-unit) * 2);position:relative;overflow:hidden;animation:slideInUp .6s ease-out}[data-theme=light] .post-main{background:transparent;border:1px solid rgba(102,126,234,.2)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.post-main:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.6),transparent);animation:scanLine 3s linear infinite;pointer-events:none}@keyframes scanLine{0%{transform:translateY(0)}to{transform:translateY(800px)}}.post-header{text-align:center;margin-bottom:calc(var(--spacing-unit) * 3);padding-bottom:calc(var(--spacing-unit) * 2);border-bottom:2px solid rgba(255,215,0,.3);position:relative;animation:fadeIn .8s ease-out .2s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.post-title{color:gold;font-size:2.5rem;margin-bottom:var(--spacing-unit);text-shadow:0 0 10px rgba(255,215,0,.5),0 0 20px rgba(255,215,0,.3);animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{text-shadow:0 0 10px rgba(255,215,0,.5),0 0 20px rgba(255,215,0,.3)}50%{text-shadow:0 0 15px rgba(255,215,0,.7),0 0 30px rgba(255,215,0,.5),0 0 40px rgba(255,215,0,.3)}}.post-meta{color:#94a3b8;font-size:1rem}.post-content{color:#cbd5e1;line-height:1.8;font-size:1.1rem;animation:fadeIn .8s ease-out .4s both}.post-content h2,.post-content h3,.post-content h4{color:gold;margin-top:calc(var(--spacing-unit) * 2);margin-bottom:var(--spacing-unit);position:relative;padding-left:1rem;transition:all .3s ease}.post-content h2:before,.post-content h3:before,.post-content h4:before{content:"▸";position:absolute;left:0;color:gold;opacity:0;transform:translate(-10px);transition:all .3s ease}.post-content h2:hover:before,.post-content h3:hover:before,.post-content h4:hover:before{opacity:1;transform:translate(0)}.post-content h2:hover,.post-content h3:hover,.post-content h4:hover{text-shadow:0 0 10px rgba(255,215,0,.5);transform:translate(5px)}.post-content p{margin-bottom:var(--spacing-unit);opacity:0;animation:fadeInUp .6s ease-out forwards}.post-content p:nth-child(1){animation-delay:.1s}.post-content p:nth-child(2){animation-delay:.2s}.post-content p:nth-child(3){animation-delay:.3s}.post-content p:nth-child(4){animation-delay:.4s}.post-content p:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-content ul,.post-content ol{margin-left:calc(var(--spacing-unit) * 2);margin-bottom:var(--spacing-unit)}.post-content li{margin-bottom:.5rem;position:relative;padding-left:.5rem;transition:all .3s ease}.post-content li:hover{transform:translate(5px);color:gold}.post-content ul li::marker{color:gold}.post-content code{background:#0009;color:#60a5fa;padding:.2rem .4rem;border-radius:.25rem;font-family:Courier New,monospace;border:1px solid rgba(96,165,250,.3);transition:all .3s ease}.post-content code:hover{background:#60a5fa1a;box-shadow:0 0 10px #60a5fa4d}.post-content pre{background:#0009;border:1px solid rgba(255,215,0,.2);border-radius:.5rem;padding:var(--spacing-unit);overflow-x:auto;margin-bottom:var(--spacing-unit);position:relative;box-shadow:inset 0 0 20px #00000080,0 0 20px #ffd7001a;transition:all .3s ease}.post-content pre:hover{border-color:#ffd70080;box-shadow:inset 0 0 20px #00000080,0 0 30px #ffd70033}.post-content pre code{background:none;padding:0;border:none}.post-content blockquote{border-left:4px solid #ffd700;padding-left:var(--spacing-unit);margin:var(--spacing-unit) 0;color:#94a3b8;font-style:italic;position:relative;background:#ffd7000d;padding:var(--spacing-unit);border-radius:0 .5rem .5rem 0;transition:all .3s ease}.post-content blockquote:hover{background:#ffd7001a;transform:translate(10px);box-shadow:-5px 0 15px #ffd70033}.post-content blockquote:before{content:'"';position:absolute;top:-10px;left:10px;font-size:3rem;color:#ffd7004d;font-family:Georgia,serif}.post-content strong,.post-content b{color:gold;font-weight:700;text-shadow:0 0 5px rgba(255,215,0,.3);transition:all .3s ease}.post-content strong:hover,.post-content b:hover{text-shadow:0 0 10px rgba(255,215,0,.6)}.post-content a{color:#60a5fa;text-decoration:none;position:relative;transition:all .3s ease}.post-content a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#60a5fa,#3b82f6);transition:width .3s ease}.post-content a:hover{color:#3b82f6;text-shadow:0 0 10px rgba(96,165,250,.5)}.post-content a:hover:after{width:100%}.post-content table{width:100%;border-collapse:collapse;margin:calc(var(--spacing-unit) * 2) 0;background:#0006;border:2px solid rgba(255,215,0,.3);border-radius:.5rem;overflow:hidden;box-shadow:0 0 20px #ffd7001a}.post-content thead{background:#ffd70026;border-bottom:2px solid rgba(255,215,0,.5)}.post-content th{padding:var(--spacing-unit);text-align:left;color:gold;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.post-content td{padding:var(--spacing-unit);border-top:1px solid rgba(255,215,0,.1);color:#cbd5e1;transition:all .3s ease}.post-content tbody tr{transition:all .3s ease}.post-content tbody tr:hover{background:#ffd7001a;transform:scale(1.01)}.post-content tbody tr:hover td{color:gold}[data-theme=light] .post-content table{background:#ffffffe6;border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a}[data-theme=light] .post-content thead{background:#d977061a;border-bottom-color:#d97706}[data-theme=light] .post-content th{color:#d97706;text-shadow:none}[data-theme=light] .post-content td{color:#334155;border-top-color:#e2e8f0}[data-theme=light] .post-content tbody tr:hover{background:#d977060d}[data-theme=light] .post-content tbody tr:hover td{color:#d97706}.post-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.5),transparent);margin:calc(var(--spacing-unit) * 2) 0;position:relative;overflow:visible}.post-content hr:before{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0f172ae6;color:gold;padding:0 1rem;font-size:1rem}.post-tags{margin-top:calc(var(--spacing-unit) * 3);padding-top:calc(var(--spacing-unit) * 2);border-top:2px solid rgba(255,215,0,.3);display:flex;flex-wrap:wrap;gap:.5rem;animation:fadeIn .8s ease-out .6s both}.post-tags .tag{background:#ffd7001a;color:gold;padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(255,215,0,.3);transition:all .3s ease;position:relative;overflow:hidden}.post-tags .tag:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffd7004d;border-radius:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}.post-tags .tag:hover:before{width:200px;height:200px}.post-tags .tag:hover{background:#ffd70033;transform:translateY(-3px) scale(1.05);box-shadow:0 5px 15px #ffd7004d;border-color:gold}.no-results{text-align:center;padding:calc(var(--spacing-unit) * 4);color:#64748b;font-size:1.2rem}[data-theme=light] .posts-title{color:#d97706}[data-theme=light] .posts-description{color:#64748b}[data-theme=light] .posts-search{background:#f1f5f9cc;border-color:#cbd5e1}[data-theme=light] .search-box,[data-theme=light] .filter-select{background:#fff;border-color:#cbd5e1;color:#1e293b}[data-theme=light] .search-box::placeholder{color:#94a3b8}[data-theme=light] .filter-select option{background:#fff;color:#1e293b}[data-theme=light] .post-item{background:#ffffffe6;border-color:#cbd5e1}[data-theme=light] .post-item:hover{border-color:#d97706}[data-theme=light] .post-item-title a{color:#d97706}[data-theme=light] .post-item-excerpt{color:#475569}[data-theme=light] .post-title{color:#d97706}[data-theme=light] .post-content{color:#334155}[data-theme=light] .post-content h2,[data-theme=light] .post-content h3,[data-theme=light] .post-content h4{color:#d97706}[data-theme=light] .post-content code{background:#3b82f61a;color:#2563eb}[data-theme=light] .post-content pre{background:#f1f5f9cc;border-color:#cbd5e1}[data-theme=light] .tag-small,[data-theme=light] .tag{background:#d977061a;color:#d97706;border-color:#d977064d}@media(max-width:768px){.posts-container,.post{padding:var(--spacing-unit)}.posts-title,.post-title{font-size:2rem}.search-filters{flex-direction:column}.filter-select{width:100%}}.post-sidebar,.posts-sidebar{position:sticky;top:calc(var(--spacing-unit) * 2);height:fit-content;overflow-y:visible}.post-sidebar::-webkit-scrollbar,.posts-sidebar::-webkit-scrollbar{display:none}.sidebar-widget{background:#0000004d;border:1px solid rgba(255,215,0,.2);border-radius:1rem;padding:calc(var(--spacing-unit) * 1.5);margin-bottom:calc(var(--spacing-unit) * 2);transition:all .3s ease;position:relative;overflow:hidden;animation:slideInRight .6s ease-out backwards}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.sidebar-widget:nth-child(1){animation-delay:.1s}.sidebar-widget:nth-child(2){animation-delay:.2s}.sidebar-widget:nth-child(3){animation-delay:.3s}.sidebar-widget:nth-child(4){animation-delay:.4s}.sidebar-widget:nth-child(5){animation-delay:.5s}.sidebar-widget:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ffd7004d,#60a5fa4d,#ffd7004d);background-size:400% 400%;border-radius:1rem;opacity:0;z-index:-1;transition:opacity .3s ease}.sidebar-widget:hover:before{opacity:1;animation:gradientFlow 3s ease infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.sidebar-widget:hover{border-color:#ffd70066;box-shadow:0 5px 20px #ffd70033;transform:translateY(-3px)}.widget-title{color:gold;font-size:1.1rem;margin-bottom:var(--spacing-unit);padding-bottom:calc(var(--spacing-unit) * .5);border-bottom:2px solid rgba(255,215,0,.3);position:relative;text-shadow:0 0 10px rgba(255,215,0,.3)}.widget-title:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:gold;transition:width .3s ease}.sidebar-widget:hover .widget-title:after{width:50%}.author-info{text-align:center}.author-avatar{width:80px;height:80px;border-radius:50%;border:3px solid #ffd700;margin:0 auto var(--spacing-unit);display:block;transition:all .3s ease;box-shadow:0 0 20px #ffd7004d;animation:avatarPulse 3s ease-in-out infinite}@keyframes avatarPulse{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 30px #ffd70099}}.author-avatar:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 0 40px #ffd700cc}.avatar-placeholder{width:80px;height:80px;border-radius:50%;background:#ffd70033;border:3px solid #ffd700;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-unit);transition:all .3s ease;animation:avatarPulse 3s ease-in-out infinite}.avatar-placeholder:hover{transform:scale(1.1) rotate(5deg)}.avatar-placeholder .pixel-char{font-size:2rem;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.author-info h4{color:gold;margin-bottom:calc(var(--spacing-unit) * .5);text-shadow:0 0 10px rgba(255,215,0,.5);transition:all .3s ease}.author-info h4:hover{text-shadow:0 0 15px rgba(255,215,0,.8);transform:scale(1.05)}.author-bio{color:#94a3b8;font-size:.9rem;line-height:1.4;margin-bottom:var(--spacing-unit)}.author-stats{display:flex;justify-content:center;gap:calc(var(--spacing-unit) * 2);padding-top:var(--spacing-unit);border-top:1px solid rgba(255,215,0,.2)}.stat-item{text-align:center;transition:all .3s ease;cursor:default}.stat-item:hover{transform:translateY(-5px)}.stat-value{display:block;color:gold;font-size:1.5rem;font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.5);transition:all .3s ease}.stat-item:hover .stat-value{text-shadow:0 0 20px rgba(255,215,0,.8);transform:scale(1.2)}.stat-label{color:#64748b;font-size:.85rem}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin-bottom:calc(var(--spacing-unit) * .5)}.toc-link{color:#cbd5e1;text-decoration:none;display:block;padding:calc(var(--spacing-unit) * .5);border-radius:.5rem;transition:all var(--transition-speed) ease;font-size:.9rem}.toc-link:hover{background:#ffd7001a;color:gold;padding-left:calc(var(--spacing-unit) * .75)}.toc-link.active{background:#ffd70033;color:gold;border-left:3px solid #ffd700}.toc-h3{padding-left:calc(var(--spacing-unit) * 1.5);font-size:.85rem}.toc-h4{padding-left:calc(var(--spacing-unit) * 2.5);font-size:.8rem}.related-posts,.recent-posts{list-style:none;padding:0;margin:0}.related-posts li,.recent-posts li{margin-bottom:calc(var(--spacing-unit) * .75)}.related-posts a,.recent-posts a{color:#cbd5e1;text-decoration:none;display:block;padding:calc(var(--spacing-unit) * .5);border-radius:.5rem;transition:all var(--transition-speed) ease;font-size:.9rem}.related-posts a:hover,.recent-posts a:hover{background:#ffd7001a;color:gold;transform:translate(5px)}.related-post-date,.recent-post-date{display:inline-block;color:#64748b;font-size:.8rem;margin-right:calc(var(--spacing-unit) * .5)}.tag-cloud{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * .5)}.tag-cloud-item{background:#ffd7001a;color:gold;padding:calc(var(--spacing-unit) * .3) calc(var(--spacing-unit) * .6);border-radius:1rem;border:1px solid rgba(255,215,0,.3);text-decoration:none;font-size:.85rem;transition:all .3s ease;position:relative;overflow:hidden}.tag-cloud-item:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,215,0,.4),transparent);border-radius:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}.tag-cloud-item:hover:before{width:150px;height:150px}.tag-cloud-item:hover{background:#ffd70033;transform:translateY(-3px) scale(1.1);box-shadow:0 5px 15px #ffd7004d,0 0 20px #ffd70033;border-color:gold}.search-box-wrapper{display:flex;gap:calc(var(--spacing-unit) * .5)}.sidebar-search-box{flex:1;padding:calc(var(--spacing-unit) * .75);background:#0006;border:1px solid rgba(255,215,0,.3);border-radius:.5rem;color:#cbd5e1;font-size:.9rem}.sidebar-search-box:focus{outline:none;border-color:gold;box-shadow:0 0 10px #ffd7004d}.sidebar-search-box::placeholder{color:#64748b}.search-btn{padding:calc(var(--spacing-unit) * .75);background:#ffd70033;border:1px solid rgba(255,215,0,.3);border-radius:.5rem;color:gold;cursor:pointer;transition:all var(--transition-speed) ease}.search-btn:hover{background:#ffd7004d;transform:translateY(-2px)}[data-theme=light] .sidebar-widget{background:#ffffffe6;border-color:#cbd5e1}[data-theme=light] .widget-title{color:#d97706;border-bottom-color:#d977064d}[data-theme=light] .author-avatar,[data-theme=light] .avatar-placeholder{border-color:#d97706}[data-theme=light] .author-info h4{color:#d97706}[data-theme=light] .author-bio{color:#64748b}[data-theme=light] .stat-value{color:#d97706}[data-theme=light] .toc-link{color:#475569}[data-theme=light] .toc-link:hover,[data-theme=light] .toc-link.active{background:#d977061a;color:#d97706}[data-theme=light] .toc-link.active{border-left-color:#d97706}[data-theme=light] .related-posts a,[data-theme=light] .recent-posts a{color:#475569}[data-theme=light] .related-posts a:hover,[data-theme=light] .recent-posts a:hover{background:#d977061a;color:#d97706}[data-theme=light] .tag-cloud-item{background:#d977061a;color:#d97706;border-color:#d977064d}[data-theme=light] .tag-cloud-item:hover{background:#d9770633}[data-theme=light] .sidebar-search-box{background:#fff;border-color:#cbd5e1;color:#1e293b}[data-theme=light] .sidebar-search-box::placeholder{color:#94a3b8}[data-theme=light] .search-btn{background:#d977061a;border-color:#d977064d;color:#d97706}[data-theme=light] .search-btn:hover{background:#d9770633}.about-content{text-align:center}.about-content p{color:#94a3b8;line-height:1.5;margin-bottom:var(--spacing-unit)}.site-stats{display:flex;justify-content:center;gap:calc(var(--spacing-unit) * 2);padding-top:var(--spacing-unit);border-top:1px solid rgba(255,215,0,.2)}.categories-list,.archive-list{list-style:none;padding:0;margin:0}.categories-list li,.archive-list li{margin-bottom:calc(var(--spacing-unit) * .5)}.category-link,.archive-link{display:flex;justify-content:space-between;align-items:center;color:#cbd5e1;text-decoration:none;padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * .75);border-radius:.5rem;transition:all var(--transition-speed) ease}.category-link:hover,.archive-link:hover{background:#ffd7001a;color:gold;transform:translate(5px)}.category-count,.archive-count{background:#ffd70033;color:gold;padding:.2rem .5rem;border-radius:1rem;font-size:.8rem;min-width:1.5rem;text-align:center}[data-theme=light] .about-content p{color:#64748b}[data-theme=light] .site-stats{border-top-color:#d977064d}[data-theme=light] .category-link,[data-theme=light] .archive-link{color:#475569}[data-theme=light] .category-link:hover,[data-theme=light] .archive-link:hover{background:#d977061a;color:#d97706}[data-theme=light] .category-count,[data-theme=light] .archive-count{background:#d9770633;color:#d97706}@media(max-width:1024px){.post-container,.posts-page-container{grid-template-columns:1fr}.post-sidebar,.posts-sidebar{position:static;max-height:none;display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-unit) * 2);overflow-y:visible}.sidebar-widget{margin-bottom:0}}@media(max-width:768px){.post-sidebar,.posts-sidebar{grid-template-columns:1fr}}.level-progress{background:linear-gradient(90deg,gold,#ffed4e,gold);background-size:100% 100%;height:100%;border-radius:50px;position:relative;box-shadow:0 0 20px #ffd70080;transition:width .6s var(--transition-bounce)}.level-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:.8rem;text-shadow:0 0 5px rgba(0,0,0,.5)}.stat-item{background:#0003;border:1px solid rgba(100,116,139,.3);border-radius:.5rem;padding:calc(var(--spacing-unit) * .75);display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.9rem}.stat-icon{font-size:1.5rem}.stat-label{font-size:.8rem;color:var(--gray-dark)}.stat-value{font-size:1.2rem;font-weight:700;color:gold}.stat-card{background:linear-gradient(135deg,#1e293be6,#334155e6);border:2px solid rgba(255,215,0,.3);border-radius:1rem;padding:calc(var(--spacing-unit) * 2);text-align:center;position:relative;overflow:hidden;transition:all var(--transition-speed) ease}.stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,215,0,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.stat-card:hover:before{transform:translate(100%)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #ffd70033;border-color:#ffd70099}.stat-number{display:block;font-size:2.5rem;font-weight:900;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5);margin-bottom:.5rem}.tag{background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2));color:#fff;padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:500;text-transform:lowercase}.view-all-posts{text-align:center;margin-top:calc(var(--spacing-unit) * 3)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:50px;transition:width .6s var(--transition-bounce)}@media(max-width:768px){.skill-nav-top{justify-content:flex-start}}@media(max-width:640px){.skill-nav-top{top:10px;padding:calc(var(--spacing-unit) * .75);gap:calc(var(--spacing-unit) * 1);max-width:calc(100% - 20px)}.nav-btn{min-width:100px;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.5);font-size:.9rem}.nav-name{font-size:.85rem}.nav-level{font-size:.75rem}}