.hover-lift{transition:transform var(--duration-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform var(--duration-normal) var(--ease-out)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{position:relative;transition:all var(--duration-normal) var(--ease-out)}.hover-glow:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--accent-primary);opacity:0;z-index:-1;filter:blur(8px);transition:opacity var(--duration-normal) var(--ease-out)}.hover-glow:hover:before{opacity:.2}.hover-shimmer{position:relative;overflow:hidden}.hover-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transition:left var(--duration-slow) var(--ease-out);z-index:1}.hover-shimmer:hover:before{left:100%}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-breathing{animation:breathing 3s ease-in-out infinite}@keyframes breathing{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.animate-gentle-bounce{animation:gentleBounce 2s ease-in-out infinite}@keyframes gentleBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-2px)}60%{transform:translateY(-1px)}}.animate-float{animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-spin-slow{animation:spin 3s linear infinite}.animate-slide-in-bottom{animation:slideInBottom var(--duration-slow) var(--ease-out)}@keyframes slideInBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-left{animation:slideInLeft var(--duration-slow) var(--ease-out)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-bounce)}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-zoom-in{animation:zoomIn var(--duration-normal) var(--ease-out)}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.click-feedback{transition:transform var(--duration-fast) var(--ease-out)}.click-feedback:active{transform:scale(.96)}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple-effect:active:after{width:300px;height:300px}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-quaternary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton 1.5s ease-in-out infinite}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-animate{position:relative;overflow:hidden}.progress-animate:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{left:-100%}to{left:100%}}.animate-shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.animate-wobble{animation:wobble 1s ease-in-out}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1)}75%{transform:scale(1.05)}}.morph-bg{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary),var(--accent-quaternary),var(--accent-highlight));background-size:400% 400%;animation:morphBackground 8s ease-in-out infinite}@keyframes morphBackground{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-text-gradient{background:linear-gradient(45deg,var(--accent-primary),var(--accent-quaternary),var(--accent-highlight),var(--accent-secondary));background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textGradient 3s ease-in-out infinite}@keyframes textGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.stagger-children>*{animation-delay:calc(var(--stagger-delay, .1s) * var(--index, 0))}.transition-all{transition:all var(--duration-normal) var(--ease-out)}.transition-fast{transition:all var(--duration-fast) var(--ease-out)}.transition-slow{transition:all var(--duration-slow) var(--ease-out)}.origin-center{transform-origin:center}.origin-top{transform-origin:top}.origin-bottom{transform-origin:bottom}.origin-left{transform-origin:left}.origin-right{transform-origin:right}@media (prefers-reduced-motion: reduce){.hover-lift:hover,.hover-scale:hover,.click-feedback:active{transform:none}.animate-pulse,.animate-breathing,.animate-gentle-bounce,.animate-float,.animate-spin-slow,.animate-shake,.animate-wobble,.animate-heartbeat,.morph-bg,.animate-text-gradient{animation:none}.hover-shimmer:before,.progress-animate:before{animation:none}.animate-slide-in-bottom,.animate-slide-in-left,.animate-slide-in-right,.animate-scale-in,.animate-fade-in,.animate-zoom-in{animation-duration:var(--duration-fast)}}@media (prefers-contrast: high){.hover-glow:before{display:none}.morph-bg,.animate-text-gradient{background:var(--text-primary);-webkit-text-fill-color:var(--text-primary)}}.gpu-accelerated{transform:translateZ(0);will-change:transform}.contain-layout{contain:layout}.contain-style{contain:style}.contain-paint{contain:paint}.interactive{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.loading{cursor:wait;pointer-events:none}.focus-ring{outline:2px solid transparent;outline-offset:2px;transition:outline-color var(--duration-fast) var(--ease-out)}.focus-ring:focus-visible{outline-color:var(--accent-primary);box-shadow:0 0 0 4px #7aa2f733}.focus-within:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.touch-target{min-height:44px;min-width:44px}@media (max-width: 768px){button,.btn,a[role='"button"'],input[type='"button"'],input[type='"submit"'],input[type='"reset"'],.interactive{min-height:44px;min-width:44px}.btn{padding:var(--spacing-sm) var(--spacing-md)}.btn--small{padding:var(--spacing-sm) var(--spacing-md);min-height:40px}.btn--large{padding:var(--spacing-md) var(--spacing-lg);min-height:52px}}.responsive-text{font-size:clamp(var(--font-size-sm),4vw,var(--font-size-lg))}.responsive-heading{font-size:clamp(var(--font-size-xl),6vw,var(--font-size-4xl))}.responsive-title{font-size:clamp(var(--font-size-2xl),8vw,var(--font-size-6xl))}.mobile-stack{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width: 768px){.mobile-stack{flex-direction:row;align-items:center}}@media (max-width: 767px){.mobile-hidden{display:none!important}}.mobile-only{display:none}@media (max-width: 767px){.mobile-only{display:block}.mobile-only.flex{display:flex}.mobile-only.inline{display:inline}.mobile-only.inline-block{display:inline-block}}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-fixed);background:var(--bg-surface-elevated);border-top:1px solid var(--border-primary);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:var(--spacing-sm);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom))}.mobile-nav__items{display:flex;justify-content:space-around;align-items:center;max-width:100%}.mobile-nav__item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);min-width:60px;text-decoration:none;color:var(--text-secondary)}.mobile-nav__item:hover,.mobile-nav__item--active{background:var(--bg-glass);color:var(--accent-primary);transform:translateY(-1px)}.mobile-nav__icon{font-size:var(--font-size-xl);transition:transform var(--duration-normal) var(--ease-out)}.mobile-nav__item:hover .mobile-nav__icon,.mobile-nav__item--active .mobile-nav__icon{transform:scale(1.1)}.mobile-nav__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.scroll-snap-x{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.scroll-snap-y{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}.scroll-snap-start{scroll-snap-align:start}.scroll-snap-center{scroll-snap-align:center}.scroll-snap-end{scroll-snap-align:end}@media (hover: none){.hover-lift:hover,.hover-scale:hover,.hover-glow:hover{transform:none}.hover-shimmer:before{display:none}.animate-breathing,.animate-float,.morph-bg,.animate-text-gradient{animation:none}}.touch-feedback{-webkit-tap-highlight-color:rgba(122,162,247,.2)}.safe-area-inset-top{padding-top:env(safe-area-inset-top)}.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-inset-left{padding-left:env(safe-area-inset-left)}.safe-area-inset-right{padding-right:env(safe-area-inset-right)}.safe-area-inset{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (max-width: 768px){input[type='"text"'],input[type='"email"'],input[type='"password"'],input[type='"number"'],textarea,select{font-size:16px}}.mobile-full-height{min-height:100vh;min-height:100dvh}@media (max-width: 768px){.bg-glass,.bg-glass-strong{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.gradient-primary,.gradient-secondary{background:var(--accent-primary)}.shadow-complex{box-shadow:0 2px 8px var(--shadow-secondary)}}@media (max-width: 768px){.form-group{margin-bottom:var(--spacing-lg)}.form-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.form-input{padding:var(--spacing-md);font-size:16px;border-radius:var(--radius-lg);border:2px solid var(--border-primary);background:var(--bg-surface);width:100%;transition:border-color var(--duration-normal) var(--ease-out)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #7aa2f733}}@media (max-width: 768px){.responsive-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.responsive-table table{min-width:600px}.stack-table{display:block}.stack-table thead{display:none}.stack-table tbody,.stack-table tr,.stack-table td{display:block;width:100%}.stack-table tr{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-surface);border-radius:var(--radius-md)}.stack-table td{text-align:left;padding:var(--spacing-sm) 0;border:none}.stack-table td:before{content:attr(data-label) ": ";font-weight:var(--font-weight-semibold);color:var(--text-secondary)}}@media (max-width: 768px){.modal-mobile{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border-radius:0;transform:none}.modal-mobile .modal-content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}}.mobile-selectable{-webkit-user-select:text;-moz-user-select:text;user-select:text}.mobile-no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 768px){.mobile-spacing{padding:var(--spacing-md)}.mobile-spacing-sm{padding:var(--spacing-sm)}.mobile-spacing-lg{padding:var(--spacing-lg)}}@media (max-width: 768px) and (orientation: landscape){.landscape-adjust{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.landscape-nav{padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width: 768px){.focus-ring:focus-visible{outline-width:3px;outline-offset:3px;box-shadow:0 0 0 6px #7aa2f733}}@media (max-width: 768px) and (prefers-reduced-motion: no-preference){.simple-animation{animation-duration:var(--duration-normal)}.complex-animation{animation:none}}@media (display-mode: standalone){.pwa-padding{padding-top:var(--spacing-lg)}.pwa-header{padding-top:calc(var(--spacing-lg) + env(safe-area-inset-top))}}@media (max-width: 768px){[data-theme=dark] .mobile-bg-adjust{background:var(--bg-secondary)}[data-theme=dark] .mobile-text-adjust{color:var(--text-primary)}}@media (min-width: 768px) and (max-width: 1024px){.tablet-adjust{padding:var(--spacing-lg)}.tablet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}.debug-mobile{position:fixed;top:0;right:0;background:#f00c;color:#fff;padding:var(--spacing-xs);font-size:var(--font-size-xs);z-index:9999;pointer-events:none}@media (min-width: 768px){.debug-mobile{display:none}}:root{font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.6;font-weight:400;font-size:16px;color-scheme:dark;color:#ffffffe6;background-color:#0a0a0b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;--bg-primary: #0a0a0b;--bg-secondary: #12131a;--bg-tertiary: #1a1b26;--bg-quaternary: #24253a;--bg-surface: rgba(26, 27, 38, .95);--bg-surface-elevated: rgba(36, 37, 58, .98);--bg-glass: rgba(255, 255, 255, .02);--bg-glass-strong: rgba(255, 255, 255, .05);--text-primary: #f7f7f7;--text-secondary: #a9b1d6;--text-tertiary: #565f89;--text-muted: #414868;--text-inverse: #1a1b26;--accent-primary: #7aa2f7;--accent-primary-dark: #5a7fd7;--accent-primary-light: #9fb8f9;--accent-secondary: #9ece6a;--accent-secondary-dark: #7ea54a;--accent-secondary-light: #b8e88a;--accent-tertiary: #f7768e;--accent-quaternary: #bb9af7;--accent-highlight: #e0af68;--success: #9ece6a;--warning: #e0af68;--error: #f7768e;--info: #7aa2f7;--border-primary: rgba(122, 162, 247, .12);--border-secondary: rgba(169, 177, 214, .08);--border-muted: rgba(65, 72, 104, .3);--divider: rgba(122, 162, 247, .06);--shadow-primary: rgba(0, 0, 0, .3);--shadow-secondary: rgba(0, 0, 0, .15);--shadow-tertiary: rgba(0, 0, 0, .08);--shadow-accent: rgba(122, 162, 247, .25);--spacing-0: 0px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 32px;--spacing-8: 40px;--spacing-9: 48px;--spacing-10: 56px;--spacing-11: 64px;--spacing-12: 72px;--spacing-13: 80px;--spacing-14: 88px;--spacing-15: 96px;--spacing-16: 104px;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-4);--spacing-lg: var(--spacing-6);--spacing-xl: var(--spacing-8);--spacing-2xl: var(--spacing-12);--spacing-3xl: var(--spacing-16);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--duration-fastest: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--duration-slowest: .8s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--max-width-xs: 20rem;--max-width-sm: 24rem;--max-width-md: 28rem;--max-width-lg: 32rem;--max-width-xl: 36rem;--max-width-2xl: 42rem;--max-width-3xl: 48rem;--max-width-4xl: 56rem;--max-width-5xl: 64rem;--max-width-6xl: 72rem;--max-width-7xl: 80rem;--max-width-full: 100%;--panel-width: 320px;--panel-width-wide: 400px;--panel-width-narrow: 280px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}[data-theme=light]{color-scheme:light;color:#000000e6;background-color:#fafafb;--bg-primary: #fafafb;--bg-secondary: #f4f4f6;--bg-tertiary: #e7e7ea;--bg-quaternary: #d1d1d6;--bg-surface: rgba(255, 255, 255, .95);--bg-surface-elevated: rgba(255, 255, 255, .98);--bg-glass: rgba(0, 0, 0, .02);--bg-glass-strong: rgba(0, 0, 0, .05);--text-primary: #1a1a1b;--text-secondary: #4a5568;--text-tertiary: #718096;--text-muted: #a0aec0;--text-inverse: #ffffff;--accent-primary: #3182ce;--accent-primary-dark: #2c5aa0;--accent-primary-light: #63b3ed;--accent-secondary: #38a169;--accent-secondary-dark: #2f855a;--accent-secondary-light: #68d391;--accent-tertiary: #e53e3e;--accent-quaternary: #805ad5;--accent-highlight: #d69e2e;--success: #38a169;--warning: #d69e2e;--error: #e53e3e;--info: #3182ce;--border-primary: rgba(49, 130, 206, .15);--border-secondary: rgba(74, 85, 104, .12);--border-muted: rgba(160, 174, 192, .4);--divider: rgba(49, 130, 206, .08);--shadow-primary: rgba(0, 0, 0, .1);--shadow-secondary: rgba(0, 0, 0, .05);--shadow-tertiary: rgba(0, 0, 0, .03);--shadow-accent: rgba(49, 130, 206, .15)}@media (prefers-color-scheme: light){:root:not([data-theme]){color-scheme:light;color:#000000e6;background-color:#fafafb;--bg-primary: #fafafb;--bg-secondary: #f4f4f6;--bg-tertiary: #e7e7ea;--bg-quaternary: #d1d1d6;--bg-surface: rgba(255, 255, 255, .95);--bg-surface-elevated: rgba(255, 255, 255, .98);--bg-glass: rgba(0, 0, 0, .02);--bg-glass-strong: rgba(0, 0, 0, .05);--text-primary: #1a1a1b;--text-secondary: #4a5568;--text-tertiary: #718096;--text-muted: #a0aec0;--text-inverse: #ffffff;--accent-primary: #3182ce;--accent-primary-dark: #2c5aa0;--accent-primary-light: #63b3ed;--accent-secondary: #38a169;--accent-secondary-dark: #2f855a;--accent-secondary-light: #68d391;--accent-tertiary: #e53e3e;--accent-quaternary: #805ad5;--accent-highlight: #d69e2e;--success: #38a169;--warning: #d69e2e;--error: #e53e3e;--info: #3182ce;--border-primary: rgba(49, 130, 206, .15);--border-secondary: rgba(74, 85, 104, .12);--border-muted: rgba(160, 174, 192, .4);--divider: rgba(49, 130, 206, .08);--shadow-primary: rgba(0, 0, 0, .1);--shadow-secondary: rgba(0, 0, 0, .05);--shadow-tertiary: rgba(0, 0, 0, .03);--shadow-accent: rgba(49, 130, 206, .15)}}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden;overflow-y:auto;touch-action:manipulation;scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-secondary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-moz-user-select:none;user-select:none}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:var(--bg-secondary)}body::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-full)}body::-webkit-scrollbar-thumb:hover{background:var(--accent-primary-light)}.selectable,input,textarea,[contenteditable]{-webkit-user-select:text;-moz-user-select:text;user-select:text}@media (max-width: 768px){body{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}}#root{width:100vw;min-height:var(--app-height, 100vh);position:relative;overflow-x:hidden;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%)}@media (max-width: 768px){#root{height:var(--app-height, auto)}}button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--border-primary);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:inherit;background:var(--bg-glass);color:var(--text-primary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}button:hover{background:var(--bg-glass-strong);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-secondary),0 0 0 1px #7aa2f71a}button:active{transform:translateY(0);transition-duration:var(--duration-fast)}button:focus,button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 4px #7aa2f733}button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none}.glass{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-primary)}.glass-strong{background:var(--bg-glass-strong);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-secondary)}.surface{background:var(--bg-surface);border:1px solid var(--border-primary)}.surface-elevated{background:var(--bg-surface-elevated);border:1px solid var(--border-secondary);box-shadow:0 4px 12px var(--shadow-secondary)}.gradient-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-dark) 100%)}.gradient-secondary{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-secondary-dark) 100%)}.text-gradient{background:linear-gradient(135deg,var(--accent-primary),var(--accent-quaternary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-fadeIn{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-slideUp{animation:slideUp var(--duration-normal) var(--ease-out)}.animate-scaleIn{animation:scaleIn var(--duration-normal) var(--ease-bounce)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.glow-primary{box-shadow:0 0 20px #7aa2f74d}.glow-secondary{box-shadow:0 0 20px #9ece6a4d}.glow-accent{box-shadow:0 0 20px #bb9af74d}.theme-toggle{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.theme-toggle--button{background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden}.theme-toggle--button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(122,162,247,.1) 50%,transparent 100%);transition:left var(--duration-slow) var(--ease-out);z-index:0}.theme-toggle--button:hover{background:var(--bg-glass-strong);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-secondary),0 0 0 1px #7aa2f71a}.theme-toggle--button:hover:before{left:100%}.theme-toggle--button:active{transform:translateY(0) scale(.98);transition-duration:var(--duration-fast)}.theme-toggle--small{padding:var(--spacing-xs);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.theme-toggle--medium{padding:var(--spacing-sm);font-size:var(--font-size-base)}.theme-toggle--large{padding:var(--spacing-md);font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.theme-toggle__icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-out);filter:drop-shadow(0 0 8px var(--accent-primary))}.theme-toggle--button:hover .theme-toggle__icon{transform:scale(1.1) rotate(15deg);filter:drop-shadow(0 0 12px var(--accent-primary))}.theme-toggle__label{position:relative;z-index:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:color var(--duration-normal) var(--ease-out);text-transform:capitalize}.theme-toggle--button:hover .theme-toggle__label{color:var(--text-primary)}.theme-toggle--switch{background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-full);padding:var(--spacing-xs);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.theme-toggle__switch-container{position:relative;display:flex;background:var(--bg-glass-strong);border-radius:var(--radius-full);padding:var(--spacing-xs);overflow:hidden}.theme-toggle__switch-option{position:relative;z-index:2;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);font-size:var(--font-size-sm);color:var(--text-tertiary)}.theme-toggle__switch-option:hover{color:var(--text-primary);transform:scale(1.05)}.theme-toggle__switch-option--active{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.theme-toggle__switch-indicator{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);width:calc((100% - (var(--spacing-xs) * 2)) / 2);height:calc(100% - (var(--spacing-xs) * 2));background:var(--accent-primary);border-radius:var(--radius-full);transition:transform var(--duration-normal) var(--ease-out);z-index:1;box-shadow:0 2px 8px #7aa2f74d,0 0 0 1px #7aa2f71a}.theme-toggle__switch-icon{font-size:var(--font-size-base);transition:all var(--duration-normal) var(--ease-out)}.theme-toggle__switch-option--active .theme-toggle__switch-icon{filter:drop-shadow(0 0 8px rgba(255,255,255,.8));transform:scale(1.1)}.theme-toggle__switch-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.theme-toggle--dropdown{position:relative}.theme-toggle__select{appearance:none;background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);background-position:calc(100% - 12px) calc(1em - 2px),calc(100% - 8px) calc(1em - 2px);background-size:4px 4px,4px 4px;background-repeat:no-repeat}.theme-toggle__select:hover{background-color:var(--bg-glass-strong);border-color:var(--accent-primary);box-shadow:0 2px 8px var(--shadow-secondary)}.theme-toggle__select:focus{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 4px #7aa2f733}.theme-toggle--light .theme-toggle__icon{filter:drop-shadow(0 0 8px var(--accent-highlight))}.theme-toggle--light .theme-toggle--button:hover .theme-toggle__icon{filter:drop-shadow(0 0 12px var(--accent-highlight))}@media (max-width: 768px){.theme-toggle--button{min-height:44px;min-width:44px}.theme-toggle--switch,.theme-toggle__switch-option{padding:var(--spacing-sm)}.theme-toggle__switch-label{display:none}@media (hover: none){.theme-toggle--button:before{display:none}.theme-toggle--button:hover,.theme-toggle--button:hover .theme-toggle__icon{transform:none}}}@media (prefers-reduced-motion: reduce){.theme-toggle,.theme-toggle__icon,.theme-toggle__switch-option,.theme-toggle__switch-indicator,.theme-toggle__select{transition:none}.theme-toggle--button:before{display:none}.theme-toggle--button:hover .theme-toggle__icon{transform:none}}@media (prefers-contrast: high){.theme-toggle--button,.theme-toggle--switch,.theme-toggle__select{border-width:2px;background:var(--bg-secondary)}.theme-toggle__switch-indicator{background:var(--text-primary);border:2px solid var(--accent-primary)}}.theme-toggle--button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 4px #7aa2f733}.theme-toggle__switch-option:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.theme-transition{transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}.theme-toggle--loading{opacity:.7;pointer-events:none}.theme-toggle--loading .theme-toggle__icon{animation:spin var(--duration-slowest) linear infinite}.navigation{position:relative;z-index:var(--z-fixed)}.navigation--header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);background:var(--bg-surface-elevated);border-bottom:1px solid var(--border-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 3px var(--shadow-secondary);gap:var(--spacing-4);min-height:64px}.navigation--header .navigation__items{display:flex;align-items:center;gap:var(--spacing-2)}.navigation--header .navigation__item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-secondary);text-decoration:none;transition:all var(--duration-fast) var(--ease-out);cursor:pointer;position:relative;overflow:hidden;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.navigation--header .navigation__item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(122,162,247,.05) 50%,transparent 100%);transition:left var(--duration-normal) var(--ease-out);z-index:0}.navigation--header .navigation__item:hover{background:var(--bg-glass-weak);border-color:var(--border-secondary);color:var(--text-primary)}.navigation--header .navigation__item:hover:before{left:100%}.navigation--header .navigation__item--active{background:var(--bg-glass);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 0 1px #7aa2f71a}.navigation--sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--panel-width);background:var(--bg-surface-elevated);border-right:1px solid var(--border-primary);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:4px 0 16px var(--shadow-secondary);transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-out);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.navigation--sidebar.navigation--expanded{transform:translate(0)}.navigation--sidebar .navigation__items{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.navigation--sidebar .navigation__item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);background:transparent;border:1px solid transparent;color:var(--text-secondary);text-decoration:none;transition:all var(--duration-normal) var(--ease-out);cursor:pointer;position:relative;overflow:hidden;width:100%;text-align:left}.navigation--sidebar .navigation__item:hover{background:var(--bg-glass);border-color:var(--border-secondary);color:var(--text-primary);transform:translate(4px)}.navigation--sidebar .navigation__item--active{background:var(--bg-glass-strong);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 4px 12px #7aa2f733}.navigation--bottom{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-fixed);background:var(--bg-surface-elevated);border-top:1px solid var(--border-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 -1px 3px var(--shadow-secondary);padding:var(--spacing-2) var(--spacing-4);padding-bottom:calc(var(--spacing-2) + env(safe-area-inset-bottom,0));transition:transform .2s var(--ease-out);min-height:64px}.navigation--bottom .navigation__items{display:flex;justify-content:space-around;align-items:center;max-width:100%}@media (max-width: 768px){.navigation--bottom{--bottom-nav-height: calc( (1.6rem * 1.2) + (var(--spacing-sm) * 2) + env(safe-area-inset-bottom) )}}.navigation--bottom .navigation__item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2);border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-width:56px;position:relative;font-size:var(--font-size-xs)}.navigation--bottom .navigation__item:hover,.navigation--bottom .navigation__item--active{background:var(--bg-glass);color:var(--accent-primary);transform:translateY(-1px)}.navigation--bottom .navigation__item:hover,.navigation--bottom .navigation__item--active{background:var(--bg-glass);color:var(--accent-primary);transform:translateY(-2px)}.navigation--bottom.navigation--hidden{transform:translateY(100%);opacity:0;pointer-events:none;box-shadow:none}.navigation--bottom:not(.navigation--hidden){transform:translateY(0);opacity:1;pointer-events:auto}@media (max-width: 768px){.navigation--bottom{padding:calc(var(--spacing-xs)) calc(var(--spacing-sm));padding-bottom:calc(var(--spacing-xs) + env(safe-area-inset-bottom));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 -6px 14px #0000001f}.navigation--bottom .navigation__items{gap:var(--spacing-xs)}.navigation--bottom .navigation__item{min-width:56px;padding:calc(var(--spacing-xs) + 2px);border-radius:10px}.navigation--bottom .navigation__icon{font-size:1.4rem}.navigation--bottom .navigation__label{font-size:var(--font-size-xs);line-height:1}.navigation--bottom .navigation__badge{top:-6px;right:-6px;min-width:18px;height:18px;padding:0 6px;font-size:.65rem;border-width:2px}.navigation--bottom .navigation__indicator{width:6px;height:6px;bottom:6px;box-shadow:none}}@media (max-width: 480px){.navigation--bottom{padding:calc(var(--spacing-xs))}.navigation--bottom .navigation__label,.navigation--bottom .navigation__description{display:none}.navigation--bottom .navigation__icon{font-size:1.6rem}.navigation--bottom .navigation__item{min-width:64px;padding:10px 6px}}@media (hover: none){.navigation--bottom .navigation__item:hover{transform:none;background:transparent}}.navigation--floating{position:fixed;top:50%;right:var(--spacing-lg);transform:translateY(-50%);background:var(--bg-surface-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px var(--shadow-secondary);padding:var(--spacing-md)}.navigation--floating .navigation__items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.navigation--floating .navigation__item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative}.navigation--floating .navigation__item:hover{background:var(--bg-glass);border-color:var(--border-secondary);color:var(--text-primary);transform:scale(1.1)}.navigation--floating .navigation__item--active{background:var(--bg-glass-strong);border-color:var(--accent-primary);color:var(--accent-primary)}.navigation__icon{font-size:var(--font-size-xl);display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-out);position:relative;z-index:1}.navigation__content{display:flex;flex-direction:column;gap:var(--spacing-xs);position:relative;z-index:1}.navigation__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.navigation__description{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:var(--line-height-snug);opacity:.8}.navigation__badge{position:absolute;top:-4px;right:-4px;background:var(--accent-tertiary);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);border:2px solid var(--bg-surface-elevated);min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;z-index:2;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.navigation__indicator{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--accent-primary);border-radius:var(--radius-full);box-shadow:0 0 8px var(--accent-primary);animation:indicatorGlow 2s ease-in-out infinite}@keyframes indicatorGlow{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.7;transform:translate(-50%) scale(1.2)}}.navigation__breadcrumbs{margin-bottom:var(--spacing-sm);max-width:60%;overflow:hidden}.navigation__breadcrumb-list{display:flex;align-items:center;gap:calc(var(--spacing-xs) - 2px);list-style:none;margin:0;padding:0}.navigation__breadcrumb-item{display:flex;align-items:center;gap:var(--spacing-xs)}.navigation__breadcrumb-separator{color:var(--text-tertiary);font-size:var(--font-size-sm);opacity:.6}.navigation__breadcrumb-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);font-size:var(--font-size-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.navigation__breadcrumb-link:hover{background:var(--bg-glass);color:var(--text-primary)}.navigation__breadcrumb-link--current{color:var(--accent-primary);pointer-events:none}.navigation__breadcrumb-icon{font-size:var(--font-size-sm)}.navigation__back-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:calc(var(--spacing-xs)) calc(var(--spacing-sm));background:var(--bg-glass-weak, rgba(255, 255, 255, .02));border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);margin-bottom:0}.navigation__back-button:hover{background:var(--bg-glass-strong);border-color:var(--accent-primary);color:var(--accent-primary);transform:translate(-2px)}.navigation__back-icon{font-size:var(--font-size-lg);transition:transform var(--duration-normal) var(--ease-out)}.navigation__back-button:hover .navigation__back-icon{transform:translate(-2px)}.navigation__back-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.navigation__mobile-toggle{position:fixed;top:var(--spacing-lg);left:var(--spacing-lg);z-index:calc(var(--z-fixed) + 1);width:44px;height:44px;background:var(--bg-surface-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.navigation__mobile-toggle:hover{background:var(--bg-glass-strong);border-color:var(--accent-primary);transform:scale(1.05)}.navigation__hamburger{display:flex;flex-direction:column;gap:3px;width:18px}.navigation__hamburger span{width:100%;height:2px;background:var(--text-primary);border-radius:1px;transition:all var(--duration-normal) var(--ease-out)}.navigation--expanded .navigation__hamburger span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navigation--expanded .navigation__hamburger span:nth-child(2){opacity:0}.navigation--expanded .navigation__hamburger span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.navigation__overlay{position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-fixed) - 1);animation:overlayFadeIn var(--duration-normal) var(--ease-out)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.navigation__actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.navigation__item--animating{animation:navigationPulse var(--duration-normal) var(--ease-out)}@keyframes navigationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.navigation__item{animation:navigationSlideIn var(--duration-slow) var(--ease-out);animation-delay:var(--animation-delay, 0s);animation-fill-mode:both}@keyframes navigationSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.navigation--header{padding:var(--spacing-sm) var(--spacing-md)}.navigation--header .navigation__description{display:none}.navigation--sidebar{width:280px}.navigation__mobile-toggle{display:flex}.navigation--floating{display:none}}@media (max-width: 480px){.navigation__breadcrumb-link{padding:calc(var(--spacing-xs) / 2)}.navigation__breadcrumb-link span:not(.navigation__breadcrumb-icon){display:none}.navigation__back-label{display:none}.navigation__breadcrumb-list{gap:var(--spacing-xs)}.navigation--header{padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width: 480px){.navigation__condensed{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);width:100%;padding:var(--spacing-xs) 0}.navigation__condensed-left,.navigation__condensed-actions{flex:0 0 auto;display:flex;align-items:center;gap:var(--spacing-xs)}.navigation__condensed-title{flex:1 1 auto;text-align:center;font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navigation--header .navigation__breadcrumbs,.navigation--header .navigation__breadcrumb-list,.navigation--header .navigation__items,.navigation--header .navigation__actions{display:none!important}.navigation__condensed-back-button{background:transparent;border:1px solid transparent;padding:6px 8px;border-radius:8px;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.navigation__condensed-back-button:active{transform:translateY(1px)}}@media (min-width: 769px){.navigation__mobile-toggle{display:none}.navigation--sidebar{position:relative;transform:translate(0);height:auto}}@media (prefers-reduced-motion: reduce){.navigation__item,.navigation__badge,.navigation__indicator{animation:none}.navigation__item:before{display:none}.navigation__item:hover{transform:none}}.navigation__item:focus-visible,.navigation__back-button:focus-visible,.navigation__breadcrumb-link:focus-visible,.navigation__mobile-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 4px #7aa2f733}@media (prefers-contrast: high){.navigation--header,.navigation--sidebar,.navigation--bottom,.navigation--floating{background:var(--bg-secondary);border-width:2px}.navigation__item{border-width:2px}.navigation__badge{border-width:3px}}@media print{.navigation{display:none}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:1px solid transparent;border-radius:var(--radius-md);font-family:inherit;font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);touch-action:manipulation}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 4px #7aa2f733}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transition:left var(--duration-slow) var(--ease-out);z-index:1}.btn:hover:before{left:100%}.btn__content,.btn__content--hidden{position:relative;z-index:2;display:flex;align-items:center;gap:var(--spacing-sm);transition:opacity var(--duration-normal) var(--ease-out)}.btn__content--hidden{opacity:0}.btn--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:32px;border-radius:var(--radius-sm)}.btn--medium{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);min-height:40px}.btn--large{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);min-height:48px;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold)}.btn--primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-dark) 100%);color:var(--text-inverse);border-color:var(--accent-primary);box-shadow:0 4px 12px var(--shadow-accent),0 2px 6px var(--shadow-secondary)}.btn--primary:hover:not(.btn--disabled){background:linear-gradient(135deg,var(--accent-primary-light) 0%,var(--accent-primary) 100%);transform:translateY(-2px);box-shadow:0 8px 20px var(--shadow-accent),0 4px 12px var(--shadow-secondary)}.btn--secondary{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-secondary-dark) 100%);color:var(--text-inverse);border-color:var(--accent-secondary);box-shadow:0 4px 12px #9ece6a40,0 2px 6px var(--shadow-secondary)}.btn--secondary:hover:not(.btn--disabled){background:linear-gradient(135deg,var(--accent-secondary-light) 0%,var(--accent-secondary) 100%);transform:translateY(-2px);box-shadow:0 8px 20px #9ece6a4d,0 4px 12px var(--shadow-secondary)}.btn--danger{background:linear-gradient(135deg,var(--error) 0%,#e55e5e 100%);color:var(--text-inverse);border-color:var(--error);box-shadow:0 4px 12px #f7768e40,0 2px 6px var(--shadow-secondary)}.btn--danger:hover:not(.btn--disabled){background:linear-gradient(135deg,#ff8a9b 0%,var(--error) 100%);transform:translateY(-2px);box-shadow:0 8px 20px #f7768e4d,0 4px 12px var(--shadow-secondary)}.btn--ghost{background:var(--bg-glass);color:var(--text-primary);border-color:var(--border-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn--ghost:hover:not(.btn--disabled){background:var(--bg-glass-strong);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-secondary),0 0 0 1px #7aa2f71a}.btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none!important;box-shadow:none!important}.btn--loading{cursor:wait;pointer-events:none}.btn--full-width{width:100%}.btn__spinner{width:1em;height:1em;border:2px solid transparent;border-top:2px solid currentColor;border-right:2px solid currentColor;border-radius:50%;animation:btn-spin var(--duration-slowest) linear infinite}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn:active:not(.btn--disabled){transform:translateY(-1px) scale(.98);transition-duration:var(--duration-fast)}@media (max-width: 768px){.btn{min-height:44px}.btn--small{min-height:40px;padding:var(--spacing-sm) var(--spacing-md)}.btn--medium{min-height:44px;padding:var(--spacing-sm) var(--spacing-lg)}.btn--large{min-height:52px;padding:var(--spacing-md) var(--spacing-xl)}.btn:before{display:none}}@media (prefers-reduced-motion: reduce){.btn{transition-duration:var(--duration-fast)}.btn:before{display:none}.btn:hover:not(.btn--disabled){transform:none}.btn:active:not(.btn--disabled){transform:scale(.98)}}@media (prefers-contrast: high){.btn{border-width:2px}.btn--ghost{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}@media print{.btn{background:none!important;color:#000!important;border:1px solid black!important;box-shadow:none!important}}.panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 16px #0003;overflow:hidden;transition:all .3s ease}.panel:hover{box-shadow:0 6px 20px #0000004d}.panel__header{padding:1.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.panel__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--accent-primary)}.panel__subtitle{margin:.5rem 0 0;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.panel__content{padding:1.5rem}.panel__footer{padding:1rem 1.5rem;background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem}.panel--elevated{box-shadow:0 8px 24px #0000004d}.panel--flat{box-shadow:none;border:1px solid var(--border-color)}.panel--transparent{background:#282c34cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel--small{max-width:400px}.panel--medium{max-width:600px}.panel--large{max-width:1200px;width:100%;margin:0 auto}.panel--full{width:100%}.panel--primary{border-color:var(--accent-primary)}.panel--primary .panel__header{background:linear-gradient(135deg,var(--accent-primary),#4a9eff);color:#fff}.panel--primary .panel__title{color:#fff}.panel--secondary{border-color:var(--accent-secondary)}.panel--secondary .panel__header{background:linear-gradient(135deg,var(--accent-secondary),#7fb069);color:#fff}.panel--secondary .panel__title{color:#fff}.panel--danger{border-color:var(--accent-tertiary)}.panel--danger .panel__header{background:linear-gradient(135deg,var(--accent-tertiary),#ff5555);color:#fff}.panel--danger .panel__title{color:#fff}.panel__content--scrollable{max-height:400px;overflow-y:auto}.panel__content--scrollable::-webkit-scrollbar{width:6px}.panel__content--scrollable::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:3px}.panel__content--scrollable::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.panel__content--scrollable::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 768px){.panel{border-radius:8px;margin:0}.panel--large{max-width:100%;margin:0}.panel__header,.panel__content{padding:1rem}.panel__footer{padding:.75rem 1rem;flex-direction:column}.panel__title{font-size:1.125rem}.panel__subtitle{font-size:.8rem}}.progress-bar{width:100%;background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-lg);position:relative;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 2px 4px var(--shadow-inset),0 2px 8px var(--shadow-secondary);transition:all var(--duration-normal) var(--ease-out);overflow:visible}.progress-bar:hover{border-color:var(--border-secondary);box-shadow:inset 0 2px 4px var(--shadow-inset),0 4px 12px var(--shadow-secondary)}.progress-bar__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-1);row-gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding:0 var(--spacing-xs)}.progress-bar__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight);min-width:0;overflow:hidden;text-overflow:ellipsis}.progress-bar__value{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);font-family:var(--font-mono);min-width:0;overflow:hidden;text-overflow:ellipsis}.progress-bar__track{width:100%;background:var(--bg-surface);position:relative;border-radius:var(--radius-lg);overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:var(--radius-lg);transition:width var(--duration-slow) var(--ease-out);position:relative;overflow:hidden;box-shadow:0 0 12px #7aa2f74d,inset 0 1px #fff3}.progress-bar__shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progressShine var(--duration-slowest) ease-in-out infinite;pointer-events:none}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(300%)}}.progress-bar--small .progress-bar__track{height:8px}.progress-bar--small .progress-bar__header{margin-bottom:var(--spacing-xs)}.progress-bar--medium .progress-bar__track{height:16px}.progress-bar--large .progress-bar__track{height:24px}.progress-bar--large .progress-bar__header{margin-bottom:var(--spacing-md)}.progress-bar--default .progress-bar__fill{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary))}.progress-bar--success .progress-bar__fill{background:linear-gradient(90deg,var(--accent-secondary),#20c997);box-shadow:0 0 12px #9ece6a4d}.progress-bar--warning .progress-bar__fill{background:linear-gradient(90deg,var(--accent-quaternary),#fd7e14);box-shadow:0 0 12px #e0af684d}.progress-bar--danger .progress-bar__fill{background:linear-gradient(90deg,var(--accent-tertiary),#ff5555);box-shadow:0 0 12px #ff6b6b4d}.progress-bar--resource .progress-bar__fill{background:linear-gradient(90deg,var(--accent-highlight),var(--accent-primary));box-shadow:0 0 12px #e0af6866}.progress-bar--animated .progress-bar__fill{background-size:200% 100%;animation:progressGradient var(--duration-slow) ease-in-out infinite}.progress-bar--pulsing .progress-bar__fill{animation:progressPulse var(--duration-normal) ease-in-out infinite alternate}.progress-bar--striped .progress-bar__fill{background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(255,255,255,.1) 8px,rgba(255,255,255,.1) 16px)}.progress-bar--striped.progress-bar--animated .progress-bar__fill{animation:progressStripes var(--duration-normal) linear infinite}.progress-bar--indeterminate .progress-bar__fill{width:30%!important;animation:progressIndeterminate var(--duration-slow) ease-in-out infinite}@keyframes progressGradient{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes progressPulse{0%{opacity:1;transform:scaleY(1)}to{opacity:.8;transform:scaleY(.95)}}@keyframes progressIndeterminate{0%{left:-30%}to{left:100%}}@media (pointer: coarse){.progress-bar--small .progress-bar__track{height:12px}.progress-bar--medium .progress-bar__track{height:20px}.progress-bar--large .progress-bar__track{height:32px}}@media (max-width: 768px){.progress-bar__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.progress-bar__label{font-size:var(--font-size-xs)}.progress-bar__value{font-size:var(--font-size-xxs)}.progress-bar--large .progress-bar__track{height:20px}}@media (prefers-color-scheme: light){.progress-bar{background:#fff9;border-color:#0000001a}.progress-bar__track{background:#0000000d}.progress-bar__label{color:var(--text-primary-light)}.progress-bar__value{color:var(--text-secondary-light)}}@media (prefers-contrast: high){.progress-bar{background:#000;border:2px solid #ffffff}.progress-bar__track{background:#333}.progress-bar__fill{background:#fff!important}.progress-bar__label,.progress-bar__value{color:#fff}}@media (prefers-reduced-motion: reduce){.progress-bar__fill{transition:width .1s ease}.progress-bar__shine,.progress-bar--animated .progress-bar__fill,.progress-bar--pulsing .progress-bar__fill,.progress-bar--striped.progress-bar--animated .progress-bar__fill,.progress-bar--indeterminate .progress-bar__fill{animation:none}}@media print{.progress-bar{background:#fff;border:1px solid #000000}.progress-bar__fill{background:#000!important}.progress-bar__shine{display:none}}@keyframes progressStripes{0%{background-position:0 0}to{background-position:32px 0}}@keyframes progressIndeterminate{0%{transform:translate(-100%);opacity:.8}50%{opacity:1}to{transform:translate(400%);opacity:.8}}@media (max-width: 768px){.progress-bar,.progress-bar__track,.progress-bar__fill{border-radius:var(--radius-md)}.progress-bar__header{margin-bottom:var(--spacing-xs)}.progress-bar__label{font-size:var(--font-size-xs)}.progress-bar__value{font-size:var(--font-size-2xs)}.progress-bar--small .progress-bar__track{height:12px}.progress-bar--medium .progress-bar__track{height:20px}.progress-bar--large .progress-bar__track{height:28px}}@media (prefers-reduced-motion: reduce){.progress-bar__fill,.progress-bar__shine{animation:none!important;transition:width var(--duration-fast) ease}}@media (prefers-contrast: high){.progress-bar{background:var(--bg-secondary);border:2px solid var(--border-primary)}.progress-bar__fill{background:var(--accent-primary)!important;box-shadow:none}}[data-theme=light] .progress-bar{background:#fffc;border-color:#0000001a}[data-theme=light] .progress-bar__track{background:#0000000d}[data-theme=light] .progress-bar__label{color:var(--text-primary)}[data-theme=light] .progress-bar__value{color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);animation:modalOverlayFadeIn var(--duration-normal) var(--ease-out)}.modal{background:var(--bg-glass-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:0 20px 60px var(--shadow-primary),0 8px 24px var(--shadow-secondary),0 0 0 1px #7aa2f71a;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;animation:modalSlideIn var(--duration-slow) var(--ease-out);outline:none;position:relative}.modal:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(122,162,247,.05) 50%,transparent 100%);animation:modalShimmer var(--duration-slowest) ease-in-out infinite;pointer-events:none;z-index:0}@keyframes modalShimmer{0%{transform:translate(-100%)}to{transform:translate(300%)}}.modal--small{width:100%;max-width:400px}.modal--medium{width:100%;max-width:600px}.modal--large{width:100%;max-width:900px}.modal--fullscreen{width:95vw;height:95vh;max-width:none;max-height:none;border-radius:var(--radius-lg)}.modal__header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xxl);border-bottom:1px solid var(--border-secondary);background:var(--bg-surface-elevated);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);background:linear-gradient(135deg,var(--accent-primary),var(--accent-quaternary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(224,175,104,.3)}.modal__close-button{margin-left:var(--spacing-lg);flex-shrink:0}.modal__content{position:relative;z-index:1;flex:1;padding:var(--spacing-xxl);overflow-y:auto;color:var(--text-primary);line-height:var(--line-height-relaxed)}.modal__content::-webkit-scrollbar{width:8px}.modal__content::-webkit-scrollbar-track{background:var(--bg-surface);border-radius:var(--radius-sm)}.modal__content::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-sm);box-shadow:0 0 8px #7aa2f74d}.modal__content::-webkit-scrollbar-thumb:hover{background:var(--accent-primary-light)}.modal__actions{position:relative;z-index:1;display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-xl) var(--spacing-xxl);border-top:1px solid var(--border-secondary);background:var(--bg-surface-elevated);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes modalOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-40px) scale(.9);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}@media (max-width: 768px){.modal-overlay{padding:var(--spacing-md)}.modal{border-radius:var(--radius-lg);max-height:95vh}.modal--small,.modal--medium,.modal--large{width:100%;max-width:none}.modal--fullscreen{width:100vw;height:100vh;border-radius:0}.modal__header{padding:var(--spacing-lg) var(--spacing-xl)}.modal__title{font-size:var(--font-size-lg)}.modal__content{padding:var(--spacing-xl)}.modal__actions{padding:var(--spacing-lg) var(--spacing-xl);flex-direction:column-reverse}.modal__actions button{width:100%}}@media (max-width: 1024px) and (min-width: 769px){.modal--large{max-width:90vw}.modal--fullscreen{width:90vw;height:90vh}}@media (pointer: coarse){.modal__header{padding:var(--spacing-xl) var(--spacing-xxl)}.modal__close-button{min-width:44px;min-height:44px}.modal__actions{gap:var(--spacing-lg)}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal,.modal:before{animation:none}.modal-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.modal{transform:none;filter:none}}@media (prefers-contrast: high){.modal{background:#000;border:2px solid #ffffff}.modal__header{background:#333;border-bottom:2px solid #ffffff}.modal__title{background:none;-webkit-text-fill-color:#ffffff;color:#fff}.modal__actions{background:#333;border-top:2px solid #ffffff}.modal__content{color:#fff}}.modal:focus{outline:none}.modal *:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media print{.modal-overlay{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.modal{background:#fff;color:#000;border:1px solid black;box-shadow:none;max-height:none;animation:none}.modal__header{background:none;border-bottom:1px solid black}.modal__actions{display:none}}.tooltip-container{position:relative;display:inline-block}.tooltip-trigger{display:inline-block}.tooltip{position:absolute;z-index:var(--z-tooltip);background:var(--bg-glass-strong);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--border-secondary);box-shadow:0 8px 24px var(--shadow-primary),0 2px 8px var(--shadow-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);opacity:0;visibility:hidden;transform:scale(.95);transition:all var(--duration-normal) var(--ease-out);pointer-events:none;word-wrap:break-word;max-width:280px}.tooltip--visible{opacity:1;visibility:visible;transform:scale(1);pointer-events:auto;animation:tooltipSlideIn var(--duration-normal) var(--ease-out)}@keyframes tooltipSlideIn{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.tooltip--top{bottom:calc(100% + var(--spacing-sm));left:50%;transform:translate(-50%) scale(.95)}.tooltip--top.tooltip--visible{transform:translate(-50%) scale(1)}.tooltip--bottom{top:calc(100% + var(--spacing-sm));left:50%;transform:translate(-50%) scale(.95)}.tooltip--bottom.tooltip--visible{transform:translate(-50%) scale(1)}.tooltip--left{right:calc(100% + var(--spacing-sm));top:50%;transform:translateY(-50%) scale(.95)}.tooltip--left.tooltip--visible{transform:translateY(-50%) scale(1)}.tooltip--right{left:calc(100% + var(--spacing-sm));top:50%;transform:translateY(-50%) scale(.95)}.tooltip--right.tooltip--visible{transform:translateY(-50%) scale(1)}.tooltip__content{position:relative;z-index:1;font-weight:var(--font-weight-medium)}.tooltip__arrow{position:absolute;width:0;height:0;border:6px solid transparent;filter:drop-shadow(0 2px 4px var(--shadow-secondary))}.tooltip--top .tooltip__arrow{top:100%;left:50%;transform:translate(-50%);border-top-color:var(--bg-glass-strong);border-bottom:none}.tooltip--bottom .tooltip__arrow{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:var(--bg-glass-strong);border-top:none}.tooltip--left .tooltip__arrow{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--bg-glass-strong);border-right:none}.tooltip--right .tooltip__arrow{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--bg-glass-strong);border-left:none}@media (max-width: 768px){.tooltip{font-size:.8125rem;padding:.5rem .75rem;max-width:200px!important}.tooltip__arrow{border-width:5px}.tooltip--top .tooltip__arrow{border-top-color:#000000e6}.tooltip--bottom .tooltip__arrow{border-bottom-color:#000000e6}.tooltip--left .tooltip__arrow{border-left-color:#000000e6}.tooltip--right .tooltip__arrow{border-right-color:#000000e6}}@media (pointer: coarse){.tooltip{padding:1rem 1.25rem;font-size:1rem;border-radius:12px}.tooltip__arrow{border-width:8px}}@media (prefers-contrast: high){.tooltip{background:#000;border:2px solid #ffffff;color:#fff}.tooltip--top .tooltip__arrow{border-top-color:#000}.tooltip--bottom .tooltip__arrow{border-bottom-color:#000}.tooltip--left .tooltip__arrow{border-left-color:#000}.tooltip--right .tooltip__arrow{border-right-color:#000}}@media (prefers-reduced-motion: reduce){.tooltip{transition:opacity .1s ease;transform:none!important}.tooltip--visible,.tooltip--top,.tooltip--bottom,.tooltip--left,.tooltip--right,.tooltip--top.tooltip--visible,.tooltip--bottom.tooltip--visible,.tooltip--left.tooltip--visible,.tooltip--right.tooltip--visible{transform:none!important}}@media (prefers-color-scheme: light){.tooltip{background:#fffffff2;color:#333;border-color:#0003}.tooltip--top .tooltip__arrow{border-top-color:#fffffff2}.tooltip--bottom .tooltip__arrow{border-bottom-color:#fffffff2}.tooltip--left .tooltip__arrow{border-left-color:#fffffff2}.tooltip--right .tooltip__arrow{border-right-color:#fffffff2}}@media print{.tooltip{display:none!important}}.tooltip-trigger:focus-visible+.tooltip,.tooltip-trigger[aria-describedby]+.tooltip{outline:2px solid #ffd700;outline-offset:2px}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tooltip--visible{animation:tooltipFadeIn .2s ease-out}.landing-scene{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);overflow-x:hidden;overflow-y:auto}.landing-scene__background{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:layout style paint}.landing-scene__particles{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 15% 25%,rgba(122,162,247,.08) 0%,transparent 50%),radial-gradient(circle at 85% 75%,rgba(158,206,106,.06) 0%,transparent 50%),radial-gradient(circle at 50% 10%,rgba(187,154,247,.04) 0%,transparent 50%),radial-gradient(circle at 30% 80%,rgba(224,175,104,.05) 0%,transparent 50%);animation:particles-drift 30s ease-in-out infinite;transform-origin:center center;will-change:transform,opacity}.landing-scene__chess-pieces{position:absolute;width:100%;height:100%;overflow:hidden;contain:layout style paint}.landing-scene__piece{position:absolute;font-size:2rem;color:var(--text-muted);opacity:.15;animation:piece-float 20s ease-in-out infinite;-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:center center;will-change:transform,opacity}.landing-scene__piece--king{top:10%;left:10%;animation-delay:0s;font-size:3rem}.landing-scene__piece--queen{top:20%;right:15%;animation-delay:3s;font-size:2.5rem}.landing-scene__piece--rook{bottom:15%;left:20%;animation-delay:6s}.landing-scene__piece--bishop{top:60%;right:10%;animation-delay:9s}.landing-scene__piece--knight{bottom:30%;right:25%;animation-delay:12s}.landing-scene__piece--pawn{top:40%;left:5%;animation-delay:15s;font-size:1.5rem}@keyframes piece-float{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.15}50%{transform:translateY(-20px) rotate(5deg) scale(1.05);opacity:.25}}.landing-scene__content{position:relative;z-index:1;width:100%;max-width:1200px;text-align:center;animation:sceneEnter var(--duration-slow) var(--ease-out)}.landing-scene__header{margin-bottom:var(--spacing-12)}.landing-scene__title{font-size:clamp(3rem,8vw,6rem);font-weight:var(--font-weight-extrabold);margin:0 0 var(--spacing-4) 0;line-height:var(--line-height-tight)}.landing-scene__title-chrono{background:linear-gradient(135deg,var(--accent-primary),var(--accent-quaternary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-scene__title-chess{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-highlight));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-scene__subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);margin:0 0 var(--spacing-6) 0;line-height:var(--line-height-relaxed);max-width:600px;margin-left:auto;margin-right:auto}.landing-scene__description{font-size:var(--font-size-lg);color:var(--text-tertiary);margin:0 0 var(--spacing-10) 0;line-height:var(--line-height-relaxed);max-width:700px;margin-left:auto;margin-right:auto}.landing-scene__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-12)}.landing-scene__feature{background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--duration-normal) var(--ease-out)}.landing-scene__feature:hover{transform:translateY(-4px);background:var(--bg-glass-strong);border-color:var(--accent-primary);box-shadow:0 8px 32px var(--shadow-primary)}.landing-scene__feature-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4);display:block}.landing-scene__feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-3) 0}.landing-scene__feature-description{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:var(--line-height-relaxed)}.landing-scene__guest-warning{display:flex;align-items:flex-start;gap:var(--spacing-4);margin:var(--spacing-8) 0;padding:var(--spacing-6);background:linear-gradient(135deg,#ffc1071a,#ff98000f),var(--bg-glass);border:2px solid rgba(255,193,7,.4);border-left:6px solid var(--warning, #ff9800);border-radius:var(--radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:warningSlideIn var(--duration-normal) var(--ease-out);box-shadow:0 8px 24px #ff980026,0 0 0 1px #ffc10714 inset;max-width:100%}.landing-scene__warning-icon{font-size:var(--font-size-2xl);flex-shrink:0;margin-top:var(--spacing-1);filter:drop-shadow(0 0 6px rgba(255,193,7,.8))}.landing-scene__warning-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-3)}.landing-scene__warning-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--warning, #ff9800);text-shadow:0 0 6px rgba(255,152,0,.4)}.landing-scene__warning-text{margin:0;font-size:var(--font-size-sm);color:var(--text-primary);line-height:var(--line-height-relaxed)}.landing-scene__warning-list{margin:0;padding-left:var(--spacing-4);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.landing-scene__warning-list li{margin-bottom:var(--spacing-1)}.landing-scene__warning-recommendation{margin:0;font-size:var(--font-size-sm);color:var(--text-primary);line-height:var(--line-height-relaxed);padding:var(--spacing-3);background:#ffc1071a;border-radius:var(--radius-md);border-left:3px solid var(--warning, #ff9800)}@keyframes warningSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-scene__guest-warning--hover{position:absolute;bottom:calc(100% + var(--spacing-4));left:50%;transform:translate(-50%) translateY(10px);width:400px;max-width:min(90vw,400px);z-index:1000;opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out),visibility var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);pointer-events:none;margin-left:0;margin-right:0;box-sizing:border-box;contain:layout style}.landing-scene__warning-arrow{position:absolute;top:100%;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,193,7,.4);z-index:1001}.landing-scene__play-button-container:hover .landing-scene__guest-warning--hover{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.landing-scene__actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-6);margin-bottom:var(--spacing-12)}.landing-scene__primary-actions{display:flex;justify-content:center}.landing-scene__play-button-container{position:relative;display:inline-block;vertical-align:top}.landing-scene__secondary-actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.landing-scene__auth-note{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;text-align:center}.landing-scene__cta-button{min-width:240px;box-shadow:0 4px 20px #7aa2f74d}.landing-scene__cta-button:hover{box-shadow:0 8px 32px #7aa2f766}.landing-scene__cta-button:focus,.landing-scene__cta-button:active{box-shadow:0 8px 32px #7aa2f766;transform:none;outline:none}.landing-scene__cta-icon{font-size:var(--font-size-lg)}.landing-scene__hover-hint{margin-left:var(--spacing-2);font-size:var(--font-size-sm);opacity:.7;transition:opacity var(--duration-fast) var(--ease-out)}.landing-scene__cta-button:hover .landing-scene__hover-hint{opacity:1}.landing-scene__auth-button{min-width:180px}.landing-scene__stats{display:flex;justify-content:center;gap:var(--spacing-8);margin-bottom:var(--spacing-12);flex-wrap:wrap}.landing-scene__stat{text-align:center;min-width:120px}.landing-scene__stat-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--accent-primary);margin-bottom:var(--spacing-1);line-height:1}.landing-scene__stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.landing-scene__footer{margin-top:var(--spacing-16);padding-top:var(--spacing-8);border-top:1px solid var(--border-muted)}.landing-scene__footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.landing-scene__copyright{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}@media (max-width: 768px){.landing-scene{padding:var(--spacing-4)}.landing-scene__features{grid-template-columns:1fr;gap:var(--spacing-4)}.landing-scene__feature{padding:var(--spacing-6)}.landing-scene__actions{flex-direction:column;align-items:center;position:relative;width:100%;contain:layout style;isolation:isolate}.landing-scene__play-button-container{align-self:center;width:100%;max-width:300px;display:flex;flex-direction:column;align-items:center;position:relative;contain:layout style;isolation:isolate}.landing-scene__guest-warning--hover{position:static!important;width:100%!important;max-width:none!important;margin-top:var(--spacing-4);opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto;left:0!important;right:0!important;margin-left:0!important;margin-right:0!important;contain:layout style;isolation:isolate}.landing-scene__guest-warning{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);text-align:center;margin-left:0!important;margin-right:0!important;width:100%!important;box-sizing:border-box!important;position:relative!important;left:0!important;right:0!important;transform:none!important;contain:layout style;isolation:isolate;display:flex!important;align-self:stretch!important}.landing-scene__warning-icon{margin-top:0;align-self:center}.landing-scene__primary-actions{align-self:stretch;display:flex;justify-content:center;width:100%}.landing-scene__cta-button,.landing-scene__auth-button{min-width:auto;width:100%;max-width:300px;position:relative;z-index:1;contain:layout style}.landing-scene__cta-button:hover,.landing-scene__cta-button:active,.landing-scene__cta-button:focus,.landing-scene__cta-button:focus-visible{transform:none!important;box-shadow:0 4px 20px #7aa2f74d!important;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-dark) 100%)!important;border:1px solid var(--accent-primary)!important;outline:none!important}.landing-scene__stats{gap:var(--spacing-6)}.landing-scene__stat{min-width:100px}.landing-scene__chess-pieces{display:none}}@media (max-width: 480px){.landing-scene__subtitle{font-size:var(--font-size-lg)}.landing-scene__description{font-size:var(--font-size-base)}.landing-scene__feature-icon{font-size:var(--font-size-3xl)}.landing-scene__guest-warning{margin:var(--spacing-4) 0;padding:var(--spacing-3);border-left-width:4px}.landing-scene__warning-title{font-size:var(--font-size-base)}.landing-scene__warning-text,.landing-scene__warning-list,.landing-scene__warning-recommendation{font-size:var(--font-size-xs)}.landing-scene__stats{flex-direction:column;gap:var(--spacing-4)}.landing-scene__cta-button:active,.landing-scene__cta-button:focus{transform:none!important;position:relative}.landing-scene__cta-button:hover{transform:none!important}.landing-scene__play-button-container{max-width:280px;will-change:auto}.landing-scene__cta-button,.landing-scene__auth-button{will-change:auto}.landing-scene__cta-button:hover:not(.btn--disabled),.landing-scene__cta-button:active:not(.btn--disabled){transform:none!important}.landing-scene__guest-warning--hover{position:static!important;display:flex!important;inset:auto 0!important;margin:var(--spacing-4) 0 0 0!important;width:100%!important;max-width:100%!important;transform:translateZ(0)!important;backface-visibility:hidden;z-index:1;will-change:transform;contain:layout style paint}.landing-scene__play-button-container{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}}@media (max-height: 600px) and (orientation: landscape){.landing-scene__header,.landing-scene__features,.landing-scene__actions{margin-bottom:var(--spacing-8)}.landing-scene__chess-pieces{display:none}}@media (prefers-reduced-motion: reduce){.landing-scene__particles,.landing-scene__piece{animation:none}.landing-scene__content{animation-duration:var(--duration-fast)}.landing-scene__feature:hover{transform:none}}@media (prefers-contrast: high){.landing-scene__feature{border-width:2px}.landing-scene__particles,.landing-scene__chess-pieces{display:none}}@media (max-width: 768px){.landing-scene .btn,.landing-scene .btn:hover,.landing-scene .btn:active,.landing-scene .btn:focus,.landing-scene .btn:focus-visible{transform:none!important;transition:none!important;will-change:auto!important;animation:none!important}.landing-scene .btn:hover:not(.btn--disabled){transform:none!important;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-dark) 100%)!important;box-shadow:0 4px 20px #7aa2f74d!important}.landing-scene .btn:active:not(.btn--disabled){transform:none!important;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-dark) 100%)!important;box-shadow:0 4px 20px #7aa2f74d!important}.landing-scene .btn:focus:not(.btn--disabled){transform:none!important;outline:none!important;box-shadow:0 4px 20px #7aa2f74d!important}.landing-scene__play-button-container,.landing-scene__play-button-container:hover,.landing-scene__play-button-container:active,.landing-scene__play-button-container:focus{transform:translateZ(0)!important;contain:layout style;isolation:isolate}.landing-scene .btn:before{display:none!important}.landing-scene__guest-warning,.landing-scene__guest-warning--hover,.landing-scene__guest-warning *{transform:translateZ(0)!important;will-change:auto!important;transition:none!important;animation:none!important}}@media (hover: none) and (pointer: coarse){.landing-scene .btn,.landing-scene .btn:hover,.landing-scene .btn:active,.landing-scene .btn:focus{transform:none!important;transition:none!important;will-change:auto!important}.landing-scene .btn:before{display:none!important}.landing-scene__play-button-container{contain:layout style;isolation:isolate}}.auth-scene{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);overflow:auto}.auth-scene__background{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:layout style paint}.auth-scene__particles{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(122,162,247,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(158,206,106,.08) 0%,transparent 50%),radial-gradient(circle at 60% 10%,rgba(187,154,247,.06) 0%,transparent 50%);animation:auth-particles-drift 45s ease-in-out infinite;overflow:hidden}.auth-scene__content{position:relative;z-index:1;width:100%;max-width:420px;animation:sceneEnter var(--duration-slow) var(--ease-out)}.auth-scene__container{display:flex;flex-direction:column;gap:var(--spacing-8);text-align:center}.auth-scene__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-3) 0;background:linear-gradient(135deg,var(--accent-primary),var(--accent-quaternary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-scene__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;line-height:var(--line-height-relaxed)}.auth-scene__form{padding:var(--spacing-8);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--spacing-6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.auth-scene__form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.auth-scene__input-wrapper{position:relative;display:block;z-index:0;isolation:isolate}.auth-scene__input--with-toggle{padding-right:calc(20px + var(--spacing-6))}.auth-scene__visibility-toggle{position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:0;border-radius:var(--radius-sm);z-index:10;pointer-events:auto;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);min-width:32px;min-height:32px;flex-shrink:0}.auth-scene__visibility-toggle:hover{color:var(--text-primary);background:#ffffff0f;z-index:10;transform:translateY(-50%);position:absolute;border-color:transparent;box-shadow:none}.auth-scene__visibility-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #7aa2f740}.auth-scene__visibility-toggle:disabled{opacity:.6;cursor:not-allowed}.auth-scene__visibility-toggle svg{pointer-events:none}.auth-scene__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.auth-scene__input{position:relative;z-index:1;width:100%;padding:var(--spacing-4) var(--spacing-4);border:2px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;font-weight:var(--font-weight-medium);transition:all var(--duration-normal) var(--ease-out);box-shadow:0 2px 4px #0000001a,inset 0 1px #ffffff1a}.auth-scene__input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #7aa2f726,0 4px 8px #00000026,inset 0 1px #ffffff1a;background:var(--bg-surface-elevated)}.auth-scene__input:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-scene__input::placeholder{color:var(--text-muted);font-weight:var(--font-weight-normal)}.auth-scene__input--error{border-color:var(--error);box-shadow:0 0 0 3px #f7768e26,0 2px 4px #f7768e1a}.auth-scene__input--error:focus{border-color:var(--error);box-shadow:0 0 0 3px #f7768e33,0 4px 8px #f7768e26}.auth-scene__field-error{font-size:var(--font-size-xs);color:var(--error);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-1);margin-top:var(--spacing-1)}.auth-scene__field-error:before{content:"⚠";font-size:var(--font-size-sm)}.auth-scene__field-hint{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-normal);margin-top:var(--spacing-1);line-height:var(--line-height-relaxed)}.auth-scene__avatar-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.auth-scene__user-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-1) 0}.auth-scene__user-email{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-2) 0}.auth-scene__user-stats{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-2);flex-wrap:wrap}.auth-scene__stat{padding:var(--spacing-1) var(--spacing-2);background:var(--bg-glass);border:1px solid var(--border-muted);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.auth-scene__message{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center}.auth-scene__message--error{background:#f7768e1a;border:1px solid rgba(247,118,142,.2);color:var(--error)}.auth-scene__message--success{background:#9ece6a1a;border:1px solid rgba(158,206,106,.2);color:var(--success)}.auth-scene__submit-button{margin-top:var(--spacing-2)}.auth-scene__form-footer{text-align:center;margin-top:var(--spacing-2)}.auth-scene__toggle-button{background:none;border:none;color:var(--accent-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-out)}.auth-scene__toggle-button:hover{color:var(--accent-primary-light);background:#7aa2f70d}.auth-scene__toggle-button:disabled{opacity:.5;cursor:not-allowed}.auth-scene__guest-option{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--border-muted);text-align:center;display:flex;flex-direction:column;gap:var(--spacing-4)}.auth-scene__guest-warning{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:linear-gradient(135deg,#ffc10714,#ff98000d),var(--bg-glass);border:1px solid rgba(255,193,7,.3);border-left:4px solid var(--warning, #ff9800);border-radius:var(--radius-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:left;box-shadow:0 4px 12px #ff98001a,0 0 0 1px #ffc1070d inset}.auth-scene__warning-icon{font-size:var(--font-size-lg);flex-shrink:0;margin-top:var(--spacing-1);filter:drop-shadow(0 0 4px rgba(255,193,7,.6))}.auth-scene__warning-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}.auth-scene__warning-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--warning, #ff9800);text-shadow:0 0 4px rgba(255,152,0,.3)}.auth-scene__warning-text{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.auth-scene__guest-button{font-size:var(--font-size-sm);opacity:.8;transition:opacity var(--duration-fast) var(--ease-out)}.auth-scene__guest-button:hover{opacity:1}.auth-scene__guest-note{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.auth-scene__profile{padding:var(--spacing-8);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--spacing-6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.auth-scene__profile-info{display:flex;align-items:center;gap:var(--spacing-4)}.auth-scene__avatar{width:64px;height:64px;border-radius:var(--radius-full);background:var(--bg-glass-strong);border:2px solid var(--border-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl)}.auth-scene__avatar-icon{filter:grayscale(.3)}.auth-scene__user-details{flex:1}.auth-scene__user-email{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-1) 0}.auth-scene__user-meta{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.auth-scene__profile-actions{display:flex;flex-direction:column;gap:var(--spacing-3)}.auth-scene__action-button{justify-self:stretch}.auth-scene__sign-out-button{align-self:center}@media (max-width: 480px){.auth-scene{padding:var(--spacing-4)}.auth-scene__content{max-width:100%}.auth-scene__title{font-size:var(--font-size-3xl)}.auth-scene__subtitle{font-size:var(--font-size-base)}.auth-scene__form,.auth-scene__profile{padding:var(--spacing-6)}.auth-scene__guest-warning{flex-direction:column;text-align:center;gap:var(--spacing-2);padding:var(--spacing-3)}.auth-scene__warning-icon{margin-top:0}.auth-scene__profile-info{flex-direction:column;text-align:center}.auth-scene__avatar{width:56px;height:56px;font-size:var(--font-size-xl)}}@media (prefers-reduced-motion: reduce){.auth-scene__particles{animation:none}.auth-scene__content{animation-duration:var(--duration-fast)}}@media (prefers-contrast: high){.auth-scene__input,.auth-scene__form,.auth-scene__profile{border-width:2px}.auth-scene__particles{display:none}}@keyframes auth-particles-drift{0%{transform:translate(0) rotate(0);opacity:.4}25%{transform:translate(-15px,-10px) rotate(30deg);opacity:.5}50%{transform:translate(-25px,-20px) rotate(60deg);opacity:.6}75%{transform:translate(-15px,-30px) rotate(90deg);opacity:.5}to{transform:translate(0) rotate(120deg);opacity:.4}}.resource-display{--resource-color: var(--accent-primary);position:relative;width:100%;box-sizing:border-box;overflow:hidden}.resource-display--loading .resource-display__container{background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent),linear-gradient(135deg,rgba(122,162,247,.03) 0%,rgba(158,206,106,.02) 25%,rgba(187,154,247,.03) 50%,rgba(224,175,104,.02) 75%,transparent 100%),var(--bg-surface);background-size:200% 100%,100% 100%,100% 100%;animation:shimmerLoading 1.5s infinite ease-in-out}@keyframes shimmerLoading{0%{background-position:-200% 0,0 0,0 0}to{background-position:200% 0,0 0,0 0}}.resource-display__container{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-4);padding:var(--spacing-6);background:linear-gradient(135deg,rgba(122,162,247,.03) 0%,rgba(158,206,106,.02) 25%,rgba(187,154,247,.03) 50%,rgba(224,175,104,.02) 75%,transparent 100%),var(--bg-surface);border-radius:var(--radius-xl);border:1px solid transparent;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset,0 1px #ffffff1a inset;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;background-clip:padding-box}.resource-display__container:before{content:"";position:absolute;inset:0;padding:1px;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary),var(--accent-quaternary),var(--accent-highlight),var(--accent-primary));border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:exclude;mask-composite:exclude;animation:borderGlow 4s ease-in-out infinite;opacity:.6}@keyframes borderGlow{0%,to{opacity:.4;filter:hue-rotate(0deg)}50%{opacity:.8;filter:hue-rotate(45deg)}}.resource-display--horizontal .resource-display__container{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.resource-display--vertical .resource-display__container{grid-template-columns:1fr;max-width:220px;margin:0 auto}.resource-display--grid .resource-display__container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.resource-display--menu .resource-display__container{grid-template-columns:repeat(4,1fr);gap:var(--spacing-2);padding:var(--spacing-3);background:linear-gradient(135deg,rgba(122,162,247,.02) 0%,rgba(158,206,106,.015) 25%,rgba(187,154,247,.02) 50%,rgba(224,175,104,.015) 75%,transparent 100%),var(--bg-glass-strong);box-shadow:0 4px 20px #0000001a,0 0 0 1px #ffffff08 inset,0 1px #ffffff0f inset}.resource-display--menu .resource-display__container:before{opacity:.3;animation-duration:6s}.resource-display--menu .resource-display__item{min-height:85px;padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-1);background:radial-gradient(circle at 70% 30%,rgba(var(--resource-color-rgb, 122, 162, 247),.04) 0%,transparent 60%),var(--bg-surface);box-shadow:0 2px 12px #00000014,0 0 0 1px #ffffff05 inset,0 1px #ffffff0a inset,0 0 12px rgba(var(--resource-color-rgb, 122, 162, 247),.03)}.resource-display--menu .resource-display__item:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 6px 20px #00000026,0 0 0 1px #ffffff0f inset,0 2px #ffffff14 inset,0 0 20px rgba(var(--resource-color-rgb, 122, 162, 247),.1)}.resource-display--menu .resource-display__header{display:flex;align-items:center;gap:var(--spacing-1);margin-bottom:var(--spacing-1)}.resource-display--menu .resource-display__icon{width:28px;height:28px;font-size:var(--font-size-sm);flex-shrink:0}.resource-display--menu .resource-display__name{display:none!important}.resource-display--menu .resource-display__abbr{display:block!important;font-size:var(--font-size-xs);opacity:1!important;color:var(--text-secondary)!important;text-transform:uppercase;letter-spacing:1px;font-weight:var(--font-weight-semibold);text-align:center}.resource-display--menu .resource-display__value{display:flex!important;flex-direction:column;gap:var(--spacing-1);margin-top:auto;opacity:1!important;padding-right:12px}.resource-display--menu .resource-display__amount{font-size:var(--font-size-lg)!important;display:block!important;opacity:1!important;font-weight:var(--font-weight-bold)!important;line-height:1.1;color:rgb(var(--resource-color-rgb, 122, 162, 247))!important;-webkit-text-fill-color:rgb(var(--resource-color-rgb, 122, 162, 247))!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;text-shadow:0 0 4px rgba(var(--resource-color-rgb, 122, 162, 247),.3)!important;filter:none!important}.resource-display--menu .resource-display__rate{font-size:.625rem!important;opacity:.7!important;display:block!important;color:var(--accent-secondary)!important}.resource-display--menu .resource-display__multipliers{display:none}.resource-display--menu .resource-display__pulse{top:4px;right:8px;width:4px;height:4px}.resource-display--menu .resource-display__animations,.resource-display--menu .resource-display__animation{display:none}.resource-display__item{position:relative;display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-5);min-height:140px;background:radial-gradient(circle at 80% 20%,rgba(var(--resource-color-rgb, 122, 162, 247),.08) 0%,transparent 50%),linear-gradient(135deg,var(--bg-surface-elevated) 0%,rgba(var(--resource-color-rgb, 122, 162, 247),.02) 100%);border-radius:var(--radius-lg);border:1px solid rgba(var(--resource-color-rgb, 122, 162, 247),.15);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 24px #00000026,0 0 0 1px #ffffff08 inset,0 1px #ffffff0f inset,0 0 20px rgba(var(--resource-color-rgb, 122, 162, 247),.05);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;overflow:hidden;transform:translateZ(0)}.resource-display__item:after{content:"";position:absolute;inset:0;background:radial-gradient(1px 1px at 20% 30%,rgba(var(--resource-color-rgb, 122, 162, 247),.3) 0%,transparent 50%),radial-gradient(1px 1px at 40% 70%,rgba(var(--resource-color-rgb, 122, 162, 247),.2) 0%,transparent 50%),radial-gradient(1px 1px at 90% 40%,rgba(var(--resource-color-rgb, 122, 162, 247),.25) 0%,transparent 50%),radial-gradient(1px 1px at 70% 10%,rgba(var(--resource-color-rgb, 122, 162, 247),.2) 0%,transparent 50%);animation:particleFloat 6s ease-in-out infinite alternate;opacity:0;pointer-events:none;z-index:1}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) rotate(0)}50%{opacity:.4;transform:translateY(-2px) rotate(90deg)}to{opacity:.6;transform:translateY(-4px) rotate(180deg)}}.resource-display__item:hover:after{animation-duration:2s;opacity:.8}.resource-display__item:before{content:"";position:absolute;inset:-1px;background:linear-gradient(45deg,transparent,rgba(var(--resource-color-rgb, 122, 162, 247),.1),transparent);border-radius:inherit;opacity:0;transition:opacity var(--duration-normal) var(--ease-out);z-index:-1}.resource-display__item:hover{transform:translateY(-4px) scale(1.02);border-color:rgba(var(--resource-color-rgb, 122, 162, 247),.4);box-shadow:0 12px 40px #00000040,0 0 0 1px #ffffff1a inset,0 2px #ffffff1a inset,0 0 30px rgba(var(--resource-color-rgb, 122, 162, 247),.2),0 0 60px rgba(var(--resource-color-rgb, 122, 162, 247),.1)}.resource-display__item:hover:before{opacity:1}.resource-display__header{position:relative;z-index:2;display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.resource-display__icon{position:relative;font-size:var(--font-size-xl);width:48px;height:48px;background:radial-gradient(circle at 30% 30%,rgba(var(--resource-color-rgb, 122, 162, 247),.3) 0%,rgba(var(--resource-color-rgb, 122, 162, 247),.15) 40%,transparent 70%),linear-gradient(135deg,rgba(var(--resource-color-rgb, 122, 162, 247),.1),rgba(var(--resource-color-rgb, 122, 162, 247),.05));border-radius:var(--radius-md);border:1px solid rgba(var(--resource-color-rgb, 122, 162, 247),.2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000026,0 0 0 1px #ffffff1a inset,0 0 20px rgba(var(--resource-color-rgb, 122, 162, 247),.1);transition:all var(--duration-normal) var(--ease-out);color:rgb(var(--resource-color-rgb, 122, 162, 247));text-shadow:0 0 10px rgba(var(--resource-color-rgb, 122, 162, 247),.5),0 2px 4px rgba(0,0,0,.3)}.resource-display__icon:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,rgba(var(--resource-color-rgb, 122, 162, 247),.4),rgba(var(--resource-color-rgb, 122, 162, 247),.1),rgba(var(--resource-color-rgb, 122, 162, 247),.4));border-radius:inherit;opacity:0;transition:opacity var(--duration-normal) var(--ease-out);z-index:-1;filter:blur(4px)}.resource-display__item:hover .resource-display__icon{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 24px #0003,0 0 0 1px #ffffff26 inset,0 0 30px rgba(var(--resource-color-rgb, 122, 162, 247),.3)}.resource-display__item:hover .resource-display__icon:before{opacity:1}.resource-display__name{position:relative;z-index:2;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;opacity:.9;background:linear-gradient(135deg,var(--text-primary) 0%,rgba(var(--resource-color-rgb, 122, 162, 247),1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;display:block}.resource-display__abbr{display:none;position:relative;z-index:2;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:rgba(var(--resource-color-rgb, 122, 162, 247),.8);text-transform:uppercase;letter-spacing:.5px;margin-left:var(--spacing-2)}.resource-display__item:hover .resource-display__name{opacity:1;transform:translate(2px)}.resource-display__value{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--spacing-1);margin-top:auto;opacity:1;padding-right:16px}.resource-display__amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;line-height:1.1;display:block;opacity:1;background:linear-gradient(135deg,rgb(var(--resource-color-rgb, 122, 162, 247)),rgba(var(--resource-color-rgb, 122, 162, 247),.8),rgb(var(--resource-color-rgb, 122, 162, 247)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:rgb(var(--resource-color-rgb, 122, 162, 247));filter:drop-shadow(0 0 8px rgba(var(--resource-color-rgb, 122, 162, 247),.3));transition:all var(--duration-normal) var(--ease-out);position:relative;z-index:2}.resource-display__amount:after{content:attr(data-value);position:absolute;top:0;left:0;background:linear-gradient(45deg,transparent,rgba(var(--resource-color-rgb, 122, 162, 247),.1),transparent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.resource-display__item:hover .resource-display__amount{transform:scale(1.05);filter:drop-shadow(0 0 12px rgba(var(--resource-color-rgb, 122, 162, 247),.5))}.resource-display__item:hover .resource-display__amount:after{opacity:1}.resource-display__rate{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;color:var(--accent-secondary);opacity:.8;position:relative;display:flex;align-items:center;gap:var(--spacing-1);z-index:2}.resource-display__rate:before{content:"↗";font-size:.8em;color:var(--accent-secondary);opacity:.6;animation:rateIndicator 2s ease-in-out infinite}@keyframes rateIndicator{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}.resource-display__pulse{position:absolute;top:8px;right:12px;width:6px;height:6px;background:var(--accent-secondary);border-radius:50%;animation:resourcePulse 1.5s ease-in-out infinite;box-shadow:0 0 #9ece6a66;pointer-events:none;z-index:1}@keyframes resourcePulse{0%{box-shadow:0 0 #9ece6a66,0 0 #9ece6a33}50%{box-shadow:0 0 0 6px #9ece6a00,0 0 0 12px #9ece6a00}to{box-shadow:0 0 #9ece6a00,0 0 #9ece6a00}}.resource-display--compact .resource-display__container{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-3);padding:var(--spacing-4)}.resource-display--compact .resource-display__item{min-height:100px;padding:var(--spacing-4);flex-direction:row;align-items:center;gap:var(--spacing-3)}.resource-display--compact .resource-display__header{margin-bottom:0;flex-shrink:0}.resource-display--compact .resource-display__icon{width:36px;height:36px;font-size:var(--font-size-lg)}.resource-display--compact .resource-display__value{margin-top:0;align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-1)}.resource-display--compact .resource-display__amount{font-size:var(--font-size-lg);display:block;opacity:1}.resource-display--compact .resource-display__rate{font-size:.6875rem;display:block;opacity:.8}.resource-display--compact .resource-display__name{display:block}.resource-display--compact .resource-display__abbr{display:none}.resource-display__animations{position:absolute;top:-16px;left:50%;transform:translate(-50%);pointer-events:none;z-index:var(--z-tooltip);display:none;flex-direction:column;align-items:center;gap:var(--spacing-1)}.resource-display__animation{position:relative;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);display:none;animation:spectacularResourceAnimation 2s var(--ease-out) forwards;pointer-events:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid transparent;box-shadow:0 4px 16px #0003,0 0 0 1px #ffffff1a inset}.resource-display__animation--gain{color:var(--accent-secondary);background:radial-gradient(circle at 30% 30%,rgba(158,206,106,.3) 0%,transparent 70%),linear-gradient(135deg,#9ece6a26,#9ece6a0d);border-color:#9ece6a66;box-shadow:0 6px 20px #9ece6a40,0 0 0 1px #ffffff1a inset,0 0 30px #9ece6a26;text-shadow:0 0 8px rgba(158,206,106,.5)}.resource-display__animation--spend{color:var(--error);background:radial-gradient(circle at 30% 30%,rgba(247,118,142,.3) 0%,transparent 70%),linear-gradient(135deg,#f7768e26,#f7768e0d);border-color:#f7768e66;box-shadow:0 6px 20px #f7768e40,0 0 0 1px #ffffff1a inset,0 0 30px #f7768e26;text-shadow:0 0 8px rgba(247,118,142,.5)}@keyframes spectacularResourceAnimation{0%{opacity:1;transform:translateY(0) scale(.9);filter:blur(0px)}15%{transform:translateY(-12px) scale(1.1);filter:blur(0px)}30%{transform:translateY(-20px) scale(1.15);opacity:.9}70%{transform:translateY(-40px) scale(1.05);opacity:.6;filter:blur(1px)}to{opacity:0;transform:translateY(-72px) scale(.8);filter:blur(3px)}}.resource-display__multipliers{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-5);flex-wrap:wrap;align-items:center;justify-content:center}.resource-display__multiplier{position:relative;display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:radial-gradient(circle at 25% 25%,rgba(158,206,106,.2) 0%,transparent 70%),linear-gradient(135deg,var(--bg-glass-strong) 0%,rgba(158,206,106,.05) 100%);border:1px solid rgba(158,206,106,.3);border-radius:var(--radius-full);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);box-shadow:0 4px 16px #9ece6a26,0 0 0 1px #ffffff0d inset,0 1px #ffffff1a inset;transition:all var(--duration-normal) var(--ease-out);animation:multiplierGlow 3s ease-in-out infinite;cursor:pointer}.resource-display__multiplier:hover{transform:translateY(-2px) scale(1.05);border-color:#9ece6a99;box-shadow:0 8px 24px #9ece6a40,0 0 0 1px #ffffff1a inset,0 2px #ffffff26 inset,0 0 30px #9ece6a33}@keyframes multiplierGlow{0%,to{box-shadow:0 4px 16px #9ece6a26,0 0 0 1px #ffffff0d inset,0 1px #ffffff1a inset,0 0 12px #9ece6a1a}50%{box-shadow:0 4px 16px #9ece6a26,0 0 0 1px #ffffff0d inset,0 1px #ffffff1a inset,0 0 20px #9ece6a33}}.resource-display__multiplier-icon{font-size:var(--font-size-base);color:#9ece6ae6;filter:drop-shadow(0 0 6px rgba(158,206,106,.4));transition:all var(--duration-normal) var(--ease-out)}.resource-display__multiplier:hover .resource-display__multiplier-icon{color:var(--accent-secondary);filter:drop-shadow(0 0 10px rgba(158,206,106,.6));transform:rotate(15deg) scale(1.1)}.resource-display__multiplier-value{color:var(--accent-secondary);font-weight:var(--font-weight-bold);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;text-shadow:0 0 8px rgba(158,206,106,.4);transition:all var(--duration-normal) var(--ease-out)}.resource-display__multiplier:hover .resource-display__multiplier-value{text-shadow:0 0 12px rgba(158,206,106,.6)}.resource-display__item[style*="--resource-color: var(--accent-primary)"]{--resource-color-rgb: 122, 162, 247}.resource-display__item[style*="--resource-color: var(--accent-quaternary)"]{--resource-color-rgb: 187, 154, 247}.resource-display__item[style*="--resource-color: var(--accent-highlight)"]{--resource-color-rgb: 224, 175, 104}.resource-display__item[style*="--resource-color: var(--accent-tertiary)"]{--resource-color-rgb: 247, 118, 142}.resource-display__item[style*=temporalEssence]{--resource-color-rgb: 122, 162, 247}.resource-display__item[style*=temporalEssence]:hover{box-shadow:0 12px 40px #00000040,0 0 0 1px #ffffff1a inset,0 2px #ffffff1a inset,0 0 30px #7aa2f74d,0 0 60px #7aa2f726}.resource-display__item[style*=mnemonicDust]{--resource-color-rgb: 187, 154, 247}.resource-display__item[style*=mnemonicDust]:hover{box-shadow:0 12px 40px #00000040,0 0 0 1px #ffffff1a inset,0 2px #ffffff1a inset,0 0 30px #bb9af74d,0 0 60px #bb9af726}.resource-display__item[style*=aetherShards]{--resource-color-rgb: 224, 175, 104}.resource-display__item[style*=aetherShards]:hover{box-shadow:0 12px 40px #00000040,0 0 0 1px #ffffff1a inset,0 2px #ffffff1a inset,0 0 30px #e0af684d,0 0 60px #e0af6826}.resource-display__item[style*=arcaneMana]{--resource-color-rgb: 247, 118, 142}.resource-display__item[style*=arcaneMana]:hover{box-shadow:0 12px 40px #00000040,0 0 0 1px #ffffff1a inset,0 2px #ffffff1a inset,0 0 30px #f7768e4d,0 0 60px #f7768e26}@media (max-width: 768px){.resource-display__container{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3);padding:var(--spacing-4);overflow-x:hidden;overflow-y:visible;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,rgba(122,162,247,.02) 0%,rgba(158,206,106,.015) 35%,rgba(187,154,247,.02) 70%,transparent 100%),var(--bg-surface)}.resource-display--menu .resource-display__container{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2);padding:var(--spacing-3)}.resource-display--menu .resource-display__item{min-height:80px;padding:var(--spacing-2);flex-direction:row;align-items:center;gap:var(--spacing-2)}.resource-display--menu .resource-display__header{margin-bottom:0}.resource-display--menu .resource-display__icon{width:28px;height:28px;font-size:var(--font-size-sm)}.resource-display--menu .resource-display__value{margin-top:0}.resource-display--menu .resource-display__amount{font-size:var(--font-size-base)}.resource-display--menu .resource-display__rate{font-size:.625rem}.resource-display__item{min-height:120px;padding:var(--spacing-4);flex-direction:column;align-items:stretch;gap:var(--spacing-2);box-shadow:0 4px 20px #0000001f,0 0 0 1px #ffffff08 inset,0 1px #ffffff0f inset,0 0 16px rgba(var(--resource-color-rgb, 122, 162, 247),.04)}.resource-display__item:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 28px #0000002e,0 0 0 1px #ffffff14 inset,0 2px #ffffff1a inset,0 0 24px rgba(var(--resource-color-rgb, 122, 162, 247),.15)}.resource-display__header{margin-bottom:var(--spacing-1);gap:var(--spacing-2)}.resource-display__icon{width:40px;height:40px;font-size:var(--font-size-lg)}.resource-display__name{display:none}.resource-display__abbr{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:rgba(var(--resource-color-rgb, 122, 162, 247),.9);text-transform:uppercase;letter-spacing:.8px;text-shadow:0 0 6px rgba(var(--resource-color-rgb, 122, 162, 247),.3)}.resource-display--menu .resource-display__name{display:none}.resource-display--menu .resource-display__abbr{display:inline-block}.resource-display--compact .resource-display__name{display:none}.resource-display--compact .resource-display__abbr{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:rgba(var(--resource-color-rgb, 122, 162, 247),.9);text-transform:uppercase;letter-spacing:.8px;text-shadow:0 0 6px rgba(var(--resource-color-rgb, 122, 162, 247),.3)}.resource-display__amount{font-size:var(--font-size-xl)}.resource-display__rate{font-size:var(--font-size-xs)}.resource-display__item:before,.resource-display__icon:before,.resource-display__amount:after{display:none}.resource-display__pulse{top:6px;right:10px;width:5px;height:5px}.resource-display__multipliers{display:none}.resource-display__animation{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}@keyframes spectacularResourceAnimation{0%{opacity:1;transform:translateY(0) scale(.95)}to{opacity:0;transform:translateY(-40px) scale(.9)}}}@media (max-width: 480px){.resource-display__container{grid-template-columns:1fr;gap:var(--spacing-2);padding:var(--spacing-3)}.resource-display--menu .resource-display__container{grid-template-columns:1fr;gap:var(--spacing-1);padding:var(--spacing-2)}.resource-display--menu .resource-display__item{min-height:70px;padding:var(--spacing-2);flex-direction:row;align-items:center;gap:var(--spacing-2)}.resource-display__item{min-height:100px;padding:var(--spacing-3);flex-direction:row;align-items:center;gap:var(--spacing-3)}.resource-display__value{margin-top:0;padding-right:14px;flex:1}.resource-display__amount{font-size:var(--font-size-lg)}}@media (prefers-reduced-motion: reduce){.resource-display__container:before,.resource-display__item,.resource-display__icon,.resource-display__amount,.resource-display__multiplier{transition:none;animation:none}.resource-display__rate:before,.resource-display__pulse{animation:none}.resource-display__animation{animation-duration:var(--duration-fast)}.resource-display__item:hover,.resource-display__multiplier:hover{transform:none}.resource-display__item:hover{border-color:rgba(var(--resource-color-rgb, 122, 162, 247),.3)}}@media (prefers-contrast: high){.resource-display__container{background:var(--bg-secondary);border:2px solid var(--accent-primary)}.resource-display__item{background:var(--bg-tertiary);border:2px solid rgba(var(--resource-color-rgb, 122, 162, 247),.4)}.resource-display__icon{background:var(--bg-quaternary);border:2px solid rgba(var(--resource-color-rgb, 122, 162, 247),.6)}.resource-display__amount{color:rgb(var(--resource-color-rgb, 122, 162, 247));-webkit-text-fill-color:rgb(var(--resource-color-rgb, 122, 162, 247));filter:none}.resource-display__name{color:var(--text-primary);-webkit-text-fill-color:var(--text-primary)}}@media (prefers-color-scheme: dark){.resource-display__container{box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0f inset,0 1px #ffffff1f inset}.resource-display__item{box-shadow:0 4px 24px #0003,0 0 0 1px #ffffff0a inset,0 1px #ffffff14 inset,0 0 20px rgba(var(--resource-color-rgb, 122, 162, 247),.06)}}@media (prefers-color-scheme: light){.resource-display__container{box-shadow:0 8px 32px #00000014,0 0 0 1px #00000005 inset,0 1px #fffc inset}.resource-display__item{box-shadow:0 4px 24px #0000000f,0 0 0 1px #00000003 inset,0 1px #ffffffe6 inset,0 0 20px rgba(var(--resource-color-rgb, 122, 162, 247),.03)}}.resource-display__item:focus,.resource-display__multiplier:focus{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 4px #7aa2f733,0 8px 32px #00000040,0 0 0 1px #ffffff1a inset}@media print{.resource-display__container{background:#fff;border:1px solid #000;box-shadow:none}.resource-display__item{background:#fff;border:1px solid #ccc;box-shadow:none}.resource-display__animations,.resource-display__pulse{display:none}.resource-display__amount,.resource-display__name{color:#000!important;-webkit-text-fill-color:#000!important}}.menu-scene{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 20% 30%,rgba(122,162,247,.15) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(158,206,106,.12) 0%,transparent 40%),radial-gradient(circle at 40% 90%,rgba(187,154,247,.1) 0%,transparent 40%),linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%)}.menu-scene__background{position:absolute;inset:0;z-index:0;opacity:.9}.menu-scene__particles{position:absolute;width:100%;height:100%;background-image:radial-gradient(3px 3px at 20px 30px,var(--accent-primary),transparent),radial-gradient(2px 2px at 40px 70px,var(--accent-secondary),transparent),radial-gradient(1px 1px at 90px 40px,var(--accent-quaternary),transparent),radial-gradient(2px 2px at 130px 80px,var(--accent-highlight),transparent),radial-gradient(1px 1px at 160px 120px,rgba(122,162,247,.6),transparent),radial-gradient(1px 1px at 200px 50px,rgba(158,206,106,.5),transparent),radial-gradient(1px 1px at 70px 160px,rgba(187,154,247,.4),transparent),radial-gradient(.5px .5px at 110px 90px,rgba(224,175,104,.3),transparent),radial-gradient(.5px .5px at 180px 140px,rgba(247,118,142,.2),transparent);background-repeat:repeat;background-size:300px 300px,250px 250px,200px 200px,280px 280px,150px 150px,180px 180px,220px 220px,120px 120px,160px 160px;animation:particles-float var(--duration-slowest) linear infinite;will-change:transform,opacity;opacity:.3}@media (max-width: 768px){.menu-scene{width:100%;min-height:100dvh;display:flex;align-items:flex-start;justify-content:flex-start;overflow:visible;box-sizing:border-box;padding-top:calc(var(--spacing-md) + env(safe-area-inset-top));padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}.menu-scene__particles{display:none}.menu-scene__content{width:calc(100% - (var(--spacing-md) * 2));margin:var(--spacing-sm) auto;padding:var(--spacing-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.menu-scene__title{font-size:clamp(1.6rem,7.5vw,2.6rem);line-height:1.05;margin-bottom:var(--spacing-xs)}.menu-scene__subtitle{font-size:.95rem;margin-bottom:var(--spacing-sm)}.menu-scene__nav{gap:var(--spacing-sm)}.menu-scene__nav-button-content{padding:.6rem;gap:var(--spacing-sm)}}@keyframes particles-float{0%{transform:translate(0) rotate(0);opacity:.9}25%{opacity:1}50%{transform:translate(-150px,-100px) rotate(180deg);opacity:.7}75%{opacity:1}to{transform:translate(-300px,-200px) rotate(360deg);opacity:.9}}.menu-scene__content{position:relative;z-index:1;max-width:720px;width:90%;text-align:center;padding:var(--spacing-8);background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 32px 64px var(--shadow-primary),0 16px 32px var(--shadow-secondary),0 0 0 1px #7aa2f71a,inset 0 1px #ffffff1a;animation:contentEnter var(--duration-normal) var(--ease-out)}@keyframes contentEnter{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-scene__header{text-align:center;margin-bottom:var(--spacing-8);z-index:2;position:relative}.menu-scene__header-top{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-6);min-height:40px}.menu-scene__user-status,.menu-scene__auth-prompt{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.menu-scene__profile-actions{display:flex;flex-direction:column;gap:var(--spacing-1)}.menu-scene__logout-button{align-self:flex-start}.menu-scene__user-welcome{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.menu-scene__user-info{display:flex;align-items:center;gap:var(--spacing-2)}.menu-scene__user-level,.menu-scene__user-xp{padding:var(--spacing-1) var(--spacing-2);background:var(--bg-glass);border:1px solid var(--border-muted);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--accent-primary);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.menu-scene__profile-button,.menu-scene__auth-button{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out)}.menu-scene__profile-button:hover,.menu-scene__auth-button:hover{background:var(--bg-glass-strong);transform:translateY(-1px)}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.menu-scene__title{font-size:clamp(var(--font-size-3xl),6vw,var(--font-size-5xl));font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-3) 0;line-height:var(--line-height-tight);background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-quaternary) 50%,var(--accent-highlight) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(122,162,247,.3));animation:titleGlow 4s ease-in-out infinite alternate}@keyframes titleGlow{0%{filter:drop-shadow(0 0 20px rgba(122,162,247,.3))}to{filter:drop-shadow(0 0 30px rgba(122,162,247,.5))}}.menu-scene__title-chrono{color:var(--accent-primary)}.menu-scene__title-chess{color:var(--accent-secondary)}.menu-scene__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;font-style:italic;font-weight:var(--font-weight-light);opacity:.9;animation:subtitleFadeIn var(--duration-normal) var(--ease-out) .4s both}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:.9;transform:translateY(0)}}.menu-scene__stats{margin-bottom:var(--spacing-6);animation:statsSlideIn var(--duration-normal) var(--ease-out) .6s both;width:100%}.menu-scene__resource-display{margin:0}.menu-scene__resource-display .resource-display__container{grid-template-columns:repeat(4,1fr);gap:var(--spacing-2);padding:var(--spacing-3);background:linear-gradient(135deg,rgba(122,162,247,.02) 0%,rgba(158,206,106,.015) 25%,rgba(187,154,247,.02) 50%,rgba(224,175,104,.015) 75%,transparent 100%),var(--bg-glass-strong);box-shadow:0 4px 20px #0000001a,0 0 0 1px #ffffff08 inset,0 1px #ffffff0f inset}.menu-scene__resource-display .resource-display__container:before{opacity:.3;animation-duration:6s}.menu-scene__resource-display .resource-display__item{min-height:85px;padding:var(--spacing-3);display:flex!important;flex-direction:column!important;gap:var(--spacing-1);background:radial-gradient(circle at 70% 30%,rgba(var(--resource-color-rgb, 122, 162, 247),.04) 0%,transparent 60%),var(--bg-surface);box-shadow:0 2px 12px #00000014,0 0 0 1px #ffffff05 inset,0 1px #ffffff0a inset,0 0 12px rgba(var(--resource-color-rgb, 122, 162, 247),.03)}.menu-scene__resource-display .resource-display__item:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 6px 20px #00000026,0 0 0 1px #ffffff0f inset,0 2px #ffffff14 inset,0 0 20px rgba(var(--resource-color-rgb, 122, 162, 247),.1)}.menu-scene__resource-display .resource-display__header{display:flex!important;align-items:center;gap:var(--spacing-1);margin-bottom:var(--spacing-1);flex-shrink:0}.menu-scene__resource-display .resource-display__icon{width:28px;height:28px;font-size:var(--font-size-sm);flex-shrink:0}.menu-scene__resource-display .resource-display__name{display:none!important}.menu-scene__resource-display .resource-display__abbr{display:block!important;font-size:var(--font-size-xs);opacity:1!important;color:var(--text-secondary)!important;text-transform:uppercase;letter-spacing:1px;font-weight:var(--font-weight-semibold);text-align:center;flex:1}.menu-scene__resource-display .resource-display__value{display:flex!important;flex-direction:column;gap:var(--spacing-1);margin-top:auto;opacity:1!important;flex-shrink:0}.menu-scene__resource-display .resource-display__amount{font-size:var(--font-size-lg)!important;display:block!important;opacity:1!important;font-weight:var(--font-weight-bold)!important;line-height:1.1;text-align:left;color:rgb(var(--resource-color-rgb, 122, 162, 247))!important;-webkit-text-fill-color:rgb(var(--resource-color-rgb, 122, 162, 247))!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;text-shadow:0 0 4px rgba(var(--resource-color-rgb, 122, 162, 247),.3)!important;filter:none!important}.menu-scene__resource-display .resource-display__rate{font-size:.625rem!important;opacity:.7!important;display:block!important;color:var(--accent-secondary)!important;text-align:left}.menu-scene__resource-display .resource-display__multipliers{display:none}.menu-scene__resource-display .resource-display__pulse{top:4px;right:4px;width:4px;height:4px;opacity:.8}.menu-scene__resource-display .resource-display__animations,.menu-scene__resource-display .resource-display__animation{display:none!important}@keyframes statsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-scene__stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);cursor:default}.menu-scene__stat:hover{background:var(--bg-glass);transform:translateY(-2px)}.menu-scene__stat--gaining{background:var(--bg-glass);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 16px var(--shadow-accent);border:1px solid rgba(122,162,247,.3)}.menu-scene__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--accent-primary);text-shadow:0 0 10px rgba(122,162,247,.3);line-height:1}.menu-scene__stat-label{font-size:var(--font-size-xs);color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;font-weight:var(--font-weight-medium);opacity:.8}.menu-scene__stat-rate{font-size:var(--font-size-xs);color:var(--accent-secondary);font-weight:var(--font-weight-semibold);opacity:.9;text-shadow:0 0 8px rgba(158,206,106,.3)}.menu-scene__nav{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6);animation:navSlideIn var(--duration-normal) var(--ease-out) .8s both}@keyframes navSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.menu-scene__nav-button{padding:0;height:auto;background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--duration-fast) var(--ease-out);overflow:hidden;position:relative}.menu-scene__nav-button:hover{background:var(--bg-glass-strong);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-secondary)}.menu-scene__nav-button--primary{background:var(--bg-surface-elevated);border-color:var(--accent-primary);box-shadow:0 2px 8px var(--shadow-accent)}.menu-scene__nav-button--primary:hover{background:var(--bg-surface-elevated);box-shadow:0 8px 16px var(--shadow-accent)}.menu-scene__nav-button-content{position:relative;z-index:1;display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);text-align:left;width:100%}.menu-scene__nav-button-icon{font-size:var(--font-size-2xl);min-width:2rem;display:flex;align-items:center;justify-content:center}.menu-scene__nav-button-text{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1}.menu-scene__nav-button-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight)}.menu-scene__nav-button-desc{font-size:var(--font-size-sm);color:var(--text-secondary);opacity:.8;line-height:var(--line-height-relaxed)}.menu-scene__footer{padding-top:var(--spacing-4);border-top:1px solid var(--divider);animation:footerFadeIn var(--duration-normal) var(--ease-out) 1s both}.menu-scene__footer-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.menu-scene__theme-controls{display:flex;align-items:center;gap:var(--spacing-sm)}@keyframes footerFadeIn{0%{opacity:0}to{opacity:1}}.menu-scene__version{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0;opacity:.7;font-weight:var(--font-weight-light)}@media (max-width: 768px){.menu-scene__content{padding:var(--spacing-lg);margin:var(--spacing-md);max-width:none;width:calc(100% - var(--spacing-lg))}.menu-scene__resource-display .resource-display__container{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2);padding:var(--spacing-3)}.menu-scene__resource-display .resource-display__item{min-height:80px;padding:var(--spacing-2);flex-direction:row;align-items:center;gap:var(--spacing-2)}.menu-scene__resource-display .resource-display__header{margin-bottom:0}.menu-scene__resource-display .resource-display__icon{width:28px;height:28px;font-size:var(--font-size-sm)}.menu-scene__resource-display .resource-display__name{display:none}.menu-scene__resource-display .resource-display__abbr{display:inline-block}.menu-scene__resource-display .resource-display__value{margin-top:0;display:flex!important;flex-direction:column;gap:var(--spacing-1)}.menu-scene__resource-display .resource-display__amount{font-size:var(--font-size-base);display:block!important;opacity:1!important}.menu-scene__resource-display .resource-display__rate{font-size:.625rem;display:block!important;opacity:.7!important}.menu-scene__stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-md)}.menu-scene__nav-button-content{gap:var(--spacing-md);padding:var(--spacing-md)}.menu-scene__nav-button-icon{font-size:var(--font-size-2xl);min-width:2.5rem}.menu-scene__nav-button-title{font-size:var(--font-size-lg)}.menu-scene__nav-button-desc{font-size:var(--font-size-xs)}}@media (max-width: 480px){.menu-scene__content{padding:var(--spacing-md);border-radius:var(--radius-lg)}.menu-scene__resource-display .resource-display__container{grid-template-columns:1fr;gap:var(--spacing-1);padding:var(--spacing-2)}.menu-scene__resource-display .resource-display__item{min-height:70px;padding:var(--spacing-2);flex-direction:row;align-items:center;gap:var(--spacing-2)}.menu-scene__stats{grid-template-columns:1fr 1fr}.menu-scene__title{font-size:var(--font-size-3xl)}.menu-scene__subtitle{font-size:var(--font-size-base)}.menu-scene__footer-content{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media (prefers-reduced-motion: reduce){.menu-scene__particles,.menu-scene__content,.menu-scene__header,.menu-scene__stats,.menu-scene__nav,.menu-scene__footer,.menu-scene__title{animation:none}.menu-scene__nav-button:hover{transform:none}.menu-scene__data-recovery{margin-top:var(--spacing-4);padding:var(--spacing-4);background:var(--bg-glass);border:1px solid var(--border-warning);border-radius:var(--radius-md);text-align:center;animation:recoverySlideIn var(--duration-normal) var(--ease-out)}.menu-scene__recovery-text{margin:0 0 var(--spacing-3) 0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.menu-scene__recovery-actions{display:flex;gap:var(--spacing-2);justify-content:center}.menu-scene__recovery-button,.menu-scene__recovery-dismiss{font-size:var(--font-size-xs)}@keyframes recoverySlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.menu-scene__stat:hover{transform:none}}@media (prefers-contrast: high){.menu-scene__content{background:var(--bg-secondary);border-width:2px}.menu-scene__nav-button{border-width:2px}}@media (max-width: 768px){.menu-scene__content{width:95%;padding:1.5rem}.menu-scene__title{font-size:2.5rem}.menu-scene__subtitle{font-size:1rem}.menu-scene__stats{flex-direction:column;gap:1rem;padding:1rem}.menu-scene__stat{flex-direction:row;justify-content:space-between}.menu-scene__nav-button-content{padding:1rem}.menu-scene__nav-button-icon{font-size:1.5rem;min-width:1.5rem}.menu-scene__nav-button-title{font-size:1.1rem}.menu-scene__nav-button-desc{font-size:.8rem}}@media (max-width: 480px){.menu-scene__stats,.menu-scene__stat{flex-direction:column}}.toast-root{position:fixed;right:var(--spacing-md);bottom:var(--spacing-md);display:flex;flex-direction:column-reverse;gap:var(--spacing-sm);z-index:var(--z-toast, 1080);pointer-events:none;width:auto;max-width:min(380px,calc(100vw - 2 * var(--spacing-md)))}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--spacing-sm);padding:calc(var(--spacing-sm) + 2px) var(--spacing-md);border-radius:var(--radius-md);color:var(--text-primary);background:var(--bg-surface-elevated);border:1px solid var(--border-secondary);box-shadow:0 8px 24px var(--shadow-secondary),0 0 0 1px #7aa2f70a;font-weight:var(--font-weight-semibold);transform-origin:bottom right;animation:toast-in var(--duration-fast) var(--ease-out)}.toast__message{flex:1 1 auto;font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-primary)}.toast__close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.toast__close:hover{color:var(--text-primary);background:#ffffff05}.toast--success{border-left:4px solid var(--success);box-shadow:0 10px 30px #9ece6a0f,0 0 0 1px #9ece6a05}.toast--error{border-left:4px solid var(--error);box-shadow:0 10px 30px #f7768e0f,0 0 0 1px #f7768e05}.toast--info{border-left:4px solid var(--info);box-shadow:0 10px 30px #7aa2f70f,0 0 0 1px #7aa2f705}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 520px){.toast-root{left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-sm);align-items:center}.toast{width:100%}}.specific-piece-evolution{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-lg);height:100%;overflow-y:auto;background:var(--bg-glass);border-radius:var(--radius-xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-primary)}.evolution-panel__selected-piece{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg);background:var(--bg-surface-elevated);border-radius:var(--radius-xl);border:2px solid var(--accent-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px var(--shadow-secondary),0 0 0 1px #7aa2f733;margin-bottom:var(--spacing-md)}.evolution-panel__selected-piece h2{display:flex;align-items:center;gap:var(--spacing-md);margin:0;color:var(--accent-quaternary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-align:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-quaternary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(224,175,104,.4)}.evolution-panel__selected-piece .piece-icon{font-size:2.5rem;filter:drop-shadow(0 0 12px var(--accent-primary));animation:pieceGlow 3s ease-in-out infinite alternate}@keyframes pieceGlow{0%{filter:drop-shadow(0 0 8px var(--accent-primary));transform:scale(1)}to{filter:drop-shadow(0 0 16px var(--accent-quaternary));transform:scale(1.05)}}.specific-piece-evolution h2{margin:0 0 var(--spacing-lg) 0;color:var(--accent-quaternary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-align:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-quaternary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(224,175,104,.4)}.specific-piece-evolution h3{margin:var(--spacing-xl) 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--accent-primary);padding-bottom:var(--spacing-sm)}.evolution-resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 16px var(--shadow-secondary),inset 0 1px #ffffff1a}.resource-display{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:all var(--duration-normal) var(--ease-out)}.resource-display:hover{background:var(--bg-glass-strong);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-secondary)}.resource-display span{font-family:var(--font-mono);font-weight:var(--font-weight-semibold);color:var(--accent-primary);font-size:var(--font-size-base)}.piece-evolution-section{position:relative;padding:var(--spacing-xl);background:var(--bg-surface-elevated);border-radius:var(--radius-xl);border:1px solid var(--border-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px var(--shadow-secondary),0 0 0 1px #7aa2f71a;transition:all var(--duration-normal) var(--ease-out);overflow:hidden}.piece-evolution-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(122,162,247,.05) 50%,transparent 100%);transition:left var(--duration-slowest) var(--ease-out);z-index:0}.piece-evolution-section:hover{background:var(--bg-surface);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 12px 32px var(--shadow-primary),0 0 0 1px #7aa2f733}.piece-evolution-section:hover:before{left:100%}.piece-evolution-section h4{position:relative;z-index:1;margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--accent-quaternary);text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--accent-primary);padding-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--accent-primary),var(--accent-quaternary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.piece-attr{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);transition:all var(--duration-normal) var(--ease-out)}.piece-attr:hover{background:var(--bg-glass-strong);border-color:var(--accent-secondary);transform:translate(4px)}.piece-attr span{font-family:var(--font-mono);font-weight:var(--font-weight-semibold);color:var(--accent-secondary);font-size:var(--font-size-base)}.promotion-buttons{position:relative;z-index:1;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-glass);border-radius:var(--radius-lg);border:1px solid var(--border-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.promotion-buttons button{position:relative;min-width:44px;height:44px;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:all var(--duration-normal) var(--ease-out);overflow:hidden}.promotion-buttons button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(158,206,106,.2) 50%,transparent 100%);transition:left var(--duration-slow) var(--ease-out);z-index:0}.promotion-buttons button:hover:before{left:100%}.piece-evolution-section button{position:relative;z-index:1;margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md);transition:all var(--duration-normal) var(--ease-out)}.piece-evolution-section button:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 16px var(--shadow-secondary),0 0 12px #7aa2f74d}.specific-piece-evolution::-webkit-scrollbar{width:8px}.specific-piece-evolution::-webkit-scrollbar-track{background:var(--bg-surface);border-radius:var(--radius-sm)}.specific-piece-evolution::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-sm);box-shadow:0 0 8px #7aa2f74d}.specific-piece-evolution::-webkit-scrollbar-thumb:hover{background:var(--accent-primary-light)}@media (max-width: 768px){.specific-piece-evolution{padding:var(--spacing-md);gap:var(--spacing-lg)}.evolution-resources{grid-template-columns:1fr;padding:var(--spacing-md)}.piece-evolution-section{padding:var(--spacing-lg)}.piece-evolution-section h4{font-size:var(--font-size-base)}.piece-attr{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.promotion-buttons{flex-wrap:wrap}.promotion-buttons button{min-width:40px;height:40px;font-size:var(--font-size-sm)}}@media (max-width: 480px){.specific-piece-evolution h2{font-size:var(--font-size-xl)}.piece-evolution-section{padding:var(--spacing-md)}.evolution-resources{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.piece-evolution-section,.piece-evolution-section:before,.promotion-buttons button:before,.piece-attr,.resource-display{transition:none;animation:none}.piece-evolution-section:hover,.piece-attr:hover{transform:none}}@media (prefers-contrast: high){.specific-piece-evolution{background:#000;border:2px solid #ffffff}.piece-evolution-section{background:#333;border:2px solid #ffffff}.piece-evolution-section h4{background:none;-webkit-text-fill-color:#ffffff;color:#fff}.piece-attr,.resource-display{background:#000;border:2px solid #ffffff}}.evolution-panel{--rarity-color: var(--accent-primary);--rarity-rgb: 122, 162, 247;height:100%;display:flex;flex-direction:column}.evolution-panel__content{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1;min-height:0;overflow:hidden;padding:var(--spacing-lg)}.evolution-panel__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--divider);animation:slideInLeft var(--duration-slow) var(--ease-out)}.evolution-panel__view-toggle{display:flex;gap:var(--spacing-xs);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-full);padding:var(--spacing-xs);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.evolution-panel__piece-selector{animation:slideInRight var(--duration-slow) var(--ease-out) .2s both;background:var(--bg-surface-elevated);border:2px solid var(--accent-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px var(--shadow-secondary),0 0 0 1px #7aa2f71a;margin-bottom:var(--spacing-lg)}.evolution-panel__piece-selector h4{margin:0 0 var(--spacing-lg) 0;color:var(--accent-quaternary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-quaternary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(224,175,104,.3)}.evolution-panel__piece-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md)}.evolution-panel__piece-type{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);color:var(--text-primary);overflow:hidden}.evolution-panel__piece-type:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(122,162,247,.1) 50%,transparent 100%);transition:left var(--duration-slow) var(--ease-out);z-index:0}.evolution-panel__piece-type:hover{background:var(--bg-glass-strong);border-color:var(--accent-primary);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px var(--shadow-secondary),0 0 0 1px #7aa2f733}.evolution-panel__piece-type:hover:before{left:100%}.evolution-panel__piece-type--selected{background:var(--bg-surface);border-color:var(--accent-highlight);transform:translateY(-2px);box-shadow:0 8px 24px #e0af684d,0 0 0 2px #e0af6833}.evolution-panel__piece-icon{position:relative;z-index:1;font-size:var(--font-size-3xl);filter:drop-shadow(0 0 8px currentColor);transition:all var(--duration-normal) var(--ease-out)}.evolution-panel__piece-type:hover .evolution-panel__piece-icon{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 12px currentColor)}.evolution-panel__piece-name{position:relative;z-index:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:capitalize;letter-spacing:.5px;transition:color var(--duration-normal) var(--ease-out)}.evolution-panel__piece-type:hover .evolution-panel__piece-name{color:var(--accent-primary)}.evolution-panel__evolutions{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:var(--spacing-sm);scrollbar-width:thin;scrollbar-color:var(--accent-primary) transparent;animation:fadeIn var(--duration-slow) var(--ease-out) .4s both}.evolution-panel__evolutions::-webkit-scrollbar{width:6px}.evolution-panel__evolutions::-webkit-scrollbar-track{background:transparent}.evolution-panel__evolutions::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-full)}.evolution-panel__evolutions::-webkit-scrollbar-thumb:hover{background:var(--accent-primary-light)}.evolution-panel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);padding:var(--spacing-sm)}.evolution-panel__evolution-card{position:relative;padding:var(--spacing-xl);background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);overflow:hidden;background-image:linear-gradient(var(--bg-surface),var(--bg-surface)),linear-gradient(135deg,var(--rarity-color) 0%,rgba(var(--rarity-rgb),.5) 50%,var(--rarity-color) 100%);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 8px 20px var(--shadow-secondary),0 2px 8px var(--shadow-tertiary),inset 0 1px #ffffff1a;animation:scaleIn var(--duration-normal) var(--ease-bounce);animation-delay:calc(var(--index, 0) * .1s);animation-fill-mode:both}.evolution-panel__evolution-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(var(--rarity-rgb),.1) 50%,transparent 100%);transition:left var(--duration-slow) var(--ease-out);z-index:1}.evolution-panel__evolution-card:hover{background:var(--bg-surface-elevated);border-color:var(--rarity-color);transform:translateY(-6px) scale(1.02);box-shadow:0 16px 32px var(--shadow-primary),0 8px 16px var(--shadow-secondary),0 0 0 2px rgba(var(--rarity-rgb),.3),0 0 40px rgba(var(--rarity-rgb),.2)}.evolution-panel__evolution-card:hover:before{left:100%}.evolution-panel__evolution-card--selected{background:var(--bg-surface-elevated);border-color:var(--rarity-color);transform:translateY(-4px) scale(1.01);box-shadow:0 12px 28px var(--shadow-primary),0 4px 12px var(--shadow-secondary),0 0 0 3px rgba(var(--rarity-rgb),.4),0 0 60px rgba(var(--rarity-rgb),.3)}.evolution-panel__evolution-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.evolution-panel__evolution-name{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--rarity-color);line-height:var(--line-height-tight);text-shadow:0 0 12px rgba(var(--rarity-rgb),.4);background:linear-gradient(135deg,var(--rarity-color),rgba(var(--rarity-rgb),.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.evolution-panel__evolution-rarity{position:relative;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:1px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid transparent;animation:rarityGlow 3s ease-in-out infinite alternate}@keyframes rarityGlow{0%{box-shadow:0 0 8px rgba(var(--rarity-rgb),.3)}to{box-shadow:0 0 16px rgba(var(--rarity-rgb),.5)}}.evolution-panel__evolution-rarity--common{background:#ffffff1a;color:var(--text-primary);border-color:#fff3}.evolution-panel__evolution-rarity--uncommon{background:#9ece6a33;color:var(--accent-secondary);border-color:#9ece6a4d}.evolution-panel__evolution-rarity--rare{background:#7aa2f733;color:var(--accent-primary);border-color:#7aa2f74d}.evolution-panel__evolution-rarity--epic{background:#bb9af733;color:var(--accent-quaternary);border-color:#bb9af74d}.evolution-panel__evolution-rarity--legendary{background:#e0af6833;color:var(--accent-highlight);border-color:#e0af684d;animation:legendaryGlow 2s ease-in-out infinite alternate}@keyframes legendaryGlow{0%{box-shadow:0 0 12px #e0af6866}to{box-shadow:0 0 20px #e0af6899}}.evolution-panel__evolution-description{position:relative;z-index:2;margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-secondary);opacity:.9}.evolution-panel__evolution-cost{position:relative;z-index:2;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-glass);border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--accent-highlight);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:var(--font-weight-medium);text-shadow:0 0 8px rgba(224,175,104,.3)}.evolution-panel__evolution-tier{position:relative;z-index:2;margin-bottom:var(--spacing-lg);font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;font-weight:var(--font-weight-medium);opacity:.7}.evolution-panel__evolution-actions{position:relative;z-index:2;margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--divider)}.evolution-panel__tree{height:500px;overflow:hidden;position:relative}.evolution-panel__tree-view{height:100%}.evolution-panel__tree-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary);background:#1e212780;border-radius:8px;border:2px dashed rgba(79,86,96,.5)}.evolution-panel__tree-placeholder p{margin:.5rem 0;font-size:1rem}.evolution-panel__tree-placeholder p:first-child{font-weight:700;color:var(--accent-primary)}.evolution-panel__current{padding:var(--spacing-lg);background:var(--bg-surface-elevated);border-top:1px solid var(--divider);flex-shrink:0}.evolution-panel__current h4{margin:0 0 var(--spacing-md) 0;color:var(--accent-highlight);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);text-align:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-highlight));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.evolution-panel__no-evolutions{text-align:center;color:var(--text-secondary);font-style:italic;padding:var(--spacing-xl);font-size:var(--font-size-md)}.evolution-panel__current-list{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:200px;overflow-y:auto;padding-right:var(--spacing-sm);scrollbar-width:thin;scrollbar-color:var(--accent-primary) transparent}.evolution-panel__current-list::-webkit-scrollbar{width:6px}.evolution-panel__current-list::-webkit-scrollbar-track{background:transparent}.evolution-panel__current-list::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-full)}.evolution-panel__current-list::-webkit-scrollbar-thumb:hover{background:var(--accent-primary-light)}.evolution-panel__current-evolution{padding:var(--spacing-md);background:var(--bg-glass);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--duration-normal) var(--ease-out)}.evolution-panel__current-evolution:hover{background:var(--bg-glass-strong);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-secondary),0 0 0 1px #7aa2f733}.evolution-panel__current-evolution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--divider)}.evolution-panel__current-evolution-piece{font-weight:var(--font-weight-bold);color:var(--accent-highlight);text-transform:capitalize;font-size:var(--font-size-md)}.evolution-panel__current-evolution-level{font-size:var(--font-size-xs);color:var(--text-secondary);background:#e0af6833;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.evolution-panel__current-evolution-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) 0}@media (max-width: 768px){.evolution-panel__piece-types{grid-template-columns:repeat(3,1fr)}.evolution-panel__piece-type{padding:.75rem .5rem}.evolution-panel__piece-icon{font-size:1.5rem}.evolution-panel__piece-name{font-size:.75rem}.evolution-panel__grid{grid-template-columns:1fr}.evolution-panel__evolution-card{padding:1rem}.evolution-panel__evolution-name{font-size:1rem}.evolution-panel__current-evolution-stats{flex-direction:column;gap:.25rem}}@media (max-width: 1024px) and (min-width: 769px){.evolution-panel__grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){.evolution-panel__piece-type,.evolution-panel__evolution-card{transition:none;transform:none!important}}@media (prefers-contrast: high){.evolution-panel__piece-type{background:#000;border:2px solid #ffffff}.evolution-panel__piece-type--selected{background:#333;border-color:gold}.evolution-panel__evolution-card{background:#000;border:2px solid #ffffff}.evolution-panel__evolution-card--selected{border-color:gold}.evolution-panel__evolution-name{text-shadow:none}.evolution-panel__current-evolution{background:#333;border:2px solid #ffffff}}.evolution-panel__evolutions::-webkit-scrollbar,.evolution-panel__current-list::-webkit-scrollbar{width:6px}.evolution-panel__evolutions::-webkit-scrollbar-track,.evolution-panel__current-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.evolution-panel__evolutions::-webkit-scrollbar-thumb,.evolution-panel__current-list::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:3px}.evolution-panel__evolutions::-webkit-scrollbar-thumb:hover,.evolution-panel__current-list::-webkit-scrollbar-thumb:hover{background:#ffd700b3}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.game-evolution-tree{width:100%;height:100%;display:flex;flex-direction:column}.game-evolution-tree__header{padding:1rem;background:var(--panel-header-bg);border-bottom:1px solid var(--border-color)}.game-evolution-tree__header h3{margin:0 0 .5rem;color:var(--text-primary)}.game-evolution-tree__stats{display:flex;gap:1rem;font-size:.9rem;color:var(--text-secondary)}.game-evolution-tree__container{flex:1;min-height:0}.game-evolution-tree__legend{background:#1e293be6;padding:.5rem;border-radius:4px;font-size:.8rem}.legend-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.legend-icon{font-weight:700;min-width:16px;text-align:center}.legend-icon--unlocked{color:var(--success-color)}.legend-icon--available{color:var(--accent-primary)}.legend-icon--locked{color:var(--warning-color)}.legend-icon--requires-evolution{color:var(--warning-color);background:#ffc10733;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px}.evolution-node{background:#1e232de6;border:2px solid var(--border-color);border-radius:8px;padding:12px;width:160px;cursor:pointer;transition:all .2s ease;position:relative;overflow:visible}.evolution-node:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.evolution-node--common{border-color:#9ca3af}.evolution-node--uncommon{border-color:#10b981}.evolution-node--rare{border-color:#3b82f6}.evolution-node--epic{border-color:#8b5cf6}.evolution-node--legendary{border-color:#f59e0b}.evolution-node--requires-evolution:before{content:"⚠";position:absolute;top:-8px;right:-8px;background:var(--warning-color);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 4px #0000004d;z-index:2}.evolution-node__core{display:flex;flex-direction:column;align-items:center;gap:8px}.evolution-node__requirement-preview{background:var(--warning-color);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 4px #0000004d}.evolution-node__tier{font-size:.8rem;font-weight:700;color:var(--text-secondary)}.evolution-node__status-icon{font-size:1.5rem;font-weight:700}.evolution-node__icon--unlocked{color:var(--success-color)}.evolution-node__icon--available{color:var(--accent-primary)}.evolution-node__icon--locked{color:var(--warning-color)}.evolution-node__rarity-indicator{width:100%;height:4px;border-radius:2px;background:var(--rarity-color)}.evolution-node__details{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#1e232df2;border:2px solid var(--border-color);border-radius:8px;padding:16px;width:300px;z-index:100;box-shadow:0 8px 24px #0009;margin-top:8px}.evolution-node__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.evolution-node__name{margin:0;font-size:1.1rem;color:var(--text-primary)}.evolution-node__rarity-badge{padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase}.evolution-node__rarity-badge--common{background:#9ca3af;color:#000}.evolution-node__rarity-badge--uncommon{background:#10b981;color:#fff}.evolution-node__rarity-badge--rare{background:#3b82f6;color:#fff}.evolution-node__rarity-badge--epic{background:#8b5cf6;color:#fff}.evolution-node__rarity-badge--legendary{background:#f59e0b;color:#000}.evolution-node__description{font-size:.9rem;color:var(--text-secondary);margin-bottom:16px;line-height:1.4}.evolution-node__cost,.evolution-node__requirements,.evolution-node__effects{margin-bottom:16px;font-size:.9rem}.evolution-node__requirements strong,.evolution-node__effects strong{display:block;margin-bottom:8px;color:var(--text-primary)}.evolution-node__requirement,.evolution-node__effect{margin-bottom:4px;color:var(--text-secondary)}.evolution-node__actions{margin-top:16px}.evolution-node__status-text{text-align:center;padding:8px;border-radius:4px;font-weight:700}.evolution-node__status-text--unlocked{background:#4caf504d;color:var(--success-color)}.evolution-node__status-text--locked{background:#f443364d;color:var(--warning-color)}.evolution-node__unlock-btn{width:100%}.evolution-node__glow{position:absolute;inset:-2px;border-radius:10px;background:var(--rarity-color);opacity:.4;z-index:-1;animation:glow-pulse 2s infinite}.evolution-node__pulse{position:absolute;inset:-4px;border-radius:12px;border:2px solid var(--accent-primary);opacity:.9;z-index:-2;animation:pulse 1.5s infinite}@keyframes glow-pulse{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}@keyframes pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.7}}.confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-md)}.confirm-modal{width:min(560px,calc(100% - 2 * var(--spacing-md)));border-radius:var(--radius-md);padding:calc(var(--spacing-md) + 4px);box-shadow:0 12px 36px var(--shadow-secondary);color:var(--text-primary);transform-origin:center;animation:scaleIn var(--duration-fast) var(--ease-out)}.confirm-modal h3{margin:0 0 .25rem;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.confirm-modal p{margin:0;color:var(--text-secondary);line-height:var(--line-height-normal)}.confirm-desc{margin-top:.5rem;color:var(--text-secondary)}.confirm-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}.confirm-modal.surface-elevated{background:var(--bg-surface-elevated);border:1px solid var(--border-secondary)}.confirm-actions .btn{min-width:96px}@media (max-width: 520px){.confirm-modal{width:calc(100% - 2 * var(--spacing-sm))}.confirm-actions{flex-direction:column-reverse}.confirm-actions .btn{width:100%}}.settings-panel__content{display:flex;flex-direction:column;height:100%;overflow:hidden}.settings-panel__tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-secondary);padding-bottom:var(--spacing-lg)}.settings-panel__tab{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden}.settings-panel__tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(122,162,247,.1) 50%,transparent 100%);transition:left var(--duration-slow) var(--ease-out);z-index:0}.settings-panel__tab:hover{background:var(--bg-glass-strong);color:var(--text-primary);transform:translateY(-1px)}.settings-panel__tab:hover:before{left:100%}.settings-panel__tab--active{background:#e0af681a;border-color:var(--accent-quaternary);color:var(--accent-quaternary);box-shadow:0 0 16px #e0af684d}.settings-panel__tab-content{flex:1;overflow-y:auto;padding-right:var(--spacing-sm)}.settings-panel__section{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-panel__section h4{margin:0 0 var(--spacing-lg) 0;color:var(--accent-quaternary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,var(--accent-primary),var(--accent-quaternary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(224,175,104,.3)}.settings-panel__section h5{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.settings-panel__quality-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.settings-panel__quality-option{padding:var(--spacing-lg);background:var(--bg-glass);border:2px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-align:left;color:var(--text-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden}.settings-panel__quality-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(122,162,247,.1) 50%,transparent 100%);transition:left var(--duration-slow) var(--ease-out);z-index:0}.settings-panel__quality-option:hover{background:var(--bg-glass-strong);border-color:var(--border-secondary);transform:translateY(-2px);box-shadow:0 8px 20px var(--shadow-secondary),0 0 0 1px #7aa2f71a}.settings-panel__quality-option:hover:before{left:100%}.settings-panel__quality-option--selected{background:#e0af681a;border-color:var(--accent-quaternary);box-shadow:0 0 20px #e0af684d,0 4px 16px var(--shadow-secondary)}.settings-panel__quality-name{position:relative;z-index:1;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);color:var(--accent-quaternary)}.settings-panel__quality-description{position:relative;z-index:1;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.settings-panel__graphics-info{padding:var(--spacing-lg);background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.settings-panel__graphics-info ul{margin:var(--spacing-sm) 0 0 0;padding-left:var(--spacing-xl);color:var(--text-secondary)}.settings-panel__graphics-info li{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);line-height:var(--line-height-snug)}.settings-panel__setting{display:flex;flex-direction:column;gap:var(--spacing-sm)}.settings-panel__setting-label{display:flex;align-items:center;gap:var(--spacing-md);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-base);transition:color var(--duration-normal) var(--ease-out)}.settings-panel__setting-label:hover{color:var(--accent-primary)}.settings-panel__setting-description{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-left:calc(2rem + var(--spacing-md));font-weight:var(--font-weight-normal)}.settings-panel__checkbox{position:absolute;opacity:0;pointer-events:none}.settings-panel__checkbox-custom{position:relative;width:20px;height:20px;background:var(--bg-glass);border:2px solid var(--border-primary);border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-out);flex-shrink:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.settings-panel__checkbox-custom:after{content:"";position:absolute;top:2px;left:6px;width:4px;height:8px;border:solid var(--text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.settings-panel__checkbox:checked+.settings-panel__checkbox-custom{background:var(--accent-quaternary);border-color:var(--accent-quaternary);box-shadow:0 0 12px #e0af6866}.settings-panel__checkbox:checked+.settings-panel__checkbox-custom:after{opacity:1;border-color:var(--bg-primary)}.settings-panel__checkbox:focus+.settings-panel__checkbox-custom{outline:2px solid var(--accent-primary);outline-offset:2px}.settings-panel__slider{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;margin:.75rem 0;cursor:pointer}.settings-panel__slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:gold;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #ffd7004d;transition:all .2s ease}.settings-panel__slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #ffd70066}.settings-panel__slider::-moz-range-thumb{width:20px;height:20px;background:gold;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #ffd7004d}.settings-panel__slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#999;margin-top:.25rem}.settings-panel__accessibility-group{padding:1rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.settings-panel__accessibility-group h5{color:gold;border-bottom:1px solid rgba(255,215,0,.2);padding-bottom:.5rem;margin-bottom:1rem}.settings-panel__audio-test{padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);text-align:center}.settings-panel__gameplay-info{padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.settings-panel__shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin-top:.75rem}.settings-panel__shortcut{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.settings-panel__shortcut kbd{padding:.25rem .5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-family:Courier New,monospace;font-size:.75rem;color:gold}.settings-panel__actions{display:flex;gap:.75rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);margin-top:1.5rem;flex-wrap:wrap}@media (max-width: 768px){.settings-panel__tabs{flex-wrap:wrap;gap:.25rem}.settings-panel__tab{padding:.5rem .75rem;font-size:.8125rem}.settings-panel__quality-selector{grid-template-columns:1fr}.settings-panel__quality-option{padding:.75rem}.settings-panel__setting-description{margin-left:2.25rem}.settings-panel__shortcuts{grid-template-columns:1fr}.settings-panel__actions{flex-direction:column}}@media (max-width: 1024px) and (min-width: 769px){.settings-panel__quality-selector,.settings-panel__shortcuts{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){.settings-panel__tab,.settings-panel__quality-option,.settings-panel__checkbox-custom,.settings-panel__slider::-webkit-slider-thumb{transition:none}}@media (prefers-contrast: high){.settings-panel__tab{background:#000;border:2px solid #ffffff}.settings-panel__tab--active{background:#333;border-color:gold}.settings-panel__quality-option{background:#000;border:2px solid #ffffff}.settings-panel__quality-option--selected{background:#333;border-color:gold}.settings-panel__checkbox-custom{background:#000;border:2px solid #ffffff}.settings-panel__accessibility-group,.settings-panel__graphics-info,.settings-panel__audio-test,.settings-panel__gameplay-info{background:#333;border:2px solid #ffffff}}.settings-panel__tab-content::-webkit-scrollbar{width:6px}.settings-panel__tab-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.settings-panel__tab-content::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:3px}.settings-panel__tab-content::-webkit-scrollbar-thumb:hover{background:#ffd700b3}.touch-gesture-handler{position:relative;width:100%;height:100%;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch-gesture-handler--disabled{pointer-events:none}.touch-gesture-handler *{user-select:none;-webkit-user-select:none}.touch-gesture-handler{touch-action:none;-ms-touch-action:none}.touch-gesture-handler:active{opacity:.9}@media (prefers-reduced-motion: reduce){.touch-gesture-handler:active{opacity:1}}.mobile-game-overlay{position:absolute;inset:0;pointer-events:auto;z-index:var(--z-overlay)}.mobile-game-overlay__hitarea{position:absolute;inset:0;width:100%;height:100%;background:transparent;pointer-events:auto}.mobile-game-overlay--hidden{opacity:0}:root{--orientation: portrait;--rotation-angle: 0deg}.orientation-handler{position:relative;width:100%;height:100%;overflow:hidden}.orientation-handler__content{width:100%;height:100%;transition:all var(--duration-slow) var(--ease-out)}.orientation-handler__transition-overlay{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--duration-normal) var(--ease-out)}.orientation-handler__transition-spinner{width:40px;height:40px;border:3px solid rgba(122,162,247,.3);border-top:3px solid var(--accent-primary);border-radius:var(--radius-full);animation:spin var(--duration-slowest) linear infinite;margin-bottom:var(--spacing-lg);box-shadow:0 0 16px #7aa2f766}.orientation-handler__transition-text{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-quaternary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.orientation-handler__debug{position:fixed;top:var(--spacing-sm);left:var(--spacing-sm);background:var(--bg-glass-strong);color:var(--text-primary);padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--border-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);z-index:calc(var(--z-modal) + 1);pointer-events:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 12px var(--shadow-secondary),0 0 0 1px #7aa2f71a}.orientation-handler__debug div{margin-bottom:var(--spacing-xs);line-height:var(--line-height-tight)}.orientation-handler__debug div:last-child{margin-bottom:0}@media (orientation: portrait){.orientation-handler--portrait .orientation-handler__content{flex-direction:column;gap:var(--spacing-md)}}@media (orientation: landscape){.orientation-handler--landscape .orientation-handler__content{flex-direction:row;gap:var(--spacing-lg)}}@media (max-width: 480px){.orientation-handler__transition-text{font-size:var(--font-size-sm)}.orientation-handler__transition-spinner{width:32px;height:32px;border-width:2px}.orientation-handler__debug{top:var(--spacing-xs);left:var(--spacing-xs);padding:var(--spacing-xs);font-size:var(--font-size-xxs)}}@media (min-width: 768px) and (max-width: 1024px){.orientation-handler--portrait{padding:var(--spacing-lg)}.orientation-handler--landscape{padding:var(--spacing-xl)}.orientation-handler__transition-text{font-size:var(--font-size-lg)}.orientation-handler__transition-spinner{width:48px;height:48px;border-width:4px}}@supports (padding: max(0px)){.orientation-handler--portrait{padding-top:max(var(--spacing-md),env(safe-area-inset-top));padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom));padding-left:max(var(--spacing-sm),env(safe-area-inset-left));padding-right:max(var(--spacing-sm),env(safe-area-inset-right))}.orientation-handler--landscape{padding-top:max(var(--spacing-sm),env(safe-area-inset-top));padding-bottom:max(var(--spacing-sm),env(safe-area-inset-bottom));padding-left:max(var(--spacing-lg),env(safe-area-inset-left));padding-right:max(var(--spacing-lg),env(safe-area-inset-right))}}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.orientation-handler__content{transition:none}.orientation-handler__transition-overlay{animation:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.orientation-handler__transition-spinner{animation:none;border-top-color:var(--accent-primary)}}@media (prefers-contrast: high){.orientation-handler__transition-overlay{background:#000000f2;-webkit-backdrop-filter:none;backdrop-filter:none}.orientation-handler__debug{background:#000;border:2px solid #ffffff;color:#fff}.orientation-handler__transition-text{background:none;-webkit-text-fill-color:#ffffff;color:#fff}.orientation-handler__transition-spinner{border-color:#fff;border-top-color:#fff;box-shadow:none}}@media print{.orientation-handler__transition-overlay,.orientation-handler__debug{display:none!important}.orientation-handler{background:#fff;color:#000}.orientation-handler__content{transition:none}}@media (pointer: coarse){.orientation-handler__transition-overlay{padding:var(--spacing-xl)}.orientation-handler__transition-spinner{width:56px;height:56px;border-width:4px}.orientation-handler__transition-text{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}}.performance-mode{--fps-color: var(--accent-secondary);position:relative}.performance-mode__indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);border:1px solid var(--border-primary);transition:all var(--duration-normal) var(--ease-out);box-shadow:0 4px 12px var(--shadow-secondary),0 0 0 1px #7aa2f71a}.performance-mode__indicator:hover{background:var(--bg-glass-strong);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 8px 20px var(--shadow-secondary),0 0 16px #7aa2f733}.performance-mode__fps{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--fps-color);text-shadow:0 0 8px rgba(158,206,106,.4);min-width:60px;text-align:center;letter-spacing:.5px}.performance-mode__toggle{width:32px;height:32px;border-radius:var(--radius-full);font-size:var(--font-size-base);display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.performance-mode__toggle:hover{color:var(--accent-primary);transform:scale(1.1)}.performance-mode__details{position:absolute;bottom:100%;right:0;margin-bottom:var(--spacing-sm);width:320px;background:var(--bg-glass-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--spacing-xl);animation:slideUpIn var(--duration-slow) var(--ease-out);z-index:var(--z-popover);box-shadow:0 12px 32px var(--shadow-primary),0 4px 16px var(--shadow-secondary)}.performance-mode__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);color:var(--text-primary);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-secondary)}.performance-mode__header h4{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,var(--accent-primary),var(--accent-quaternary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.performance-mode__modes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.performance-mode__metrics{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.performance-mode__metric{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);line-height:var(--line-height-snug)}.performance-mode__metric-label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.performance-mode__metric-value{font-family:var(--font-mono);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-xs);letter-spacing:.5px}.performance-mode__settings{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-muted)}.performance-mode__setting{font-size:var(--font-size-xs);color:var(--text-secondary);padding:var(--spacing-xs) 0;font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.performance-mode__warning{padding:var(--spacing-md);background:#f7768e1a;border:1px solid rgba(247,118,142,.3);border-radius:var(--radius-md);color:var(--error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 12px #f7768e33}.performance-mode__warning:last-child{margin-bottom:0}.performance-mode--expanded .performance-mode__indicator{background:#e0af681a;border-color:var(--accent-quaternary);box-shadow:0 8px 20px var(--shadow-secondary),0 0 16px #e0af684d}@keyframes slideUpIn{0%{opacity:0;transform:translateY(16px) scale(.95);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}@media (max-width: 480px){.performance-mode__details{width:280px;padding:var(--spacing-lg)}.performance-mode__modes{grid-template-columns:1fr;gap:var(--spacing-xs)}.performance-mode__header h4{font-size:var(--font-size-base)}.performance-mode__fps{font-size:var(--font-size-xs);min-width:55px}.performance-mode__toggle{width:28px;height:28px;font-size:var(--font-size-sm)}}@media (orientation: landscape) and (max-height: 500px){.performance-mode__details{bottom:auto;top:100%;margin-bottom:0;margin-top:var(--spacing-sm)}}@media (prefers-contrast: high){.performance-mode__indicator,.performance-mode__details{background:#000;border:2px solid #ffffff}.performance-mode__metrics{background:#333;border:2px solid #ffffff}.performance-mode__warning{background:#300;border:2px solid #ff0000;color:red}.performance-mode__fps{color:#fff;text-shadow:none}.performance-mode__header h4{background:none;-webkit-text-fill-color:#ffffff;color:#fff}}@media (prefers-reduced-motion: reduce){.performance-mode__details{animation:none}.performance-mode__fps{text-shadow:none}.performance-mode__indicator,.performance-mode__toggle{transition:none}.performance-mode__indicator:hover,.performance-mode__toggle:hover{transform:none}.performance-mode__fps[data-fps=critical]{animation:none}}@media print{.performance-mode{display:none}}.performance-mode__metric-value[data-battery=low]{color:#ff4757}.performance-mode__metric-value[data-battery=medium]{color:#ffa502}.performance-mode__metric-value[data-battery=high]{color:#2ed573}.performance-mode__fps[data-fps=critical]{animation:fpsPulse 1s ease-in-out infinite alternate}@keyframes fpsPulse{0%{opacity:.7}to{opacity:1}}.solo-mode-scene{width:100vw;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary);position:relative;overflow:hidden}.solo-mode-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(122,162,247,.05) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(158,206,106,.03) 0%,transparent 50%);z-index:0;pointer-events:none}@media (max-width: 768px){.solo-mode-scene{width:100%;height:auto;min-height:auto;display:block;overflow:visible}}.solo-mode-scene__header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);background:var(--bg-surface-elevated);border-bottom:1px solid var(--border-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 3px var(--shadow-secondary);animation:slideInTop var(--duration-normal) var(--ease-out)}@keyframes slideInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.solo-mode-scene__speed-controls{display:flex;align-items:center;gap:var(--spacing-2);margin-left:auto;margin-right:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media (max-width: 768px){.solo-mode-scene__speed-controls{margin:0;justify-content:center;gap:var(--spacing-md)}}.solo-mode-scene__speed-controls span{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.solo-mode-scene__back-button{font-size:var(--font-size-sm)}@keyframes titleGlow{0%{filter:drop-shadow(0 0 10px rgba(122,162,247,.3))}to{filter:drop-shadow(0 0 20px rgba(122,162,247,.5))}}.solo-mode-scene__content{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-lg);padding:var(--spacing-lg);overflow:visible;animation:contentSlideIn var(--duration-slow) var(--ease-out) .2s both}@keyframes contentSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.solo-mode-scene__content{flex:none;display:block;overflow:visible;height:auto;padding:var(--spacing-md)}}.solo-mode-scene__main{display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:0;flex:1}.solo-mode-scene__encounter-card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px var(--shadow-secondary),0 0 0 1px #7aa2f71a;max-width:700px;margin:0 auto;position:relative;overflow:hidden;animation:cardSlideIn var(--duration-slow) var(--ease-out) .4s both}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.solo-mode-scene__encounter-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(122,162,247,.05) 50%,transparent 100%);transition:left var(--duration-slow) var(--ease-out);z-index:0}.solo-mode-scene__encounter-card:hover:before{left:100%}.solo-mode-scene__encounter-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);text-align:center}.solo-mode-scene__encounter-header h2{color:var(--accent-primary);margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);text-shadow:0 0 12px rgba(122,162,247,.3)}.solo-mode-scene__encounter-status{display:flex;align-items:center}.solo-mode-scene__status{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:1px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden}.solo-mode-scene__status:before{content:"";position:absolute;inset:0;background:inherit;z-index:-1}.solo-mode-scene__status--active{background:#f7768e33;color:var(--error);border:1px solid rgba(247,118,142,.3);animation:statusPulse 2s ease-in-out infinite}.solo-mode-scene__status--ready{background:#9ece6a33;color:var(--success);border:1px solid rgba(158,206,106,.3)}@keyframes statusPulse{0%,to{box-shadow:0 0 8px #f7768e4d}50%{box-shadow:0 0 16px #f7768e80}}.solo-mode-scene__encounter-description{position:relative;z-index:1;color:var(--text-primary);line-height:var(--line-height-relaxed);opacity:.9;text-align:center;max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:var(--spacing-xl);font-size:var(--font-size-base)}.solo-mode-scene__encounter-controls{position:relative;z-index:1;display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.solo-mode-scene__start-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-dark));color:var(--text-inverse);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-2xl);border:none;box-shadow:0 4px 16px #7aa2f74d;transition:all var(--duration-normal) var(--ease-out)}.solo-mode-scene__start-button:hover{background:linear-gradient(135deg,var(--accent-primary-light),var(--accent-primary));transform:translateY(-2px);box-shadow:0 8px 24px #7aa2f766}.solo-mode-scene__forfeit-button{background:linear-gradient(135deg,var(--error),#e55e5e);color:var(--text-inverse);border:none;box-shadow:0 4px 16px #f7768e4d}.solo-mode-scene__forfeit-button:hover{background:linear-gradient(135deg,#ff8a9b,var(--error));box-shadow:0 8px 24px #f7768e66}.solo-mode-scene__game-board{flex:1;background:var(--bg-surface);border:2px solid var(--border-primary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;min-height:500px;position:relative;overflow:hidden;width:100%;box-sizing:border-box;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 32px var(--shadow-primary),0 4px 16px var(--shadow-secondary),inset 0 1px #ffffff1a,0 0 0 1px #7aa2f71a;animation:boardEnter var(--duration-slow) var(--ease-out) .6s both}@keyframes boardEnter{0%{opacity:0;transform:scale(.95) rotateX(10deg)}to{opacity:1;transform:scale(1) rotateX(0)}}.solo-mode-scene__game-board:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#7aa2f780,#9ece6a4d,#bb9af766);border-radius:var(--radius-2xl);z-index:-1;filter:blur(8px);animation:boardGlow 4s ease-in-out infinite alternate}@keyframes boardGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.02)}}.solo-mode-scene__canvas{width:100%;height:100%;max-width:100%;border-radius:var(--radius-xl);image-rendering:crisp-edges;image-rendering:-webkit-crisp-edges;transform:translateZ(0);will-change:transform;max-height:100%;border-radius:8px;display:block}@media (max-width: 768px){.solo-mode-scene__canvas{touch-action:pan-y pinch-zoom}}.solo-mode-scene__board-overlay{position:absolute;inset:0;pointer-events:none;display:flex;align-items:flex-end;padding:1rem}@media (max-width: 768px){.solo-mode-scene__board-overlay{align-items:flex-start;padding:.5rem}}.solo-mode-scene__board-info{background:#1e2127f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000004d}@media (max-width: 768px){.solo-mode-scene__board-info{padding:.75rem;margin:0 auto;max-width:90%}}.solo-mode-scene__game-status{display:flex;gap:2rem;align-items:center}@media (max-width: 768px){.solo-mode-scene__game-status{gap:1rem;justify-content:center;text-align:center}}.solo-mode-scene__turn,.solo-mode-scene__status{color:var(--text-primary);font-size:1rem;font-weight:500}.solo-mode-scene__turn strong{color:var(--accent-primary)}.solo-mode-scene__status strong{color:var(--accent-secondary)}.solo-mode-scene__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-primary);z-index:10}.solo-mode-scene__loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.solo-mode-scene__sidebar{display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.solo-mode-scene__game-log{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;flex:1;min-height:200px}.solo-mode-scene__game-log h3{color:var(--accent-secondary);margin:0 0 1rem;font-size:1.1rem}.solo-mode-scene__log-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;height:150px;overflow-y:auto;font-family:Courier New,monospace;font-size:.85rem;line-height:1.4}.solo-mode-scene__log-entry{color:var(--text-primary);margin-bottom:.25rem;word-wrap:break-word}.solo-mode-scene__log-entry--empty{color:var(--text-secondary);font-style:italic;text-align:center;margin-top:2rem}.solo-mode-scene__board-debug{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1rem;font-size:.85rem}.solo-mode-scene__board-debug h4{color:var(--accent-secondary);margin:0 0 .75rem;font-size:1rem}.solo-mode-scene__fen,.solo-mode-scene__knight-cooldown{margin-bottom:.5rem;color:var(--text-primary);word-wrap:break-word}.solo-mode-scene__fen strong,.solo-mode-scene__knight-cooldown strong{color:var(--accent-primary)}.solo-mode-scene__rewards-card,.solo-mode-scene__stats-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.solo-mode-scene__rewards-card h3,.solo-mode-scene__stats-card h3{color:var(--accent-secondary);margin:0 0 1rem;font-size:1.1rem}.solo-mode-scene__rewards-list{list-style:none;padding:0;margin:0}.solo-mode-scene__rewards-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-primary);font-size:.9rem;line-height:1.4;opacity:.9}.solo-mode-scene__reward-icon{font-size:1.2rem;min-width:1.2rem}.solo-mode-scene__stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.solo-mode-scene__stat-item{text-align:center;padding:1rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.solo-mode-scene__stat-item:nth-child(3){grid-column:1 / -1}.solo-mode-scene__stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--accent-primary);margin-bottom:.25rem}.solo-mode-scene__stat-label{font-size:.8rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.solo-mode-scene__quick-actions{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 1024px){.solo-mode-scene__content{grid-template-columns:1fr;height:auto}.solo-mode-scene__sidebar{flex-direction:row;overflow-x:auto;gap:1rem;margin-bottom:1rem}.solo-mode-scene__rewards-card,.solo-mode-scene__stats-card{min-width:250px;flex-shrink:0}.solo-mode-scene__quick-actions{flex-direction:row;min-width:200px}}@media (max-width: 768px){.solo-mode-scene__header{padding:1rem;flex-direction:column;gap:.75rem;position:relative;overflow:visible}.solo-mode-scene__title{font-size:1.5rem;text-align:center;order:1}.solo-mode-scene__back-button{order:0;align-self:flex-start}.solo-mode-scene__speed-controls{order:2;margin:0;justify-content:center}.solo-mode-scene__main{display:block;margin-bottom:2rem;flex:none}.solo-mode-scene__encounter-card{padding:1.5rem;margin-bottom:1rem;max-width:100%}.solo-mode-scene__encounter-header{flex-direction:column;align-items:flex-start;gap:.5rem}.solo-mode-scene__game-board{flex:none;height:350px;margin-bottom:2rem;position:relative}.solo-mode-scene__sidebar{display:block;padding:1rem 0;overflow:visible}.solo-mode-scene__rewards-card,.solo-mode-scene__stats-card,.solo-mode-scene__game-log{margin-bottom:1rem}.solo-mode-scene__board-debug{display:none}}@media (max-width: 480px){.solo-mode-scene__content{padding:.25rem}.solo-mode-scene__game-board{min-height:50vh;border-radius:8px}.solo-mode-scene__encounter-card{padding:.75rem}.solo-mode-scene__board-overlay{padding:.5rem}.solo-mode-scene__board-info{padding:.75rem;font-size:.9rem}}.solo-mode-scene__controls-container{display:flex;flex-direction:column;align-items:center;max-width:500px;margin:0 auto;padding:0 1rem}.solo-mode-scene__mode-selection{width:100%;margin-bottom:1.5rem}.solo-mode-scene__mode-selection h3{margin:0 0 1.5rem;font-size:1.1rem;color:var(--text-primary);text-align:center;font-weight:500}.solo-mode-scene__mode-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:0}.solo-mode-scene__mode-button{display:flex;flex-direction:column;align-items:center;padding:.875rem 1.25rem;min-width:130px;text-align:center;font-size:.9rem}.solo-mode-scene__mode-button small{font-size:.75rem;opacity:.8;margin-top:.25rem;font-weight:400}.solo-mode-scene__start-button{margin-top:1.5rem;padding:.75rem 2rem!important;font-size:.95rem!important;min-width:180px}.solo-mode-scene__active-controls{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:400px;margin:0 auto}.solo-mode-scene__forfeit-button{padding:.75rem 1.5rem!important;font-size:.9rem!important}.solo-mode-scene__manual-info{text-align:center;font-size:.9rem;color:var(--text-secondary);background:var(--bg-secondary);padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.solo-mode-scene__manual-info p{margin:.25rem 0}@media (max-width: 768px){.solo-mode-scene__controls-container{max-width:100%;padding:0 .5rem}.solo-mode-scene__mode-buttons{flex-direction:column;align-items:center;gap:.75rem}.solo-mode-scene__mode-button{width:100%;max-width:200px;min-width:unset}.solo-mode-scene__start-button{width:100%;max-width:200px;margin-top:1rem}}.evolution-scene{width:100%;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary)}.evolution-scene__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);background:var(--bg-surface-elevated);border-bottom:1px solid var(--border-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 3px var(--shadow-secondary)}.evolution-scene__back-button{font-size:var(--font-size-sm)}.evolution-scene__content{flex:1;display:flex;flex-direction:column;padding:var(--spacing-6);overflow-y:auto}.evolution-scene__intro{text-align:center;margin-bottom:var(--spacing-6);max-width:600px;margin-left:auto;margin-right:auto}.evolution-scene__intro h2{font-size:var(--font-size-xl);color:var(--accent-secondary);margin-bottom:var(--spacing-3)}.evolution-scene__intro p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.evolution-scene__panel-wrapper{flex:1;display:flex;justify-content:center;align-items:flex-start;margin-bottom:var(--spacing-6);padding:0 var(--spacing-3)}.evolution-scene__panel-container{width:100%;max-width:1200px;display:flex;justify-content:center}.evolution-scene__quick-actions{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.evolution-scene__header{padding:var(--spacing-3);flex-direction:column;gap:var(--spacing-3)}.evolution-scene__content{padding:var(--spacing-4)}.evolution-scene__panel-wrapper{padding:0}.evolution-scene__panel-container{max-width:100%}.evolution-scene__intro h2{font-size:var(--font-size-lg)}.evolution-scene__intro p{font-size:var(--font-size-sm)}.evolution-scene__quick-actions{flex-direction:column}}.settings-scene{width:100%;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary)}.settings-scene__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);background:var(--bg-surface-elevated);border-bottom:1px solid var(--border-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 3px var(--shadow-secondary)}.settings-scene__back-button{font-size:var(--font-size-sm)}.settings-scene__content{flex:1;display:flex;flex-direction:column;padding:var(--spacing-6);overflow-y:auto}.settings-scene__intro{text-align:center;margin-bottom:var(--spacing-6);max-width:600px;margin-left:auto;margin-right:auto}.settings-scene__intro h2{font-size:var(--font-size-xl);color:var(--accent-secondary);margin-bottom:var(--spacing-3)}.settings-scene__intro p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.settings-scene__panel-wrapper{flex:1;display:flex;justify-content:center;margin-bottom:var(--spacing-6)}.settings-scene__panel-container{width:100%;max-width:800px}.settings-scene__quick-actions{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.settings-scene__header{padding:var(--spacing-3);flex-direction:column;gap:var(--spacing-3)}.settings-scene__content{padding:var(--spacing-4)}.settings-scene__intro h2{font-size:var(--font-size-lg)}.settings-scene__intro p{font-size:var(--font-size-sm)}.settings-scene__quick-actions{flex-direction:column}}.achievements-scene{width:100%;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary)}.achievements-scene__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);background:var(--bg-surface-elevated);border-bottom:1px solid var(--border-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 3px var(--shadow-secondary)}.achievements-scene__header-actions{display:flex;align-items:center;gap:var(--spacing-3)}.achievements-scene__claim-all-button{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-2) var(--spacing-4);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);box-shadow:0 1px 3px var(--shadow-secondary)}.achievements-scene__claim-all-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px var(--shadow-secondary);background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary))}.achievements-scene__claim-all-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.achievements-scene__claim-all-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px var(--shadow-secondary)}.achievements-scene__back-button{font-size:var(--font-size-sm)}.achievements-scene__stats{font-size:var(--font-size-sm);color:var(--text-secondary)}.achievements-scene__stat{background:var(--bg-glass);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.achievements-scene__content{flex:1;display:flex;flex-direction:column;padding:var(--spacing-6);overflow-y:auto}.achievements-scene__intro{text-align:center;margin-bottom:var(--spacing-6);max-width:600px;margin-left:auto;margin-right:auto}.achievements-scene__intro h2{font-size:var(--font-size-xl);color:var(--accent-secondary);margin-bottom:var(--spacing-3)}.achievements-scene__intro p{font-size:1.1rem;line-height:1.6;color:var(--text-secondary)}.achievements-scene__filters{margin-bottom:2rem}.achievements-scene__filter-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.achievements-scene__filter-button{font-size:.9rem}.achievements-scene__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.achievement-card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.achievement-card--unlocked{background:linear-gradient(135deg,var(--bg-surface) 0%,rgba(158,206,106,.05) 100%);border-color:var(--accent-secondary);box-shadow:0 4px 12px #9ece6a26}.achievement-card--unlocked:hover{transform:translateY(-2px);box-shadow:0 8px 20px #9ece6a40}.achievement-card--locked{opacity:.7;filter:grayscale(.3)}.achievement-card--locked:hover{opacity:.8;filter:grayscale(.1)}.achievement-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.achievement-card__icon{font-size:2rem;opacity:.8}.achievement-card__rarity{font-size:1.2rem}.achievement-card__content{flex:1}.achievement-card__title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.achievement-card__description{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin:0 0 1rem}.achievement-card__reward{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.achievement-card__reward-icon{font-size:1.1rem}.achievement-card__reward-text{font-size:.9rem;font-weight:500;color:var(--accent-highlight)}.achievement-card__status{margin-top:auto}.achievement-card__unlocked-info{display:flex;flex-direction:column;gap:.25rem}.achievement-card__unlocked-badge{display:inline-block;padding:.25rem .5rem;background:var(--success);color:#fff;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.achievement-card__claimed-badge{display:inline-block;padding:.25rem .5rem;background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.achievement-card__date{font-size:.8rem;color:var(--text-tertiary)}.achievement-card__locked-badge{display:inline-block;padding:.25rem .5rem;background:var(--text-muted);color:var(--text-inverse);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.achievement-card__rarity-indicator{position:absolute;top:1rem;right:1rem;background:var(--bg-glass);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.achievement-card__rarity-text{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.achievements-scene__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem}.achievements-scene__spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.achievements-scene__empty{text-align:center;padding:3rem;color:var(--text-secondary)}.achievement-card__progress{margin-top:.75rem}.achievement-card__progress-bar{width:100%;height:4px;background:var(--bg-glass);border-radius:2px;overflow:hidden;margin-bottom:.25rem}.achievement-card__progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:2px;transition:width var(--duration-normal) var(--ease-out)}.achievement-card__progress-text{font-size:.75rem;color:var(--text-tertiary);text-align:center}.achievement-card--locked .achievement-card__progress{opacity:.6}.achievement-card--unlocked .achievement-card__progress-fill{background:linear-gradient(90deg,var(--success),var(--accent-secondary))}@media (max-width: 768px){.achievements-scene__header{padding:var(--spacing-3);flex-direction:column;gap:var(--spacing-3)}.achievements-scene__header-actions{flex-direction:column;gap:var(--spacing-2);width:100%}.achievements-scene__claim-all-button{width:100%;justify-content:center}.achievements-scene__stats{text-align:center}.achievements-scene__content{padding:var(--spacing-4)}.achievements-scene__grid{grid-template-columns:1fr;gap:var(--spacing-3)}.achievements-scene__filter-buttons{flex-direction:column}.achievements-scene__intro h2{font-size:var(--font-size-lg)}.achievements-scene__intro p{font-size:var(--font-size-sm)}.achievement-card{padding:var(--spacing-4)}.achievement-card__title{font-size:var(--font-size-base)}.achievement-card__description{font-size:var(--font-size-xs)}}.profile-scene{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary)}.profile-scene__background{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.profile-scene__particles{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(122,162,247,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(158,206,106,.08) 0%,transparent 50%),radial-gradient(circle at 60% 10%,rgba(187,154,247,.06) 0%,transparent 50%);animation:profileParticlesDrift 30s ease-in-out infinite}.profile-scene__content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding:var(--spacing-6);overflow-y:auto}.profile-scene__header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-primary)}.profile-scene__back-button{font-size:var(--font-size-sm);transition:all var(--duration-fast) var(--ease-out)}.profile-scene__back-button:hover{transform:translate(-2px)}.profile-scene__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--accent-primary);margin:0}.profile-scene__container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8);max-width:1200px;margin:0 auto;width:100%}.profile-scene__stats,.profile-scene__form{padding:var(--spacing-8);border-radius:var(--radius-xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-primary);background:var(--bg-surface);box-shadow:0 8px 32px #0000001a}.profile-scene__section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-6) 0;padding-bottom:var(--spacing-3);border-bottom:2px solid var(--accent-primary)}.profile-scene__stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.profile-scene__stat-item{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-4);background:var(--bg-glass);border:1px solid var(--border-muted);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.profile-scene__stat-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;border-color:var(--accent-primary)}.profile-scene__stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.profile-scene__stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--accent-primary)}.profile-scene__form-group{margin-bottom:var(--spacing-6)}.profile-scene__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2);text-shadow:0 1px 2px rgba(0,0,0,.1)}.profile-scene__input{width:100%;padding:var(--spacing-4) var(--spacing-4);border:2px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;font-weight:var(--font-weight-medium);transition:all var(--duration-normal) var(--ease-out);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 4px #0000001a,inset 0 1px #ffffff1a}.profile-scene__input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #7aa2f726,0 4px 8px #00000026,inset 0 1px #ffffff1a;background:var(--bg-surface-elevated);transform:translateY(-1px)}.profile-scene__input:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-scene__input::placeholder{color:var(--text-muted);font-weight:var(--font-weight-normal)}.profile-scene__input--error{border-color:var(--error);box-shadow:0 0 0 3px #f7768e26,0 2px 4px #f7768e1a}.profile-scene__input--error:focus{border-color:var(--error);box-shadow:0 0 0 3px #f7768e33,0 4px 8px #f7768e26}.profile-scene__field-error{font-size:var(--font-size-xs);color:var(--error);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-1);margin-top:var(--spacing-1)}.profile-scene__field-error:before{content:"⚠";font-size:var(--font-size-sm)}.profile-scene__message{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;margin-bottom:var(--spacing-4)}.profile-scene__message--error{background:#f7768e1a;border:1px solid rgba(247,118,142,.2);color:var(--error)}.profile-scene__message--success{background:#9ece6a1a;border:1px solid rgba(158,206,106,.2);color:var(--success)}.profile-scene__form-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--border-muted)}.profile-scene__save-button{min-width:120px}.profile-scene__reset-button{min-width:80px}.profile-scene__loading{display:flex;align-items:center;justify-content:center;height:50vh;font-size:var(--font-size-lg);color:var(--text-secondary)}@keyframes profileParticlesDrift{0%{transform:translate(0) rotate(0);opacity:.8}25%{transform:translate(-10px,-15px) rotate(90deg);opacity:.9}50%{transform:translate(-20px,-30px) rotate(180deg);opacity:.7}75%{transform:translate(-10px,-45px) rotate(270deg);opacity:.9}to{transform:translate(0) rotate(360deg);opacity:.8}}@media (max-width: 1024px){.profile-scene__container{grid-template-columns:1fr;gap:var(--spacing-6)}}@media (max-width: 768px){.profile-scene__content{padding:var(--spacing-4)}.profile-scene__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.profile-scene__title{font-size:var(--font-size-2xl)}.profile-scene__stats,.profile-scene__form{padding:var(--spacing-6)}.profile-scene__stats-grid{grid-template-columns:1fr}.profile-scene__form-actions{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion: reduce){.profile-scene__particles{animation:none}.profile-scene__input:focus{transform:none}.profile-scene__stat-item:hover{transform:none}}.app{position:relative;width:100vw;overflow:hidden;display:flex;flex-direction:column;min-height:var(--app-height, 100vh);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.app__auth-gate{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);z-index:9999}.app__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent-primary, #8b5cf6);border-radius:50%;animation:appSpinner .9s linear infinite}@keyframes appSpinner{to{transform:rotate(360deg)}}.app__content{flex:1;position:relative;z-index:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.app__mobile-nav{display:none}@media (max-width: 768px){.app__mobile-nav{display:block}.app__content{padding-bottom:max(var(--bottom-nav-height, 80px),80px)}}.app:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(122,162,247,.05) 0%,transparent 50%),radial-gradient(circle at 70% 20%,rgba(158,206,106,.03) 0%,transparent 50%);opacity:.4;z-index:0;pointer-events:none;transform-origin:center center;will-change:transform,opacity;contain:layout style paint}@keyframes particles-drift{0%{transform:translate(0) rotate(0);opacity:.4}50%{opacity:.6}to{transform:translate(-10px,-10px) rotate(180deg);opacity:.4}}.app .scene{position:relative;z-index:1;width:100%;min-height:100vh;animation:sceneEnter var(--duration-slow) var(--ease-out)}@keyframes sceneEnter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.app{height:var(--app-height, 100vh);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.app__mobile-nav{display:block}.app__content{padding-bottom:var(--bottom-nav-height, 80px)}.app:before{animation-duration:60s}}@media (max-width: 480px){.app{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.app:before{opacity:.3}}@media (prefers-reduced-motion: reduce){.app:before{animation:none}.app .scene{animation-duration:var(--duration-fast)}@keyframes sceneEnter{0%{opacity:0}to{opacity:1}}}@media (prefers-contrast: high){.app{background:var(--bg-primary)}.app:before{display:none}}@media print{.app{background:#fff;color:#000}.app:before{display:none}}