:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--shadow-ink:0, 0, 0;--shadow-strength:.1;--shadow-xs:0 1px 2px rgba(var(--shadow-ink), calc(var(--shadow-strength) * .7));--shadow-sm:0 2px 6px rgba(var(--shadow-ink), calc(var(--shadow-strength) * .9));--shadow-md:0 6px 16px rgba(var(--shadow-ink), calc(var(--shadow-strength) * 1.1));--shadow-lg:0 12px 28px rgba(var(--shadow-ink), calc(var(--shadow-strength) * 1.3));--shadow-xl:0 20px 50px rgba(var(--shadow-ink), calc(var(--shadow-strength) * 1.6));--shadow-glow-cyan:0 0 24px color-mix(in srgb, var(--gold) 35%, transparent);--shadow-glow-green:0 0 24px color-mix(in srgb, var(--pos) 35%, transparent);--shadow-glow-amber:0 0 24px color-mix(in srgb, var(--gold) 30%, transparent);--shadow-glow-red:0 0 24px color-mix(in srgb, var(--neg) 30%, transparent);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.15s;--dur-normal:.22s;--dur-slow:.38s}.dark{--shadow-strength:.34}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-label);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform var(--dur-fast) var(--ease-smooth), box-shadow var(--dur-normal) var(--ease-smooth), background var(--dur-normal) var(--ease-smooth), border-color var(--dur-normal) var(--ease-smooth);-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 45%, transparent);outline:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:after{content:"";background:radial-gradient(circle at center, color-mix(in srgb, var(--fg) 40%, transparent) 0%, transparent 60%);opacity:0;transition:opacity var(--dur-fast), transform var(--dur-slow);pointer-events:none;position:absolute;inset:0;transform:scale(.5)}.btn:active:after{opacity:1;transition:opacity;transform:scale(1)}.btn:before{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--fg) 12%, transparent) 0%, transparent 50%);pointer-events:none;opacity:0;transition:opacity var(--dur-normal);position:absolute;inset:0}.btn:hover:not(:disabled):before{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--gold-fill) 0%, var(--pos) 100%);color:var(--on-gold);box-shadow:var(--shadow-md), var(--shadow-glow-cyan)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg), 0 0 36px color-mix(in srgb, var(--gold) 55%, transparent);transform:translateY(-2px)}.btn-secondary{background:color-mix(in srgb, var(--fg) 6%, transparent);color:var(--fg);border-color:color-mix(in srgb, var(--fg) 12%, transparent);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--fg) 10%, transparent);border-color:color-mix(in srgb, var(--gold) 40%, transparent);color:var(--fg);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{color:var(--fg-2);background:0 0}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb, var(--gold) 8%, transparent);color:var(--gold)}.btn-danger{background:linear-gradient(135deg, var(--neg-fill) 0%, var(--neg-fill) 100%);color:var(--on-neg);box-shadow:var(--shadow-md), var(--shadow-glow-red)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-lg), 0 0 36px color-mix(in srgb, var(--neg) 55%, transparent);transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg, var(--gold-fill) 0%, var(--neg-fill) 100%);color:var(--on-gold);box-shadow:var(--shadow-md), var(--shadow-glow-amber)}.btn-accent:hover:not(:disabled){box-shadow:var(--shadow-lg), 0 0 36px color-mix(in srgb, var(--gold) 55%, transparent);transform:translateY(-2px)}.btn-sm{border-radius:8px;padding:6px 12px;font-size:11px}.btn-xs{letter-spacing:.06em;border-radius:6px;padding:4px 8px;font-size:10px}.btn-lg{border-radius:12px;padding:14px 28px;font-size:15px}button[style*=linear-gradient]{transition:transform var(--dur-fast) var(--ease-smooth), box-shadow var(--dur-normal) var(--ease-smooth), filter var(--dur-normal) var(--ease-smooth)}button[style*=linear-gradient]:hover:not(:disabled){filter:brightness(1.08)saturate(1.1);box-shadow:var(--shadow-md);transform:translateY(-1px)}button[style*=linear-gradient]:active:not(:disabled){transform:scale(.97)}.card,.card-compact{-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb, var(--fg) 6%, transparent);position:relative;transition:transform var(--dur-normal) var(--ease-smooth), box-shadow var(--dur-normal) var(--ease-smooth), border-color var(--dur-normal) var(--ease-smooth)!important}.card:before,.card-compact:before{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in srgb, var(--gold) 15%, transparent), color-mix(in srgb, var(--pos) 0%, transparent) 40%, color-mix(in srgb, var(--rarity-epic) 10%, transparent));-webkit-mask-composite:xor;pointer-events:none;opacity:.6;transition:opacity var(--dur-normal);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover:before,.card-compact:hover:before{opacity:1}.card:hover,.card-compact:hover{transform:translateY(-2px);border-color:color-mix(in srgb, var(--gold) 18%, transparent)!important}.card-highlight{background:linear-gradient(135deg, color-mix(in srgb, var(--gold) 6%, transparent), color-mix(in srgb, var(--pos) 4%, transparent))!important;border-color:color-mix(in srgb, var(--gold) 20%, transparent)!important;box-shadow:var(--shadow-lg), var(--shadow-glow-cyan)!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, color-mix(in srgb, var(--fg) 4%, transparent) 25%, color-mix(in srgb, var(--fg) 10%, transparent) 50%, color-mix(in srgb, var(--fg) 4%, transparent) 75%);background-size:200% 100%;border-radius:6px;animation:1.4s linear infinite shimmer}@keyframes float-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-float-in{animation:float-in var(--dur-slow) var(--ease-out) both}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in var(--dur-normal) var(--ease-out) both}.stagger-children>*{animation:float-in var(--dur-slow) var(--ease-out) both}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.36s}@keyframes glow-pulse{0%,to{box-shadow:var(--shadow-md), var(--shadow-glow-cyan)}50%{box-shadow:var(--shadow-md), 0 0 40px color-mix(in srgb, var(--gold) 70%, transparent)}}.animate-glow-pulse{animation:glow-pulse 2.5s var(--ease-smooth) infinite}table tbody tr{transition:background var(--dur-fast) var(--ease-smooth)}table tbody tr:hover{background:color-mix(in srgb, var(--gold) 4%, transparent)}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,select:focus,textarea:focus{transition:box-shadow var(--dur-normal) var(--ease-smooth), border-color var(--dur-normal) var(--ease-smooth)}aside,.sidebar{-webkit-backdrop-filter:blur(16px)saturate(1.1)}.sidebar button{transition:color var(--dur-normal) var(--ease-smooth), background var(--dur-normal) var(--ease-smooth), padding-left var(--dur-normal) var(--ease-smooth);position:relative}.sidebar button:before{content:"";background:linear-gradient(180deg, var(--gold), var(--pos));width:0;transition:width var(--dur-normal) var(--ease-out);box-shadow:0 0 12px color-mix(in srgb, var(--gold) 50%, transparent);border-radius:0 2px 2px 0;position:absolute;top:25%;bottom:25%;left:0}.sidebar button:hover:before,.sidebar .sidebar-item.active:before{width:3px}.sidebar button:hover{padding-left:calc(var(--space-3) + 2px)}.money-amount{font-variant-numeric:tabular-nums;letter-spacing:-.01em;transition:color var(--dur-normal) var(--ease-smooth)}.empty-state{padding:var(--space-7) var(--space-5);text-align:center;background:linear-gradient(135deg, color-mix(in srgb, var(--gold) 3%, transparent), color-mix(in srgb, var(--pos) 2%, transparent));border:1px dashed color-mix(in srgb, var(--gold) 20%, transparent);border-radius:16px;position:relative;overflow:hidden}.empty-state:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--gold) 6%, transparent) 0%, transparent 50%);pointer-events:none;width:200%;height:200%;animation:1.2s ease-out both float-in;position:absolute;top:-50%;left:-50%}.empty-state-icon{margin-bottom:var(--space-4);filter:drop-shadow(0 0 20px color-mix(in srgb, var(--gold) 40%, transparent));animation:float-in var(--dur-slow) var(--ease-out) both, gentle-bob 3s ease-in-out infinite 1s;font-size:56px;display:inline-block}@keyframes gentle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.empty-state-cta{margin-top:var(--space-4);background:linear-gradient(135deg, var(--gold-fill) 0%, var(--pos) 100%);color:var(--on-gold);font-family:var(--font-label);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-md), var(--shadow-glow-cyan);transition:transform var(--dur-fast) var(--ease-smooth), box-shadow var(--dur-normal);border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700}.empty-state-cta:hover{box-shadow:var(--shadow-lg), 0 0 40px color-mix(in srgb, var(--gold) 60%, transparent);transform:translateY(-2px)scale(1.02)}.tab-button{background:color-mix(in srgb, var(--fg) 4%, transparent);color:var(--fg-2);font-family:var(--font-label);letter-spacing:.06em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--fg) 6%, transparent);cursor:pointer;transition:all var(--dur-normal) var(--ease-smooth);white-space:nowrap;border-radius:10px;padding:8px 16px;font-size:12px;font-weight:600;position:relative}.tab-button:hover{background:color-mix(in srgb, var(--gold) 8%, transparent);color:var(--fg);border-color:color-mix(in srgb, var(--gold) 20%, transparent)}.tab-button.active{background:linear-gradient(135deg, color-mix(in srgb, var(--gold) 15%, transparent), color-mix(in srgb, var(--pos) 10%, transparent));color:var(--gold);border-color:color-mix(in srgb, var(--gold) 40%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--gold) 25%, transparent)}.hq-logo-gradient{background:linear-gradient(135deg, var(--gold) 0%, var(--pos) 50%, var(--rarity-epic) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite gradient-shift}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--gold) 30%, transparent) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:color-mix(in srgb, var(--fg) 2%, transparent);border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 30%, transparent), color-mix(in srgb, var(--pos) 30%, transparent));background-clip:padding-box;border:2px solid #0000;border-radius:6px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 55%, transparent), color-mix(in srgb, var(--pos) 55%, transparent));background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{transition:all var(--dur-normal) var(--ease-smooth)!important}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus,select:focus,textarea:focus{transform:translateY(-1px);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 18%, transparent), 0 0 16px color-mix(in srgb, var(--gold) 15%, transparent)!important;border-color:var(--gold)!important}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:color-mix(in srgb, var(--gold) 30%, transparent)!important}@keyframes toast-in{0%{opacity:0;transform:translate(60px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-out{to{opacity:0;transform:translate(60px)scale(.95)}}.toast,[class*=toast-]{animation:toast-in var(--dur-slow) var(--ease-out) both}[role=dialog],.modal-overlay{animation:scale-in var(--dur-normal) var(--ease-out) both}.engine-card{transition:transform var(--dur-normal) var(--ease-smooth), box-shadow var(--dur-normal) var(--ease-smooth);transform-style:preserve-3d;perspective:1000px}.engine-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)rotateX(2deg)rotateY(-1deg)}.badge{font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}[style*=width\:][style*=\%][style*=background\:]:not(.no-anim){transition:width .6s var(--ease-out)!important}.animate-fade-in{animation:float-in var(--dur-slow) var(--ease-out) both!important}::selection{background:color-mix(in srgb, var(--gold) 35%, transparent);color:var(--fg)}a{transition:color var(--dur-fast) var(--ease-smooth), text-shadow var(--dur-fast) var(--ease-smooth)}a:hover{text-shadow:0 0 8px}.tab-button.active:after{content:"";background:linear-gradient(90deg, var(--gold), var(--pos));height:2px;animation:glide-in var(--dur-normal) var(--ease-out) both;box-shadow:0 0 8px color-mix(in srgb, var(--gold) 50%, transparent);border-radius:2px;position:absolute;bottom:-2px;left:12%;right:12%}@keyframes glide-in{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes notif-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--pos) 60%, transparent);transform:scale(1)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--pos) 0%, transparent);transform:scale(1.15)}}.notif-dot{background:var(--pos);width:8px;height:8px;animation:notif-pulse 1.8s var(--ease-smooth) infinite;vertical-align:middle;border-radius:50%;display:inline-block}.notif-dot.urgent{background:var(--neg);animation-name:notif-pulse-urgent}@keyframes notif-pulse-urgent{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--neg) 60%, transparent);transform:scale(1)}50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--neg) 0%, transparent);transform:scale(1.2)}}@keyframes achievement-burst{0%{opacity:0;filter:brightness(2);transform:scale(.7)rotate(-12deg)}40%{opacity:1;filter:brightness(1.5);transform:scale(1.15)rotate(3deg)}to{opacity:1;filter:brightness();transform:scale(1)rotate(0)}}.achievement-unlocked{animation:achievement-burst .7s var(--ease-bounce) both;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--gold) 60%, transparent))}@keyframes flash-up{0%{color:var(--pos);transform:translateY(-2px)}to{color:inherit;transform:translateY(0)}}@keyframes flash-down{0%{color:var(--neg);transform:translateY(2px)}to{color:inherit;transform:translateY(0)}}.flash-up{animation:flash-up .6s var(--ease-out) both}.flash-down{animation:flash-down .6s var(--ease-out) both}.first-render-glow{animation:first-glow 1.6s var(--ease-out) both}@keyframes first-glow{0%{box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 60%, transparent), var(--shadow-md)}to{box-shadow:var(--shadow-md)}}[data-clickable=true]{cursor:pointer}[data-clickable=true]:hover{filter:brightness(1.15)}.print-only{display:none}@media print{.print-only{display:block}.print-hide{display:none!important}}.btn-magnetic{transition:transform var(--dur-normal) var(--ease-smooth), box-shadow var(--dur-normal) var(--ease-smooth);will-change:transform}.btn-magnetic:hover{transform:translateY(-3px)scale(1.04)}.btn-magnetic:active{transform:scale(.96)}.btn-magnetic.important{position:relative}.btn-magnetic.important:before{content:"";border-radius:inherit;background:conic-gradient(from 0deg, var(--gold), var(--pos), var(--rarity-epic), var(--gold));opacity:0;filter:blur(8px);z-index:-1;transition:opacity var(--dur-normal);animation:6s linear infinite magnetic-spin;position:absolute;inset:-2px}.btn-magnetic.important:hover:before{opacity:.7}@keyframes magnetic-spin{to{transform:rotate(360deg)}}.nw-row{cursor:help;transition:background var(--dur-fast);border-radius:6px;margin:-4px;padding:4px}.nw-row:hover{background:color-mix(in srgb, var(--gold) 5%, transparent)}button[title*=dark\ mode],button[title*=light\ mode]{transition:transform var(--dur-normal) var(--ease-bounce), background var(--dur-normal) var(--ease-smooth)}button[title*=dark\ mode]:hover,button[title*=light\ mode]:hover{transform:rotate(20deg)scale(1.1);background:color-mix(in srgb, var(--gold) 15%, transparent)!important}body,.card,.card-compact,header,aside{transition:background-color .4s var(--ease-smooth), color .4s var(--ease-smooth)!important}@keyframes liquid-wave{0%{background-position:0%,0 0}to{background-position:100%,40px 0}}.bar-liquid{position:relative;overflow:hidden}.bar-liquid>div{background-image:linear-gradient(90deg, currentColor 0%, currentColor 100%), repeating-linear-gradient(45deg, color-mix(in srgb, var(--fg) 15%, transparent) 0, color-mix(in srgb, var(--fg) 15%, transparent) 10px, transparent 10px, transparent 20px);background-blend-mode:overlay;animation:1.6s linear infinite liquid-wave;position:relative}[style*="background: linear-gradient(90deg, #40e888"],[style*="background: linear-gradient(90deg, #00D4FF"],[style*="background: linear-gradient(90deg, var(--pos)"],[style*="background: linear-gradient(90deg, var(--gold)"]{background-image:linear-gradient(90deg, var(--pos), var(--gold)), repeating-linear-gradient(45deg, color-mix(in srgb, var(--fg) 10%, transparent) 0 8px, transparent 8px 16px);background-blend-mode:overlay;background-size:100% 100%,22px 22px;animation:1.8s linear infinite liquid-stripe}@keyframes liquid-stripe{to{background-position:0 0,-22px 0}}h1.shimmer-text,h2.shimmer-text,h3.shimmer-text,.shimmer-text{background:linear-gradient(110deg, var(--fg) 25%, var(--fg) 50%, var(--fg) 75%);-webkit-text-fill-color:transparent;transition:background-position .6s var(--ease-out);background-size:220% 100%;-webkit-background-clip:text;background-clip:text}.shimmer-text:hover{background-position:-50% 0}main h2{background:linear-gradient(110deg, currentColor 30%, var(--gold) 50%, currentColor 70%);transition:background-position 1.2s var(--ease-out), -webkit-text-fill-color 0s;cursor:default;background-position:200% 0;background-size:220% 100%;-webkit-background-clip:text;background-clip:text}main h2:hover{-webkit-text-fill-color:transparent;background-position:-50% 0}@keyframes section-slide-in{0%{opacity:0;filter:blur(4px);transform:translate(20px)scale(.99)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}main>*{animation:section-slide-in var(--dur-slow) var(--ease-out) both}body.cursor-trail-active{cursor:none}body.cursor-trail-active *{cursor:none!important}.cursor-dot{pointer-events:none;background:var(--gold);z-index:100000;mix-blend-mode:screen;width:8px;height:8px;box-shadow:0 0 12px var(--gold), 0 0 24px color-mix(in srgb, var(--gold) 50%, transparent);border-radius:50%;transition:transform 50ms linear,width .2s,height .2s;position:fixed;transform:translate(-50%,-50%)}.cursor-trail{pointer-events:none;border:1.5px solid color-mix(in srgb, var(--gold) 40%, transparent);z-index:99999;mix-blend-mode:screen;width:32px;height:32px;transition:transform .18s var(--ease-smooth), width .2s, height .2s, border-color .2s;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.cursor-dot.hovering,.cursor-trail.hovering{border-color:var(--pos);width:50px;height:50px}.parallax-card{transform-style:preserve-3d;transition:transform .15s var(--ease-smooth);will-change:transform}.parallax-card .parallax-content{transform:translateZ(20px)}.achievement-notif{z-index:9999;background:linear-gradient(135deg, color-mix(in srgb, var(--gold) 18%, transparent), color-mix(in srgb, var(--neg) 12%, transparent));border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);max-width:320px;box-shadow:var(--shadow-xl), 0 0 32px color-mix(in srgb, var(--gold) 35%, transparent);-webkit-backdrop-filter:blur(16px);animation:achievement-slide var(--dur-slow) var(--ease-bounce) both;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;display:flex;position:fixed;bottom:24px;left:24px}@keyframes achievement-slide{0%{opacity:0;transform:translate(-100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.achievement-notif.exit{animation:achievement-slide-out .3s var(--ease-smooth) forwards}@keyframes achievement-slide-out{to{opacity:0;transform:translate(-100%)scale(.9)}}.achievement-notif-icon{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--gold) 70%, transparent));animation:achievement-burst .7s var(--ease-bounce) both;font-size:36px}.achievement-notif-text{flex:1;min-width:0}.achievement-notif-title{font-family:var(--font-label);letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:2px;font-size:11px;font-weight:700}.achievement-notif-name{color:var(--fg);font-size:14px;font-weight:700;line-height:1.2}.achievement-notif-desc{color:var(--fg);margin-top:4px;font-size:11px}.card,.card-compact{cursor:default}.card:after,.card-compact:after{content:"";border-radius:inherit;background:conic-gradient(from var(--ripple-angle,0deg), transparent 0deg, color-mix(in srgb, var(--gold) 10%, transparent) 50deg, transparent 100deg, transparent 360deg);opacity:0;pointer-events:none;z-index:-1;filter:blur(6px);transition:opacity .4s var(--ease-smooth);position:absolute;inset:-2px}.card:hover:after,.card-compact:hover:after{opacity:1;animation:4s linear infinite ripple-spin}@keyframes ripple-spin{to{--ripple-angle:360deg}}@property --ripple-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.achievement-badge,[class*=achievement] img,[class*=medal] img{transition:transform .5s var(--ease-bounce), filter .3s;transform-style:preserve-3d;cursor:pointer}.achievement-badge:hover,[class*=achievement] img:hover,[class*=medal] img:hover{filter:drop-shadow(0 0 16px color-mix(in srgb, var(--gold) 60%, transparent)) brightness(1.1);transform:rotateY(360deg)scale(1.15)}@keyframes page-wipe{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}.page-wipe-enter{animation:page-wipe .6s var(--ease-out) both}input[type=range]{appearance:none;background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 20%, transparent), color-mix(in srgb, var(--pos) 20%, transparent));width:100%;height:6px;transition:all var(--dur-normal);border-radius:999px;outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--gold), var(--pos));cursor:pointer;width:18px;height:18px;box-shadow:0 0 10px color-mix(in srgb, var(--gold) 60%, transparent), 0 2px 6px #0000004d;transition:transform var(--dur-fast) var(--ease-bounce), box-shadow var(--dur-normal);border-radius:50%}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 18px color-mix(in srgb, var(--gold) 90%, transparent), 0 4px 12px #0006;transform:scale(1.25)}input[type=range]::-moz-range-thumb{background:linear-gradient(135deg, var(--gold), var(--pos));cursor:pointer;width:18px;height:18px;box-shadow:0 0 10px color-mix(in srgb, var(--gold) 60%, transparent);border:none;border-radius:50%}aside{position:relative}aside:after{content:"";background:linear-gradient(180deg, var(--gold), var(--pos));width:4px;height:8px;box-shadow:0 0 12px color-mix(in srgb, var(--gold) 70%, transparent);transition:top .4s var(--ease-bounce);pointer-events:none;opacity:0;border-radius:0 4px 4px 0;position:absolute;left:0}aside:has(.sidebar-item.active):after{opacity:1}[title*=Annual]{transform-origin:50%;animation:6s linear infinite sub-badge-spin,2s ease-in-out infinite sub-badge-glow;display:inline-block}@keyframes sub-badge-spin{0%,90%,to{transform:rotate(0)}92%{transform:rotate(-15deg)}95%{transform:rotate(15deg)}}@keyframes sub-badge-glow{0%,to{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--gold) 40%, transparent))}50%{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--gold) 80%, transparent))}}.breadcrumb{color:var(--fg-2);font-size:11px;font-family:var(--font-label);letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:12px;display:flex}.breadcrumb-item{background:color-mix(in srgb, var(--fg) 4%, transparent);transition:all var(--dur-fast);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.breadcrumb-item:hover{background:color-mix(in srgb, var(--gold) 10%, transparent);color:var(--gold);border-color:color-mix(in srgb, var(--gold) 30%, transparent)}.breadcrumb-item.current{color:var(--gold);cursor:default;font-weight:600}.breadcrumb-separator{color:var(--fg-3);font-size:10px}[data-dragging=true]{opacity:.4;transition:opacity var(--dur-fast), transform var(--dur-fast);transform:scale(.98);cursor:grabbing!important}[data-drag-over=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--gold) 50%, transparent) inset, 0 0 16px color-mix(in srgb, var(--gold) 30%, transparent);transition:all var(--dur-fast);border-radius:8px;position:relative;transform:translateY(-1px);background:color-mix(in srgb, var(--gold) 10%, transparent)!important}[data-drag-over=true]:before{content:"";background:linear-gradient(90deg, var(--gold), var(--pos));height:3px;box-shadow:0 0 8px color-mix(in srgb, var(--gold) 70%, transparent);border-radius:2px;position:absolute;top:-2px;left:0;right:0}.drag-handle{cursor:grab;opacity:.4;transition:opacity var(--dur-fast);-webkit-user-select:none;user-select:none;color:var(--fg-2);align-items:center;padding:0 4px;font-size:14px;display:inline-flex}.drag-handle:hover,[draggable=true]:hover .drag-handle{opacity:1}.drag-handle:active{cursor:grabbing}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb, var(--gold) 30%, transparent);color:var(--fg);font-size:11px;font-weight:600;font-family:var(--font-label);letter-spacing:.04em;white-space:nowrap;pointer-events:none;opacity:0;z-index:9999;box-shadow:var(--shadow-lg), 0 0 12px color-mix(in srgb, var(--gold) 30%, transparent);transition:opacity var(--dur-normal) var(--ease-smooth), transform var(--dur-normal) var(--ease-smooth);background:#0f172af2;border-radius:8px;padding:6px 10px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}[data-tooltip-bottom]:after{top:calc(100% + 8px);bottom:auto}[data-tooltip-left]:after{bottom:50%;left:auto;right:calc(100% + 8px);transform:translateY(50%)translate(4px)}[data-tooltip-left]:hover:after{transform:translateY(50%)translate(0)}main h2{position:relative}main h2:before{content:"";background:radial-gradient(ellipse, color-mix(in srgb, var(--gold) 10%, transparent), transparent 60%);filter:blur(40px);pointer-events:none;z-index:-1;width:60%;height:200%;animation:8s ease-in-out infinite blob-drift;position:absolute;top:-20%;left:-10%}@keyframes blob-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(15%,-10%)scale(1.15)}}.press-hold{position:relative;overflow:hidden}.press-hold:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--neg) 40%, transparent) 0%, color-mix(in srgb, var(--neg) 40%, transparent) 100%);transform-origin:0;transition:transform var(--dur-fast);pointer-events:none;position:absolute;inset:0;transform:scaleX(0)}.press-hold:active:before{transition:transform 1.2s linear;transform:scaleX(1)}.toast-stack>.toast:nth-child(n+4){display:none}.toast-stack>.toast{transform-origin:100% 100%;margin-bottom:8px}.toast-stack>.toast:nth-child(2){opacity:.85;transform:scale(.95)}.toast-stack>.toast:nth-child(3){opacity:.7;transform:scale(.9)}.cmdk-overlay{background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(8px);z-index:99998;animation:scale-in var(--dur-normal) var(--ease-out) both;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.cmdk-modal{border:1px solid color-mix(in srgb, var(--gold) 30%, transparent);width:min(560px,92vw);box-shadow:var(--shadow-xl), 0 0 40px color-mix(in srgb, var(--gold) 20%, transparent);z-index:99999;background:#0f172af2;border-radius:14px;overflow:hidden}.cmdk-input{width:100%;color:var(--fg);border:none;border-bottom:1px solid color-mix(in srgb, var(--fg) 6%, transparent);background:0 0;outline:none;padding:16px 20px;font-family:Inter,system-ui,sans-serif;font-size:15px}.cmdk-list{max-height:50vh;padding:8px;overflow-y:auto}.cmdk-item{cursor:pointer;color:var(--fg);transition:background var(--dur-fast);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.cmdk-item.active,.cmdk-item:hover{background:color-mix(in srgb, var(--gold) 12%, transparent);color:var(--fg)}.cmdk-item-icon{font-size:16px}.cmdk-item-shortcut{color:var(--fg-3);font-size:10px;font-family:var(--font-label);letter-spacing:.1em;margin-left:auto}html{scroll-behavior:smooth;overflow-x:hidden;overflow-y:auto!important}body{min-height:100vh;overflow-x:hidden;overflow-y:auto!important}body.modal-open{overflow-y:hidden!important}main>*{will-change:auto}main>.animating{will-change:transform, opacity, filter}main{min-height:0;overflow:visible!important}canvas[aria-hidden=true]{pointer-events:none!important}footer{z-index:1;position:relative}
