:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--bg: #09090B;--bg-subtle: #0F172A;--bg-card: rgba(17, 24, 39, .75);--bg-glass: rgba(17, 24, 39, .75);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--chalk: #FAFAFA;--chalk-soft: #E4E4E7;--chalk-muted: #94A3B8;--chalk-subtle: #64748B;--lime: #84CC16;--lime-bright: #A3E635;--lime-glow: rgba(132, 204, 22, .35);--green: #10B981;--green-hover: #059669;--green-glow: rgba(16, 185, 129, .35);--red: #EF4444;--red-hover: #DC2626;--red-glow: rgba(239, 68, 68, .35);--coral: #F43F5E;--violet: #8B5CF6;--cyan: #22D3EE;--cyan-glow: rgba(34, 211, 238, .35);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk", var(--font-sans);--text-shadow-body: 0 1px 2px rgba(0, 0, 0, .3);--text-shadow-heading: 0 2px 4px rgba(0, 0, 0, .4);--text-shadow-btn: 0 1px 3px rgba(0, 0, 0, .5);--text-shadow-kpi: 0 2px 6px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 3px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.35), 0 2px 6px rgba(0,0,0,.25);--shadow-lg: 0 12px 36px rgba(0,0,0,.5), 0 4px 14px rgba(0,0,0,.3);--shadow-xl: 0 24px 64px rgba(0,0,0,.65), 0 8px 28px rgba(0,0,0,.4);--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--r-2xl: 32px;--r-3xl: 40px;--r-full: 9999px;--touch-min: 44px;--dur-fast: .15s;--dur: .3s;--dur-slow: .6s;--ease: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:var(--bg);color:var(--chalk);font-family:var(--font-sans);scroll-behavior:smooth;overflow-y:scroll;scrollbar-gutter:stable}body{min-height:100vh;overflow-x:hidden;overflow-y:visible;position:relative;width:100%}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;outline:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;transform-origin:center center;backface-visibility:hidden;-webkit-backface-visibility:hidden}button{cursor:pointer;background:none;border:none;-webkit-user-select:none;user-select:none;transform:translateY(0);will-change:transform;transition:transform var(--dur-fast, .15s) var(--ease, ease),opacity var(--dur-fast, .15s) var(--ease, ease)}button:active{transform:scale(.98)}a{color:inherit;text-decoration:none;transform:translateY(0)}:focus-visible{outline:2px solid var(--lime, #84CC16)!important;outline-offset:2px!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#09090b}::-webkit-scrollbar-thumb{background:#22d3ee40;border:1px solid rgba(34,211,238,.4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#84cc1699;border-color:#84cc16;box-shadow:0 0 10px #84cc1680}*{scrollbar-width:thin;scrollbar-color:rgba(34,211,238,.3) #09090B}h1,.t-display-xl{font-family:var(--font-display);font-size:clamp(2rem,6vw + .5rem,4.2rem);font-weight:900;letter-spacing:-.04em;line-height:1.08;color:var(--chalk);text-shadow:var(--text-shadow-heading);word-break:break-word}h2,.t-display{font-family:var(--font-display);font-size:clamp(1.6rem,4vw + .5rem,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--chalk);text-shadow:var(--text-shadow-heading);word-break:break-word}h3,.t-heading{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw + .4rem,2rem);font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--chalk);text-shadow:var(--text-shadow-heading)}h4,.t-subheading{font-size:clamp(1.05rem,1.8vw + .2rem,1.35rem);font-weight:700;letter-spacing:-.01em;line-height:1.35;color:var(--chalk);text-shadow:var(--text-shadow-heading)}h5,h6{text-shadow:var(--text-shadow-heading)}.t-body-lg{font-size:clamp(1rem,1.4vw + .2rem,1.2rem);line-height:1.6;color:var(--chalk-soft);text-shadow:var(--text-shadow-body)}.t-body,p,span,label,td,th,li,dt,dd{font-size:clamp(.9rem,1vw + .2rem,1.02rem);line-height:1.6;color:var(--chalk-soft);text-shadow:var(--text-shadow-body)}.t-small{font-size:clamp(.8rem,.8vw + .15rem,.9rem);line-height:1.5;color:var(--chalk-muted);text-shadow:var(--text-shadow-body)}.t-caption{font-size:clamp(.68rem,.6vw + .1rem,.78rem);text-transform:uppercase;letter-spacing:.08em;font-weight:700;text-shadow:var(--text-shadow-body)}.kpi-metric,.kpi-number,.stat-value,.hero-metric{text-shadow:var(--text-shadow-kpi)}button,.btn,.badge,.status-pill,.chip{text-shadow:var(--text-shadow-btn)}.t-gradient{background:linear-gradient(135deg,var(--lime) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:clamp(.72rem,.7vw + .1rem,.82rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--lime);margin-bottom:8px}a,button,input,select,textarea,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (pointer: coarse){button,.btn,[role=button],.nav-link,input,select{min-height:var(--touch-min)}}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--text-shadow-body: 0 1px 2px rgba(0, 0, 0, .3);--text-shadow-heading: 0 2px 4px rgba(0, 0, 0, .4);--text-shadow-btn: 0 1px 3px rgba(0, 0, 0, .5);--text-shadow-kpi: 0 2px 6px rgba(0, 0, 0, .5)}#custom-cursor,.custom-cursor{position:fixed!important;top:0!important;left:0!important;width:0!important;height:0!important;pointer-events:none!important;z-index:999999!important;margin:0!important;padding:0!important}.cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;background-color:var(--lime, #84CC16);border-radius:50%;pointer-events:none;z-index:999999;box-shadow:0 0 10px var(--lime, #84CC16)}.cursor-ring{position:fixed;top:0;left:0;width:32px;height:32px;border:1.5px solid var(--lime, #84CC16);border-radius:50%;pointer-events:none;transition:width .2s cubic-bezier(.16,1,.3,1),height .2s cubic-bezier(.16,1,.3,1),border-color .2s ease;z-index:999998;box-shadow:0 0 16px #84cc1659}.btn,button.btn,button,input[type=button],input[type=submit]{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:700;font-size:clamp(.85rem,.8vw + .2rem,.95rem);line-height:1.2;padding:12px 24px;min-height:44px;border-radius:var(--r-lg);border:1px solid transparent;outline:2px solid transparent;outline-offset:2px;cursor:pointer;text-decoration:none;box-sizing:border-box;text-shadow:var(--text-shadow-btn);transform:translateY(0);transform-origin:center center;backface-visibility:hidden;will-change:transform,background,border-color,box-shadow,outline-color;transition:transform .15s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,outline-color .18s ease,color .18s ease,opacity .15s ease}.btn:hover,button.btn:hover,button:hover,input[type=button]:hover,input[type=submit]:hover{position:relative;z-index:2;transform:translateY(-2px)}.btn:active,button.btn:active,button:active,input[type=button]:active,input[type=submit]:active{position:relative;z-index:2;transform:translateY(1px) scale(.97)!important}.btn-primary{background:var(--lime);color:#07090e;border:1px solid var(--lime);box-shadow:0 4px 20px var(--lime-glow)}.btn-primary:hover{background:var(--lime-bright);border-color:var(--lime-bright);outline-color:#84cc1680;box-shadow:0 6px 28px var(--lime-glow),0 0 20px #84cc1673}.btn-primary:active{background:#65a30d;box-shadow:0 2px 10px var(--lime-glow)}.btn-red{background:var(--red);color:#fff;border:1px solid var(--red);box-shadow:0 4px 20px var(--red-glow)}.btn-red:hover{background:var(--red-hover);border-color:var(--red-hover);outline-color:#ef444480;box-shadow:0 6px 24px var(--red-glow),0 0 16px #ef444466}.btn-red:active{background:#dc2626;box-shadow:0 2px 10px var(--red-glow)}.btn-outline{background:#ffffff0f;color:#fafafa;border:1px solid var(--border-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-outline:hover{background:#ffffff24;border-color:#fafafa;outline-color:#ffffff4d;box-shadow:0 0 20px #fff3}.btn-outline:active{background:#ffffff38}.btn-ghost{background:transparent;color:var(--chalk-muted);border:1px solid transparent}.btn-ghost:hover{color:#fafafa;background:#ffffff14;outline-color:#ffffff26}.btn-ghost:active{background:#ffffff29}.btn-sm{min-height:38px;padding:8px 16px;font-size:.82rem}.btn-lg{min-height:52px;padding:16px 36px;font-size:1.05rem}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--r-full);font-size:clamp(.7rem,.6vw + .1rem,.78rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-shadow:var(--text-shadow-btn)}.badge-lime{background:#84cc1626;border:1px solid rgba(132,204,22,.4);color:var(--lime-bright)}.badge-red{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#f87171}.badge-violet{background:#8b5cf626;border:1px solid rgba(139,92,246,.4);color:#a78bfa}.badge-cyan{background:#22d3ee26;border:1px solid rgba(34,211,238,.4);color:#67e8f9}.card{position:relative;z-index:1;background:var(--bg-card);border:1px solid var(--border);outline:2px solid transparent;outline-offset:0px;border-radius:var(--r-xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 36px #00000059;transform:translateY(0);transform-origin:center center;will-change:transform,border-color,box-shadow,outline-color;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .2s ease,outline-color .2s ease;box-sizing:border-box}.card:hover{position:relative;z-index:2;transform:translateY(-2px);border-color:#84cc1673;outline-color:#84cc1640;box-shadow:0 16px 48px #0009,0 0 28px #84cc162e}.card:active{transform:translateY(0) scale(.995)}.card-glass{position:relative;z-index:1;background:#121820bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);outline:2px solid transparent;outline-offset:0px;transform:translateY(0);transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .2s ease,outline-color .2s ease}.card-glass:hover{position:relative;z-index:2;transform:translateY(-2px);border-color:#22d3ee73;outline-color:#22d3ee40;box-shadow:0 16px 48px #0009,0 0 28px #22d3ee2e}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],select,textarea{width:100%;min-height:44px;padding:10px 14px;font-family:var(--font-sans);font-size:.92rem;background:#0f141ce0;border:1px solid var(--border);outline:2px solid transparent;outline-offset:2px;border-radius:var(--r-md);color:var(--chalk);box-sizing:border-box;text-shadow:var(--text-shadow-body);transition:border-color .18s ease,outline-color .18s ease,box-shadow .18s ease,background .18s ease}input::placeholder,textarea::placeholder{color:#64748b;transition:opacity .2s ease}input:focus::placeholder,textarea:focus::placeholder{opacity:.4}input:focus,select:focus,textarea:focus{border-color:var(--lime);outline-color:#84cc1680;box-shadow:0 0 14px #84cc164d;background:#141a24f2}.grid{display:grid;gap:clamp(16px,2.5vw,28px);width:100%;box-sizing:border-box}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.tier-scroll-container{width:100%;overflow:hidden;position:relative;padding:16px 0;box-sizing:border-box;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,1) 4%,rgba(0,0,0,1) 96%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,1) 4%,rgba(0,0,0,1) 96%,transparent 100%)}.tier-scroll-track{display:flex;gap:24px;width:max-content;will-change:transform;animation:scroll-tiers-left 30s linear infinite}.scroll-progress-bar{position:fixed;top:0;left:0;height:3px;z-index:100000;background:linear-gradient(90deg,#84cc16,#22d3ee,#8b5cf6);box-shadow:0 0 10px #22d3eecc,0 0 18px #84cc1699;pointer-events:none;transition:width .08s ease-out}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:8px}.skeleton-card{padding:24px;border-radius:20px;background:#11182799;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:14px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.swipe-hint{display:none;text-align:center;font-size:.78rem;color:#64748b;margin-bottom:12px;text-shadow:var(--text-shadow-body)}@media (max-width: 768px){.swipe-hint{display:block}}.admin-hub h1,.admin-hub h2,.admin-hub h3,.admin-hub h4,.admin-hub h5,.admin-hub h6,.admin-hub .title-txt{text-shadow:0 2px 4px rgba(0,0,0,.4)!important}.admin-hub .kpi-val,.admin-hub .hero-stat,.admin-hub .big-number{text-shadow:0 2px 6px rgba(0,0,0,.5)!important}.admin-hub button,.admin-hub .btn,.admin-hub .badge,.admin-hub .chip,.admin-hub .pill{text-shadow:0 1px 3px rgba(0,0,0,.5)!important}.admin-hub p,.admin-hub span,.admin-hub label,.admin-hub td,.admin-hub th,.admin-hub div,.admin-hub input,.admin-hub select,.admin-hub textarea{text-shadow:0 1px 2px rgba(0,0,0,.3)}.affiliate-portal h1,.affiliate-portal h2,.affiliate-portal h3,.affiliate-portal h4,.affiliate-portal h5,.affiliate-portal .heading-txt{text-shadow:0 2px 4px rgba(0,0,0,.4)!important}.affiliate-portal .kpi-num,.affiliate-portal .hero-val,.affiliate-portal .big-stat{text-shadow:0 2px 6px rgba(0,0,0,.5)!important}.affiliate-portal button,.affiliate-portal .btn,.affiliate-portal .badge,.affiliate-portal .pill{text-shadow:0 1px 3px rgba(0,0,0,.5)!important}.affiliate-portal p,.affiliate-portal span,.affiliate-portal label,.affiliate-portal td,.affiliate-portal th,.affiliate-portal input,.affiliate-portal select,.affiliate-portal textarea{text-shadow:0 1px 2px rgba(0,0,0,.3)}.app-container{width:100%;max-width:100%;overflow-x:hidden;padding-left:var(--sal);padding-right:var(--sar);padding-bottom:var(--sab)}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px);box-sizing:border-box}.section{padding:clamp(48px,8vw,96px) 0;position:relative;width:100%;box-sizing:border-box}.mode-portrait{--nav-height: 68px;--hud-bottom-offset: calc(84px + var(--sab))}.mode-landscape{--nav-height: 56px;--hud-bottom-offset: calc(64px + var(--sab))}.grid{display:grid;width:100%;box-sizing:border-box}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(16px,3vw,28px)}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(16px,3vw,24px)}.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(16px,2.5vw,24px)}.swipe-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:16px;padding-bottom:12px;padding-left:2px;padding-right:2px;width:100%}.swipe-carousel::-webkit-scrollbar{display:none}.swipe-carousel>*{scroll-snap-align:start;flex-shrink:0}.swipe-hint{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--chalk-muted);margin-top:12px;margin-bottom:24px}@media (min-width: 1025px){.swipe-hint{display:none}}@media (hover: none) and (pointer: coarse){#custom-cursor,.custom-cursor{display:none!important}}.site-header{position:fixed;top:0;left:0;right:0;z-index:9000;padding-top:max(12px,var(--sat));padding-bottom:12px;padding-left:max(16px,var(--sal));padding-right:max(16px,var(--sar));background:#080a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all var(--dur) var(--ease)}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer-panel{position:fixed;top:0;right:0;bottom:0;width:min(85vw,360px);background:#0c1017f5;border-left:1px solid var(--border-strong);padding:max(24px,var(--sat)) 24px max(24px,var(--sab));display:flex;flex-direction:column;gap:20px;transform:translate(100%);transition:transform .35s var(--ease-spring);box-shadow:-10px 0 30px #000c;overflow-y:auto;z-index:10000}.mobile-drawer-overlay.open .mobile-drawer-panel{transform:translate(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(40px) scale(.92)}}@keyframes scroll-tiers-left{0%{transform:translate(0)}to{transform:translate(calc(-50% - 12px))}}.tier-scroll-container{overflow:hidden;width:100%;position:relative;padding:16px 0;mask-image:linear-gradient(to right,transparent,black 3%,black 97%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 3%,black 97%,transparent)}.tier-scroll-track{display:flex;gap:24px;width:max-content;animation:scroll-tiers-left 30s linear infinite;will-change:transform}.tier-scroll-container:hover .tier-scroll-track,.tier-scroll-track:hover{animation-play-state:paused}@media (max-width: 768px){.tier-scroll-track{animation-duration:40s;gap:16px}}.scroll-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#84cc16,#22d3ee,#8b5cf6);z-index:100000;transition:width .1s linear;box-shadow:0 0 10px #84cc1699}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1f,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:8px}.skeleton-card{border-radius:20px;background:#12182099;border:1px solid rgba(255,255,255,.06);padding:24px;display:flex;flex-direction:column;gap:12px}.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.reveal-delay-5{transition-delay:.4s}.anim-float{animation:float 4s ease-in-out infinite}.page{transition:opacity .25s ease,transform .25s ease}.page-enter{opacity:0;transform:translateY(8px)}.page-active{opacity:1;transform:translateY(0)}#three-canvas-root{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 30%,#0f172a,#09090b)}.story-canvas-overlay{position:relative;z-index:2;pointer-events:auto}.story-chapter{min-height:100vh;display:flex;align-items:center;padding:80px 0;position:relative}.story-card{background:#111827bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-3xl);padding:44px;box-shadow:0 24px 64px #00000080,inset 0 1px #ffffff26;color:#fff;transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease)}.story-card:hover{border-color:#84cc1680;box-shadow:0 30px 80px #0009,0 0 30px #84cc1640}.story-card-light{background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-strong);border-radius:var(--r-3xl);padding:44px;box-shadow:var(--shadow-xl);color:var(--chalk)}.three-hud-root{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.hud-audio-box{position:fixed;top:90px;right:24px;display:flex;gap:10px;pointer-events:auto;z-index:1000}.hud-btn{position:relative;z-index:1;background:#111827d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);outline:2px solid transparent;outline-offset:2px;color:#fff;padding:8px 16px;min-height:44px;border-radius:var(--r-full);display:flex;align-items:center;gap:8px;cursor:pointer;transform:translateY(0);transition:transform .15s ease,background-color .18s ease,border-color .18s ease,outline-color .18s ease,box-shadow .18s ease;box-shadow:0 4px 16px #0000004d}.hud-btn:hover{position:relative;z-index:2;transform:translateY(-2px);background:#84cc1633;border-color:#84cc16;outline-color:#84cc1680;box-shadow:0 4px 20px #84cc1666}.hud-btn:active{position:relative;z-index:2;transform:translateY(1px) scale(.96)}.sound-bars{display:flex;align-items:flex-end;gap:2.5px;height:14px;width:14px}.sound-bars .bar{background:#84cc16;width:2px;border-radius:1px;animation:soundBarAnim 1s ease-in-out infinite alternate}.sound-bars .bar-1{height:40%;animation-delay:.1s}.sound-bars .bar-2{height:90%;animation-delay:.3s}.sound-bars .bar-3{height:60%;animation-delay:.2s}.sound-bars .bar-4{height:80%;animation-delay:.4s}.sound-bars.muted .bar{animation:none;height:20%;background:#64748b}@keyframes soundBarAnim{0%{height:25%}to{height:100%}}.hud-minimap{position:fixed;right:24px;top:50%;transform:translateY(-50%);pointer-events:auto;display:flex;align-items:center;gap:14px;z-index:1000}.minimap-track{width:2px;height:220px;background:#ffffff26;border-radius:2px;position:relative}.minimap-indicator{position:absolute;top:0;left:-3px;width:8px;height:8px;background:#84cc16;border-radius:50%;box-shadow:0 0 10px #84cc16;transition:top .1s ease-out}.minimap-points{list-style:none;display:flex;flex-direction:column;gap:16px;margin:0;padding:0}.minimap-item{display:flex;align-items:center;gap:10px;cursor:pointer;opacity:.4;transition:all .25s var(--ease)}.minimap-item:hover,.minimap-item.active{opacity:1}.point-dot{width:6px;height:6px;border-radius:50%;background:#fff;transition:transform .2s,background-color .2s}.minimap-item.active .point-dot{background:#84cc16;transform:scale(1.6);box-shadow:0 0 8px #84cc16}.point-label{font-size:.72rem;font-weight:700;color:#fff;white-space:nowrap;letter-spacing:.5px;text-transform:uppercase}@media (max-width: 1024px){.hud-minimap{display:none}}