@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";.app-toast-region{position:fixed;top:calc(var(--header-height, 60px) + var(--safe-top, 20px) - 8px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2, 8px);z-index:calc(var(--z-toast, 300) + 10);width:min(420px,calc(100vw - 32px));pointer-events:none}.app-toast{display:flex;align-items:flex-start;gap:var(--space-3, 12px);width:100%;padding:var(--space-3, 12px) var(--space-4, 16px);border-radius:var(--radius-lg, 16px);font-family:var(--font-body, "Outfit", sans-serif);font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold, 600);line-height:var(--leading-snug, 1.3);color:var(--text-primary, #fff);background:#0a0a19eb;border:1px solid var(--border-white-lo, rgba(255, 255, 255, .06));box-shadow:var(--elev-3, 0 4px 8px rgba(0, 0, 0, .6), 0 16px 40px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .07));cursor:pointer;pointer-events:auto;will-change:transform,opacity;animation:app-toast-in var(--dur-normal, .36s) var(--ease-spring, cubic-bezier(.175, .885, .32, 1.275)) forwards}.app-toast-icon{flex-shrink:0;font-size:1rem;line-height:1.3}.app-toast-text{overflow-wrap:anywhere}.app-toast--success{border-color:var(--border-cyan, rgba(0, 243, 255, .25));box-shadow:var(--elev-3, 0 4px 8px rgba(0, 0, 0, .6), 0 16px 40px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .07)),0 0 16px #00f3ff38}.app-toast--error{border-color:var(--border-pink, rgba(255, 0, 122, .3));box-shadow:var(--elev-3, 0 4px 8px rgba(0, 0, 0, .6), 0 16px 40px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .07)),0 0 16px #ff007a42}.app-toast--exit{animation:app-toast-out var(--dur-normal, .36s) var(--ease-in, cubic-bezier(.4, 0, 1, 1)) forwards;pointer-events:none}@keyframes app-toast-in{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes app-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.96)}}@media (prefers-reduced-motion: reduce){.app-toast,.app-toast--exit{animation:none!important;opacity:1;transform:none}.app-toast--exit{opacity:0}}:root{--neon-cyan: #00f3ff;--neon-blue: #3a86ff;--neon-pink: #ff007a;--neon-gold: #ffd700;--tint-cyan-4: rgba(0, 243, 255, .04);--tint-cyan-8: rgba(0, 243, 255, .08);--tint-cyan-12: rgba(0, 243, 255, .12);--tint-cyan-20: rgba(0, 243, 255, .2);--tint-blue-4: rgba(58, 134, 255, .04);--tint-blue-8: rgba(58, 134, 255, .08);--tint-blue-12: rgba(58, 134, 255, .12);--tint-blue-20: rgba(58, 134, 255, .2);--tint-pink-4: rgba(255, 0, 122, .04);--tint-pink-8: rgba(255, 0, 122, .08);--tint-pink-12: rgba(255, 0, 122, .12);--tint-pink-20: rgba(255, 0, 122, .2);--tint-gold-4: rgba(255, 215, 0, .04);--tint-gold-8: rgba(255, 215, 0, .08);--tint-gold-12: rgba(255, 215, 0, .12);--tint-gold-20: rgba(255, 215, 0, .2);--border-cyan: rgba(0, 243, 255, .25);--border-blue: rgba(58, 134, 255, .25);--border-pink: rgba(255, 0, 122, .3);--border-gold: rgba(255, 215, 0, .25);--border-white-lo: rgba(255, 255, 255, .06);--border-white-hi: rgba(255, 255, 255, .14);--color-primary: var(--neon-pink);--color-primary-hover: #ff3399;--color-primary-active: #d60065;--color-secondary: var(--neon-blue);--color-secondary-hover: #5fa0ff;--color-secondary-active: #1a5fd4;--color-tertiary: var(--neon-cyan);--color-tertiary-hover: #67e8f9;--color-tertiary-active: #06b6d4;--color-success: #00ff9d;--color-warning: #ffcc00;--color-error: #ff2a6d;--color-info: #05d9e8;--pancake-cyan: var(--neon-cyan);--pancake-cyan-glow: 0 0 30px rgba(0, 243, 255, .3);--accent-pink: var(--neon-pink);--accent-gradient: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-blue) 100%);--color-blue: #3a86ff;--color-red: #ff4757;--color-green: #00d26a;--color-yellow: #ffbe0b;--pancake-yellow: #ffbe0b;--shadow-glow-pink: 0 0 30px rgba(255, 0, 122, .3);--player-red: #ff2a6d;--player-green: #00ff9d;--player-yellow: #ffcc00;--player-blue: #05d9e8;--bg-primary: #050510;--bg-secondary: #0a0a1f;--bg-surface: #13132b;--bg-raised: #1a1a38;--bg-card: rgba(20, 20, 40, .6);--bg-card-hover: rgba(30, 30, 60, .7);--bg-card-active: rgba(50, 50, 90, .7);--bg-contrast-lo: rgba(255, 255, 255, .03);--bg-contrast-md: rgba(255, 255, 255, .08);--bg-contrast-hi: rgba(255, 255, 255, .15);--bg-contrast-low: var(--bg-contrast-lo);--bg-contrast-medium: var(--bg-contrast-md);--bg-contrast-high: var(--bg-contrast-hi);--glass-bg: rgba(10, 10, 25, .72);--glass-bg-hover: rgba(20, 20, 45, .82);--glass-border: rgba(255, 255, 255, .1);--glass-border-bright: rgba(0, 243, 255, .3);--glass-blur: blur(24px);--glass-saturation: saturate(1.6);--glass-reflection: linear-gradient(135deg, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .05) 100%);--text-primary: #ffffff;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-disabled: #334155;--text-inverse: #000000;--text-glow-base: 0 0 10px rgba(255, 255, 255, .5);--gradient-primary: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-blue) 100%);--gradient-warm: linear-gradient(135deg, var(--neon-pink) 0%, var(--neon-blue) 100%);--gradient-gold: linear-gradient(135deg, #ffcc00 0%, #ff8c00 100%);--gradient-background: radial-gradient(circle at 50% 40%, #1a1a3a 0%, #050510 100%);--gradient-hero: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-pink) 50%, var(--neon-gold) 100%);--gradient-animated: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-blue) 40%, var(--neon-pink) 70%, var(--neon-gold) 100%);--font-display: "Orbitron", "Eurostile", sans-serif;--font-body: "Outfit", "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 4rem;--text-7xl: 5.5rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-none: 1;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tight: -.03em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .1em;--tracking-widest: .18em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-2xl: 2.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.35);--shadow-sm: 0 2px 8px rgba(0,0,0,.45);--shadow-md: 0 8px 32px rgba(0,0,0,.55);--shadow-lg: 0 16px 48px rgba(0,0,0,.65);--shadow-xl: 0 24px 64px rgba(0,0,0,.75);--elev-0: none;--elev-1: 0 1px 2px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.04);--elev-2: 0 2px 4px rgba(0,0,0,.55), 0 8px 24px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.05) inset;--elev-3: 0 4px 8px rgba(0,0,0,.6), 0 16px 40px rgba(0,0,0,.5), 0 32px 80px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.07);--elev-4: 0 8px 16px rgba(0,0,0,.65), 0 24px 56px rgba(0,0,0,.55), 0 48px 96px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.09);--bloom-cyan: 0 0 16px rgba(0,243,255,.25), 0 0 48px rgba(0,243,255,.12), 0 0 96px rgba(0,243,255,.06);--bloom-blue: 0 0 16px rgba(58,134,255,.25), 0 0 48px rgba(58,134,255,.12), 0 0 96px rgba(58,134,255,.06);--bloom-pink: 0 0 16px rgba(255,0,122,.3), 0 0 48px rgba(255,0,122,.14), 0 0 96px rgba(255,0,122,.07);--bloom-gold: 0 0 16px rgba(255,215,0,.25), 0 0 48px rgba(255,215,0,.12), 0 0 96px rgba(255,215,0,.06);--glow-pink: 0 0 20px rgba(255,0,122,.4);--glow-purple: 0 0 20px rgba(58,134,255,.4);--glow-cyan: 0 0 20px rgba(34,211,238,.4);--glow-gold: 0 0 20px rgba(255,215,0,.4);--shadow-inner: inset 0 2px 4px rgba(255,255,255,.05);--border-thin: 1px;--border-medium: 2px;--border-thick: 4px;--z-base: 0;--z-board: 1;--z-hud: 10;--z-dropdown: 50;--z-overlay: 100;--z-modal: 200;--z-toast: 300;--z-tooltip: 400;--dur-instant: 80ms;--dur-fast: .18s;--dur-normal: .36s;--dur-slow: .64s;--dur-slower: 1.1s;--dur-crawl: 2.4s;--duration-instant: var(--dur-instant);--duration-fast: var(--dur-fast);--duration-normal: var(--dur-normal);--duration-slow: var(--dur-slow);--duration-slower: var(--dur-slower);--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-premium: cubic-bezier(.23, 1, .32, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-press: cubic-bezier(.25, 1.4, .5, 1);--board-max-size: 650px;--board-mobile-width: 96vw;--board-mobile-height: 60dvh;--header-height: 60px;--footer-height: 80px;--pod-height: 50px;--safe-top: env(safe-area-inset-top, 20px);--safe-bottom: env(safe-area-inset-bottom, 20px)}@media (min-width: 768px){:root{--board-size: min(75vh, 70vw, 600px)}}@media (min-width: 1024px){:root{--board-size: min(80vh, 60vw, 650px)}}@media (min-width: 1440px){:root{--board-size: min(85vh, 55vw, 700px)}}@media (max-width: 480px){:root{--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1.0625rem}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}.text-cyan{color:var(--neon-cyan)}.text-blue{color:var(--neon-blue)}.text-pink{color:var(--neon-pink)}.text-gold{color:var(--neon-gold)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-surface{background:var(--bg-surface)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-hero{background:var(--gradient-animated);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift var(--dur-crawl) var(--ease-linear) infinite}.glow-pink{box-shadow:var(--glow-pink)}.glow-purple{box-shadow:var(--glow-purple)}.glow-cyan{box-shadow:var(--glow-cyan)}.glow-gold{box-shadow:var(--glow-gold)}.clickable{cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-out)}.clickable:hover{transform:translateY(-2px)}.clickable:active{transform:translateY(0) scale(.97)}.no-select{user-select:none;-webkit-user-select:none}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);background-size:200% 100%;animation:shimmer-sweep var(--dur-slower) var(--ease-in-out) infinite;pointer-events:none}.glow-pulse{--pulse-color: var(--neon-cyan);animation:glow-pulse-anim 2s var(--ease-in-out) infinite}.glow-pulse.pink{--pulse-color: var(--neon-pink)}.glow-pulse.gold{--pulse-color: var(--neon-gold)}.glow-pulse.blue{--pulse-color: var(--neon-blue)}.grain-overlay{position:relative;isolation:isolate}.grain-overlay:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:160px 160px;opacity:.03;pointer-events:none;mix-blend-mode:overlay;z-index:1}.reveal-up{opacity:0;transform:translateY(28px);transition:opacity var(--dur-slow) var(--ease-premium),transform var(--dur-slow) var(--ease-premium)}.reveal-up.is-visible{opacity:1;transform:translateY(0)}.reveal-stagger>*{transition-delay:0ms}.reveal-stagger>*:nth-child(1){transition-delay:60ms}.reveal-stagger>*:nth-child(2){transition-delay:.12s}.reveal-stagger>*:nth-child(3){transition-delay:.18s}.reveal-stagger>*:nth-child(4){transition-delay:.24s}.reveal-stagger>*:nth-child(5){transition-delay:.3s}.reveal-stagger>*:nth-child(6){transition-delay:.36s}.hud-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--tint-cyan-8);border:1px solid var(--border-cyan);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-widest);color:var(--neon-cyan);text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--elev-1),var(--bloom-cyan)}.hud-chip.pink{background:var(--tint-pink-8);border-color:var(--border-pink);color:var(--neon-pink);box-shadow:var(--elev-1),var(--bloom-pink)}.hud-chip.gold{background:var(--tint-gold-8);border-color:var(--border-gold);color:var(--neon-gold);box-shadow:var(--elev-1),var(--bloom-gold)}.hud-chip.blue{background:var(--tint-blue-8);border-color:var(--border-blue);color:var(--neon-blue);box-shadow:var(--elev-1),var(--bloom-blue)}.input-neon{background:#0006;border:var(--border-medium) solid var(--border-white-hi);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.input-neon:focus{border-color:var(--neon-pink);box-shadow:0 0 0 3px var(--tint-pink-12),var(--bloom-pink)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;padding:0;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);font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(0,243,255,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 90% 80%,rgba(255,0,122,.04) 0%,transparent 55%),linear-gradient(170deg,#06060f,#0b0b1e 45%,#080e1a);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);overscroll-behavior-x:none}#root{width:100%;min-height:100%}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.main-content{flex:1;display:flex;flex-direction:column;width:100%;padding-top:80px}.app-shell:has(.is-landing) .main-content{padding-top:0}.page-loader{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse 60% 40% at 50% 30%,rgba(0,243,255,.07) 0%,transparent 60%),linear-gradient(160deg,#06060f,#0b0b1e);color:var(--text-primary);gap:20px}.loader-spinner{font-size:3rem;animation:spin 1.2s var(--ease-in-out) infinite;filter:drop-shadow(0 0 12px rgba(0,243,255,.4))}.ludo-lobby-page{min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse 70% 50% at 30% 20%,rgba(0,243,255,.05) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(255,0,122,.04) 0%,transparent 50%),linear-gradient(160deg,#06060f,#0a0a1c 55%,#08111a)}.btn-back-lobby{background:var(--bg-contrast-lo);border:1px solid var(--border-white-hi);color:var(--text-primary);padding:10px 20px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.btn-back-lobby:hover{background:var(--bg-contrast-md);border-color:var(--border-cyan)}.app-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse 60% 40% at 50% 30%,rgba(0,243,255,.07) 0%,transparent 60%),linear-gradient(160deg,#06060f,#0b0b1e);color:var(--text-primary);gap:20px}.loading-spinner{font-size:3rem;animation:spin 1.2s var(--ease-in-out) infinite;filter:drop-shadow(0 0 12px rgba(0,243,255,.4))}.liquid-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur) var(--glass-saturation);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturation);border:var(--border-thin) solid var(--glass-border);position:relative;overflow:hidden;isolation:isolate}.liquid-glass:before{content:"";position:absolute;inset:0;background:var(--glass-reflection);pointer-events:none;z-index:1}.liquid-glass:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;opacity:.028;pointer-events:none;mix-blend-mode:overlay;z-index:2}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur) var(--glass-saturation);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturation);border:var(--border-thin) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--elev-2);transition:background var(--dur-normal) var(--ease-premium),border-color var(--dur-normal) var(--ease-premium),transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-normal) var(--ease-premium);position:relative;overflow:hidden;isolation:isolate}.glass-card:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),rgba(0,243,255,.06),rgba(255,255,255,.1),transparent);pointer-events:none;z-index:1}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--border-cyan);transform:translateY(-6px) scale(1.015);box-shadow:var(--elev-3),var(--bloom-cyan)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow-pulse-anim{0%,to{box-shadow:0 0 12px var(--pulse-color, var(--neon-cyan)),0 0 32px color-mix(in srgb,var(--pulse-color, var(--neon-cyan)) 50%,transparent)}50%{box-shadow:0 0 24px var(--pulse-color, var(--neon-cyan)),0 0 64px color-mix(in srgb,var(--pulse-color, var(--neon-cyan)) 40%,transparent)}}@keyframes shimmer-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scale-pop{0%{transform:scale(1)}40%{transform:scale(1.08)}70%{transform:scale(.97)}to{transform:scale(1)}}@keyframes twinkle{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.08)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes gradient-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes btn-shine{0%{left:-100%}50%,to{left:100%}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px}::-webkit-scrollbar-thumb{background:#00f3ff40;border-radius:3px;transition:background var(--dur-fast) var(--ease-out)}::-webkit-scrollbar-thumb:hover{background:#00f3ff80}:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:3px;border-radius:var(--radius-xs)}::selection{background:var(--tint-cyan-20);color:var(--text-primary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}