@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&family=Inter:wght@400;500;600;700&display=swap";@font-face{font-family:cubing-icons;src:url(/assets/cubing-icons-C_h-EdVe.woff2?e137204355a6707272471108c5a353e5) format("woff2")}.cubing-icon:before{vertical-align:-15%;font-family:cubing-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cubing-icon.event-444:before{content:""}.cubing-icon.event-sq1:before{content:""}.cubing-icon.event-minx:before{content:""}.cubing-icon.event-444bf:before{content:""}.cubing-icon.event-skewb:before{content:""}.cubing-icon.event-333:before{content:""}.cubing-icon.event-333bf:before{content:""}.cubing-icon.event-clock:before{content:""}.cubing-icon.event-333mbo:before{content:""}.cubing-icon.event-222:before{content:""}.cubing-icon.event-magic:before{content:""}.cubing-icon.event-555:before{content:""}.cubing-icon.event-333fm:before{content:""}.cubing-icon.event-333mbf:before{content:""}.cubing-icon.event-333ft:before{content:""}.cubing-icon.event-mmagic:before{content:""}.cubing-icon.event-777:before{content:""}.cubing-icon.event-pyram:before{content:""}.cubing-icon.event-666:before{content:""}.cubing-icon.event-555bf:before{content:""}.cubing-icon.event-333oh:before{content:""}.cubing-icon.penalty-A6c:before{content:""}.cubing-icon.penalty-A6d:before{content:""}.cubing-icon.penalty-A6e:before{content:""}.cubing-icon.penalty-A4d1:before{content:""}.cubing-icon.penalty-10e3:before{content:""}.cubing-icon.penalty-A4b1:before{content:""}.cubing-icon.penalty-A4b:before{content:""}.cubing-icon.penalty-A3d1:before{content:""}.cubing-icon.unofficial-222oh:before{content:""}.cubing-icon.unofficial-miniguild_bld:before{content:""}.cubing-icon.unofficial-333_oh_bld_relay:before{content:""}.cubing-icon.unofficial-234567relay:before{content:""}.cubing-icon.unofficial-baby_fto:before{content:""}.cubing-icon.unofficial-234567relay_2_person:before{content:""}.cubing-icon.unofficial-miniguild_2_person:before{content:""}.cubing-icon.unofficial-miniguild:before{content:""}.cubing-icon.unofficial-minx_bld:before{content:""}.cubing-icon.unofficial-mpyram:before{content:""}.cubing-icon.unofficial-2345relay:before{content:""}.cubing-icon.unofficial-333bf_2_person_relay:before{content:""}.cubing-icon.unofficial-redi:before{content:""}.cubing-icon.unofficial-23456relay:before{content:""}.cubing-icon.unofficial-333_team_bld:before{content:""}.cubing-icon.unofficial-666bf:before{content:""}.cubing-icon.unofficial-curvycopter:before{content:""}.cubing-icon.unofficial-mtetram:before{content:""}.cubing-icon.unofficial-234relay:before{content:""}.cubing-icon.unofficial-333bf_8_person_relay:before{content:""}.cubing-icon.unofficial-333_linear_fm:before{content:""}.cubing-icon.unofficial-333mts:before{content:""}.cubing-icon.unofficial-333bf_3_person_relay:before{content:""}.cubing-icon.unofficial-fto:before{content:""}.cubing-icon.unofficial-333_speed_bld:before{content:""}.cubing-icon.unofficial-kilominx:before{content:""}.cubing-icon.unofficial-magic_oh:before{content:""}.cubing-icon.unofficial-333_oven_mitts:before{content:""}.cubing-icon.unofficial-fisher:before{content:""}.cubing-icon.unofficial-333_siamese:before{content:""}.cubing-icon.unofficial-333bf_4_person_relay:before{content:""}.cubing-icon.unofficial-sq1_bld:before{content:""}.cubing-icon.unofficial-777bf:before{content:""}.cubing-icon.unofficial-444ft:before{content:""}.cubing-icon.unofficial-333_mirror_blocks_bld:before{content:""}.cubing-icon.unofficial-333_mirror_blocks:before{content:""}.cubing-icon.unofficial-222bf:before{content:""}.cubing-icon.unofficial-helicopter:before{content:""}.cubing-icon.unofficial-mskewb:before{content:""}.cubing-icon.unofficial-pyramorphix:before{content:""}.cubing-icon.unofficial-333_team_factory:before{content:""}.cubing-icon.unofficial-333_oh_bld_team_relay:before{content:""}:root{--color-purple-50: #f5f3ff;--color-purple-100: #ede9fe;--color-purple-200: #ddd6fe;--color-purple-300: #c4b5fd;--color-purple-400: #a78bfa;--color-purple-500: #8b5cf6;--color-purple-600: #7c3aed;--color-purple-700: #6d28d9;--color-purple-800: #5b21b6;--color-purple-900: #4c1d95;--bg-deep: #050508;--bg-primary: #0f0f14;--bg-secondary: #18181f;--bg-tertiary: #22222a;--bg-elevated: #2a2a35;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-inverse: #0a0a12;--accent-primary: #8b5cf6;--accent-secondary: #a78bfa;--accent-tertiary: #c4b5fd;--accent-glow: rgba(139, 92, 246, .4);--accent-cyan: #00d4ff;--accent-lavender: #cabeff;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--color-placeholder: #52525b;--color-disabled: #3f3f46;--color-divider: rgba(255, 255, 255, .06);--color-live: #ef4444;--color-emerald: #34d399;--surface-default: rgba(255, 255, 255, .03);--surface-raised: rgba(255, 255, 255, .05);--surface-hover: rgba(255, 255, 255, .08);--surface-active: rgba(255, 255, 255, .1);--surface-glass: rgba(255, 255, 255, .04);--surface-glass-strong: rgba(255, 255, 255, .06);--surface-glass-hover: rgba(255, 255, 255, .07);--surface-modal: rgba(30, 30, 40, .95);--surface-input: rgba(0, 0, 0, .2);--surface-card-accent: rgba(139, 92, 246, .08);--surface-inset: rgba(0, 0, 0, .3);--surface-header: rgba(13, 13, 18, .85);--ambient-purple: radial-gradient(ellipse at 50% 0%, rgba(139, 92, 246, .08) 0%, transparent 60%);--ambient-cyan: radial-gradient(ellipse at 80% 80%, rgba(0, 212, 255, .05) 0%, transparent 50%);--ambient-lavender: radial-gradient(ellipse at 50% 0%, rgba(202, 190, 255, .06) 0%, transparent 60%);--ambient-success: radial-gradient(ellipse at 50% 0%, rgba(34, 197, 94, .05) 0%, transparent 60%);--blur-xs: 8px;--blur-sm: 12px;--blur-md: 20px;--blur-lg: 24px;--blur-xl: 32px;--glass-bg: rgba(255, 255, 255, .04);--glass-bg-hover: rgba(255, 255, 255, .07);--glass-bg-strong: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .12);--glass-blur: var(--blur-md);--glass-saturation: 1;--glass-radius: 16px;--glass-radius-sm: 12px;--glass-radius-lg: 20px;--glass-highlight: inset 0 1px 1px rgba(255, 255, 255, .08);--glass-header-blur: var(--blur-lg);--glass-header-saturation: 1.8;--glass-modal-blur: var(--blur-lg);--elevation-2-shadow: var(--shadow-sm);--elevation-3-shadow: var(--shadow-md);--elevation-4-shadow: var(--shadow-md);--elevation-5-shadow: var(--shadow-xl);--border-default: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .12);--border-subtle: rgba(255, 255, 255, .04);--border-accent: rgba(139, 92, 246, .3);--border-accent-strong: rgba(139, 92, 246, .5);--border-focus: rgba(139, 92, 246, .5);--btn-primary-bg: linear-gradient(135deg, #7c3aed, #8b5cf6);--btn-primary-hover: linear-gradient(135deg, #6d28d9, #7c3aed);--btn-primary-text: #ffffff;--btn-primary-radius: 12px;--btn-secondary-bg: rgba(255, 255, 255, .06);--btn-secondary-border: rgba(255, 255, 255, .1);--btn-secondary-hover: rgba(255, 255, 255, .1);--btn-secondary-text: rgba(255, 255, 255, .85);--btn-danger-bg: linear-gradient(135deg, #dc2626, #ef4444);--btn-danger-hover: linear-gradient(135deg, #b91c1c, #dc2626);--btn-danger-text: #ffffff;--btn-success-bg: linear-gradient(135deg, #16a34a, #22c55e);--btn-success-hover: linear-gradient(135deg, #15803d, #16a34a);--btn-success-text: #ffffff;--btn-warning-bg: linear-gradient(135deg, #d97706, #f59e0b);--btn-warning-hover: linear-gradient(135deg, #b45309, #d97706);--btn-warning-text: #ffffff;--btn-ghost-bg: transparent;--btn-ghost-hover: rgba(255, 255, 255, .06);--btn-ghost-text: rgba(255, 255, 255, .7);--btn-outline-border: rgba(255, 255, 255, .15);--btn-outline-hover: rgba(255, 255, 255, .08);--btn-outline-text: rgba(255, 255, 255, .8);--btn-padding-y: .625rem;--btn-padding-x: 1.25rem;--btn-font-weight: 600;--btn-font-size: .875rem;--btn-radius: 12px;--font-display: "Sora", ui-sans-serif, system-ui, sans-serif;--font-body: "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-display-xl: clamp(1.75rem, 2.78vw, 3rem);--text-display-lg: clamp(1.5rem, 2.22vw, 2.5rem);--text-hero: clamp(2.5rem, 6vw, 4.5rem);--text-page-title: clamp(1.5rem, 2.22vw, 2.5rem);--text-section-title: clamp(1rem, 1.39vw, 1.5rem);--text-card-title: clamp(.875rem, 1.11vw, 1.125rem);--text-card-subtitle: clamp(.8125rem, .97vw, .9375rem);--text-body-lg: clamp(.9375rem, 1.11vw, 1rem);--text-body: clamp(.8125rem, .97vw, .9375rem);--text-body-sm: clamp(.75rem, .83vw, .8125rem);--text-caption: clamp(.6875rem, .83vw, .8125rem);--text-label: clamp(.65rem, .83vw, .75rem);--text-small: clamp(.6rem, .69vw, .6875rem);--text-badge: clamp(.65rem, .83vw, .75rem);--text-button: clamp(.8125rem, .97vw, .875rem);--text-nav: clamp(.8125rem, .97vw, .925rem);--text-table-header: clamp(.6875rem, .76vw, .75rem);--text-table-cell: clamp(.8125rem, .9vw, .875rem);--text-stat-lg: clamp(2.25rem, 3.33vw, 3.5rem);--text-stat: clamp(2rem, 2.78vw, 3rem);--text-stat-sm: clamp(1.25rem, 1.67vw, 1.75rem);--text-timer: clamp(2rem, 5vw, 4rem);--text-numeric-lg: clamp(1.5rem, 2.5vw, 2.5rem);--text-numeric: clamp(1.125rem, 1.67vw, 1.5rem);--text-numeric-sm: clamp(.875rem, 1.11vw, 1rem);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-tight: 1.1;--leading-normal: 1.4;--leading-relaxed: 1.6;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-label: .1em;--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;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 9999px;--radius-circle: 50%;--shadow-xs: 0 1px 4px rgba(0, 0, 0, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .4);--shadow-floating: 0 24px 64px rgba(0, 0, 0, .5);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .2);--shadow-pressed: inset 0 2px 4px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .35);--glow-purple: 0 0 20px rgba(139, 92, 246, .3);--glow-purple-strong: 0 0 40px rgba(139, 92, 246, .4);--glow-success: 0 0 20px rgba(34, 197, 94, .3);--glow-danger: 0 0 20px rgba(239, 68, 68, .3);--glow-cyan: 0 0 20px rgba(0, 212, 255, .3);--glow-lavender: 0 0 20px rgba(202, 190, 255, .3);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-xslow: .6s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-linear: linear;--motion-hover: var(--duration-fast) var(--ease-out);--motion-focus: var(--duration-fast) var(--ease-out);--motion-pressed: var(--duration-instant) var(--ease-out);--motion-modal: var(--duration-slow) var(--ease-out);--motion-dropdown: var(--duration-normal) var(--ease-out);--motion-loading: var(--duration-xslow) var(--ease-linear);--badge-success-bg: rgba(34, 197, 94, .12);--badge-success-text: #22c55e;--badge-success-border: rgba(34, 197, 94, .2);--badge-warning-bg: rgba(245, 158, 11, .12);--badge-warning-text: #f59e0b;--badge-warning-border: rgba(245, 158, 11, .2);--badge-danger-bg: rgba(239, 68, 68, .12);--badge-danger-text: #ef4444;--badge-danger-border: rgba(239, 68, 68, .2);--badge-info-bg: rgba(59, 130, 246, .12);--badge-info-text: #3b82f6;--badge-info-border: rgba(59, 130, 246, .2);--badge-live-bg: rgba(239, 68, 68, .15);--badge-live-text: #ef4444;--badge-live-border: rgba(239, 68, 68, .3);--badge-pending-bg: rgba(245, 158, 11, .12);--badge-pending-text: #f59e0b;--badge-pending-border: rgba(245, 158, 11, .2);--badge-purple-bg: rgba(139, 92, 246, .12);--badge-purple-text: #a78bfa;--badge-purple-border: rgba(139, 92, 246, .2);--badge-verified-bg: rgba(96, 165, 250, .12);--badge-verified-text: #60a5fa;--badge-verified-border: rgba(96, 165, 250, .2);--badge-emerald-bg: rgba(52, 211, 153, .12);--badge-emerald-text: #34d399;--badge-emerald-border: rgba(52, 211, 153, .2);--badge-cyan-bg: rgba(0, 212, 255, .12);--badge-cyan-text: #00d4ff;--badge-cyan-border: rgba(0, 212, 255, .2);--badge-lavender-bg: rgba(202, 190, 255, .12);--badge-lavender-text: #cabeff;--badge-lavender-border: rgba(202, 190, 255, .2);--btn-size-sm-padding: .5rem 1rem;--btn-size-md-padding: .75rem 1.5rem;--btn-size-lg-padding: .875rem 2rem;--btn-gap: .5rem;--btn-opacity-disabled: .5;--input-padding: .75rem 1rem;--input-gap: 6px;--input-select-padding: .75rem 2.5rem .75rem 1rem;--badge-padding-sm: .15rem .45rem;--badge-padding-md: .25rem .65rem;--badge-padding-lg: .35rem .85rem;--modal-width-sm: 400px;--modal-width-md: 520px;--modal-width-lg: 680px;--modal-width-xl: 840px;--modal-close-size: 32px;--modal-animation-duration: .18s;--progress-height-sm: 4px;--progress-height-md: 8px;--progress-height-lg: 12px;--progress-radius-sm: 2px;--progress-radius-md: 4px;--progress-radius-lg: 6px;--spinner-size-sm: 20px;--spinner-size-md: 32px;--spinner-size-lg: 48px;--spinner-border-width: 2px;--popover-width: 280px;--popover-height: 200px;--popover-offset: 8px;--popover-animation-duration: .15s;--statcard-glow-size: 128px;--statcard-glow-blur: 40px;--statcard-glow-offset: -32px;--emptystate-icon-size: 56px;--emptystate-icon-font: 1.5rem;--iconbtn-size: 32px;--iconbtn-font: 1.25rem;--badge-neutral-bg: rgba(255, 255, 255, .06);--badge-neutral-text: var(--text-secondary);--badge-neutral-border: var(--glass-border);--badge-default-bg: rgba(255, 255, 255, .04);--badge-default-text: var(--text-muted);--badge-default-border: var(--glass-border);--badge-error-bg: var(--badge-danger-bg);--badge-error-text: var(--badge-danger-text);--badge-error-border: var(--badge-danger-border)}[data-theme=light]{--bg-deep: #f5f3ff;--bg-primary: #fafafc;--bg-secondary: #f4f2f8;--bg-tertiary: #eceaf2;--bg-elevated: #ffffff;--text-primary: #0a0a12;--text-secondary: #3d3d4a;--text-muted: #6b6b7a;--text-inverse: #ffffff;--accent-primary: #7c3aed;--accent-secondary: #a78bfa;--accent-tertiary: #c4b5fd;--accent-glow: rgba(124, 58, 237, .15);--accent-cyan: #0891b2;--accent-lavender: #7c3aed;--color-success: #16a34a;--color-warning: #d97706;--color-danger: #dc2626;--color-info: #2563eb;--color-live: #dc2626;--color-emerald: #10b981;--surface-default: rgba(124, 58, 237, .03);--surface-raised: rgba(124, 58, 237, .04);--surface-hover: rgba(124, 58, 237, .06);--surface-active: rgba(124, 58, 237, .08);--surface-glass: rgba(255, 255, 255, .75);--surface-glass-strong: rgba(255, 255, 255, .85);--surface-glass-hover: rgba(255, 255, 255, .85);--surface-modal: rgba(255, 255, 255, .97);--surface-input: rgba(124, 58, 237, .04);--surface-card-accent: rgba(124, 58, 237, .05);--surface-inset: rgba(124, 58, 237, .04);--surface-header: rgba(255, 255, 255, .88);--ambient-purple: radial-gradient(ellipse at 50% 0%, rgba(124, 58, 237, .04) 0%, transparent 60%);--ambient-cyan: radial-gradient(ellipse at 80% 80%, rgba(8, 145, 178, .03) 0%, transparent 50%);--ambient-lavender: radial-gradient(ellipse at 50% 0%, rgba(124, 58, 237, .04) 0%, transparent 60%);--ambient-success: radial-gradient(ellipse at 50% 0%, rgba(22, 163, 74, .03) 0%, transparent 60%);--glass-bg: rgba(255, 255, 255, .72);--glass-bg-hover: rgba(255, 255, 255, .82);--glass-bg-strong: rgba(255, 255, 255, .88);--glass-border: rgba(124, 58, 237, .12);--glass-border-hover: rgba(124, 58, 237, .22);--glass-highlight: inset 0 1px 1px rgba(255, 255, 255, .8);--blur-xs: 8px;--blur-sm: 12px;--blur-md: 20px;--blur-lg: 24px;--blur-xl: 32px;--glass-header-blur: var(--blur-lg);--glass-header-saturation: 1.8;--glass-modal-blur: var(--blur-lg);--elevation-2-shadow: var(--shadow-xs);--elevation-3-shadow: var(--shadow-sm);--elevation-4-shadow: var(--shadow-sm);--elevation-5-shadow: var(--shadow-lg);--border-default: rgba(124, 58, 237, .1);--border-hover: rgba(124, 58, 237, .18);--border-subtle: rgba(124, 58, 237, .06);--border-accent: rgba(124, 58, 237, .25);--border-accent-strong: rgba(124, 58, 237, .45);--border-focus: rgba(124, 58, 237, .5);--color-placeholder: #9ca3af;--color-disabled: #d1d5db;--color-divider: rgba(124, 58, 237, .08);--btn-primary-bg: linear-gradient(135deg, #7c3aed, #8b5cf6);--btn-primary-hover: linear-gradient(135deg, #6d28d9, #7c3aed);--btn-primary-text: #ffffff;--btn-primary-radius: 12px;--btn-secondary-bg: rgba(124, 58, 237, .06);--btn-secondary-border: rgba(124, 58, 237, .15);--btn-secondary-hover: rgba(124, 58, 237, .1);--btn-secondary-text: #4b1d9e;--btn-danger-bg: linear-gradient(135deg, #e11d48, #f43f5e);--btn-danger-hover: linear-gradient(135deg, #be123c, #e11d48);--btn-danger-text: #ffffff;--btn-success-bg: linear-gradient(135deg, #16a34a, #22c55e);--btn-success-hover: linear-gradient(135deg, #15803d, #16a34a);--btn-success-text: #ffffff;--btn-warning-bg: linear-gradient(135deg, #d97706, #f59e0b);--btn-warning-hover: linear-gradient(135deg, #b45309, #d97706);--btn-warning-text: #ffffff;--btn-ghost-bg: transparent;--btn-ghost-hover: rgba(124, 58, 237, .08);--btn-ghost-text: #4b1d9e;--btn-outline-border: rgba(124, 58, 237, .2);--btn-outline-hover: rgba(124, 58, 237, .06);--btn-outline-text: #4b1d9e;--btn-padding-y: .625rem;--btn-padding-x: 1.25rem;--btn-font-weight: 600;--btn-font-size: .875rem;--btn-radius: 12px;--shadow-xs: 0 1px 3px rgba(124, 58, 237, .06);--shadow-sm: 0 2px 8px rgba(124, 58, 237, .07);--shadow-md: 0 4px 16px rgba(124, 58, 237, .08);--shadow-lg: 0 8px 32px rgba(124, 58, 237, .1);--shadow-xl: 0 16px 48px rgba(124, 58, 237, .12);--shadow-floating: 0 24px 64px rgba(124, 58, 237, .14);--shadow-inset: inset 0 1px 2px rgba(124, 58, 237, .04);--shadow-pressed: inset 0 2px 4px rgba(124, 58, 237, .06);--shadow-card-hover: 0 8px 32px rgba(124, 58, 237, .12);--glow-purple: 0 0 20px rgba(124, 58, 237, .12);--glow-purple-strong: 0 0 40px rgba(124, 58, 237, .18);--glow-success: 0 0 20px rgba(22, 163, 74, .12);--glow-danger: 0 0 20px rgba(220, 38, 38, .12);--glow-cyan: 0 0 20px rgba(8, 145, 178, .12);--glow-lavender: 0 0 20px rgba(124, 58, 237, .12);--badge-success-bg: rgba(22, 163, 74, .1);--badge-success-text: #16a34a;--badge-success-border: rgba(22, 163, 74, .2);--badge-warning-bg: rgba(217, 119, 6, .1);--badge-warning-text: #d97706;--badge-warning-border: rgba(217, 119, 6, .2);--badge-danger-bg: rgba(220, 38, 38, .1);--badge-danger-text: #dc2626;--badge-danger-border: rgba(220, 38, 38, .2);--badge-info-bg: rgba(37, 99, 235, .1);--badge-info-text: #2563eb;--badge-info-border: rgba(37, 99, 235, .2);--badge-live-bg: rgba(220, 38, 38, .12);--badge-live-text: #dc2626;--badge-live-border: rgba(220, 38, 38, .25);--badge-pending-bg: rgba(217, 119, 6, .1);--badge-pending-text: #d97706;--badge-pending-border: rgba(217, 119, 6, .2);--badge-purple-bg: rgba(124, 58, 237, .1);--badge-purple-text: #7c3aed;--badge-purple-border: rgba(124, 58, 237, .2);--badge-verified-bg: rgba(37, 99, 235, .1);--badge-verified-text: #2563eb;--badge-verified-border: rgba(37, 99, 235, .2);--badge-emerald-bg: rgba(16, 185, 129, .1);--badge-emerald-text: #10b981;--badge-emerald-border: rgba(16, 185, 129, .2);--badge-cyan-bg: rgba(8, 145, 178, .1);--badge-cyan-text: #0891b2;--badge-cyan-border: rgba(8, 145, 178, .2);--badge-lavender-bg: rgba(124, 58, 237, .1);--badge-lavender-text: #7c3aed;--badge-lavender-border: rgba(124, 58, 237, .2);--btn-size-sm-padding: .5rem 1rem;--btn-size-md-padding: .75rem 1.5rem;--btn-size-lg-padding: .875rem 2rem;--btn-gap: .5rem;--btn-opacity-disabled: .5;--input-padding: .75rem 1rem;--input-gap: 6px;--input-select-padding: .75rem 2.5rem .75rem 1rem;--badge-padding-sm: .15rem .45rem;--badge-padding-md: .25rem .65rem;--badge-padding-lg: .35rem .85rem;--modal-width-sm: 400px;--modal-width-md: 520px;--modal-width-lg: 680px;--modal-width-xl: 840px;--modal-close-size: 32px;--modal-animation-duration: .18s;--progress-height-sm: 4px;--progress-height-md: 8px;--progress-height-lg: 12px;--progress-radius-sm: 2px;--progress-radius-md: 4px;--progress-radius-lg: 6px;--spinner-size-sm: 20px;--spinner-size-md: 32px;--spinner-size-lg: 48px;--spinner-border-width: 2px;--popover-width: 280px;--popover-height: 200px;--popover-offset: 8px;--popover-animation-duration: .15s;--statcard-glow-size: 128px;--statcard-glow-blur: 40px;--statcard-glow-offset: -32px;--emptystate-icon-size: 56px;--emptystate-icon-font: 1.5rem;--iconbtn-size: 32px;--iconbtn-font: 1.25rem;--badge-neutral-bg: rgba(124, 58, 237, .08);--badge-neutral-text: var(--text-secondary);--badge-neutral-border: rgba(124, 58, 237, .15);--badge-default-bg: rgba(124, 58, 237, .06);--badge-default-text: var(--text-muted);--badge-default-border: rgba(124, 58, 237, .12);--badge-error-bg: var(--badge-danger-bg);--badge-error-text: var(--badge-danger-text);--badge-error-border: var(--badge-danger-border)}:root{font-family:var(--font-body);line-height:var(--leading-normal);font-weight:var(--weight-regular);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}h1,h2,h3{line-height:var(--leading-tight)}button{cursor:pointer}::selection{background:var(--accent-glow)}.input-mode-indicator{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#ffffff0d;border-radius:8px;margin-bottom:16px}.input-mode-selector{display:flex;align-items:center;gap:8px}.mode-icon{font-size:18px}.mode-select{background:#ffffff1a;color:#f5f5f5;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:4px 8px;font-size:14px;cursor:pointer}.mode-select:hover{background:#ffffff26}.connection-status{display:flex;align-items:center;gap:6px;font-size:12px;padding:4px 8px;border-radius:12px;background:#ffffff1a}.connection-status.connected{background:#22c55e33;color:#22c55e}.connection-status.connecting,.connection-status.listening{background:#f59e0b33;color:#f59e0b}.connection-status.disconnected,.connection-status.no_signal{background:#ef444433;color:#ef4444}.connection-status.error{background:#ef44444d;color:#ef4444}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.connection-status.connected .status-dot{animation:pulse 2s infinite}.input-mode-help{font-size:12px;color:#fff9;margin-top:4px}.connect-btn{padding:6px 12px;font-size:12px;border:none;border-radius:4px;cursor:pointer;background:#8b5cf6cc;color:#fff;transition:all .2s}.connect-btn:hover{background:#8b5cf6}.connect-btn.connected{background:#ef4444cc}.connect-btn.connected:hover{background:#ef4444}.stackmat-guide-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.stackmat-guide-modal{background:#1f1f1f;border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.guide-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #333}.guide-header h3{margin:0;font-size:18px;color:#fff}.close-btn{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:#fff}.guide-content{padding:20px}.guide-step{display:flex;gap:12px;margin-bottom:20px}.step-number{width:28px;height:28px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content h4{margin:0 0 8px;color:#fff;font-size:15px}.step-content p{margin:0 0 8px;color:#aaa;font-size:13px;line-height:1.5}.step-content ul{margin:0;padding-left:16px;color:#aaa;font-size:13px;line-height:1.6}.cable-diagram{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#2a2a2a;border-radius:8px;margin-top:8px;font-size:12px;color:#888}.cable-diagram .cable{color:#8b5cf6}.guide-footer{padding:16px 20px;border-top:1px solid #333;text-align:center}.got-it-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;padding:10px 32px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.got-it-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.stackmat-signal-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#2a2a2a;border-radius:8px}.signal-visualizer canvas{border-radius:4px}.status-indicator{width:8px;height:8px;border-radius:50%}.status-text{font-size:12px;color:#aaa}.signal-details{display:flex;gap:12px;font-size:10px;color:#666;margin-left:8px}.v2-widget{position:relative;display:flex;flex-direction:column;gap:.85rem;padding:1.1rem 1.15rem;background:var(--ds-glass-bg);backdrop-filter:blur(var(--ds-glass-blur)) var(--ds-glass-saturate);-webkit-backdrop-filter:blur(var(--ds-glass-blur)) var(--ds-glass-saturate);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-xl);transition:all var(--ds-transition-slow);min-height:180px;overflow:hidden;box-sizing:border-box}.v2-widget:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:.5px;background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(34,211,238,.04) 50%,transparent 80%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}.v2-widget:hover{background:var(--ds-glass-bg-hover);border-color:var(--ds-border-default);transform:translateY(-2px);box-shadow:var(--ds-shadow-card-hover)}.v2-widget-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;z-index:1}.v2-widget-title{font-size:.7rem;font-weight:700;letter-spacing:.12em;color:var(--ds-text-muted, #a1a1aa);text-transform:uppercase;font-family:var(--ds-font-sans)}.v2-widget-icon{font-size:.9rem;opacity:.85;line-height:1}.v2-widget-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .55rem;border-radius:var(--ds-radius-pill);border:.5px solid;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-family:var(--ds-font-sans);white-space:nowrap}.v2-widget-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--ds-radius-md);background:transparent;border:.5px solid var(--ds-border-soft);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.v2-widget-action:hover{background:var(--ds-glass-bg-hover);border-color:var(--ds-border-default);color:var(--ds-text-primary)}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.live-dot{animation:v2-pulse 1.6s ease-in-out infinite}@keyframes v2-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 0 0 currentColor}50%{opacity:.6;transform:scale(.85)}}.layout-zone-dashboard{width:100%;max-width:720px;margin:0 auto}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:.85rem;width:100%}.dashboard-cell{min-width:0;display:flex;min-height:0}.dashboard-cell>*{flex:1;width:100%;min-height:0}@media(max-width:640px){.dashboard-grid{grid-template-columns:1fr}}.daily-goal-widget{position:relative}.daily-goal-body{display:flex;align-items:center;gap:1rem;z-index:1}.daily-goal-ring{flex-shrink:0}.daily-goal-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.55rem}.daily-goal-count{display:flex;align-items:baseline;gap:.3rem;flex-wrap:wrap}.count-current{font-family:var(--ds-font-mono);font-size:1.85rem;font-weight:700;color:var(--ds-text-primary);line-height:1}.count-divider{font-size:1.1rem;color:var(--ds-text-low)}.count-target{font-family:var(--ds-font-mono);font-size:1.1rem;color:var(--ds-text-secondary);font-weight:600}.count-label{font-size:.7rem;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-left:.35rem}.daily-goal-streak{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;background:#f59e0b14;border:.5px solid rgba(245,158,11,.18);border-radius:var(--ds-radius-pill);width:fit-content}.streak-flame{font-size:.85rem;line-height:1}.streak-value{font-family:var(--ds-font-mono);font-weight:700;color:#f9bd22;font-size:.85rem}.streak-label{font-size:.65rem;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.06em}.daily-goal-footer{display:flex;justify-content:space-between;gap:.5rem;padding-top:.6rem;border-top:.5px solid var(--ds-glass-border);z-index:1}.daily-goal-metric{display:flex;flex-direction:column;gap:.15rem}.metric-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ds-text-muted)}.metric-value{font-family:var(--ds-font-mono);font-size:.85rem;font-weight:600;color:var(--ds-text-primary)}.inspection-widget{position:relative}.inspection-body{display:flex;align-items:center;gap:1rem;z-index:1}.inspection-ring{flex-shrink:0}.inspection-info{flex:1;display:flex;flex-direction:column;gap:.4rem;min-width:0}.inspection-mode{display:flex;flex-direction:column;gap:.1rem}.mode-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ds-text-muted)}.mode-value{font-size:.85rem;color:var(--ds-text-primary);font-weight:600}.inspection-footer{display:flex;justify-content:space-between;gap:.5rem;padding-top:.6rem;border-top:.5px solid var(--ds-glass-border)}.inspection-stat{display:flex;align-items:baseline;gap:.3rem}.stat-num{font-family:var(--ds-font-mono);font-size:1.05rem;font-weight:700;color:var(--ds-text-primary)}.stat-text{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted)}.performance-comparison-widget{position:relative}.trend-arrow{font-size:1.1rem;font-weight:700;line-height:1}.trend-arrow.up{color:var(--ds-danger, #ef4444)}.trend-arrow.down{color:var(--ds-success, #22c55e)}.trend-arrow.flat{color:var(--ds-text-muted)}.perf-compare-hero{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:.7rem;border-bottom:.5px solid var(--ds-glass-border);z-index:1}.perf-compare-last{display:flex;flex-direction:column;gap:.2rem}.perf-last-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ds-text-muted)}.perf-last-value{font-family:var(--ds-font-mono);font-size:1.6rem;font-weight:700;color:var(--ds-text-primary);line-height:1;display:inline-flex;align-items:center;gap:.3rem}.perf-last-value.dnf{color:var(--ds-danger, #ef4444)}.perf-last-value.plus2{color:var(--ds-warning, #f59e0b)}.perf-badge{font-size:.6rem;padding:.05rem .35rem;border-radius:var(--ds-radius-sm);font-weight:700;letter-spacing:.04em}.perf-badge.plus2{background:#f59e0b2e;color:#f59e0b}.perf-badge.dnf{background:#ef44442e;color:#ef4444}.perf-indicator{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .55rem;border-radius:var(--ds-radius-pill);border:.5px solid}.perf-indicator.good{color:var(--ds-success, #22c55e);border-color:#22c55e66;background:#22c55e1a}.perf-indicator.bad{color:var(--ds-danger, #ef4444);border-color:#ef444466;background:#ef44441a}.perf-indicator.neutral{color:var(--ds-text-muted);border-color:var(--ds-border-default);background:#ffffff0a}.perf-compare-rows{display:flex;flex-direction:column;gap:.45rem;z-index:1}.perf-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;padding:.3rem 0}.perf-row-label{font-size:.72rem;color:var(--ds-text-secondary)}.perf-row-value{font-family:var(--ds-font-mono);font-size:.85rem;font-weight:700;color:var(--ds-text-primary)}.perf-row-value.good{color:var(--ds-success, #22c55e)}.perf-row-value.bad{color:var(--ds-danger, #ef4444)}.perf-row-meta{font-family:var(--ds-font-mono);font-size:.7rem;color:var(--ds-text-muted);min-width:44px;text-align:right}.perf-empty{font-size:.8rem;color:var(--ds-text-muted);text-align:center;padding:1rem 0}.scramble-preview-widget{position:relative;min-height:200px}.scramble-preview-stage{flex:1;display:flex;align-items:center;justify-content:center;cursor:zoom-in;border-radius:var(--ds-radius-lg);background:radial-gradient(circle at 50% 50%,rgba(139,92,246,.06),transparent 70%),var(--ds-glass-bg-strong);padding:.5rem;min-height:160px;overflow:hidden}.scramble-preview-stage:hover{background:radial-gradient(circle at 50% 50%,rgba(139,92,246,.1),transparent 70%),var(--ds-glass-bg-hover)}.scramble-preview-stage twisty-player::part(toolbar){display:none!important}.scramble-preview-3d{width:100%;height:100%;min-height:180px}.scramble-preview-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--ds-text-muted);font-size:.85rem;min-height:120px}.bluetooth-status-widget.compact{padding:.85rem 1rem;min-height:auto}.bluetooth-body{display:flex;align-items:center;gap:.85rem;z-index:1}.bluetooth-icon-wrap{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:var(--ds-glass-bg-strong);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-md);flex-shrink:0}.bluetooth-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.bluetooth-device-name{font-size:.85rem;font-weight:600;color:var(--ds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bluetooth-mode{font-size:.7rem;color:var(--ds-text-muted)}.bluetooth-battery{display:inline-flex;align-items:center;gap:.2rem;font-family:var(--ds-font-mono);font-size:.72rem;font-weight:600;color:var(--ds-text-secondary)}.today-progress-widget{position:relative}.today-stats{display:flex;align-items:stretch;justify-content:space-between;gap:.4rem;z-index:1}.today-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:0}.today-stat-value{font-family:var(--ds-font-mono);font-size:1.15rem;font-weight:700;color:var(--ds-text-primary);line-height:1.1}.today-stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ds-text-muted)}.today-stat-divider{width:.5px;background:var(--ds-glass-border)}.today-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:.3rem;height:56px;margin-top:.25rem;z-index:1}.today-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;height:100%}.today-bar-track{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;background:#ffffff06;border-radius:var(--ds-radius-sm);overflow:hidden}.today-bar{width:100%;background:linear-gradient(180deg,#8b5cf6d9,#8b5cf640);border-radius:var(--ds-radius-sm);min-height:2px;transition:all .4s cubic-bezier(.4,0,.2,1)}.today-bar.active{box-shadow:0 0 8px #8b5cf64d}.today-bar-count{font-family:var(--ds-font-mono);font-size:.55rem;font-weight:700;color:#fff;text-align:center;display:block;padding-top:.15rem}.today-bar-label{font-size:.6rem;color:var(--ds-text-muted);font-weight:600}.histogram-widget{position:relative}.histogram-icon{font-size:14px;color:var(--ds-text-muted)}.histogram-empty,.chart-empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--ds-text-muted);text-align:center;padding:1rem;min-height:80px}.histogram-summary-inline{display:inline-flex;align-items:baseline;gap:.3rem}.histogram-summary-inline .histogram-avg{font-family:var(--ds-font-mono);font-size:.95rem;font-weight:700;color:var(--ds-text-primary)}.histogram-summary-inline .histogram-range{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ds-text-muted)}.histogram-chart-area{display:flex;align-items:stretch;gap:.45rem;height:110px;z-index:1}.histogram-y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:.25rem 0;font-family:var(--ds-font-mono);font-size:.6rem;color:var(--ds-text-muted);min-width:22px}.histogram-bars{flex:1;display:flex;align-items:flex-end;justify-content:space-between;gap:4px}.histogram-bar-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;height:100%;position:relative;min-width:0}.histogram-bar-track{flex:1;display:flex;align-items:flex-end;justify-content:center;background:#ffffff06;border-radius:4px 4px 0 0;overflow:hidden;position:relative}.histogram-bar{width:100%;background:linear-gradient(180deg,#22d3eef2,#8b5cf6d9 60%,#8b5cf666);border-radius:4px 4px 0 0;position:relative;min-height:2px;transform-origin:bottom center;animation:histogram-grow .5s cubic-bezier(.4,0,.2,1) backwards;transition:filter .2s ease,transform .2s ease}.histogram-bar.peak{background:linear-gradient(180deg,#22d3ee,#a78bfa 60%,#8b5cf699);box-shadow:0 0 12px #22d3ee66}.histogram-bar.hovered{filter:brightness(1.2);transform:scaleY(1.02)}.peak-mark{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:.65rem;color:#f9bd22;line-height:1}@keyframes histogram-grow{0%{height:0!important;opacity:0}to{opacity:1}}.histogram-tooltip{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:#0d0d12f5;border:.5px solid var(--ds-glass-border);padding:.3rem .55rem;border-radius:var(--ds-radius-md);font-size:.65rem;display:flex;flex-direction:column;gap:.1rem;white-space:nowrap;pointer-events:none;z-index:5;box-shadow:var(--ds-shadow-md)}.tooltip-time{font-family:var(--ds-font-mono);color:var(--ds-text-secondary);font-weight:600}.tooltip-count{color:var(--ds-text-primary);font-weight:700}.histogram-x-axis{display:flex;justify-content:space-between;margin-top:.4rem;font-family:var(--ds-font-mono);font-size:.6rem;color:var(--ds-text-muted);z-index:1}.histogram-footer{display:flex;justify-content:space-between;gap:.5rem;padding-top:.55rem;border-top:.5px solid var(--ds-glass-border)}.histogram-foot-stat{display:flex;flex-direction:column;gap:.1rem}.foot-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ds-text-muted)}.foot-value{font-family:var(--ds-font-mono);font-size:.78rem;font-weight:600;color:var(--ds-text-primary)}.progress-chart-widget{position:relative}.trend-indicator{font-size:.7rem;font-weight:600;letter-spacing:.02em}.trend-indicator.down{color:var(--ds-success, #22c55e)}.trend-indicator.up{color:var(--ds-danger, #ef4444)}.trend-indicator.flat{color:var(--ds-text-muted)}.progress-chart-meta{display:flex;align-items:center;gap:1rem;padding-bottom:.6rem;border-bottom:.5px solid var(--ds-glass-border);z-index:1}.meta-stat{display:flex;flex-direction:column;gap:.05rem}.meta-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ds-text-muted)}.meta-value{font-family:var(--ds-font-mono);font-size:.9rem;font-weight:700;color:var(--ds-text-primary)}.meta-stat.pb .meta-value{color:#f9bd22}.progress-chart-wrap{position:relative;width:100%;height:130px;z-index:1}.progress-chart-svg{width:100%;height:100%;display:block}.progress-chart-tooltip{position:absolute;transform:translate(-50%,-130%);background:#0d0d12f5;border:.5px solid var(--ds-glass-border);padding:.3rem .55rem;border-radius:var(--ds-radius-md);font-size:.65rem;display:flex;align-items:center;gap:.35rem;white-space:nowrap;pointer-events:none;z-index:5;box-shadow:var(--ds-shadow-md)}.tt-solve{color:var(--ds-text-muted);font-family:var(--ds-font-mono);font-weight:600}.tt-time{color:var(--ds-text-primary);font-family:var(--ds-font-mono);font-weight:700}.tt-pb{background:#f59e0b33;color:#f9bd22;padding:.05rem .3rem;border-radius:3px;font-weight:700}.progress-chart-legend{display:flex;gap:.85rem;padding-top:.5rem;flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;color:var(--ds-text-muted)}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.scramble-container{padding:1rem 1.15rem}.scramble-container .scramble-header{padding-bottom:.6rem;margin-bottom:.6rem;border-bottom:.5px solid var(--ds-glass-border)}.scramble-container .scramble-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;color:var(--ds-text-muted);display:inline-flex;align-items:center;gap:.3rem}.scramble-container .scramble-text{font-family:var(--ds-font-mono);font-size:1.05rem;font-weight:500;letter-spacing:.04em;line-height:1.7;word-spacing:.4em;padding:1rem 1.1rem;background:#ffffff06;border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-lg);margin-bottom:0;text-align:center;color:var(--ds-text-primary)}.scramble-container .scramble-actions{gap:.4rem}.scramble-container .scramble-icon-btn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;border-radius:var(--ds-radius-md);background:var(--ds-glass-bg);border:.5px solid var(--ds-border-soft);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.scramble-container .scramble-icon-btn:hover{background:var(--ds-glass-bg-hover);border-color:var(--ds-border-default);color:var(--ds-text-primary)}.recent-solves-widget{background:var(--ds-glass-bg);backdrop-filter:blur(var(--ds-glass-blur)) var(--ds-glass-saturate);-webkit-backdrop-filter:blur(var(--ds-glass-blur)) var(--ds-glass-saturate);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-xl);padding:1.1rem 1.15rem}.recent-solves-header{font-size:.7rem;font-weight:700;letter-spacing:.12em;color:var(--ds-text-muted);text-transform:uppercase;margin-bottom:.85rem;display:flex;justify-content:space-between;align-items:center}.solve-count{font-size:.7rem;color:var(--ds-text-muted);letter-spacing:.05em;text-transform:none;font-weight:500}.recent-solves-list{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.recent-solves-list::-webkit-scrollbar{height:4px}.recent-solves-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.solve-row{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.45rem .75rem;background:var(--ds-glass-bg);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-md);font-family:var(--ds-font-mono);font-size:.82rem;font-weight:600;color:var(--ds-text-primary);cursor:pointer;transition:all var(--ds-transition-fast);position:relative}.solve-row:hover{background:var(--ds-glass-bg-hover);border-color:var(--ds-border-default);transform:translateY(-1px)}.solve-row.is-pb{border-color:#8b5cf680;background:#8b5cf614;box-shadow:0 0 8px #8b5cf62e}.solve-row.is-plus2{border-color:#f59e0b73}.solve-row.is-dnf{border-color:#ef444473;color:#ef4444}.solve-index{font-size:.6rem;color:var(--ds-text-muted);font-weight:500}.solve-time.time-dnf{color:#ef4444}.solve-time.time-plus2{color:#f59e0b}.penalty-badge{font-size:.55rem;padding:.05rem .3rem;border-radius:3px;font-weight:700;letter-spacing:.04em;margin-left:.2rem}.penalty-badge.dnf{background:#ef44442e;color:#ef4444}.penalty-badge.plus2{background:#f59e0b2e;color:#f59e0b}.layout-manager{width:100%}.layout-container{display:flex;flex-direction:column;gap:1rem;width:100%;box-sizing:border-box}@media(max-width:768px){.layout-zone-dashboard{max-width:100%}.dashboard-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:.7rem}.v2-widget{padding:.9rem .95rem;min-height:auto}.layout-container{gap:.65rem;padding:0}}[data-layout-mode=focus] .layout-zone-dashboard,[data-layout-mode=minimal] .layout-zone-dashboard{display:none!important}@media(max-width:768px){.layout-zone-center .widget-scramble{order:3}.layout-zone-center .widget-timer{order:1}.layout-zone-dashboard .widget-scramblePreview{order:4}.layout-zone-dashboard .widget-inspection{order:2}.layout-zone-dashboard .widget-dailyGoal{order:5}.layout-zone-dashboard .widget-performanceComparison{order:6}}@media(max-width:768px){.widget-solveList,.widget-recentSolves{order:7!important}}@media(max-width:480px){.layout-zone-dashboard .dashboard-grid{grid-template-columns:1fr}.v2-widget{padding:.85rem .9rem}}@media(min-width:769px)and (max-width:1100px){.layout-standard .layout-zone-left,.layout-standard .layout-zone-right{flex:0 0 180px;min-width:180px;max-width:220px}.layout-standard .layout-zone-center{flex:1 1 auto;max-width:none;min-width:380px}}.timer-display{font-weight:800;letter-spacing:-.02em}[data-layout-mode=standard] .timer-display{font-size:clamp(3.5rem,9vw,6.5rem);text-shadow:0 0 30px rgba(234,220,255,.18);line-height:1}[data-layout-mode=standard] .timer-area{padding:1.5rem 1.5rem .5rem}[data-layout-mode=standard] .timer-container{padding:.5rem 0 1rem}.layout-standard .layout-zone-left,.layout-standard .layout-zone-right,.layout-standard .layout-zone-center{align-self:stretch}.layout-standard .layout-zone-left>*,.layout-standard .layout-zone-right>*{width:100%;flex-shrink:0}.layout-standard .layout-zone-left>*,.layout-standard .layout-zone-right>*{flex:1 1 0;min-height:0}.layout-standard .layout-zone-left>.widget-recentSolves,.layout-standard .layout-zone-right>.widget-performanceComparison{flex:1.5 1 0;min-height:280px;max-height:none;display:flex;flex-direction:column}.layout-standard .layout-zone-left>.widget-todayProgress,.layout-standard .layout-zone-right>.widget-solveProgressChart{flex:1 1 0;min-height:200px;max-height:none}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;width:100%;align-items:stretch}.dashboard-cell{display:flex;min-width:0;min-height:0}.dashboard-cell>*{flex:1;width:100%}@media(min-width:1920px){.layout-standard .layout-container{grid-template-columns:320px minmax(480px,580px) 320px;max-width:1360px;gap:1.5rem;padding:1.5rem 2rem}.layout-standard .layout-zone-dashboard{max-width:1180px}}@media(min-width:1600px)and (max-width:1919px){.layout-standard .layout-container{grid-template-columns:310px minmax(460px,560px) 310px;max-width:1280px;gap:1.4rem;padding:1.4rem 1.75rem}.layout-standard .layout-zone-dashboard{max-width:1140px}}@media(min-width:1440px)and (max-width:1599px){.layout-standard .layout-container{grid-template-columns:300px minmax(440px,540px) 300px;max-width:1240px;gap:1.25rem;padding:1.25rem 1.5rem}.layout-standard .layout-zone-dashboard{max-width:1080px}}@media(min-width:1367px)and (max-width:1439px){.layout-standard .layout-container{grid-template-columns:290px minmax(420px,520px) 290px;max-width:1200px;gap:1.15rem;padding:1.15rem 1.25rem}.layout-standard .layout-zone-dashboard{max-width:1040px}}@media(min-width:1280px)and (max-width:1366px){.layout-standard .layout-container{grid-template-columns:280px minmax(400px,500px) 280px;max-width:1160px;gap:1rem;padding:1rem}.layout-standard .layout-zone-dashboard{max-width:1000px}}@media(min-width:1100px)and (max-width:1279px){.layout-standard .layout-container{grid-template-columns:260px minmax(380px,480px) 260px;gap:.9rem;padding:.9rem}.layout-standard .layout-zone-dashboard{max-width:960px}}@media(min-width:769px)and (max-width:1099px){.layout-standard .layout-container{grid-template-columns:240px minmax(360px,440px) 240px;gap:.75rem;padding:.75rem}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-standard .layout-zone-dashboard{max-width:100%}}@media(min-width:2400px){.layout-standard .layout-container{grid-template-columns:340px minmax(520px,620px) 340px;max-width:1480px;gap:1.75rem;padding:2rem}.layout-standard .layout-zone-dashboard{max-width:1280px}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.recent-solves-widget{display:flex;flex-direction:column;gap:.85rem;min-height:0}.recent-solves-stats{display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:.5rem .75rem;background:var(--ds-glass-bg);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-md)}.recent-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:0}.recent-stat-value{font-family:var(--ds-font-mono);font-size:1.1rem;font-weight:700;color:var(--ds-text-primary);line-height:1.05}.recent-stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ds-text-muted)}.recent-stat-divider{width:.5px;align-self:stretch;background:var(--ds-glass-border);margin:.15rem 0}.recent-solves-table{flex:1;display:flex;flex-direction:column;min-height:0;border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-md);overflow:hidden}.recent-solves-thead{display:grid;grid-template-columns:44px 1fr 70px 32px;align-items:center;gap:.4rem;padding:.5rem .6rem;background:var(--ds-glass-bg-strong);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ds-text-muted);font-weight:600;border-bottom:.5px solid var(--ds-glass-border)}.recent-solves-thead .th-num{text-align:right;padding-right:.4rem}.recent-solves-thead .th-time{text-align:left}.recent-solves-thead .th-pen{text-align:center}.recent-solves-thead .th-act{text-align:right}.recent-solves-tbody{flex:1;display:flex;flex-direction:column;gap:0;overflow-y:auto;min-height:0}.recent-solves-tbody::-webkit-scrollbar{width:4px}.recent-solves-tbody::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.recent-solves-tbody::-webkit-scrollbar-track{background:transparent}.recent-row{display:grid;grid-template-columns:44px 1fr 70px 32px;align-items:center;gap:.4rem;padding:.4rem .6rem;border-bottom:.5px solid var(--ds-glass-border);cursor:pointer;transition:background var(--ds-transition-fast)}.recent-row:last-child{border-bottom:none}.recent-row:hover{background:var(--ds-glass-bg-hover)}.recent-row.is-pb{background:#8b5cf614;box-shadow:inset 2px 0 #8b5cf699}.recent-row.is-plus2{box-shadow:inset 2px 0 #f59e0b80}.recent-row.is-dnf{box-shadow:inset 2px 0 #ef444480}.recent-row.is-confirming{background:#ef44441f}.td-num{font-family:var(--ds-font-mono);font-size:.72rem;color:var(--ds-text-muted);text-align:right;padding-right:.4rem;display:inline-flex;align-items:center;gap:.2rem;justify-content:flex-end}.pb-mark{color:#f9bd22;font-size:.7rem;line-height:1}.td-time{font-family:var(--ds-font-mono);font-size:.82rem;font-weight:600;color:var(--ds-text-primary)}.recent-row.is-dnf .td-time{color:#ef4444}.recent-row.is-plus2 .td-time{color:#f59e0b}.td-pen{text-align:center}.td-act{display:flex;justify-content:flex-end;align-items:center}.td-badge{display:inline-block;font-size:.58rem;padding:.1rem .4rem;border-radius:3px;font-weight:700;letter-spacing:.04em}.td-badge.ok{background:#22c55e24;color:#22c55e}.td-badge.plus2{background:#f59e0b2e;color:#f59e0b}.td-badge.dnf{background:#ef44442e;color:#ef4444}.recent-row-delete{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:.5px solid var(--ds-border-soft);background:transparent;color:var(--ds-text-muted);border-radius:var(--ds-radius-sm);cursor:pointer;opacity:.4;transition:all var(--ds-transition-fast)}.recent-row:hover .recent-row-delete{opacity:1}.recent-row-delete:hover{background:#ef444426;border-color:#ef444466;color:#ef4444}.recent-row.is-confirming .recent-row-delete{background:#ef444466;border-color:#ef4444;color:#fff;opacity:1}.recent-empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--ds-text-muted);padding:1.5rem .5rem;text-align:center}.cube-info-widget{display:flex;flex-direction:column;gap:.85rem}.cube-info-widget.compact{padding:.85rem 1rem}.cube-info-header{display:flex;align-items:center;gap:.7rem}.cube-icon-wrap{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:var(--ds-glass-bg-strong);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-md);flex-shrink:0}.cube-name-block{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.cube-device-name{font-size:.85rem;font-weight:600;color:var(--ds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cube-input-mode{font-size:.68rem;color:var(--ds-text-muted)}.cube-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.cube-info-cell{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .6rem;background:var(--ds-glass-bg);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-sm)}.cube-info-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ds-text-muted)}.cube-info-value{font-family:var(--ds-font-mono);font-size:.82rem;font-weight:600;color:var(--ds-text-primary)}.cube-info-value.mono{font-family:var(--ds-font-mono)}.cube-signal{display:inline-flex;align-items:center;gap:.4rem}.signal-bars{display:inline-flex;align-items:flex-end;gap:1.5px;height:14px}.signal-bar{width:3px;border-radius:1px;display:inline-block}.signal-text{font-family:var(--ds-font-mono);font-size:.75rem;color:var(--ds-text-secondary);font-weight:600}.performance-trends-widget{display:flex;flex-direction:column;gap:.85rem}.trends-sparkline-wrap{width:100%;height:38px;background:var(--ds-glass-bg);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-md);padding:.3rem .4rem;display:flex;align-items:center;justify-content:stretch}.trends-sparkline{width:100%;height:100%;display:block}.trends-sparkline-empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--ds-text-muted)}.trends-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.trends-metric{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .55rem;background:var(--ds-glass-bg);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-sm);min-width:0}.trends-metric-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ds-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trends-metric-value{font-family:var(--ds-font-mono);font-size:.82rem;font-weight:600;color:var(--ds-text-primary)}.trends-improvement{display:flex;align-items:center;justify-content:space-between;padding:.55rem .7rem;background:var(--ds-glass-bg);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-md)}.improvement-label{font-size:.7rem;color:var(--ds-text-secondary);font-weight:500}.improvement-value{font-family:var(--ds-font-mono);font-size:.95rem;font-weight:700;color:var(--ds-text-primary)}.improvement-value.good{color:var(--ds-success, #22c55e)}.improvement-value.bad{color:var(--ds-danger, #ef4444)}.scramble-preview-widget{display:flex;flex-direction:column;gap:.6rem;min-height:0}.scramble-preview-stage{flex:1;display:flex;align-items:center;justify-content:center;cursor:zoom-in;border-radius:var(--ds-radius-lg);background:radial-gradient(circle at 50% 50%,rgba(139,92,246,.08),transparent 70%),var(--ds-glass-bg-strong);padding:.5rem;min-height:140px;overflow:hidden;border:.5px solid var(--ds-glass-border);transition:background var(--ds-transition-fast)}.scramble-preview-stage:hover{background:radial-gradient(circle at 50% 50%,rgba(139,92,246,.14),transparent 70%),var(--ds-glass-bg-hover)}.scramble-preview-stage twisty-player,.scramble-preview-stage>div{max-width:200px!important;max-height:200px!important}.scramble-preview-3d{width:100%;height:100%;min-height:160px}.scramble-preview-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--ds-text-muted);font-size:.85rem;min-height:100px}.scramble-preview-text{font-family:var(--ds-font-mono);font-size:.7rem;color:var(--ds-text-muted);text-align:center;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .25rem}.scramble-modal-overlay{position:fixed;inset:0;background:#08080ed1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1100;animation:scramble-modal-fade-in .18s ease-out}.scramble-modal{width:min(560px,90vw);max-height:88vh;display:flex;flex-direction:column;background:var(--ds-surface-modal, rgba(15, 15, 25, .98));border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-2xl);box-shadow:var(--ds-shadow-2xl);overflow:hidden;animation:scramble-modal-scale-in .22s cubic-bezier(.34,1.4,.64,1)}@keyframes scramble-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes scramble-modal-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.scramble-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:.5px solid var(--ds-glass-border)}.scramble-modal-title{font-size:.95rem;font-weight:600;color:var(--ds-text-primary)}.scramble-modal-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:.5px solid var(--ds-border-soft);background:var(--ds-glass-bg);color:var(--ds-text-secondary);border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast)}.scramble-modal-close:hover{background:var(--ds-glass-bg-hover);border-color:var(--ds-border-default);color:var(--ds-text-primary)}.scramble-modal-body{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem;min-height:320px;background:radial-gradient(circle at 50% 50%,rgba(139,92,246,.06),transparent 60%)}.scramble-modal-body twisty-player,.scramble-modal-body>div{max-width:420px!important;max-height:420px!important}.scramble-modal-text{padding:.85rem 1.25rem 1.1rem;font-family:var(--ds-font-mono);font-size:.85rem;color:var(--ds-text-secondary);text-align:center;letter-spacing:.05em;word-spacing:.25em;border-top:.5px solid var(--ds-glass-border)}.v2-widget{position:relative;display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.1rem;background:var(--ds-glass-bg);backdrop-filter:blur(var(--ds-glass-blur)) var(--ds-glass-saturate);-webkit-backdrop-filter:blur(var(--ds-glass-blur)) var(--ds-glass-saturate);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-xl);transition:all var(--ds-transition-slow);min-height:180px;overflow:hidden;box-sizing:border-box;box-shadow:0 1px #ffffff05 inset}.v2-widget-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:24px}.v2-widget-title{font-size:.7rem;font-weight:700;letter-spacing:.12em;color:var(--ds-text-muted, #a1a1aa);text-transform:uppercase;font-family:var(--ds-font-sans);line-height:1}.v2-widget-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:var(--ds-radius-pill);border:.5px solid;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-family:var(--ds-font-sans);white-space:nowrap;line-height:1.4}.layout-standard .layout-zone-left>*,.layout-standard .layout-zone-right>*{width:100%;max-width:100%}.layout-standard .layout-container{display:grid!important;grid-template-columns:300px 1fr 300px;grid-template-rows:auto;grid-template-areas:"left center right" "dashboard dashboard dashboard";gap:1.25rem;padding:1.25rem;max-width:1440px;margin:0 auto;box-sizing:border-box;align-items:stretch}.layout-standard .layout-zone-left{grid-area:left;display:flex!important;flex-direction:column;gap:1rem;width:300px!important;min-width:300px!important;max-width:300px!important;flex-shrink:0!important;align-self:stretch}.layout-standard .layout-zone-center{grid-area:center;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto 1fr auto;align-content:flex-start;gap:1.5rem;width:100%;min-width:0;align-self:stretch}.layout-standard .layout-zone-center>.widget-wrapper:not(.widget-scramble):not(.widget-timer){min-height:200px;max-height:260px;align-self:stretch}@media(max-width:1200px){.layout-standard .layout-zone-center{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.layout-standard .layout-zone-center{grid-template-columns:1fr}}.layout-standard .layout-zone-center>.widget-scramble{grid-column:1 / -1;width:100%}.layout-standard .layout-zone-center>.widget-timer{grid-column:1 / -1;justify-self:center;align-self:center}.layout-standard .layout-zone-right{grid-area:right;display:flex!important;flex-direction:column;gap:1rem;width:300px!important;min-width:300px!important;max-width:300px!important;flex-shrink:0!important;align-self:stretch}.layout-standard .layout-zone-dashboard{grid-area:dashboard;width:100%;max-width:100%;box-sizing:border-box}.layout-standard .layout-zone-top,.layout-standard .layout-zone-bottom,.layout-standard .layout-zone-bottomLeft,.layout-standard .layout-zone-bottomRight,.layout-standard .layout-zone-bottom-grid{display:none!important}.layout-standard .layout-zone-left>.widget-wrapper,.layout-standard .layout-zone-right>.widget-wrapper,.layout-standard .layout-zone-left>.widget-card,.layout-standard .layout-zone-right>.widget-card,.layout-standard .layout-zone-left>.v2-widget,.layout-standard .layout-zone-right>.v2-widget{flex:1;min-height:0;height:auto;display:flex;flex-direction:column}.layout-standard .layout-zone-left>.widget-recentSolves,.layout-standard .layout-zone-left>.widget-solveList{flex:1.5;min-height:300px;max-height:450px}.layout-standard .layout-zone-left>.widget-recentSolves .recent-solves-tbody,.layout-standard .layout-zone-left>.widget-solveList .solve-list-container,.layout-standard .widget-recentSolves .recent-solves-tbody,.layout-standard .widget-solveList .solve-list-container{overflow-y:auto;flex:1;min-height:0}.layout-standard .layout-zone-left>.widget-timeDistribution,.layout-standard .layout-zone-right>.widget-timeDistribution{min-height:280px;max-height:350px}.layout-standard .layout-zone-left>.widget-timeDistribution .distribution-chart-container,.layout-standard .layout-zone-right>.widget-timeDistribution .distribution-chart-container{flex:1;min-height:0;overflow-y:auto}.layout-standard .layout-zone-left>.widget-todayProgress,.layout-standard .layout-zone-right>.widget-todayProgress{min-height:200px;max-height:280px}.layout-standard .layout-zone-right>.widget-dailyGoal,.layout-standard .layout-zone-left>.widget-dailyGoal{min-height:180px;max-height:250px}.layout-standard .layout-zone-right>.widget-performanceComparison,.layout-standard .layout-zone-left>.widget-performanceComparison{min-height:220px;max-height:300px}.layout-standard .layout-zone-right>.widget-solveProgressChart,.layout-standard .layout-zone-left>.widget-solveProgressChart{min-height:200px;max-height:280px}.layout-standard .layout-zone-dashboard{width:100%;max-width:100%}.layout-standard .dashboard-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1rem!important;width:100%!important;align-items:stretch!important}.layout-standard .dashboard-cell{display:flex;min-width:0;min-height:0;height:100%}.layout-standard .dashboard-cell>.widget-card,.layout-standard .dashboard-cell>.v2-widget{width:100%;height:100%;min-height:180px;max-height:280px;flex:1;display:flex;flex-direction:column}.layout-standard .dashboard-grid>*{height:100%;align-self:stretch}@media(min-width:1280px)and (max-width:1366px){.layout-standard .layout-container{grid-template-columns:280px 1fr 280px;max-width:1280px;gap:1rem;padding:1rem}.layout-standard .layout-zone-left,.layout-standard .layout-zone-right{width:280px!important;min-width:280px!important;max-width:280px!important}.layout-standard .dashboard-grid{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(2,auto)}}@media(min-width:1367px)and (max-width:1440px){.layout-standard .layout-container{grid-template-columns:300px 1fr 300px;max-width:1360px;gap:1.25rem;padding:1.25rem}.layout-standard .dashboard-grid{grid-template-columns:repeat(4,1fr)!important}}@media(min-width:1441px)and (max-width:1600px){.layout-standard .layout-container{grid-template-columns:320px 1fr 320px;max-width:1440px;gap:1.5rem;padding:1.5rem}.layout-standard .layout-zone-left,.layout-standard .layout-zone-right{width:320px!important;min-width:320px!important;max-width:320px!important}.layout-standard .dashboard-grid{grid-template-columns:repeat(4,1fr)!important}}@media(min-width:1601px)and (max-width:1920px){.layout-standard .layout-container{grid-template-columns:340px 1fr 340px;max-width:1600px;gap:1.5rem;padding:1.5rem}.layout-standard .layout-zone-left,.layout-standard .layout-zone-right{width:340px!important;min-width:340px!important;max-width:340px!important}.layout-standard .dashboard-grid{grid-template-columns:repeat(4,1fr)!important}}@media(min-width:1921px){.layout-standard .layout-container{grid-template-columns:360px 1fr 360px;max-width:1800px;gap:1.75rem;padding:1.75rem}.layout-standard .layout-zone-left,.layout-standard .layout-zone-right{width:360px!important;min-width:360px!important;max-width:360px!important}.layout-standard .dashboard-grid{grid-template-columns:repeat(4,1fr)!important}}@media(min-width:2400px){.layout-standard .layout-container{grid-template-columns:400px 1fr 400px;max-width:2000px;gap:2rem;padding:2rem}.layout-standard .layout-zone-left,.layout-standard .layout-zone-right{width:400px!important;min-width:400px!important;max-width:400px!important}}.layout-standard *{position:relative!important}.layout-standard .widget-card,.layout-standard .v2-widget,.layout-standard .dashboard-cell{margin:0!important}.layout-standard .layout-zone-left,.layout-standard .layout-zone-center,.layout-standard .layout-zone-right,.layout-standard .layout-zone-dashboard{z-index:auto}.layout-standard .layout-zone-center .widget-timer,.layout-standard .layout-zone-center .timer-container{z-index:10;position:relative}@media(min-width:768px)and (max-width:1100px){.layout-standard .layout-container{grid-template-columns:220px 1fr 220px;gap:.75rem;padding:.75rem}.layout-standard .layout-zone-left,.layout-standard .layout-zone-right{width:220px!important;min-width:220px!important;max-width:220px!important}.layout-standard .dashboard-grid{grid-template-columns:repeat(2,1fr)!important}.layout-standard .layout-zone-left>.widget-recentSolves,.layout-standard .layout-zone-left>.widget-solveList{max-height:350px}}:root{--dashboard-sidebar-width: 280px;--dashboard-sidebar-collapsed-width: 72px;--dashboard-max-width: 1600px;--dashboard-width: 95%;--dashboard-padding: 24px 0;--dashboard-gap: 24px}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--blur-md)) saturate(var(--glass-saturation));border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);border-radius:var(--glass-radius);transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.glass:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:blur(var(--blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--blur-md)) saturate(var(--glass-saturation));border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);border-radius:var(--glass-radius)}.glass-elevated{background:var(--glass-bg);backdrop-filter:blur(var(--blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--blur-md)) saturate(var(--glass-saturation));border:1px solid var(--glass-border);box-shadow:var(--elevation-3-shadow),var(--glass-highlight);border-radius:var(--glass-radius);transition:all var(--duration-normal) var(--ease-out)}.glass-elevated:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--elevation-4-shadow),var(--glass-highlight);transform:translateY(-1px)}.glass-accent{background:var(--glass-bg);backdrop-filter:blur(var(--blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--blur-md)) saturate(var(--glass-saturation));border:1px solid var(--border-accent);box-shadow:var(--elevation-3-shadow),var(--glass-highlight),var(--glow-purple);border-radius:var(--glass-radius)}.glass-header{background:var(--surface-header);backdrop-filter:blur(var(--glass-header-blur)) saturate(var(--glass-header-saturation));-webkit-backdrop-filter:blur(var(--glass-header-blur)) saturate(var(--glass-header-saturation));border-bottom:1px solid var(--glass-border)}.glass-modal{background:var(--surface-modal);backdrop-filter:blur(var(--blur-xl)) saturate(1.5);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(1.5);border:1px solid var(--glass-border);box-shadow:var(--elevation-5-shadow),var(--glass-highlight);border-radius:var(--radius-xl)}.glass-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--glass-border)}.glass-modal-header h3{font-size:var(--text-section-title);font-weight:var(--weight-semibold);margin:0;color:var(--text-primary)}.glass-modal-close{width:var(--iconbtn-size);height:var(--iconbtn-size);display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--iconbtn-font);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.glass-modal-close:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary)}.glass-modal-content{padding:var(--space-4) var(--space-5);overflow-y:auto;flex:1}.glass-modal-actions{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--glass-border)}.glass-icon-btn{display:flex;align-items:center;justify-content:center;width:var(--iconbtn-size);height:var(--iconbtn-size);background:var(--glass-bg);backdrop-filter:blur(var(--blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--blur-md)) saturate(var(--glass-saturation));border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.glass-icon-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.ambient-purple{background:var(--ambient-purple)}.ambient-cyan{background:var(--ambient-cyan)}.ambient-lavender{background:var(--ambient-lavender)}.ambient-success{background:var(--ambient-success)}.stat-value{font-family:var(--font-display);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.section-label{font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.glass-inset{background:var(--surface-inset);border-radius:var(--glass-radius-sm);box-shadow:var(--shadow-inset)}.glass-hover-accent:hover{border-color:var(--border-accent);box-shadow:var(--elevation-4-shadow),var(--glass-highlight),var(--glow-purple)}.glass-table{width:100%;border-collapse:separate;border-spacing:0}.glass-table th{padding:var(--space-4) var(--space-5);font-family:var(--font-body);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);text-align:left}.glass-table td{padding:var(--space-4) var(--space-5);font-size:var(--text-body);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast) var(--ease-out)}.glass-table tr:hover td{background:var(--glass-bg-hover)}.glass-table tr:last-child td{border-bottom:none}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalScaleOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.96) translateY(8px)}}@keyframes bottomSheetSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes bottomSheetSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0000004d;backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));padding:var(--space-4);animation:overlayFadeIn var(--duration-normal) var(--ease-out) forwards}.modal-overlay.closing{animation:overlayFadeOut var(--duration-fast) var(--ease-out) forwards}.modal-content{width:100%;max-width:520px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalScaleIn var(--duration-slow) var(--ease-out) forwards}.modal-content.closing{animation:modalScaleOut var(--duration-fast) var(--ease-out) forwards}@media(max-width:640px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{max-width:100%;max-height:85vh;border-bottom-left-radius:0;border-bottom-right-radius:0;animation:bottomSheetSlideIn var(--duration-slow) var(--ease-out) forwards}.modal-content.closing{animation:bottomSheetSlideOut var(--duration-normal) var(--ease-out) forwards}}.event-settings-dialog{padding:0;overflow:hidden}.event-settings-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;border-bottom:1px solid var(--glass-border)}.event-settings-header-content{flex:1;min-width:0}.event-settings-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.event-settings-description{font-size:var(--text-body-sm);color:var(--text-secondary);margin:.25rem 0 0;line-height:1.5}.event-settings-subtitle{font-size:var(--text-caption);color:var(--text-muted);margin:.25rem 0 0}.event-settings-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:1rem}.event-settings-close:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary)}.event-settings-body{padding:1rem 1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.75rem}.event-settings-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);overflow:hidden}.event-settings-section-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:none;color:var(--text-primary);cursor:pointer;text-align:left;transition:background .15s ease}.event-settings-section-header:hover{background:var(--glass-bg-hover)}.event-settings-section-chevron{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.event-settings-section-header.expanded .event-settings-section-chevron{transform:rotate(0)}.event-settings-section-header:not(.expanded) .event-settings-section-chevron{transform:rotate(0)}.event-settings-section-header.expanded .event-settings-section-chevron svg{transform:rotate(90deg)}.event-settings-section-icon{display:flex;align-items:center;justify-content:center;color:var(--accent-primary);flex-shrink:0}.event-settings-section-title{font-size:var(--text-body);font-weight:500;flex:1}.event-settings-section-subtitle{font-size:var(--text-caption);color:var(--text-muted);margin-left:.5rem}.event-settings-section-count{font-size:var(--text-caption);color:var(--text-muted);background:var(--glass-bg-strong);padding:.125rem .5rem;border-radius:9999px;margin-left:auto}.event-settings-section-content{will-change:height}.event-settings-section-inner{padding:0 1rem 1rem}.event-settings-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--glass-border);gap:1rem}.event-settings-actions{display:flex;gap:.75rem;margin-left:auto}.event-settings-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:var(--text-body-sm);font-weight:500;border-radius:var(--btn-radius);cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.event-settings-btn:disabled{opacity:.5;cursor:not-allowed}.event-settings-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--shadow-sm),var(--glow-purple)}.event-settings-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md),var(--glow-purple-strong)}.event-settings-btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);backdrop-filter:blur(12px)}.event-settings-btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover)}.event-settings-btn-danger{background:var(--btn-danger-bg);color:var(--btn-danger-text)}.event-settings-btn-danger:hover:not(:disabled){background:var(--btn-danger-hover)}.event-settings-checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem;border-radius:8px;cursor:pointer;transition:background .15s ease}.event-settings-checkbox:hover:not(.disabled){background:var(--glass-bg-hover)}.event-settings-checkbox.disabled{opacity:.5;cursor:not-allowed}.event-settings-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.event-settings-checkbox-box{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:4px;flex-shrink:0;transition:all .15s ease;margin-top:2px}.event-settings-checkbox:hover:not(.disabled) .event-settings-checkbox-box{border-color:var(--glass-border-hover)}.event-settings-checkbox input[type=checkbox]:focus-visible+.event-settings-checkbox-box{outline:2px solid var(--accent-primary);outline-offset:2px}.event-settings-checkbox-check{opacity:0;transform:scale(.5);transition:all .15s ease;color:#fff}.event-settings-checkbox input[type=checkbox]:checked+.event-settings-checkbox-box{background:var(--accent-primary);border-color:var(--accent-primary)}.event-settings-checkbox input[type=checkbox]:checked+.event-settings-checkbox-box .event-settings-checkbox-check{opacity:1;transform:scale(1)}.event-settings-checkbox-content{display:flex;flex-direction:column;gap:.125rem;min-width:0}.event-settings-checkbox-label{font-size:var(--text-body-sm);color:var(--text-primary);line-height:1.4}.event-settings-checkbox-description{font-size:var(--text-caption);color:var(--text-muted);line-height:1.4}.event-settings-radio-group{display:flex;flex-direction:column;gap:.5rem}.event-settings-radio{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;cursor:pointer;transition:background .15s ease}.event-settings-radio:hover{background:var(--glass-bg-hover)}.event-settings-radio.disabled{opacity:.5;cursor:not-allowed}.event-settings-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0}.event-settings-radio-indicator{width:18px;height:18px;border:1px solid var(--glass-border);border-radius:50%;flex-shrink:0;position:relative;transition:all .15s ease}.event-settings-radio:hover:not(.disabled) .event-settings-radio-indicator{border-color:var(--glass-border-hover)}.event-settings-radio input[type=radio]:focus-visible+.event-settings-radio-indicator{outline:2px solid var(--accent-primary);outline-offset:2px}.event-settings-radio input[type=radio]:checked+.event-settings-radio-indicator{border-color:var(--accent-primary)}.event-settings-radio input[type=radio]:checked+.event-settings-radio-indicator:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--accent-primary);border-radius:50%}.event-settings-radio-label{font-size:var(--text-body-sm);color:var(--text-primary)}.event-settings-list{display:flex;flex-direction:column}.event-settings-list-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:6px;font-size:var(--text-body-sm);color:var(--text-secondary);transition:all .15s ease}.event-settings-list-item:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.event-settings-list-item.enabled{color:var(--text-primary)}.event-settings-list-item-count{margin-left:auto;font-size:var(--text-caption);color:var(--text-muted)}.event-selector-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:overlayFadeIn .2s ease forwards}.event-selector-overlay.closing{animation:overlayFadeOut .2s ease forwards}.event-selector-modal{width:90%;max-width:560px;max-height:85vh;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--glass-radius-lg);box-shadow:0 0 0 1px var(--glass-highlight),0 20px 60px -10px #00000080,0 0 60px -20px #8b5cf633;overflow:hidden;display:flex;flex-direction:column;animation:modalScaleIn .25s cubic-bezier(.4,0,.2,1) forwards}.event-selector-modal.closing{animation:modalScaleOut .2s ease forwards}.event-selector-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:var(--glass-bg);border-bottom:1px solid var(--glass-border);flex-shrink:0}.event-selector-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.event-selector-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.event-selector-close:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary);transform:scale(1.05)}.event-selector-close:active{transform:scale(.95)}.event-selector-body{padding:1rem 1.25rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1rem}.event-selector-section{display:flex;flex-direction:column;gap:.5rem}.event-selector-section-header{display:flex;align-items:center;gap:.75rem}.event-selector-section-title{font-size:var(--text-caption);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding-bottom:.25rem;border-bottom:1px solid var(--glass-border)}.event-selector-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.3rem;width:100%;justify-items:center;align-items:center}@media(max-width:640px){.event-selector-grid{grid-template-columns:repeat(4,1fr);gap:.4rem}}.event-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.2rem;padding:.3rem;background:transparent;border:1px solid var(--glass-border);border-radius:var(--glass-radius);color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:center;min-height:70px;box-sizing:border-box}.event-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%);opacity:1;transition:opacity .2s ease}.event-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 24px -8px #0000004d,inset 0 1px #ffffff1a}.event-card.selected{background:#8b5cf633;border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary),0 0 20px -5px #8b5cf666;animation:eventCardPulse .3s ease}.event-card.selected:hover{background:#8b5cf640}.event-card-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:50%;transition:all .2s ease;overflow:hidden}.event-card:hover .event-card-icon{background:#ffffff0d;border-color:#fff3}.event-card.selected .event-card-icon{background:#8b5cf64d;border-color:var(--accent-primary)}.event-card-label{font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;line-height:1.2}@keyframes eventCardPulse{0%{transform:scale(.95)}50%{transform:scale(1.02)}to{transform:scale(1)}}@media(max-width:640px){.event-selector-modal{width:100%;max-height:90vh;border-radius:var(--glass-radius-lg) var(--glass-radius-lg) 0 0;margin-top:auto}.event-selector-header{padding:1rem 1.25rem}.event-selector-body{padding:1rem 1.25rem;gap:1rem}.event-card{padding:.5rem .2rem}.event-card-icon{width:28px;height:28px}.event-card-label{font-size:9px}}@media(max-width:640px){.event-settings-header{padding:1rem 1.25rem}.event-settings-body{padding:.75rem 1.25rem}.event-settings-footer{padding:1rem 1.25rem}.event-settings-actions{flex-direction:column;width:100%}.event-settings-btn{flex:1}.event-selector-dialog-body{padding:.75rem 1.25rem}}.oll-dialog-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:overlayFadeIn .2s ease forwards;padding:1rem}.oll-dialog-overlay.closing{animation:overlayFadeOut .2s ease forwards}.oll-dialog{width:100%;max-width:640px;max-height:90vh;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--glass-radius-lg);box-shadow:0 0 0 1px var(--glass-highlight),0 25px 80px -20px #0009,0 0 60px -20px #8b5cf626;overflow:hidden;display:flex;flex-direction:column;animation:modalScaleIn .3s cubic-bezier(.4,0,.2,1) forwards}.oll-dialog.closing{animation:modalScaleOut .2s ease forwards}.oll-dialog-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:var(--glass-bg);border-bottom:1px solid var(--glass-border);flex-shrink:0}.oll-dialog-header-content{flex:1;min-width:0}.oll-dialog-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.oll-dialog-subtitle{font-size:var(--text-body-sm);color:var(--text-muted);margin:.375rem 0 0;line-height:1.5}.oll-dialog-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:1rem}.oll-dialog-close:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary);transform:scale(1.05)}.oll-dialog-close:active{transform:scale(.95)}.oll-dialog-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.25rem}.oll-dialog-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:var(--glass-bg);border-top:1px solid var(--glass-border);flex-shrink:0}.oll-summary-card{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#8b5cf614,#8b5cf60a);border:1px solid rgba(139,92,246,.15);border-radius:var(--glass-radius)}.oll-summary-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.oll-summary-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.oll-summary-probability{font-size:1rem;color:var(--accent-primary)}.oll-summary-label{font-size:var(--text-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.oll-summary-divider{width:1px;height:40px;background:var(--glass-border)}.oll-quick-actions{display:flex;gap:.75rem}.oll-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius-sm);color:var(--text-secondary);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.oll-action-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary)}.oll-action-btn:active{transform:scale(.98)}.oll-search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);transition:all .2s ease}.oll-search:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf61a}.oll-search svg{color:var(--text-muted);flex-shrink:0}.oll-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--text-body);font-family:var(--font-body)}.oll-search-input::placeholder{color:var(--text-muted)}.oll-section-label{display:block;font-size:var(--text-caption);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem}.oll-probability-selector{display:flex;flex-direction:column}.oll-segmented-control{display:flex;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:.25rem;gap:.25rem}.oll-segment{flex:1;display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.75rem .5rem;background:transparent;border:none;border-radius:var(--glass-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.oll-segment:hover:not(.active){background:var(--glass-bg-hover);color:var(--text-primary)}.oll-segment.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px -2px #8b5cf666}.oll-segment-label{font-size:var(--text-body-sm);font-weight:600}.oll-segment-desc{font-size:var(--text-caption);opacity:.7}.oll-categories{display:flex;flex-direction:column}.oll-category-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);overflow:hidden;transition:all .2s ease}.oll-category-card:not(:last-child){margin-bottom:.5rem}.oll-category-card:hover{border-color:var(--glass-border-hover)}.oll-category-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:none;color:var(--text-primary);cursor:pointer;text-align:left;transition:background .15s ease}.oll-category-header:hover{background:var(--glass-bg-hover)}.oll-category-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:4px;flex-shrink:0;transition:all .15s ease}.oll-category-header:hover .oll-category-check{border-color:var(--glass-border-hover)}.oll-category-check svg{color:var(--accent-primary)}.oll-category-partial{width:8px;height:8px;background:var(--accent-primary);border-radius:2px}.oll-category-empty{width:8px;height:8px;border:1.5px solid var(--glass-border);border-radius:2px}.oll-category-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.oll-category-name{font-size:var(--text-body);font-weight:500;flex:1}.oll-category-count{font-size:var(--text-caption);color:var(--text-muted);background:var(--glass-bg-strong);padding:.25rem .5rem;border-radius:9999px}.oll-category-chevron{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:transform .2s ease}.oll-category-chevron.expanded{transform:rotate(180deg)}.oll-category-cases{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1rem 1rem 3.25rem;animation:fadeSlideIn .2s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.oll-case-row{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius-sm);cursor:pointer;transition:all .15s ease}.oll-case-row:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.oll-case-row.selected{background:#8b5cf61a;border-color:#8b5cf64d}.oll-case-row input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.oll-case-checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:4px;flex-shrink:0;transition:all .15s ease}.oll-case-row:hover .oll-case-checkbox{border-color:var(--glass-border-hover)}.oll-case-row.selected .oll-case-checkbox{background:var(--accent-primary);border-color:var(--accent-primary)}.oll-case-checkbox svg{color:#fff}.oll-case-preview{display:flex;align-items:center;justify-content:center;flex-shrink:0}.oll-case-preview svg{border-radius:4px}.oll-case-name{font-size:var(--text-body-sm);color:var(--text-primary);white-space:nowrap}.oll-case-weight{font-size:var(--text-caption);color:var(--accent-primary);font-weight:600;margin-left:auto}.oll-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-muted)}.oll-empty-state svg{opacity:.5}.oll-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:var(--text-body);font-weight:600;border-radius:var(--glass-radius);cursor:pointer;transition:all .2s ease;border:none}.oll-btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary)}.oll-btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary)}.oll-btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;box-shadow:0 4px 14px -4px #8b5cf666}.oll-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px -6px #8b5cf680}.oll-btn-primary:active{transform:translateY(0)}@media(max-width:640px){.oll-dialog-overlay{align-items:flex-end;padding:0}.oll-dialog{max-height:90vh;border-radius:var(--glass-radius-lg) var(--glass-radius-lg) 0 0}.oll-dialog-header{padding:1.25rem}.oll-dialog-body{padding:1rem 1.25rem}.oll-dialog-footer{padding:1rem 1.25rem;flex-direction:column}.oll-btn{width:100%}.oll-summary-card{padding:1rem;gap:1rem}.oll-summary-value{font-size:1.25rem}.oll-summary-divider{height:32px}.oll-segmented-control{flex-direction:column}.oll-segment{flex-direction:row;justify-content:space-between}.oll-category-cases{padding-left:1rem}}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popoverFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.98)}}.glass-popover{z-index:1100;background:var(--surface-modal);backdrop-filter:blur(var(--blur-lg)) saturate(1.5);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(1.5);border:1px solid var(--glass-border);box-shadow:var(--elevation-5-shadow),var(--glass-highlight);border-radius:var(--radius-lg);animation:popoverFadeIn var(--duration-normal) var(--ease-out) forwards;overflow:hidden}.glass-popover.closing{animation:popoverFadeOut var(--duration-fast) var(--ease-out) forwards}.glass-popover-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--glass-border)}.glass-popover-title{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--text-primary)}.glass-popover-close{display:flex;align-items:center;justify-content:center;width:var(--iconbtn-size);height:var(--iconbtn-size);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--iconbtn-font);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.glass-popover-close:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.glass-popover-content{padding:var(--space-3) var(--space-4);max-height:400px;overflow-y:auto}.config-selector-group{margin-bottom:var(--space-3)}.config-selector-group:last-child{margin-bottom:0}.config-selector-label{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.config-radio-group{display:flex;flex-direction:column;gap:var(--space-1)}.config-radio{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.config-radio:hover{background:var(--glass-bg-hover)}.config-radio.selected{background:#8b5cf61a}.config-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0}.config-radio-indicator{width:16px;height:16px;border:1.5px solid var(--glass-border);border-radius:50%;flex-shrink:0;position:relative;transition:all .15s ease}.config-radio:hover .config-radio-indicator{border-color:var(--glass-border-hover)}.config-radio.selected .config-radio-indicator{border-color:var(--accent-primary)}.config-radio.selected .config-radio-indicator:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--accent-primary);border-radius:50%}.config-radio-label{font-size:var(--text-body-sm);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-1)}.config-radio.disabled{opacity:.5;cursor:not-allowed}.config-radio.disabled:hover{background:transparent}.config-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0}.config-toggle-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.config-toggle-info{display:flex;flex-direction:column;gap:2px}.config-toggle-label{font-size:var(--text-body-sm);color:var(--text-primary)}.config-toggle-description{font-size:var(--text-caption);color:var(--text-muted)}.config-toggle-btn{width:44px;height:24px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:12px;padding:2px;cursor:pointer;transition:all .2s ease;position:relative}.config-toggle-btn.active{background:var(--accent-primary);border-color:var(--accent-primary)}.config-toggle-thumb{display:block;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.config-toggle-btn.active .config-toggle-thumb{transform:translate(20px)}.config-number-input{display:flex;flex-direction:column;gap:var(--space-1)}.config-number-label{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--text-muted)}.config-number-field{display:flex;align-items:center;gap:var(--space-2)}.config-number-input-field{flex:1;padding:var(--space-2) var(--space-3);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-body);font-family:var(--font-mono)}.config-number-input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #8b5cf633}.config-number-unit{font-size:var(--text-body-sm);color:var(--text-muted)}.widget-config-btn{opacity:1;transition:opacity .15s ease,color .15s ease;color:var(--text-muted)}.widget-config-btn:hover{color:var(--text-primary)}.glass-layout{min-height:100vh;display:flex;flex-direction:column;color:var(--text-primary);background:var(--bg-primary);font-family:var(--font-body)}.glass-layout>*{min-width:0}.glass-header-shell{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:minmax(200px,1fr) auto;align-items:center;gap:var(--space-6);min-height:88px;width:100%;box-sizing:border-box;padding:var(--space-5) max(2vw,var(--space-8));background:var(--surface-header);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm),var(--glass-highlight);transition:min-height var(--duration-normal) var(--ease-out),padding var(--duration-normal) var(--ease-out),background var(--motion-hover),border-color var(--motion-hover),box-shadow var(--motion-hover)}.glass-header-shell:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--shadow-md),var(--glass-highlight)}.glass-header-shell .header{background:transparent;border:none;width:100%}.glass-header-shell .header .header-container{padding:0;max-width:100%;width:100%}.glass-header-shell.is-compact{min-height:64px;padding-top:var(--space-3);padding-bottom:var(--space-3)}.glass-header-leading{display:flex;align-items:center;gap:var(--space-4);min-width:0}.glass-header-title{min-width:0}.glass-header-breadcrumb{display:block;color:var(--text-muted);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--space-2)}.glass-header-title h1{display:inline-flex;align-items:center;gap:var(--space-3);margin:0;color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-page-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:1.1}.glass-header-badge{display:inline-flex;align-items:center}.glass-header-title p{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:var(--text-body-sm);line-height:1.5}.glass-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-shrink:0}@media(max-width:767px){.glass-header-shell{min-height:64px;padding:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) auto}}.glass-sidebar{position:sticky;top:0;align-self:stretch;display:flex;flex-direction:column;min-height:calc(100vh - 88px);overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--glass-radius-lg);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);box-shadow:var(--shadow-md);transition:width var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);width:100%}.glass-sidebar.is-collapsed{width:76px}.glass-sidebar.is-open{transform:translate(0)}.glass-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:78px;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.glass-sidebar.is-collapsed .glass-sidebar-header{justify-content:center;padding:var(--space-3)}.glass-sidebar-brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.glass-sidebar-collapse{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-muted);background:var(--surface-raised);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.glass-sidebar-collapse:hover{color:var(--text-primary);background:var(--surface-hover);border-color:var(--border-hover)}.glass-sidebar-collapse.is-mobile{display:none}.glass-sidebar-nav{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-5);overflow-y:auto}.glass-sidebar.is-collapsed .glass-sidebar-nav{padding-left:var(--space-2);padding-right:var(--space-2)}.glass-sidebar-item{position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);text-decoration:none}.glass-sidebar-item:hover{color:var(--text-primary);background:var(--surface-hover);border-color:var(--border-subtle);transform:translate(2px)}.glass-sidebar-item.is-active{color:var(--accent-lavender);background:var(--surface-card-accent);border-color:var(--border-accent);box-shadow:var(--shadow-xs)}.glass-sidebar-item.is-active:before{position:absolute;left:-1px;top:18%;bottom:18%;width:3px;border-radius:var(--radius-pill);background:var(--accent-primary);box-shadow:var(--glow-purple);content:""}.glass-sidebar-item.is-disabled{opacity:.4;pointer-events:none}.glass-sidebar-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;font-size:1.05rem}.glass-sidebar-copy{display:flex;flex-direction:column;min-width:0;gap:2px}.glass-sidebar-copy strong{color:inherit;font-size:var(--text-body-sm);font-weight:var(--weight-semibold)}.glass-sidebar-copy small{color:var(--text-muted);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glass-sidebar-badge{display:inline-flex;align-items:center;margin-left:auto}.glass-sidebar-footer{margin-top:auto;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle)}.glass-sidebar-backdrop{position:fixed;inset:0;z-index:90;background:var(--surface-inset);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none}@media(max-width:1024px){.glass-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:1100;width:min(86vw,320px);min-height:100vh;border-radius:0 var(--glass-radius-lg) var(--glass-radius-lg) 0;transform:translate(-105%)}.glass-sidebar.is-open{transform:translate(0)}.glass-sidebar.is-collapsed{width:min(86vw,320px)}.glass-sidebar-collapse.is-desktop{display:none}.glass-sidebar-collapse.is-mobile{display:inline-flex}.glass-sidebar-backdrop{display:block}}.glass-divider{display:block;width:100%;height:1px;background:var(--border-subtle);flex-shrink:0}.glass-divider.is-vertical{width:1px;height:100%;background:var(--border-subtle)}.glass-scrollbar{scrollbar-width:thin;scrollbar-color:var(--glass-border-hover) transparent;scroll-behavior:smooth}.glass-scrollbar::-webkit-scrollbar{width:8px;height:8px}.glass-scrollbar::-webkit-scrollbar-track{background:transparent}.glass-scrollbar::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:content-box}.glass-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--glass-border-hover);background-clip:content-box}.glass-tabs-container{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-1)}.glass-tabs-container::-webkit-scrollbar{display:none}.glass-tab{display:inline-flex;align-items:center;flex:0 0 auto;gap:var(--space-2);min-height:40px;padding:.625rem 1rem;border:1px solid var(--glass-border);border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--surface-raised);font:inherit;font-size:var(--text-caption);font-weight:500;white-space:nowrap;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.glass-tab:hover:not(.active){color:var(--text-primary);background:var(--surface-hover);border-color:var(--border-hover)}.glass-tab.active{color:var(--accent-lavender);background:var(--surface-card-accent);border-color:var(--border-accent);box-shadow:0 0 12px -2px #8b5cf640}.glass-tab-icon{display:flex;align-items:center;font-size:1rem}.glass-footer{border-top:1px solid var(--border-subtle);background:var(--surface-header);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}.glass-footer.is-sticky{position:sticky;bottom:0;z-index:60}.glass-footer-inner{width:min(1800px,calc(100% - (2*max(2vw,var(--space-6)))));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);color:var(--text-secondary);font-size:var(--text-caption)}@media(max-width:767px){.glass-footer-inner{padding:var(--space-3) var(--space-4);flex-wrap:wrap}}.bluetooth-connection-panel{display:flex;flex-direction:column;height:100%}.bluetooth-panel-header{padding:1rem;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .06))}.bluetooth-back-btn{background:none;border:none;color:var(--text-secondary, #a1a1aa);font-size:.875rem;cursor:pointer;padding:.25rem 0;margin-bottom:.5rem}.bluetooth-back-btn:hover{color:var(--on-surface, #e6e0ec)}.bluetooth-panel-title-row{display:flex;align-items:center;gap:.5rem}.bluetooth-panel-icon{font-size:1.5rem}.bluetooth-panel-title{font-size:1.125rem;font-weight:600;color:var(--on-surface, #e6e0ec);margin:0}.bluetooth-panel-content{flex:1;overflow-y:auto;padding:1rem}.bluetooth-panel-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;min-height:200px}.bluetooth-panel-state p{margin:.5rem 0 0;color:var(--text-secondary, #a1a1aa)}.bluetooth-panel-hint{font-size:.75rem;color:var(--text-muted, #71717a);max-width:280px}.bluetooth-panel-spinner{width:48px;height:48px;border:3px solid var(--glass-border, rgba(255, 255, 255, .1));border-top-color:var(--primary, #e6deff);border-radius:50%;animation:bluetooth-spin 1s linear infinite}.bluetooth-panel-spinner.scanning{border-top-color:var(--success, #22c55e);animation:bluetooth-pulse 1.5s ease-in-out infinite}.bluetooth-panel-spinner.small{width:20px;height:20px;border-width:2px}@keyframes bluetooth-spin{to{transform:rotate(360deg)}}@keyframes bluetooth-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.bluetooth-devices{display:flex;flex-direction:column;gap:.5rem}.bluetooth-no-devices{text-align:center;padding:2rem;color:var(--text-secondary, #a1a1aa)}.bluetooth-no-devices p{margin:.25rem 0}.bluetooth-device-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--surface-container, #211e27);border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 16px);cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.bluetooth-device-item:hover:not(:disabled){background:var(--surface-container-high, #2b2931);border-color:var(--primary, #e6deff)}.bluetooth-device-item.connecting{opacity:.7;cursor:wait}.bluetooth-device-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-container-high, #2b2931);border-radius:var(--radius-md, 12px);flex-shrink:0}.bluetooth-device-info{flex:1;min-width:0}.bluetooth-device-name{display:block;font-size:.9rem;font-weight:600;color:var(--on-surface, #e6e0ec)}.bluetooth-device-id{display:block;font-size:.7rem;color:var(--text-muted, #71717a);font-family:var(--font-mono, monospace)}.bluetooth-device-signal{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.signal-bars{display:flex;align-items:flex-end;gap:2px;height:16px}.signal-bar{width:4px;background:var(--glass-border, rgba(255, 255, 255, .2));border-radius:1px}.signal-bar:nth-child(1){height:4px}.signal-bar:nth-child(2){height:8px}.signal-bar:nth-child(3){height:12px}.signal-bar:nth-child(4){height:16px}.signal-bar.active{background:var(--success, #22c55e)}.signal-value{font-size:.65rem;color:var(--text-muted, #71717a);font-family:var(--font-mono, monospace)}.bluetooth-device-connecting{flex-shrink:0}.bluetooth-refresh-btn{margin-top:1rem;padding:.75rem;background:var(--surface-container, #211e27);border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 12px);color:var(--text-secondary, #a1a1aa);cursor:pointer;transition:all .2s ease}.bluetooth-refresh-btn:hover{background:var(--surface-container-high, #2b2931);color:var(--on-surface, #e6e0ec)}.bluetooth-panel-connected{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem}.bluetooth-connected-icon{width:64px;height:64px;background:#22c55e33;border:2px solid var(--success, #22c55e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--success, #22c55e);margin-bottom:1rem}.bluetooth-panel-connected h3{font-size:1.25rem;font-weight:600;color:var(--on-surface, #e6e0ec);margin:0 0 .25rem}.bluetooth-connected-device{color:var(--text-secondary, #a1a1aa);margin:0 0 1.5rem}.bluetooth-connected-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem}.bluetooth-connected-stats .stat{display:flex;flex-direction:column;align-items:center}.bluetooth-connected-stats .stat-value{font-size:1rem;font-weight:600;font-family:var(--font-mono, monospace);color:var(--on-surface, #e6e0ec)}.bluetooth-connected-stats .stat-label{font-size:.7rem;color:var(--text-muted, #71717a);text-transform:uppercase}.bluetooth-connected-actions{display:flex;gap:.75rem}.bluetooth-panel-error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem}.bluetooth-error-icon{font-size:2.5rem;margin-bottom:1rem}.bluetooth-panel-error h3{font-size:1.125rem;font-weight:600;color:var(--on-surface, #e6e0ec);margin:0 0 .5rem}.bluetooth-panel-error p{color:var(--text-secondary, #a1a1aa);margin:0 0 1.5rem;max-width:280px}.bluetooth-error-actions{display:flex;gap:.75rem}.transport-selector-modal .glass-modal-content{padding:0}.transport-selector-content{padding:1.5rem}.transport-selector-header{text-align:center;margin-bottom:1.5rem}.transport-selector-title{font-size:1.25rem;font-weight:600;color:var(--on-surface, #e6e0ec);margin:0 0 .5rem}.transport-selector-subtitle{font-size:.875rem;color:var(--text-secondary, #a1a1aa);margin:0}.transport-options{display:flex;flex-direction:column;gap:.75rem}.transport-option{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface-container, #211e27);border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 16px);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.transport-option:hover:not(.disabled){background:var(--surface-container-high, #2b2931);border-color:var(--primary, #e6deff);transform:translateY(-1px)}.transport-option.selected{border-color:var(--primary, #e6deff);background:#8b5cf61a}.transport-option.disabled{opacity:.6;cursor:not-allowed}.transport-option.disabled:hover{transform:none}.transport-option-icon{font-size:1.75rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-container-high, #2b2931);border-radius:var(--radius-md, 12px);flex-shrink:0}.transport-option-info{flex:1;min-width:0}.transport-option-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap}.transport-option-title{font-size:1rem;font-weight:600;color:var(--on-surface, #e6e0ec)}.transport-option-description{font-size:.8rem;color:var(--text-secondary, #a1a1aa);margin:0;line-height:1.4}.transport-option-arrow{font-size:1.25rem;color:var(--text-muted, #71717a);flex-shrink:0}.transport-selector-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .06))}.transport-selector-hint{font-size:.75rem;color:var(--text-muted, #71717a);text-align:center;margin:0}@media(max-width:480px){.transport-selector-content{padding:1rem}.transport-option{padding:.875rem}.transport-option-icon{font-size:1.5rem;width:40px;height:40px}}.auth-page{min-height:100vh;display:flex;align-items:stretch;justify-content:center;position:relative;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;background:transparent}.auth-shell{position:relative;z-index:1;display:flex;width:100%;max-width:1100px;margin:0 auto;padding:2rem 1.5rem;gap:2rem;align-items:center;min-height:100vh}.auth-brand-panel{flex:1;display:none;flex-direction:column;justify-content:center;gap:1.25rem;padding:2rem}@media(min-width:900px){.auth-brand-panel{display:flex}}.auth-brand-logo{width:56px;height:56px;object-fit:contain}.auth-brand-panel h2{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;background:linear-gradient(135deg,#00d4ff,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-brand-panel p{color:#ffffff73;font-size:1rem;line-height:1.6;max-width:360px}.auth-brand-quote{margin-top:1rem;padding:1rem 1.25rem;border-left:3px solid var(--accent-primary, #00d4ff);background:#ffffff0a;border-radius:0 12px 12px 0;color:#ffffff8c;font-size:.9rem;font-style:italic;line-height:1.5}.auth-form-panel{flex:1;display:flex;justify-content:center;align-items:center;width:100%}.auth-card{width:100%;max-width:440px;padding:2rem}.auth-card.signup-card{max-width:480px}.auth-providers-row{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.auth-bubble-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;background:var(--surface-glass);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out)}.auth-bubble-btn:hover:not(:disabled){background:var(--surface-glass-hover);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md),var(--glow-purple)}.auth-bubble-btn:disabled{opacity:.6;cursor:not-allowed}.auth-bubble-btn svg{width:24px;height:24px}.auth-card-header{text-align:center;margin-bottom:1.5rem}.auth-home-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:#ffffff73;text-decoration:none;margin-bottom:1rem;transition:color .2s}.auth-home-link:hover{color:var(--accent-primary, #00d4ff)}.auth-card h1{font-size:1.65rem;font-weight:700;margin-bottom:.35rem;background:linear-gradient(135deg,var(--accent-primary, #00d4ff),var(--accent-secondary, #a855f7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{font-size:.9rem;color:#ffffff73;margin:0}.auth-alert{padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.85rem;line-height:1.4}.auth-alert-error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#f87171}.auth-alert-success{background:#22c55e1f;border:1px solid rgba(34,197,94,.35);color:#4ade80}.auth-card .form-group{margin-bottom:1rem}.auth-card .form-group label{display:block;font-size:.8rem;font-weight:500;color:#ffffff8c;margin-bottom:.4rem}.auth-card .form-group input,.auth-card .form-group select{width:100%;padding:.75rem 1rem;font-size:.95rem;background:var(--surface-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.auth-card .form-group input:focus,.auth-card .form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--glow-purple)}.password-input-wrap{position:relative;display:flex}.password-input-wrap input{padding-right:2.75rem}.password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff6;padding:.35rem;display:flex;align-items:center;cursor:pointer}.password-toggle:hover{color:#ffffffbf}.field-hint{font-size:.75rem;color:#fff6;margin-top:.35rem}.field-hint.match{color:#4ade80}.field-hint.mismatch{color:#f87171}.form-options{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.remember-email{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#ffffff80;cursor:pointer}.remember-email input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary, #00d4ff)}.forgot-password-link{font-size:.8rem;color:var(--accent-primary, #00d4ff);text-decoration:none;font-weight:500}.forgot-password-link:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.25rem 0;color:var(--text-muted, rgba(255, 255, 255, .45));font-size:.8rem;text-align:center}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-default, rgba(255, 255, 255, .08))}.google-link-form{margin-top:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.google-link-form p{font-size:.85rem;color:#fff9;margin-bottom:.75rem;line-height:1.4}.google-link-actions{display:flex;gap:.5rem;margin-top:.75rem}.google-link-actions .btn-primary{flex:1;margin-top:0}.google-link-actions .btn-link-cancel{padding:.75rem 1rem;font-size:.85rem;font-weight:500;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#ffffff8c;cursor:pointer;transition:border-color .2s,color .2s}.google-link-actions .btn-link-cancel:hover{border-color:#ffffff40;color:#fffc}.auth-submit-after-secondary{margin-top:.5rem}.auth-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:authSpin .7s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:1.25rem;font-size:.875rem;color:#ffffff73}.auth-footer a{color:var(--accent-primary, #00d4ff);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.checkbox-group{margin-bottom:1rem}.checkbox-group label{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:#ffffff8c;cursor:pointer;line-height:1.4}.checkbox-group input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--accent-primary, #00d4ff)}.checkbox-group a{color:var(--accent-primary, #00d4ff);text-decoration:none}.checkbox-group a:hover{text-decoration:underline}.signup-steps{display:flex;gap:.5rem;margin-bottom:1.25rem}.signup-step{flex:1;height:4px;border-radius:2px;background:#ffffff1a;transition:background .3s}.signup-step.active{background:linear-gradient(90deg,var(--accent-primary, #00d4ff),var(--accent-secondary, #a855f7))}.signup-step.done{background:var(--accent-primary, #00d4ff)}.country-select{position:relative}.country-dropdown{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);max-height:200px;overflow-y:auto;margin:0;padding:.25rem;list-style:none;background:#1a1a24;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 12px 32px #00000080}.country-dropdown button{width:100%;text-align:left;padding:.5rem .75rem;background:none;border:none;border-radius:6px;color:#e5e5e5;font-size:.875rem;cursor:pointer}.country-dropdown button:hover,.country-dropdown button[aria-selected=true]{background:#00d4ff1f;color:var(--accent-primary, #00d4ff)}.country-empty{font-size:.8rem;color:#fff6;margin-top:.35rem}.auth-loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#04040a}@media(max-width:899px){.auth-shell{padding:2.5rem 1rem 1.25rem;align-items:flex-start}.form-row{flex-direction:column;gap:0}}body[data-timer-state=running] .scramble-image-widget,body[data-timer-state=running] .scramble-text{filter:blur(10px);opacity:.3;transition:all .3s ease}body[data-timer-state=inspection] .scramble-image-widget,body[data-timer-state=inspection] .scramble-text{filter:blur(2px);opacity:.8;transition:all .2s ease}.scramble-image-widget,.scramble-text{transition:all .4s ease}body[data-timer-state=running] .statistics-panel,body[data-timer-state=running] .session-stats-panel{opacity:.1;filter:blur(5px);transition:all .5s ease}.statistics-panel,.session-stats-panel{transition:all .4s ease}.customization-settings{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-4);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.customization-tabs{display:flex;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--glass-border);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;max-width:100%;box-sizing:border-box;flex-wrap:wrap}.customization-tabs::-webkit-scrollbar{display:none}.customization-tabs button{background:var(--glass-bg);border:1px solid transparent;color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-body-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;scroll-snap-align:center;flex-shrink:0}.customization-tabs button:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.customization-tabs button.active{background:var(--accent-primary);color:var(--text-inverse);box-shadow:var(--shadow-md)}.animated-section{animation:fadeIn var(--duration-normal) var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}.settings-section{display:flex;flex-direction:column;gap:var(--space-4)}.settings-section h3{margin:0;color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-section-title);font-weight:var(--weight-semibold)}.section-description{margin:0;color:var(--text-muted);font-size:var(--text-body);line-height:1.5}.presets-grid-large{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4);margin-top:var(--space-4);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.preset-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-5);border-radius:var(--radius-lg);border:2px solid transparent;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);background:var(--glass-bg)}.preset-card:hover{transform:translateY(calc(var(--space-2) * -1));box-shadow:var(--shadow-lg);border-color:var(--glass-border-hover)}.preset-card.active{border-color:var(--accent-primary);box-shadow:var(--shadow-md),0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent-primary)}.preset-preview-timer{font-size:var(--text-stat);font-weight:var(--weight-bold);margin-bottom:var(--space-3);letter-spacing:.05em;font-family:var(--font-mono)}.preset-name{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--text-primary);text-align:center}.coming-soon-box{background:var(--glass-bg);border:1px dashed var(--glass-border);border-radius:var(--radius-md);padding:var(--space-8);text-align:center;color:var(--text-muted);margin-top:var(--space-4)}.color-pickers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4);margin-top:var(--space-4);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.color-picker-item{display:flex;flex-direction:column;gap:var(--space-2);background:var(--glass-bg);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.color-picker-item label{font-size:var(--text-body-sm);color:var(--text-secondary);font-weight:var(--weight-medium)}.color-input-wrapper{display:flex;align-items:center;gap:var(--space-2)}.color-input-wrapper input[type=color]{width:36px;height:36px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;padding:2px;background:var(--glass-bg);flex-shrink:0}.color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.color-input-wrapper input[type=text]{flex:1;min-width:0;background:var(--glass-bg-strong);border:1px solid var(--glass-border);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-body-sm)}.color-input-wrapper input[type=text]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--border-focus)}.layout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);margin-top:var(--space-4);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.preset-info{display:flex;flex-direction:column;gap:var(--space-1)}.preset-info h4{margin:0;font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--text-primary)}.preset-info span{font-size:var(--text-caption);color:var(--text-muted)}.setting-row{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--border-subtle)}.setting-row:last-child{border-bottom:none}.setting-row label{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-primary)}.slider-row{display:flex;align-items:center;gap:var(--space-4)}.slider-row input[type=range]{flex:1}.slider-value{font-family:var(--font-mono);font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--accent-cyan);min-width:48px;text-align:right}.customization-locked-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-top:var(--space-4)}.customization-locked-message .locked-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg-strong);border-radius:50%;color:var(--text-muted);margin-bottom:var(--space-4)}.customization-locked-message h3{font-size:var(--text-section-title);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-2)}.customization-locked-message p{font-size:var(--text-body);color:var(--text-muted);margin:0 0 var(--space-4)}.admin-badge-small,.admin-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.5px}.admin-badge-small{font-size:var(--text-label);padding:var(--space-1) var(--space-2)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-body);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none}.btn-primary{background:var(--accent-primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--accent-secondary)}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.btn-secondary.active{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}@media(max-width:1200px){.presets-grid-large,.color-pickers-grid,.layout-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:1024px){.presets-grid-large,.color-pickers-grid,.layout-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.color-pickers-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:900px){.customization-settings{gap:var(--space-5)}.presets-grid-large,.color-pickers-grid,.layout-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.customization-settings{gap:var(--space-5)}.customization-tabs{gap:var(--space-2);padding-bottom:var(--space-3);flex-wrap:wrap}.customization-tabs button{padding:var(--space-2) var(--space-3);font-size:var(--text-caption)}.presets-grid-large,.color-pickers-grid,.layout-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.preset-card{padding:var(--space-4)}.slider-row{flex-direction:column;align-items:stretch;gap:var(--space-2)}.slider-value{text-align:center}.color-pickers-grid{grid-template-columns:1fr}.setting-row{padding:var(--space-3) 0}}.notif-bell-wrap{position:relative;display:flex;align-items:center}.notif-bell-btn{background:none;border:none;color:#fff9;font-size:1.15rem;padding:.35rem .5rem;cursor:pointer;position:relative;display:flex;align-items:center;transition:color .15s;font-family:inherit}.notif-bell-btn:hover{color:#fff}.notif-bell-btn .badge{position:absolute;top:0;right:0;background:#ef4444;color:#fff;font-size:.55rem;font-weight:700;padding:.1rem .3rem;border-radius:8px;min-width:16px;text-align:center;line-height:1.2}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-height:420px;background:#14141efa;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 12px 40px #00000080;z-index:1000;display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(24px)}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.notif-dropdown-header span{font-size:.85rem;font-weight:700;color:#fff}.notif-dropdown-header .mark-all-read{background:none;border:none;color:#6366f1cc;font-size:.72rem;font-weight:600;cursor:pointer;padding:0;font-family:inherit}.notif-dropdown-header .mark-all-read:hover{color:#6366f1}.notif-dropdown-list{flex:1;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem 1rem;cursor:pointer;transition:background .1s;border-bottom:1px solid rgba(255,255,255,.03)}.notif-item:hover{background:#ffffff0a}.notif-item.unread{background:#6366f10d;border-left:3px solid rgba(99,102,241,.6)}.notif-item.unread:hover{background:#6366f114}.notif-item-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;background:#8b5cf633;color:#fff9;overflow:hidden;flex-shrink:0}.notif-item-avatar img{width:100%;height:100%;object-fit:cover}.notif-item-body{flex:1;min-width:0}.notif-item-text{font-size:.78rem;color:#fffc;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item-time{font-size:.62rem;color:#ffffff4d;margin-top:.2rem}.notif-empty{padding:2rem 1rem;text-align:center;color:#ffffff4d;font-size:.82rem}.notif-dropdown-footer{padding:.6rem 1rem;border-top:1px solid rgba(255,255,255,.06);text-align:center}.notif-dropdown-footer a{color:#6366f1cc;font-size:.75rem;font-weight:600;text-decoration:none}.notif-dropdown-footer a:hover{color:#6366f1}.notif-page{max-width:640px;margin:0 auto;padding:2rem 1rem}.notif-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.notif-page-header h1{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.notif-page-header .mark-all-read{background:none;border:none;color:#6366f1cc;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit}.notif-page-header .mark-all-read:hover{color:#6366f1}.notif-page-list{display:flex;flex-direction:column;gap:.25rem}.notif-page-item{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:10px;cursor:pointer;transition:all .15s}.notif-page-item:hover{background:#ffffff0a;border-color:#ffffff14}.notif-page-item.unread{background:#6366f10d;border-left:3px solid rgba(99,102,241,.6)}.notif-page-item-type{font-size:.7rem;font-weight:600;color:#ffffff59;text-transform:uppercase;letter-spacing:.05em;margin-top:.15rem}.notif-page-empty{text-align:center;padding:3rem 1rem;color:#ffffff4d}.notif-page-empty .icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.notif-page-empty p{margin:0;font-size:.9rem}.profile-tabs{display:flex;flex-direction:column;gap:6px;background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:20px;padding:10px}.profile-tab{width:100%;padding:12px 14px;text-decoration:none;color:#fff9;font-weight:500;font-size:.9rem;border-radius:10px;transition:all .25s ease;display:flex;align-items:center;justify-content:space-between}.tab-left-content{display:flex;align-items:center;gap:10px}.tab-icon{font-size:1rem;display:flex;align-items:center;justify-content:center;opacity:.7;width:20px}.mobile-chevron{display:none;font-size:.75rem;opacity:.3}.profile-tab:hover{color:#ffffffe6;background:#ffffff0d}.profile-tab.active{background:#cabeff1a;color:#cabeff;border-right:4px solid #cabeff;border-radius:4px 10px 10px 4px}.profile-tab.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.profile-tab.disabled:hover{background:transparent}.beta-badge{font-size:.6rem;font-weight:600;padding:2px 6px;border-radius:6px;background:#8b5cf633;color:#8b5cf6e6;text-transform:uppercase;letter-spacing:.3px;margin-left:6px}.profile-tabs.collapsed{padding:10px 8px;gap:4px;align-items:center}.profile-tab.collapsed{padding:10px;justify-content:center;width:100%}.profile-tab.collapsed .tab-left-content{gap:0;justify-content:center}.profile-tab.collapsed .tab-icon{margin:0;font-size:1.15rem;opacity:.6}.profile-tab.collapsed.active .tab-icon{opacity:1}.profile-tab.collapsed:hover .tab-icon{opacity:.9}.profile-tab.collapsed{position:relative}.profile-tab.collapsed:hover:after{content:attr(title);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#14141ef2;backdrop-filter:blur(12px);border:.5px solid rgba(255,255,255,.08);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;color:#fff;white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:0 4px 16px #0000004d;animation:tooltipFadeIn .15s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@media(max-width:767px){.profile-tabs{padding:8px;gap:2px;background:transparent;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;margin:0}.profile-tab{padding:14px 16px;font-size:.95rem;background:transparent;border-radius:10px;color:#ffffffa6}.profile-tab:hover{background:#ffffff0a;color:#fff}.profile-tab.active{border-left:none;border-radius:10px;background:#8b5cf61f;color:#a78bfa}.mobile-chevron{display:block}}.glass-dashboard-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);background-image:var(--ambient-purple),var(--ambient-cyan);overflow:hidden}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-bottom:1px solid var(--border-default);gap:var(--space-2);box-sizing:border-box;flex-shrink:0}.dashboard-body{flex:1;display:grid;grid-template-columns:var(--dashboard-sidebar-width) 1fr;gap:var(--dashboard-gap, 24px);align-items:start;max-width:var(--dashboard-max-width, 1600px);width:var(--dashboard-width, 95%);margin:0 auto;padding:var(--dashboard-padding, 24px 0);min-height:calc(100vh - var(--header-height, 88px))}.dashboard-sidebar{position:sticky;top:0;height:100vh;grid-column:1;grid-row:1;overflow-y:auto;overflow-x:hidden}.dashboard-sidebar.is-collapsed{width:var(--dashboard-sidebar-collapsed-width, 72px)}.dashboard-main{grid-column:2;grid-row:1;min-width:0;width:100%}@media(max-width:1199px){.dashboard-body{--dashboard-sidebar-width: 240px;--dashboard-gap: 20px;--dashboard-padding: 20px 0}}@media(max-width:767px){.dashboard-body{display:flex;flex-direction:column;padding:0 16px 80px;gap:16px}.dashboard-sidebar{position:fixed;top:0;left:0;bottom:0;width:100vw;z-index:1100;transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-out);background:var(--surface-header);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-right:1px solid var(--glass-border)}.dashboard-sidebar.is-open{transform:translate(0)}.dashboard-toolbar{padding:var(--space-2)}}.settings-header-section,.settings-header-info{margin-bottom:var(--space-4)}.settings-header-info .settings-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1);line-height:1.2}.settings-header-info .settings-subtitle{font-size:var(--text-body-sm);color:var(--text-muted);margin:0;line-height:1.5}.settings-tabs-wrapper{border-bottom:1px solid var(--glass-border);padding-bottom:var(--space-3);padding-left:var(--space-1);padding-right:var(--space-1)}.settings-tabs-wrapper .glass-tabs{display:flex;gap:var(--space-2);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2)}.settings-tabs-wrapper .glass-tabs::-webkit-scrollbar{display:none}.settings-tabs-wrapper .glass-tabs button{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-caption);font-weight:var(--weight-medium);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;scroll-snap-align:start;flex-shrink:0}.settings-tabs-wrapper .glass-tabs button:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:var(--glass-border-hover)}.settings-tabs-wrapper .glass-tabs button.active{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.settings-tabs-wrapper .glass-tabs button svg{font-size:.875rem}.settings-content{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.settings-dashboard-layout .dashboard-body{width:100%;max-width:100%;padding:var(--space-4) 0}.settings-dashboard-layout .dashboard-main{width:100%}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);width:100%;max-width:100%;box-sizing:border-box;align-items:start}.settings-grid>*{min-width:0;max-width:100%}@media(max-width:1400px){.settings-grid{gap:var(--space-5)}}@media(max-width:1200px){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}}@media(max-width:1100px){.settings-grid,.settings-row{gap:var(--space-4)}.settings-row-info{min-width:160px;padding-right:var(--space-3)}.settings-row-control{min-width:120px}.settings-row-description{max-width:280px}}@media(max-width:1024px){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}}@media(max-width:900px){.settings-content{padding-left:0;padding-right:0}.settings-grid{grid-template-columns:1fr;gap:var(--space-5)}.settings-row{gap:var(--space-4)}.settings-row-info{min-width:0;padding-right:0}.settings-row-description{max-width:none}.settings-row-control{min-width:0}}@media(max-width:767px){.settings-content{padding-left:0;padding-right:0}.settings-dashboard-layout .dashboard-body{padding:0 0 80px}.settings-header-section{padding-left:var(--space-4);padding-right:var(--space-4)}.settings-grid{grid-template-columns:1fr;gap:var(--space-5)}.settings-header-section{margin-bottom:var(--space-5)}.settings-header-info{margin-bottom:var(--space-4)}.settings-header-info .settings-title{font-size:var(--text-xl)}.settings-header-info .settings-subtitle{font-size:var(--text-body-sm)}.settings-header-section{margin-bottom:var(--space-4)}.settings-header-info{margin-bottom:var(--space-3)}.settings-tabs-wrapper{padding-bottom:var(--space-3);margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4);mask-image:linear-gradient(to right,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 95%,transparent 100%)}.settings-tabs-wrapper .glass-tabs{gap:var(--space-2);padding-right:var(--space-6)}.settings-tabs-wrapper .glass-tabs button svg{display:none}}.settings-card{min-width:0;max-width:100%;width:100%;border-color:var(--glass-border);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);box-sizing:border-box;padding:var(--space-5)!important}.settings-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-md)}.settings-card>*:last-child{padding-bottom:0}.settings-card.is-collapsed>.settings-section-heading{margin-bottom:0}.settings-card.is-collapsed>.settings-section-content{display:none}.settings-card-full{grid-column:1 / -1}.settings-section-heading{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:var(--space-4);min-height:40px;margin-bottom:var(--space-5)}.settings-section-icon{width:40px;height:40px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg);color:var(--accent-secondary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all var(--duration-normal) var(--ease-out)}.settings-section-copy{min-width:0}.settings-section-copy h2,.settings-card-heading h2{margin:0;color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-section-title);font-weight:var(--weight-semibold);line-height:1.25}.settings-section-copy p,.settings-card-heading p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--text-caption);line-height:1.5}.settings-section-trailing{align-self:start;padding-top:var(--space-1)}.settings-section-toggle{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-muted);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.settings-section-toggle:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary)}.settings-section-toggle svg{transition:transform var(--duration-normal) var(--ease-out)}.settings-section-toggle svg.collapsed{transform:rotate(-90deg)}.settings-simple-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5)}.settings-simple-header .settings-section-icon{flex-shrink:0}.settings-simple-header h2{margin:0;color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-section-title);font-weight:var(--weight-semibold);line-height:1.25}.settings-simple-header p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--text-caption);line-height:1.5}.settings-section-content{display:flex;flex-direction:column;padding-top:var(--space-3);gap:var(--space-3)}.settings-section-content.compact{padding-top:0}.settings-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);padding:var(--space-4) 0;border-bottom:1px solid var(--border-subtle)}.settings-row:last-child{border-bottom:none}.settings-row-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:200px;flex:1;padding-right:var(--space-4)}.settings-row-label{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-primary);line-height:1.4}.settings-row-description{font-size:var(--text-caption);color:var(--text-muted);line-height:1.5;max-width:400px}.settings-row-control{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;min-width:140px}.settings-toggle{position:relative;display:inline-flex;width:44px;height:24px;padding:2px;border:1px solid var(--glass-border);border-radius:var(--radius-pill);background:var(--glass-bg-strong);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.settings-toggle:hover{border-color:var(--glass-border-hover)}.settings-toggle.active{border-color:var(--accent-primary);background:var(--accent-primary)}.settings-toggle-thumb{display:block;width:18px;height:18px;border-radius:50%;background:var(--text-muted);transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.settings-toggle.active .settings-toggle-thumb{background:var(--text-inverse);transform:translate(20px)}.settings-toggle:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.settings-row-vertical{padding:var(--space-4) 0;width:100%}.settings-slider-container{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.settings-slider{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.settings-slider-labels{display:flex;justify-content:space-between;font-size:var(--text-caption);color:var(--text-muted);font-weight:var(--weight-medium);margin-bottom:var(--space-1)}.settings-range-input{width:100%;height:6px;border-radius:var(--radius-pill);background:var(--glass-bg-strong);border:1px solid var(--glass-border);appearance:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.settings-range-input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-primary);border:2px solid var(--glass-bg);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out)}.settings-range-input::-webkit-slider-thumb:hover{transform:scale(1.1)}.settings-range-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-primary);border:2px solid var(--glass-bg);box-shadow:var(--shadow-sm);cursor:pointer}.settings-range-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--border-focus)}.settings-slider-value{font-family:var(--font-mono);font-size:var(--text-stat);font-weight:var(--weight-extrabold);color:var(--accent-cyan);text-align:center;margin-top:var(--space-2)}.settings-background-preview{margin-bottom:var(--space-4);border-radius:var(--radius-lg);overflow:hidden;width:100%;box-shadow:inset 0 0 0 1px #ffffff0d}.settings-background-preview img{display:block;width:100%;height:160px;object-fit:cover}.settings-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-4) 0}.settings-row-actions:first-child{padding-top:0}.settings-slider-controls{display:flex;flex-direction:column;gap:var(--space-4);width:100%;padding:var(--space-2) 0;border-top:1px solid var(--glass-border);margin-top:var(--space-3)}.settings-slider-control{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:var(--space-4)}.settings-slider-header{display:flex;justify-content:space-between;align-items:center}.settings-slider-label{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--text-secondary)}.settings-slider-value{font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--accent-primary);font-family:var(--font-mono);min-width:48px;text-align:right}.settings-range-input{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));outline:none;cursor:pointer;opacity:.8;transition:opacity .2s ease}.settings-range-input:hover{opacity:1}.settings-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--surface-base);cursor:pointer;border:2px solid var(--accent-primary);box-shadow:0 2px 8px #0000004d;transition:transform .15s ease,box-shadow .15s ease}.settings-range-input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 12px #8b5cf680}.settings-range-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--surface-base);cursor:pointer;border:2px solid var(--accent-primary);box-shadow:0 2px 8px #0000004d}.settings-sync-info{font-size:var(--text-caption);color:var(--text-muted);padding:var(--space-2) 0;margin:0}.settings-sync-note{font-size:var(--text-caption);color:var(--text-muted);padding:var(--space-4) 0 0;margin:0}.settings-form-stack{display:flex;flex-direction:column;gap:var(--space-5)}.settings-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);align-items:start}@media(max-width:600px){.settings-form-grid{grid-template-columns:1fr}}.settings-file-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-5);border:1px dashed var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);background:var(--glass-bg);cursor:pointer;font-size:var(--text-body);font-family:var(--font-body);transition:all var(--duration-fast) var(--ease-out)}.settings-file-button:hover{color:var(--text-primary);background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.settings-file-button input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.settings-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.settings-stat-grid .glass-elevated{padding:var(--space-3)!important}.settings-stat-grid .stat-value{font-size:var(--text-body-lg)!important;font-weight:var(--weight-bold)!important;line-height:1.2}.settings-stat-grid .section-label{font-size:var(--text-label)}.settings-stat-grid .glass-elevated svg{font-size:.875rem!important}.settings-stat-grid .glass-elevated .sublabel{font-size:var(--text-caption)}.settings-sync-section{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-6);width:100%;max-width:100%}@media(max-width:1200px){.settings-sync-section{gap:var(--space-5)}}.settings-sync-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);align-items:stretch}.settings-sync-pair .settings-card{display:flex;flex-direction:column;height:100%}.settings-sync-pair .settings-section-content{flex:1;padding-top:var(--space-2)}.settings-sync-pair .settings-sync-note{font-size:var(--text-caption);color:var(--text-muted);padding:var(--space-3) 0 0;margin:0;line-height:1.4}.settings-sync-pair .settings-row-actions{padding:var(--space-3) 0;gap:var(--space-3)}.settings-stat-grid-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.settings-stat-grid-2col .glass-elevated{padding:var(--space-3)!important}.settings-stat-grid-2col .stat-value{font-size:var(--text-body)!important;font-weight:var(--weight-bold)!important;line-height:1.2}.settings-stat-grid-2col .section-label{font-size:var(--text-label)}.settings-stat-grid-2col .glass-elevated svg{font-size:.875rem!important}.settings-row-actions.compact{padding:var(--space-2) 0;gap:var(--space-2)}.settings-row-actions.compact .glass-btn{padding:var(--space-2) var(--space-3)}@media(max-width:1200px){.settings-sync-pair{gap:var(--space-5)}}@media(max-width:900px){.settings-sync-pair{grid-template-columns:1fr}.settings-sync-pair .settings-card{height:auto}}@media(max-width:1200px){.settings-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}}@media(max-width:1000px){.settings-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}}@media(max-width:500px){.settings-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}}.settings-history-list,.settings-session-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.settings-history-item,.settings-session-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg)}.settings-history-item>div,.settings-session-name{display:flex;flex-direction:column;min-width:0;gap:var(--space-1)}.settings-session-name{flex-direction:row;align-items:center;gap:var(--space-3);color:var(--text-primary)}.settings-history-item strong{color:var(--text-primary);font-size:var(--text-body-sm);font-weight:var(--weight-medium)}.settings-history-item span,.settings-empty-note{color:var(--text-muted);font-size:var(--text-caption)}.settings-empty-note{padding:var(--space-5) 0;color:var(--text-muted);font-size:var(--text-body)}.settings-danger-card{border-color:var(--badge-danger-border)}.settings-danger-card .settings-section-icon{color:var(--color-danger);background:var(--badge-danger-bg);border-color:var(--badge-danger-border)}.settings-sync-progress{max-width:400px;margin:var(--space-3) 0}.settings-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}.settings-delete-confirmation{display:flex;flex-direction:column;gap:var(--space-5)}.settings-delete-confirmation p{margin:0;color:var(--text-secondary);font-size:var(--text-body)}.settings-delete-confirmation strong{color:var(--color-danger);font-weight:var(--weight-semibold)}.settings-import-progress{display:flex;flex-direction:column;gap:var(--space-4)}.settings-import-progress p{margin:0;color:var(--text-secondary);font-size:var(--text-body);text-align:center}@media(max-width:767px){.settings-header-row{gap:var(--space-4);margin-bottom:var(--space-5)}.settings-section-heading{grid-template-columns:36px 1fr auto;gap:var(--space-3);margin-bottom:var(--space-4)}.settings-section-icon,.settings-simple-header .settings-section-icon{width:36px;height:36px}.settings-section-copy h2,.settings-simple-header h2{font-size:var(--text-body-lg)}.settings-section-copy p,.settings-simple-header p{font-size:var(--text-caption)}.settings-section-trailing{grid-column:3;grid-row:1}.settings-section-toggle{width:28px;height:28px}.settings-row{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-4) 0}.settings-row-info{padding-right:0;min-width:0;width:100%}.settings-row-description{max-width:none}.settings-row-control{justify-content:flex-start;min-width:0;width:100%;padding-top:var(--space-2)}.settings-toggle{align-self:flex-start}.settings-row-actions{flex-direction:column;width:100%;align-items:stretch}.settings-row-actions .glass-btn{width:100%;justify-content:center}.settings-file-button{width:100%}.settings-stat-grid{grid-template-columns:repeat(2,1fr)}.settings-history-item,.settings-session-item{flex-direction:column;align-items:flex-start}.settings-history-item .glass-btn,.settings-session-item .glass-btn{align-self:flex-end;margin-top:var(--space-2)}.settings-modal-actions{flex-direction:column-reverse}.settings-modal-actions .glass-btn{width:100%;justify-content:center}.settings-simple-header{margin-bottom:var(--space-4)}.settings-slider-controls{gap:var(--space-5)}.settings-slider-control{gap:var(--space-3)}.settings-button-group{flex-direction:column}}.settings-button-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.settings-button-group .glass-btn{display:inline-flex;align-items:center;justify-content:center}.settings-row-inline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;width:100%}.settings-row-inline>*{flex-shrink:0}.settings-file-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:1px dashed var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-small);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease}.settings-file-button:hover{background:var(--glass-bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.settings-file-button input[type=file]{display:none}.settings-menu-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);z-index:40}.reward-popup-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px)}.reward-popup{background:linear-gradient(135deg,#1e1e2e,#2d2d44,#1e1e2e);border:2px solid rgba(167,139,250,.5);border-radius:24px;padding:32px 48px;text-align:center;box-shadow:0 0 60px #a78bfa4d,0 20px 40px #00000080;max-width:90vw}.reward-popup-icon{font-size:64px;margin-bottom:16px;animation:bounce .5s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.reward-popup-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 24px}.reward-popup-items{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.reward-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 20px;border-radius:16px;min-width:80px}.reward-item.coins{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border:1px solid rgba(251,191,36,.5)}.reward-item.coins .reward-icon{font-size:28px}.reward-item.coins .reward-value{color:#fbbf24;font-size:24px;font-weight:700}.reward-item.toki{background:linear-gradient(135deg,#a78bfa33,#a78bfa1a);border:1px solid rgba(167,139,250,.5)}.reward-item.toki .reward-icon{font-size:28px}.reward-item.toki .reward-value{color:#a78bfa;font-size:24px;font-weight:700}.reward-item.xp{background:linear-gradient(135deg,#ec489933,#ec48991a);border:1px solid rgba(236,72,153,.5)}.reward-item.xp .reward-icon{font-size:28px}.reward-item.xp .reward-value{color:#ec4899;font-size:24px;font-weight:700}.reward-item.chest{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:1px solid rgba(34,197,94,.5)}.reward-item.chest .reward-icon{font-size:28px}.reward-item.chest .reward-value{color:#22c55e;font-size:24px;font-weight:700}.reward-label{font-size:12px;color:#fff9;text-transform:uppercase}.reward-popup-hint{font-size:14px;color:#ffffff80;margin:0}.toast-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;z-index:9998;box-shadow:0 4px 20px #0000004d}.toast-notification.success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.toast-notification.info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.toast-notification.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.toast-message{display:flex;align-items:center;gap:8px}.presence-indicator{font-size:.78rem;color:#fff9;display:inline-flex;align-items:center;gap:.3rem}.presence-indicator.offline{color:#ffffff59}.presence-last-seen{color:#ffffff4d;font-size:.72rem}.presence-badge{transition:background-color .3s}.lr-rating-chart{width:100%}.lr-chart-header{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}@media(min-width:640px){.lr-chart-header{flex-direction:row;justify-content:space-between;align-items:center}}.lr-chart-title{font-family:Sora,system-ui,sans-serif;font-size:1.25rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em}@media(min-width:768px){.lr-chart-title{font-size:1.5rem}}.lr-chart-period-toggle{display:flex;gap:4px;background:#ffffff0d;padding:4px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);width:100%}@media(min-width:640px){.lr-chart-period-toggle{width:auto}}.lr-chart-period-btn{flex:1;padding:6px 16px;border-radius:9999px;border:none;background:transparent;color:#ffffff73;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.lr-chart-period-btn:hover{color:#fff}.lr-chart-period-btn.active{background:#cabeff;color:#31009a;font-weight:700}.lr-chart-canvas{position:relative;height:200px;width:100%}@media(min-width:768px){.lr-chart-canvas{height:250px}}.lr-chart-bars{position:absolute;bottom:28px;left:0;right:0;height:calc(100% - 28px);display:flex;align-items:flex-end;justify-content:space-between;padding:0 8px;pointer-events:none}.lr-chart-bar{width:4px;border-radius:9999px 9999px 0 0;background:#7c5cff33;transition:height .3s ease}.lr-chart-bar.highlight{background:#7c5cff80}.lr-chart-bar.peak{background:#7c5cff}.lr-chart-svg{position:absolute;inset:0;width:100%;height:calc(100% - 28px)}.lr-chart-line{fill:none;stroke:#7c5cff;stroke-width:2;filter:drop-shadow(0 0 10px rgba(124,92,255,1))}.lr-chart-area{opacity:1}.lr-chart-dates{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(255,255,255,.05);font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73}.lr-chart-dates .hidden-sm{display:none}@media(min-width:640px){.lr-chart-dates .hidden-sm{display:inline}}.lr-rating-chart-demo .lr-chart-canvas{opacity:.95}.lr-chart-empty,.lr-chart-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#ffffff73;font-size:.875rem;text-align:center;padding:0 16px}@media(min-width:768px){.lr-chart-empty,.lr-chart-loading{height:250px}}.overview-tab{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0;font-family:Geist,system-ui,sans-serif;container-type:inline-size;container-name:overview}@media(min-width:768px){.overview-tab{gap:24px}}.overview-tab .achievement-item:not(.locked):hover{border-color:#cabeff66;transform:translateY(-2px)}.overview-tab .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:20px;line-height:1}.hero-inner{display:flex;flex-direction:column;align-items:center;gap:24px}.hero-profile-block{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;width:100%}@media(min-width:768px){.hero-inner{flex-direction:row;justify-content:space-between;align-items:center}.hero-profile-block{flex-direction:row;align-items:center;text-align:left;width:auto;flex:1;gap:40px}}.hero-avatar-section{display:flex;flex-direction:column;align-items:center}.hero-avatar-wrapper{position:relative;width:128px;height:128px;cursor:pointer}@media(min-width:768px){.hero-avatar-wrapper{width:160px;height:160px}}.hero-avatar-ring{position:absolute;inset:0;border-radius:50%;border:4px solid rgba(202,190,255,.4);box-shadow:0 0 15px #cabeff80,inset 0 0 10px #cabeff4d;animation:pulse-glow 3s infinite ease-in-out;pointer-events:none}@keyframes pulse-glow{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.hero-avatar-image{width:100%;height:100%;border-radius:50%;overflow:hidden;padding:4px}.hero-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.hero-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:2.5rem;font-weight:700;border-radius:50%}.hero-avatar-overlay{position:absolute;bottom:4px;left:4px;right:4px;background:#000000b3;color:#fff;font-size:.65rem;padding:4px;text-align:center;border-radius:0 0 50% 50%/0 0 100% 100%;opacity:0;transition:opacity .3s ease;pointer-events:none}.hero-avatar-wrapper:hover .hero-avatar-overlay{opacity:1}.hero-upload-error{color:#f87171;font-size:.75rem;margin-top:8px;text-align:center}.hero-info{text-align:center}@media(min-width:768px){.hero-info{text-align:left;flex:1}}.hero-name-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:4px}@media(min-width:768px){.hero-name-row{justify-content:flex-start}}.hero-name{font-family:Sora,system-ui,sans-serif;font-size:1.5rem;font-weight:700;color:#e5e1e7;margin:0;letter-spacing:-.01em;line-height:1.2}@media(min-width:768px){.hero-name{font-size:2rem}}.hero-verified-icon{color:#947dff;font-variation-settings:"FILL" 1;font-size:22px}.hero-mcubes-id{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#c9c4d8cc;margin:0 0 12px}.hero-badges{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}@media(min-width:768px){.hero-badges{justify-content:flex-start}}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}@media(min-width:768px){.hero-actions{justify-content:flex-end}}.overview-tab .stats-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:12px;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}.overview-tab .stats-grid::-webkit-scrollbar{display:none}.overview-tab .stats-grid>.overview-tab .stat-card{flex:1 1 0;min-width:140px}@container overview (min-width: 1100px){.overview-tab .stats-grid{gap:24px}.overview-tab .glass-card.overview-tab .stat-card{padding:20px 24px;min-height:96px}}.overview-tab .stat-card{display:flex;flex-direction:column;justify-content:space-between;gap:0;min-height:88px}.overview-tab .stat-body{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;margin-top:12px;width:100%;min-width:0}.overview-tab .stat-body-single{justify-content:flex-start}.overview-tab .stat-body-wl{justify-content:flex-start;align-items:flex-end;gap:4px}.overview-tab .stat-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#c9c4d8;opacity:.85;line-height:1}@container overview (min-width: 640px){.overview-tab .stat-label{font-size:12px}}.overview-tab .stat-value{font-family:Sora,system-ui,sans-serif;font-size:1.125rem;font-weight:600;color:#e5e1e7;line-height:1;letter-spacing:-.02em}@container overview (min-width: 640px){.overview-tab .stat-value{font-size:1.25rem}}.overview-tab .stat-value.overview-tab .stat-value-rank{font-size:.95rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container overview (min-width: 640px){.overview-tab .stat-value.overview-tab .stat-value-rank{font-size:1.1rem}}.overview-tab .stat-value.muted{color:#c9c4d8;opacity:.55}.overview-tab .stat-change{font-size:10px;font-weight:700;flex-shrink:0}@container overview (min-width: 640px){.overview-tab .stat-change{font-size:12px}}.overview-tab .stat-change.positive{color:#cabeff;align-self:flex-end}.overview-tab .stat-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:100%}.overview-tab .stat-card-row>div:first-child{display:flex;flex-direction:column;gap:8px;min-width:0}.overview-tab .stat-separator{color:#c9c4d8;opacity:.4;font-size:1.125rem;font-weight:600}.overview-tab .stat-rank-icon{color:#ffb780;font-variation-settings:"FILL" 1;flex-shrink:0}.overview-tab .stat-streak-bolt{color:#f97316;font-variation-settings:"FILL" 1;flex-shrink:0;animation:streak-pulse 2s infinite ease-in-out}.overview-tab .ap-stat-card{border-left:3px solid #f59e0b;background:#f59e0b08}@keyframes streak-pulse{0%,to{opacity:.7}50%{opacity:1}}.overview-tab .stat-rank-icon,.overview-tab .stat-streak-icon{font-size:20px}@media(min-width:768px){.overview-tab .stat-rank-icon,.overview-tab .stat-streak-icon{font-size:24px}}.overview-tab .stat-ring-wrapper{width:40px;height:40px;flex-shrink:0}@media(min-width:768px){.overview-tab .stat-ring-wrapper{width:48px;height:48px}}.overview-tab .stat-ring{width:100%;height:100%;transform:rotate(-90deg)}.chart-section{padding:24px}@media(min-width:768px){.chart-section{padding:40px}}.chart-section .battle-section h3{font-size:1.25rem;font-weight:700;color:#e5e1e7;margin:0 0 12px}.chart-section .battle-section button{font-size:.75rem}.middle-row{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:1024px){.middle-row{grid-template-columns:1fr 1fr}}.ap-middle-row{grid-template-columns:repeat(3,1fr)!important}@media(max-width:1024px){.ap-middle-row{grid-template-columns:1fr}}.arena-points-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.ap-glow-bg{position:absolute;right:-48px;top:-48px;width:192px;height:192px;background:#ffb36b26;border-radius:50%;filter:blur(48px);pointer-events:none}.ap-content{position:relative;z-index:1}.ap-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.ap-balance-row{display:flex;align-items:baseline;gap:8px}.ap-balance{font-size:2.5rem;font-weight:800;color:#e5e1e7;letter-spacing:-.02em;line-height:1.1;transition:all .3s ease-out}@media(min-width:768px){.ap-balance{font-size:3rem}}.ap-currency{font-size:1.25rem;font-weight:700;color:#ffb780}.ap-icon-box{background:#ffb36b33;padding:16px;border-radius:16px;display:none;align-items:center;justify-content:center}@media(min-width:640px){.ap-icon-box{display:flex}}.ap-stats-row{display:flex;align-items:center;gap:24px;margin-bottom:24px}.ap-stat{display:flex;flex-direction:column;gap:4px}.ap-stat-label{font-size:.75rem;color:#ffffff73}.ap-stat-value{font-weight:700;font-size:.95rem}.ap-stat-value.success{color:#4ade80}.ap-stat-value.danger{color:#ef4444}.ap-divider{width:1px;height:24px;background:#ffffff1a}.ap-actions{display:flex;gap:12px;margin-top:auto;position:relative;z-index:1}@media(max-width:768px){.ap-actions{flex-direction:column}}.wallet-card{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.wallet-glow-bg{position:absolute;right:-48px;top:-48px;width:192px;height:192px;background:#cabeff1a;border-radius:50%;filter:blur(48px);pointer-events:none}.wallet-content{position:relative;z-index:1}.wallet-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.wallet-balance-row{display:flex;align-items:baseline;gap:8px}.wallet-balance{font-size:2.5rem;font-weight:800;color:#e5e1e7;letter-spacing:-.02em;line-height:1.1}@media(min-width:768px){.wallet-balance{font-size:3rem}}.wallet-currency{font-size:1.25rem;font-weight:700;color:#cabeff}.wallet-icon-box{background:#cabeff33;padding:16px;border-radius:16px;display:none;align-items:center;justify-content:center}@media(min-width:640px){.wallet-icon-box{display:flex}}.wallet-icon{font-size:32px!important;color:#cabeff}.wallet-stats-row{display:flex;align-items:center;gap:24px;margin-bottom:24px}.wallet-stat{display:flex;flex-direction:column;gap:4px}.wallet-stat-label{font-size:.75rem;color:#ffffff73}.wallet-stat-value{font-weight:700;font-size:.95rem;color:#e5e1e7}.wallet-stat-value.bonus{color:#cabeff}.wallet-divider{width:1px;height:40px;background:#ffffff1a}.wallet-actions{display:flex;gap:16px;position:relative;z-index:1}.verification-card{display:flex;flex-direction:column;gap:16px}.verification-header{display:flex;justify-content:space-between;align-items:center}.verification-title{font-family:Sora,system-ui,sans-serif;font-size:1.25rem;font-weight:700;color:#e5e1e7;margin:0}@media(min-width:768px){.verification-title{font-size:1.5rem}}.verification-desc{font-size:.85rem;color:#fff9;line-height:1.5;margin:0}.verification-score-row{display:flex;justify-content:space-between;align-items:center}.verification-score-label{font-size:.8rem;font-weight:600;color:#ffffff80}.verification-score-value{font-weight:700;color:#cabeff;font-size:.9rem}.verification-progress{margin:8px 0}.verification-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px}.verification-method{display:flex;align-items:center;gap:8px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:12px}.verification-method-icon{color:#cabeff;font-size:20px}.verification-method div{display:flex;flex-direction:column}.verification-method-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:#fff6}.verification-method-value{font-size:.75rem;color:#e5e1e7}.bottom-row{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:1024px){.bottom-row{grid-template-columns:1fr 1fr}}@media(min-width:1280px){.bottom-row{grid-template-columns:1fr 1fr 1fr}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-family:Sora,system-ui,sans-serif;font-size:1.25rem;font-weight:700;color:#e5e1e7;margin:0;letter-spacing:-.01em}.section-header-action{font-size:.75rem;font-weight:700;color:#cabeff;cursor:pointer}.section-header-action:hover{text-decoration:underline}.section-header-count{font-size:.8rem;color:#ffffff80}.section-header-icon{color:#ffffff73}.section-empty{color:#fff6;font-size:.85rem;text-align:center;padding:24px 0;margin:0}.achievements-section{max-height:380px;overflow-y:auto}.achievements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.achievement-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:16px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:all .3s ease}.achievement-item:not(.locked):hover{border-color:#cabeff66;transform:translateY(-2px)}.achievement-item.locked{opacity:.5}.achievement-icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.achievement-item:not(.locked) .achievement-icon-wrapper:hover{transform:scale(1.1)}.achievement-icon-wrapper.unlocked.tier-tertiary{background:#ffb7801a}.achievement-icon-wrapper.unlocked.tier-primary{background:#cabeff1a}.achievement-icon-wrapper.unlocked.tier-secondary{background:#d3fbff1a}.achievement-icon-wrapper.locked{background:#ffffff0d}.achievement-badge-icon{font-size:24px;color:#ffb780}.achievement-lock-icon{font-size:20px;color:#ffffff4d}.achievement-symbol-icon{font-size:24px;line-height:1}@media(min-width:768px){.achievement-symbol-icon{font-size:28px}}.achievement-emoji-icon{font-size:24px;line-height:1}.achievement-name{font-size:.6rem;font-weight:600;letter-spacing:.03em;color:#ffffffb3;line-height:1.2}.achievement-icon-placeholder{width:48px;height:48px;border-radius:50%;background:#ffffff08}.achievement-name-placeholder{width:60px;height:10px;border-radius:4px;background:#ffffff08}.friends-section{max-height:380px;overflow-y:auto}.friends-list{display:flex;flex-direction:column;gap:8px}.friend-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;cursor:pointer;transition:background .2s ease}.friend-item:hover{background:#ffffff0d}.friend-avatar-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.friend-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.friend-avatar-img{width:100%;height:100%;object-fit:cover}.friend-avatar-fallback{font-weight:700;font-size:.9rem;color:#fff9}.friend-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.friend-name{font-size:.85rem;font-weight:700;color:#e5e1e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-status{font-size:.65rem;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-status.in-battle{color:#cabeff}.friend-status.online{color:#c9c4d8b3}.friend-chat-icon{font-size:18px;color:#fff6;transition:color .2s ease}.friend-item:hover .friend-chat-icon{color:#e5e1e7}.activity-section{max-height:380px;overflow-y:auto}.activity-timeline{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;gap:12px;padding:0 0 16px 16px;position:relative;border-left:1px solid rgba(255,255,255,.1);margin-left:6px}.activity-item:last-child{padding-bottom:0;border-left-color:transparent}.activity-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:4px;margin-left:-16px;position:relative;z-index:1}.activity-amount{margin:4px 0 0;font-size:10px;font-weight:700}.activity-amount-primary{color:#947dff}.activity-amount-tertiary{color:#ffb780}.activity-amount-secondary{color:#d3fbff}.activity-content{flex:1;min-width:0}.activity-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.activity-title{font-size:.85rem;font-weight:700;color:#e5e1e7;margin:0 0 2px}.activity-subtitle{font-size:.72rem;color:#ffffff80;margin:0}.activity-time{font-size:.6rem;font-weight:600;letter-spacing:.05em;color:#ffffff59;white-space:nowrap;text-transform:uppercase}.achievements-section::-webkit-scrollbar,.friends-section::-webkit-scrollbar,.activity-section::-webkit-scrollbar{width:4px}.achievements-section::-webkit-scrollbar-track,.friends-section::-webkit-scrollbar-track,.activity-section::-webkit-scrollbar-track{background:#ffffff05}.achievements-section::-webkit-scrollbar-thumb,.friends-section::-webkit-scrollbar-thumb,.activity-section::-webkit-scrollbar-thumb{background:#cabeff4d;border-radius:4px}@media(max-width:767px){.overview-tab .glass-card{border-radius:24px;padding:20px}.overview-tab .glass-card.overview-tab .stat-card{border-radius:16px;padding:14px 12px;min-height:72px}.overview-tab .stats-grid{gap:10px}.overview-tab .stat-value{font-size:1rem}.overview-tab .stat-value.overview-tab .stat-value-rank{font-size:.85rem}.overview-tab .stat-rank-icon,.overview-tab .stat-streak-icon{font-size:18px}.overview-tab .stat-ring-wrapper{width:36px;height:36px}.wallet-balance{font-size:2rem}.wallet-stats-row{flex-direction:column;align-items:flex-start;gap:12px}.wallet-divider{display:none}.wallet-actions{flex-direction:column}.hero-actions{width:100%}.hero-btn{flex:1;justify-content:center}.achievements-grid{gap:8px}.achievement-item{padding:12px 6px}.overview-tab .stats-grid{gap:12px}}.notif-settings-card{background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:24px;padding:32px;box-shadow:0 4px 24px #0003,inset 0 .5px #ffffff0a}.notif-settings-header{margin-bottom:24px}.notif-settings-header h3{font-size:1.1rem;font-weight:700;color:#fffffff2;margin:0 0 4px}.notif-settings-subtitle{font-size:.8rem;color:#ffffff80;margin:0}.notif-settings-loading{padding:24px;text-align:center;color:#fff6;font-size:.9rem}.notif-settings-global{padding-bottom:20px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.notif-settings-disabled-msg{padding:12px 16px;margin-bottom:16px;background:#f59e0b14;border:.5px solid rgba(245,158,11,.15);border-radius:12px;font-size:.8rem;color:#f59e0bcc}.notif-settings-section{margin-bottom:8px}.notif-settings-section-title{font-size:.75rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.06em;margin:16px 0 8px;padding:0}.notif-settings-section-body{display:flex;flex-direction:column}.notif-settings-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;cursor:pointer;gap:16px}.notif-settings-row-text{flex:1;min-width:0}.notif-settings-row-label{display:block;font-size:.88rem;font-weight:500;color:#ffffffd9}.notif-settings-row-desc{display:block;font-size:.75rem;color:#fff6;margin-top:2px}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;inset:0;background:#ffffff1f;border-radius:12px;transition:background .2s ease;cursor:pointer}.toggle-slider:before{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.notif-settings-footer{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:flex-end}.notif-settings-reset-btn{background:none;border:.5px solid rgba(255,255,255,.1);color:#ffffff80;padding:8px 16px;border-radius:10px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.notif-settings-reset-btn:hover{border-color:#f871714d;color:#f87171;background:#f871710f}@media(max-width:640px){.notif-settings-card{padding:24px 20px;border-radius:20px}.notif-settings-row{padding:8px 0}}.settings-tab{width:100%}.settings-card{background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:24px;padding:32px;box-shadow:0 4px 24px #0003,inset 0 .5px #ffffff0a;max-width:100%;width:100%}.settings-divider{height:1px;background:#ffffff0f;margin:24px 0}.theme-section{margin-top:8px}.theme-section-header{margin-bottom:16px}.theme-section-header h4{font-size:1rem;font-weight:600;color:#ffffffe6;margin:0 0 4px}.theme-section-header p{font-size:.8rem;color:#ffffff80;margin:0}.settings-form{display:flex;flex-direction:column;gap:20px}.form-row.single{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.85rem;font-weight:500;color:#ffffffb3}.form-group input,.form-group select{padding:14px 16px;border:.5px solid rgba(255,255,255,.1);border-radius:14px;font-size:.95rem;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;transition:all .3s ease}.form-group input::placeholder{color:#ffffff4d}.form-group input:focus,.form-group select:focus{outline:none;border-color:#818cf880;background:#ffffff0d;box-shadow:0 0 0 3px #818cf826}.form-group input.error{border-color:#f8717180}.form-group input.checking{border-color:#f59e0b80}.username-input-wrapper{display:flex;align-items:center;border:.5px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;background:#ffffff08;transition:all .3s ease}.username-input-wrapper:focus-within{border-color:#818cf880;box-shadow:0 0 0 3px #818cf826}.username-prefix{padding:14px 0 14px 16px;color:#fff6;font-size:.95rem;background:transparent}.username-input-wrapper input{border:none;border-radius:0;flex:1;background:transparent}.username-input-wrapper input:focus{border:none;box-shadow:none}.input-hint{font-size:.75rem;color:#fff6}.input-error{font-size:.75rem;color:#f87171}.mcubes-id-display{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#818cf81a;border:.5px solid rgba(129,140,248,.2);border-radius:14px}.mcubes-id-display span:first-child{font-family:SF Mono,Monaco,monospace;font-size:.9rem;color:#a5b4fc;font-weight:600}.mcubes-id-note{font-size:.7rem;color:#fff6}.readonly-field{padding:14px 16px;background:#ffffff08;border:.5px solid rgba(255,255,255,.06);border-radius:14px;color:#ffffff80;font-size:.95rem}.form-message{padding:14px 16px;border-radius:14px;font-size:.9rem}.form-message.error{background:#f871711a;color:#f87171;border:.5px solid rgba(248,113,113,.2)}.form-message.success{background:#34d3991a;color:#34d399;border:.5px solid rgba(52,211,153,.2)}.form-actions{margin-top:8px}.form-actions .btn-primary{width:100%}.btn-primary{width:100%;padding:16px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 16px #6366f14d,inset 0 1px #ffffff1a}.btn-primary:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #6366f166,inset 0 1px #ffffff26}@media(max-width:640px){.settings-card{padding:24px 20px;border-radius:20px}.form-row{grid-template-columns:1fr;gap:16px}.form-group input,.form-group select{padding:16px 14px;font-size:1rem}.username-prefix{padding:16px 0 16px 14px;font-size:1rem}.btn-primary{padding:18px 24px;font-size:1.05rem}.mcubes-id-display{flex-direction:column;gap:8px;align-items:flex-start}}.public-stats-section{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}.public-stats-section .section-header{margin-bottom:16px}.public-stats-section .section-header h4{font-size:1rem;font-weight:600;color:#ffffffe6;margin:0 0 4px}.public-stats-section .section-header p{font-size:.8rem;color:#ffffff80;margin:0}.public-stats-section .section-description{font-size:.85rem;color:#fff9;margin:0 0 12px}.public-stats-section .toggle-row{margin-bottom:16px}.public-stats-section .sync-stats-row{margin-top:16px}.public-stats-section .preview-link{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.public-stats-section .preview-link a{color:#6366f1;text-decoration:none}.public-stats-section .preview-link a:hover{text-decoration:underline}} .themed-card{padding:36px;transition:all .3s ease}.themed-card:hover{border-color:#ffffff1a;box-shadow:var(--themed-shadow-hover, 0 8px 32px rgba(0, 0, 0, .25))}.themed-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:.9rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.themed-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.themed-button:active{transform:translateY(0);box-shadow:0 1px 4px #00000026}.themed-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.themed-input-wrapper{display:flex;flex-direction:column;gap:6px;width:100%}.themed-input-wrapper label{font-size:.85rem;font-weight:500}.themed-input{padding:12px 16px;font-size:.9rem;border-radius:12px;outline:none;transition:all .2s ease}.themed-input:focus{box-shadow:var(--themed-focus-glow, 0 0 0 3px rgba(129, 140, 248, .3))}.themed-input::placeholder{color:var(--themed-text-muted, rgba(255, 255, 255, .4))}.themed-input-error{font-size:.75rem;margin-top:2px}.themed-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.themed-tabs{display:flex;gap:8px;border-radius:20px;padding:8px;margin-bottom:24px}.themed-tab{flex:1;padding:14px 20px;text-decoration:none;font-weight:500;font-size:.9rem;border-radius:14px;transition:all .3s ease;text-align:center}.themed-tab:hover{background:var(--themed-interactive-hover, rgba(255, 255, 255, .05))}.themed-tab.active{background:var(--themed-tab-active, rgba(255, 255, 255, .08));box-shadow:var(--themed-shadow-outer-soft, 0 4px 16px rgba(0, 0, 0, .2))}.themed-section{margin-bottom:24px}.themed-section-title{font-size:1rem;font-weight:600;margin-bottom:16px}.themed-stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;border-radius:16px;transition:all .3s ease}.themed-stat-value{font-size:2rem;font-weight:700;margin-bottom:4px}.themed-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.themed-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:600}.themed-toggle{position:relative;width:48px;height:26px;border-radius:13px;cursor:pointer;transition:all .3s ease}.themed-toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.themed-toggle.active:after{transform:translate(22px)}.themed-skeleton{border-radius:8px;animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.themed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;border-radius:16px}.themed-empty-text{font-size:.9rem;margin-top:12px}.themed-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.themed-modal{max-width:480px;width:90%;padding:32px;border-radius:24px}.themed-modal-header{font-size:1.25rem;font-weight:600;margin-bottom:20px}.themed-modal-body{margin-bottom:24px}.themed-modal-footer{display:flex;gap:12px;justify-content:flex-end}@media(max-width:640px){.themed-tabs{flex-wrap:wrap;padding:6px;gap:6px}.themed-tab{flex:1 1 calc(33.333% - 12px);font-size:.75rem;padding:10px 12px;border-radius:12px}}.theme-switcher{padding:16px}.theme-switcher-section{margin-bottom:24px}.theme-switcher-section:last-child{margin-bottom:0}.theme-switcher-header{margin-bottom:16px}.theme-switcher-header h4{font-size:1rem;font-weight:600;margin:0 0 4px}.theme-switcher-description{font-size:.8rem;opacity:.6;margin:0}.theme-options{display:flex;flex-direction:column;gap:8px}.theme-tabs{display:flex;gap:8px;background:#0003;padding:4px;border-radius:12px}.theme-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;background:transparent}.theme-tab-icon{font-size:1.2rem;line-height:1}.theme-tab-label{font-weight:500;font-size:.8rem;color:#ffffffb3}.theme-tab.active{background:#ffffff14;border-color:#818cf866}.theme-tab.active .theme-tab-label{color:#fff}.theme-option{display:flex;align-items:flex-start;gap:14px;width:100%;padding:16px 18px;border-radius:14px;border:1px solid var(--border-default, rgba(255,255,255,.06));cursor:pointer;transition:all .2s ease;text-align:left;background:var(--surface-default, rgba(255,255,255,.03))}.theme-option:hover{background:var(--surface-hover, rgba(255,255,255,.06))}.theme-option.active{border-color:var(--border-accent, rgba(129,140,248,.5));background:var(--surface-active, rgba(255,255,255,.08))}.theme-option-icon{font-size:1.4rem;line-height:1.4;flex-shrink:0}.theme-option-text{display:flex;flex-direction:column;gap:2px}.theme-option-label{font-weight:600;font-size:.9rem;color:var(--text-primary, #fff)}.theme-option-description{font-size:.75rem;opacity:.6;color:var(--text-secondary, rgba(255,255,255,.7))}@media(max-width:767px),(orientation:portrait){.theme-options{gap:6px}.theme-option{gap:10px;padding:12px 14px;border-radius:12px}.theme-option-icon{font-size:1.1rem;line-height:1.2}.theme-option-text{gap:2px}.theme-option-label{font-size:.8rem}.theme-option-description{font-size:.7rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.streak-tab{padding:24px;max-width:1600px;margin:0 auto;min-height:100vh;position:relative}.streak-tab:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,#0d0d12,#12121a,#1a1a24);z-index:-1}.streak-loading,.streak-disabled{text-align:center;padding:60px 20px;color:#fff9;font-size:1.1rem}.streak-claim-popup{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:1000;animation:slideDown .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.claim-popup-content{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:16px 28px;border-radius:14px;box-shadow:0 8px 32px #10b98166;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;border:1px solid rgba(255,255,255,.1)}.claim-popup-content.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 32px #ef444466}.streak-hero{display:flex;align-items:center;gap:24px;padding:32px;background:linear-gradient(135deg,#ff6b3526,#f7931e14);border-radius:24px;border:1px solid rgba(255,107,53,.2);backdrop-filter:blur(12px);position:relative;overflow:hidden}.streak-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,107,53,.15) 0%,transparent 50%)}.streak-flame{font-size:72px;position:relative;z-index:1}.lottie-flame{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.lottie-flame lottie-player{width:50px!important;height:50px!important}.lottie-day-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;margin:0 auto}.lottie-day-icon lottie-player{width:35px!important;height:35px!important}.streak-main-info{flex:1;position:relative;z-index:1}.streak-day-label{font-size:16px;font-weight:600;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:2px}.streak-progress-text{font-size:56px;font-weight:800;line-height:1;margin-bottom:12px;background:linear-gradient(135deg,#fff,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.streak-current-day{font-size:inherit}.streak-separator{font-size:36px;opacity:.5;margin:0 8px}.streak-total-days{font-size:36px;opacity:.5}.streak-status-badge{display:inline-block;padding:10px 20px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:24px;font-size:14px;font-weight:600;color:#ffffffe6}.streak-reward-track{padding:24px;background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:20px;margin-top:20px;box-shadow:0 4px 24px #0003}.streak-reward-track h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#fffc;letter-spacing:.5px}.reward-track-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}@media(max-width:768px){.reward-track-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.reward-track-grid{grid-template-columns:repeat(2,1fr)}}.reward-day-card{padding:16px 8px;border-radius:16px;text-align:center;background:#ffffff05;border:.5px solid rgba(255,255,255,.06);transition:all .3s ease}.reward-day-card.completed{background:linear-gradient(135deg,#10b98126,#0596691a);border-color:#10b9814d}.reward-day-card.current{background:linear-gradient(135deg,#f59e0b26,#d977061a);border-color:#f59e0b4d;box-shadow:0 0 20px #f59e0b33;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 15px #f59e0b33}50%{box-shadow:0 0 25px #f59e0b66}}.reward-day-card.locked{opacity:.4}.day-number{font-size:11px;font-weight:700;color:#fff6;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.day-icon{font-size:28px;margin-bottom:8px;display:block}.day-coins{font-size:13px;font-weight:700;color:#fbbf24;margin-bottom:6px}.day-title{font-size:10px;color:#ffffff80;line-height:1.3;font-weight:500}.streak-today-panel{padding:24px;background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:20px;margin-top:20px;box-shadow:0 4px 24px #0003}.streak-today-panel h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#fffc;letter-spacing:.5px}.challenge-info{margin-bottom:20px}.challenge-requirement{font-size:16px;color:#ffffffb3;margin-bottom:16px}.challenge-requirement strong{color:#f97316;font-weight:700}.remaining-text{color:#fff6;font-size:14px}.challenge-progress{display:flex;align-items:center;gap:16px;margin-bottom:16px}.progress-bar-container{flex:1;height:14px;background:#ffffff14;border-radius:7px;overflow:hidden;border:.5px solid rgba(255,255,255,.1)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#f97316,#fbbf24);border-radius:7px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #f9731680}.progress-text{font-size:15px;font-weight:700;color:#fbbf24;min-width:80px;text-align:right}.challenge-reward{font-size:15px;color:#fff9}.challenge-reward strong{color:#fbbf24;font-weight:700}.claim-btn{width:100%;padding:18px;font-size:18px;font-weight:700;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 16px #f59e0b66}.claim-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b99}.claim-btn:disabled{background:#ffffff1a;color:#ffffff4d;box-shadow:none;cursor:not-allowed}.claimed-message{text-align:center;padding:18px;background:linear-gradient(135deg,#10b98126,#0596691a);color:#10b981;border-radius:14px;font-weight:600;border:1px solid rgba(16,185,129,.2)}.streak-reward-preview{padding:24px;background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:20px;margin-top:20px;box-shadow:0 4px 24px #0003}.streak-reward-preview h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#fffc;letter-spacing:.5px}.streak-stats{padding:24px;background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:20px;margin-top:20px;box-shadow:0 4px 24px #0003}.streak-stats h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#fffc;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-item{text-align:center;padding:16px;background:#ffffff08;border-radius:14px;border:.5px solid rgba(255,255,255,.06)}.stat-value{font-size:28px;font-weight:800;color:#f97316;margin-bottom:6px}.stat-label{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.history-toggle-btn{margin-top:20px;padding:12px 24px;background:#ffffff0d;border:.5px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#ffffffb3;transition:all .2s ease;width:100%}.history-toggle-btn:hover{background:#ffffff1a}.reward-history{margin-top:16px;max-height:400px;overflow-y:auto}.no-history{text-align:center;color:#fff6;padding:24px}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{display:grid;grid-template-columns:minmax(44px,auto) 1fr minmax(80px,auto);gap:16px;align-items:center;padding:14px;background:#ffffff05;border-radius:12px;border:.5px solid rgba(255,255,255,.05);font-size:14px}.history-day{font-weight:700;color:#f97316}.history-coins{font-weight:700;color:#fbbf24}.history-date{color:#fff6;font-size:12px;text-align:right}.history-title{grid-column:1 / -1;font-size:12px;color:#ffffff80;margin-top:8px;padding-top:10px;border-top:.5px solid rgba(255,255,255,.06)}@media(max-width:600px){.streak-tab{padding:16px}.streak-hero{flex-direction:column;text-align:center;padding:24px 16px}.streak-flame{font-size:56px}.streak-progress-text{font-size:42px}.streak-total-days,.streak-separator{font-size:28px}.stats-grid{grid-template-columns:repeat(2,1fr)}}.timer-rewards-section{padding:24px;background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:20px;margin-top:20px;box-shadow:0 4px 24px #0003}.timer-rewards-section h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#fffc;letter-spacing:.5px}.timer-rewards-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:600px){.timer-rewards-summary{grid-template-columns:repeat(2,1fr)}}.summary-item{text-align:center;padding:16px;background:#ffffff08;border-radius:14px;border:.5px solid rgba(255,255,255,.06)}.summary-value{font-size:28px;font-weight:800;color:#f97316;margin-bottom:6px}.summary-value.highlight{color:#fbbf24}.summary-label{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.next-milestone-info{margin-top:16px;padding:12px 16px;background:#8b5cf61a;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:8px}.next-label{color:#fff9;font-size:13px}.next-target{color:#8b5cf6;font-weight:600;font-size:13px}.daily-missions-section{padding:24px;background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:20px;margin-top:20px;box-shadow:0 4px 24px #0003}.daily-missions-section h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#fffc;letter-spacing:.5px}.missions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:600px){.missions-grid{grid-template-columns:1fr}}.mission-card{padding:16px;background:#ffffff08;border-radius:14px;border:.5px solid rgba(255,255,255,.06);transition:all .3s ease}.mission-card.completed{background:linear-gradient(135deg,#10b98126,#0596691a);border-color:#10b9814d}.mission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mission-title{font-size:14px;font-weight:700;color:#ffffffe6}.mission-check{color:#10b981;font-weight:700}.mission-description{font-size:12px;color:#ffffff80;margin-bottom:12px}.mission-progress-bar{height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;margin-bottom:8px}.mission-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}.mission-card.completed .mission-progress-fill{background:linear-gradient(90deg,#10b981,#34d399)}.mission-progress-text{font-size:12px;color:#ffffff80;margin-bottom:8px}.mission-reward{font-size:13px;font-weight:700;color:#fbbf24}.milestones-section{padding:24px;background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:20px;margin-top:20px;box-shadow:0 4px 24px #0003}.milestones-section h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#fffc;letter-spacing:.5px}.milestones-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}@media(max-width:768px){.milestones-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.milestones-grid{grid-template-columns:repeat(2,1fr)}}.milestone-card{padding:16px 8px;background:#ffffff08;border-radius:14px;border:.5px solid rgba(255,255,255,.06);text-align:center;transition:all .3s ease}.milestone-card.claimed{background:linear-gradient(135deg,#10b98126,#0596691a);border-color:#10b9814d}.milestone-card.earned{background:linear-gradient(135deg,#f59e0b26,#d977061a);border-color:#f59e0b4d}.milestone-icon{font-size:24px;margin-bottom:8px}.milestone-requirement{font-size:12px;font-weight:600;color:#ffffffb3;margin-bottom:6px}.milestone-progress{font-size:11px;color:#fff6;margin-bottom:8px}.milestone-reward{font-size:12px;font-weight:700;color:#fbbf24}.milestone-card.claimed .milestone-reward{color:#10b981}.no-missions,.no-milestones{text-align:center;color:#fff6;padding:24px}.battle-rewards-section{padding:24px;background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:20px;margin-top:20px;box-shadow:0 4px 24px #0003}.battle-rewards-section h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#fffc;letter-spacing:.5px}.battle-rewards-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:600px){.battle-rewards-summary{grid-template-columns:repeat(2,1fr)}}.battle-missions-section{border-left:3px solid #f97316}.battle-missions-section h3{color:#f97316}.battle-milestones-section{border-left:3px solid #f97316}.battle-milestones-section h3{color:#f97316}.toki-widget-section{margin-top:20px}.toki-widget-section .toki-panel{padding:24px;background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:20px;box-shadow:0 4px 24px #0003}.toki-widget-section .toki-panel .toki-hero-card{margin:-8px -8px 20px;border-radius:16px 16px 0 0}.toki-widget-section .toki-game-overview{padding:24px;background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:20px;box-shadow:0 4px 24px #0003}.avatar-tab{padding:20px;max-width:1400px;margin:0 auto}.avatar-tab .loading{text-align:center;padding:40px;color:var(--text-secondary, #666)}.avatar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.avatar-header h2{font-size:24px;font-weight:700;color:var(--text-primary, #fff);margin:0}.coin-balance{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ffd70026,#ffa5001a);border:1px solid rgba(255,215,0,.3);border-radius:20px;padding:8px 16px}.coin-icon{font-size:20px}.coin-amount{font-size:18px;font-weight:700;color:gold}.avatar-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.avatar-message.success{background:#00ff8826;border:1px solid rgba(0,255,136,.3);color:#0f8}.avatar-message.error{background:#ff525226;border:1px solid rgba(255,82,82,.3);color:#ff5252}.avatar-preview-section{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:24px;margin-bottom:24px}.current-avatar{display:flex;align-items:center;gap:24px}.preview-image{width:160px;height:160px;border-radius:50%;object-fit:cover;border:3px solid rgba(139,92,246,.5);box-shadow:0 4px 20px #8b5cf64d}.preview-info{display:flex;flex-direction:column;gap:4px}.preview-label{font-size:12px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:1px}.preview-source{font-size:18px;font-weight:600;color:var(--text-primary, #fff)}.preview-name{font-size:14px;color:var(--text-secondary, #aaa)}.avatar-section{margin-bottom:32px}.avatar-section h3{font-size:16px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:16px;display:flex;align-items:center;gap:8px}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.avatar-card{background:linear-gradient(135deg,#1e1e32cc,#141423e6);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;cursor:pointer}.avatar-card:hover{transform:translateY(-4px);border-color:#8b5cf680;box-shadow:0 8px 24px #8b5cf633}.avatar-card.selected{border-color:#00ff8880;background:linear-gradient(135deg,#00ff881a,#00c8640d)}.avatar-card.locked{opacity:.7}.avatar-card.free{border-color:#00ff884d}.avatar-image{width:140px;height:140px;border-radius:50%;object-fit:cover;margin-bottom:16px;border:4px solid rgba(139,92,246,.4);box-shadow:0 4px 20px #8b5cf64d}.avatar-info{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.avatar-name{font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.avatar-status{font-size:12px;color:#888}.avatar-status.free{color:#0f8}.avatar-price{font-size:14px;color:gold;font-weight:600}.avatar-action-btn{width:100%;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.avatar-action-btn.select{background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.avatar-action-btn.select:hover{background:#8b5cf64d}.avatar-action-btn.unlock{background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.3)}.avatar-action-btn.unlock:hover{background:#00ff8840}.avatar-action-btn.purchase{background:linear-gradient(135deg,gold,#ff8c00);color:#000}.avatar-action-btn.purchase:hover{background:linear-gradient(135deg,#ffed4a,orange)}.avatar-action-btn:disabled{opacity:.5;cursor:not-allowed}.selected-badge{display:inline-block;padding:6px 12px;background:#0f83;color:#0f8;border-radius:6px;font-size:12px;font-weight:600}.avatar-empty-state{text-align:center;padding:60px 20px}.avatar-empty-state .empty-icon{font-size:64px;margin-bottom:16px}.avatar-empty-state h3{font-size:20px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:8px}.avatar-empty-state p{color:var(--text-secondary, #888);margin-bottom:8px}.avatar-empty-state .debug-info{font-size:12px;color:var(--text-secondary, #666);font-style:italic}.locked-section{opacity:.8}.locked-section h3{color:var(--text-secondary, #888)}@media(min-width:601px)and (max-width:1024px){.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:600px){.avatar-tab{padding:16px;max-width:100%}.avatar-header{flex-direction:column;gap:12px;align-items:flex-start}.current-avatar{flex-direction:column;text-align:center}.avatar-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:12px;-webkit-overflow-scrolling:touch}.avatar-grid::-webkit-scrollbar{height:6px}.avatar-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.avatar-grid::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:3px}.avatar-card{min-width:140px;max-width:44vw;scroll-snap-align:start;flex-shrink:0}.avatar-image{width:100px;height:100px}.preview-image{width:120px;height:120px}}.avatar-preview-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.avatar-preview-modal{background:linear-gradient(135deg,#1e1e32fa,#141423fc);border:1px solid rgba(139,92,246,.3);border-radius:24px;padding:32px;max-width:420px;width:100%;position:relative;text-align:center;box-shadow:0 20px 60px #00000080}.avatar-preview-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.avatar-preview-close:hover{background:#fff3;transform:scale(1.1)}.avatar-preview-image-container{position:relative;display:inline-block;margin-bottom:24px}.avatar-preview-lottie,.avatar-preview-image{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid rgba(139,92,246,.5);box-shadow:0 8px 32px #8b5cf666}.avatar-preview-category{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.avatar-preview-category.free{background:linear-gradient(135deg,#00ff884d,#00c86433);color:#0f8;border:1px solid rgba(0,255,136,.3)}.avatar-preview-category.premium{background:linear-gradient(135deg,#8b5cf64d,#6366f133);color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.avatar-preview-category.rare{background:linear-gradient(135deg,#ffd7004d,#ffa50033);color:gold;border:1px solid rgba(255,215,0,.3)}.avatar-preview-category.seasonal{background:linear-gradient(135deg,#ff52524d,#ffa50033);color:#ff5252;border:1px solid rgba(255,82,82,.3)}.avatar-preview-details{display:flex;flex-direction:column;gap:12px}.avatar-preview-name{font-size:24px;font-weight:700;color:#fff;margin:0}.avatar-preview-description{font-size:14px;color:#ffffffb3;margin:0;line-height:1.5}.avatar-preview-price{display:flex;justify-content:center;align-items:center;gap:8px}.price-free{font-size:20px;font-weight:700;color:#0f8}.price-coin{font-size:24px;font-weight:700;color:gold;display:flex;align-items:center;gap:4px}.price-coin .coin-icon{font-size:28px}.avatar-preview-status{margin:8px 0}.status-selected{color:#0f8;font-weight:600;font-size:14px}.status-owned{color:#a78bfa;font-size:14px}.avatar-preview-actions{margin-top:16px}.avatar-preview-btn{width:100%;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.avatar-preview-btn.select{background:linear-gradient(135deg,#8b5cf64d,#6366f133);color:#a78bfa;border:1px solid rgba(139,92,246,.4)}.avatar-preview-btn.select:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf680,#6366f14d);transform:translateY(-2px)}.avatar-preview-btn.purchase{background:linear-gradient(135deg,gold,#ff8c00);color:#000}.avatar-preview-btn.purchase:hover:not(:disabled){background:linear-gradient(135deg,#ffed4a,orange);transform:translateY(-2px)}.avatar-preview-btn.active{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.3);cursor:default}.avatar-preview-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.avatar-preview-modal{padding:24px;margin:16px}.avatar-preview-lottie,.avatar-preview-image{width:160px;height:160px}.avatar-preview-name{font-size:20px}.avatar-preview-btn{padding:12px 20px;font-size:14px}}.avatar-preview-balance{font-size:14px;color:#ffffffb3;margin-top:4px}.balance-amount{color:gold;font-weight:600}.balance-needed{color:#ff5252;font-weight:600}.toki-panel{padding:20px}.toki-loading{text-align:center;padding:40px;color:var(--text-muted)}.toki-success-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:24px 32px;border-radius:16px;z-index:1000;box-shadow:0 10px 40px #10b98166;animation:popupSlide .3s ease-out}@keyframes popupSlide{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.success-popup-content{text-align:center}.success-emoji{font-size:48px;margin-bottom:8px}.success-popup-content p{margin:0;font-size:16px;font-weight:600}.success-item{font-size:14px!important;opacity:.9}.toki-hero-card{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px;color:#fff;margin-bottom:24px;box-shadow:0 8px 32px #6366f14d}.toki-mascot{position:relative;font-size:64px;width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;overflow:hidden}.toki-mascot lottie-player{width:120px!important;height:120px!important}.toki-mascot .toki-emoji{font-size:64px;line-height:1}.toki-status-dot{position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-radius:50%;background:#ef4444;border:3px solid white}.toki-status-dot[data-active=true]{background:#10b981}.toki-info{flex:1}.toki-title{margin:0 0 4px;font-size:20px;font-weight:700}.toki-subtitle{margin:0 0 12px;font-size:14px;opacity:.9}.toki-energy-badge{display:inline-block;background:#10b9814d;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:12px}.toki-stats{display:flex;gap:16px}.toki-stat{text-align:left}.toki-stat .stat-value{display:block;font-size:24px;font-weight:700;color:#fbbf24}.toki-stat .stat-label{font-size:12px;color:#ffffffb3}.toki-feed-store{background:#ffffff08;border-radius:16px;padding:20px;border:.5px solid rgba(255,255,255,.06)}.toki-feed-store h4{margin:0 0 16px;font-size:18px;color:#fffc;font-weight:600}.feed-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.feed-item-card{background:#ffffff08;border-radius:12px;padding:16px;text-align:center;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.06)}.feed-item-card:hover{transform:translateY(-2px);border-color:#8b5cf680;box-shadow:0 4px 16px #8b5cf633}.feed-item-icon{font-size:32px;margin-bottom:8px}.feed-item-name{font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:4px}.feed-item-price{font-size:18px;font-weight:700;color:#a78bfa;margin-bottom:4px}.feed-item-energy{font-size:12px;color:#ffffff80}.purchase-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.purchase-modal{background:var(--card-bg, #1e1e2e);border-radius:20px;padding:32px;max-width:400px;width:100%;text-align:center;position:relative;box-shadow:0 20px 60px #0006}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:28px;color:var(--text-muted, #9ca3af);cursor:pointer;line-height:1}.modal-close:hover{color:var(--text-primary, #fff)}.modal-item-icon{font-size:64px;margin-bottom:16px}.modal-item-name{margin:0 0 8px;font-size:24px;color:var(--text-primary, #fff)}.modal-item-desc{margin:0 0 20px;color:var(--text-muted, #9ca3af);font-size:14px}.modal-item-details{background:var(--bg-secondary, #2a2a3e);border-radius:12px;padding:16px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;padding:8px 0}.detail-row:not(:last-child){border-bottom:1px solid var(--border-color, #374151)}.detail-label{color:var(--text-muted, #9ca3af)}.detail-value{color:var(--text-primary, #fff);font-weight:600}.modal-error{color:#ef4444;font-size:14px;margin-bottom:16px;padding:12px;background:#ef44441a;border-radius:8px}.purchase-btn{width:100%;padding:16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease}.purchase-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.purchase-btn:disabled{opacity:.6;cursor:not-allowed}.toki-game-overview{background:#ffffff08;border-radius:16px;padding:20px;border:.5px solid rgba(255,255,255,.06)}.overview-header h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#fffc}.overview-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff08;border-radius:12px;border:.5px solid rgba(255,255,255,.06)}.stat-icon{font-size:24px}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:18px;font-weight:700;color:#a78bfa}.stat-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.overview-boost-active{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:12px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:12px}.boost-icon{font-size:18px}.boost-text{font-size:14px;font-weight:600;color:#a78bfa}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 4px rgba(139,92,246,.5))}50%{filter:drop-shadow(0 0 10px rgba(139,92,246,.8))}}.wallet-funding-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.wallet-funding-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.5rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080;position:relative}.wallet-funding-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.wallet-funding-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.wallet-funding-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.wallet-funding-close:hover{background:var(--bg-hover);color:var(--text-primary)}.wallet-funding-body{padding:1.5rem}.wallet-funding-context{background:#ff44441a;border:1px solid rgba(255,68,68,.2);border-radius:1rem;padding:1rem;margin-bottom:1.5rem;text-align:center}.wallet-funding-context p{margin:0 0 .5rem;color:#f44;font-weight:600}.wallet-funding-context-details{display:flex;justify-content:center;gap:1.5rem;font-size:.875rem}.wallet-funding-context-details span{display:flex;flex-direction:column;color:var(--text-secondary)}.wallet-funding-context-details strong{color:var(--text-primary);font-size:1rem}.wallet-funding-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.coin-pack-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:1rem;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.coin-pack-card:hover:not(:disabled){background:#7c5cff1a;border-color:var(--accent-color);transform:translateY(-2px)}.coin-pack-card.loading{opacity:.7;pointer-events:none}.coin-pack-icon{font-size:2rem;margin-bottom:.5rem}.coin-pack-name{font-weight:600;font-size:.875rem;color:var(--text-primary);margin-bottom:.25rem}.coin-pack-coins{color:var(--accent-color);font-weight:700;font-size:1.125rem;margin-bottom:.5rem}.coin-pack-price{background:var(--bg-card);border:1px solid var(--border-color);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.custom-topup-section{background:#ffffff05;border:1px solid var(--border-color);border-radius:1rem;padding:1.25rem}.custom-topup-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.custom-topup-input-group{display:flex;gap:.5rem}.custom-topup-input-wrapper{position:relative;flex:1}.custom-topup-currency{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-weight:600}.custom-topup-input{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:.75rem;padding:.75rem 1rem .75rem 2rem;color:var(--text-primary);font-size:1rem;font-weight:600;outline:none;transition:all .2s ease}.custom-topup-input:focus{border-color:var(--accent-color);background:#7c5cff0d}.custom-topup-btn{background:var(--accent-color);color:#fff;border:none;border-radius:.75rem;padding:0 1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.custom-topup-btn:hover:not(:disabled){filter:brightness(1.1)}.custom-topup-btn:disabled{opacity:.5;cursor:not-allowed}.topup-coin-helper{margin-top:8px;font-size:12px;color:#cabeffb3;text-align:center}.wallet-funding-error{margin-top:1rem;padding:.75rem;background:#ff44441a;border:1px solid rgba(255,68,68,.2);border-radius:.5rem;color:#f44;font-size:.875rem;text-align:center}.loading-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.wallet-funding-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;gap:1rem}.wallet-funding-processing .loading-spinner{width:2.5rem;height:2.5rem;border-width:3px}.wallet-funding-processing-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.wallet-funding-processing-sub{font-size:.875rem;color:var(--text-secondary);margin:0;max-width:280px}@media(max-width:640px){.wallet-funding-modal{border-radius:1.5rem 1.5rem 0 0;max-height:95vh;align-self:flex-end}.wallet-funding-modal-overlay{padding:0}}.ap-tx-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out)}.ap-tx-item:hover{background:var(--surface-hover)}.ap-tx-icon-wrap{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.ap-tx-info{flex:1;min-width:0}.ap-tx-type-label{margin:0;font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-primary)}.ap-tx-desc{margin:2px 0 0;font-size:var(--text-small);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ap-tx-date{margin:2px 0 0;font-size:var(--text-caption);color:var(--text-muted);opacity:.6}.ap-tx-amount-wrap{text-align:right;flex-shrink:0}.ap-tx-amount{margin:0;font-size:var(--text-body);font-weight:var(--weight-semibold);white-space:nowrap}.ap-tx-amount.positive{color:var(--color-warning)}.ap-tx-amount.negative{color:var(--color-danger)}.ap-filter-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.ap-filter-tab{padding:var(--space-1) var(--space-4);background:var(--surface-hover);border:1px solid var(--glass-border);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:var(--text-body-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-body)}.ap-filter-tab.active{background:var(--glass-bg-hover);border-color:var(--border-accent);color:var(--accent-lavender)}.ap-filter-tab:hover:not(.active){background:var(--glass-bg-hover)}.ap-card-compact{border-left:3px solid var(--color-warning)!important}.wallet-tab{max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-10)}.wallet-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-4)}@media(max-width:640px){.wallet-hero-grid{grid-template-columns:1fr}}.wallet-balance-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.wallet-balance-main{display:flex;flex-direction:column;gap:2px}.wallet-balance-actions{display:flex;gap:var(--space-2);flex-shrink:0}@media(max-width:640px){.wallet-balance-content{flex-direction:column}.wallet-balance-actions{width:100%}.wallet-balance-actions .wallet-btn{flex:1;justify-content:center}}.wallet-locked-row{display:flex;align-items:center;gap:6px;margin-top:var(--space-1)}.wallet-locked-icon{font-size:16px;color:var(--color-warning)}.wallet-locked-text{font-size:var(--text-small);color:var(--color-warning);opacity:.8}.wallet-stat-rows{display:flex;flex-direction:column;gap:var(--space-2)}.wallet-stat-row{display:flex;justify-content:space-between;align-items:center}.wallet-stat-row-values{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.wallet-deposit-panel{animation:slideDown .25s var(--ease-out)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wallet-deposit-amounts{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.wallet-deposit-chip{padding:var(--space-2) var(--space-5);background:var(--surface-hover);border:1px solid var(--glass-border);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:var(--text-body);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-body)}.wallet-deposit-chip.active{background:var(--glass-bg-hover);border-color:var(--border-accent);color:var(--accent-lavender)}.wallet-deposit-chip:hover{background:var(--glass-bg-hover)}.wallet-error{color:var(--color-danger);font-size:var(--text-caption);margin:0 0 var(--space-3)}.wallet-status-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(max-width:640px){.wallet-status-row{grid-template-columns:1fr}}.wallet-status-card.pending{border-left:3px solid var(--color-warning)}.wallet-status-card.withdrawable{border-left:3px solid var(--accent-cyan)}.wallet-status-card.withdrawable.clickable{cursor:pointer}.wallet-escrow-card{display:flex;flex-direction:column;gap:var(--space-4)}.wallet-escrow-header{display:flex;justify-content:space-between;align-items:flex-start}.wallet-escrow-item{display:flex;flex-direction:column;gap:var(--space-2)}.wallet-escrow-item-row{display:flex;justify-content:space-between;align-items:center}.wallet-actions-card{display:flex;flex-direction:column;gap:var(--space-4)}.wallet-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media(max-width:480px){.wallet-actions-grid{grid-template-columns:repeat(2,1fr)}}.wallet-action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-4) var(--space-2);background:var(--surface-hover);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-body)}.wallet-action-btn:hover{background:var(--glass-bg-hover);border-color:var(--border-accent)}.wallet-action-icon{font-size:24px;color:var(--accent-lavender)}.wallet-action-label{font-size:var(--text-small);font-weight:var(--weight-medium)}.wallet-analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media(max-width:768px){.wallet-analytics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.wallet-analytics-grid{grid-template-columns:1fr 1fr}}.wallet-packs-card{display:flex;flex-direction:column;gap:var(--space-4)}.wallet-packs-header{display:flex;justify-content:space-between;align-items:flex-start}.wallet-packs-view-all{font-size:var(--text-small);color:var(--accent-lavender);cursor:pointer;white-space:nowrap;padding-top:2px}.wallet-packs-view-all:hover{text-decoration:underline}.wallet-packs-slider-wrapper{position:relative;display:flex;align-items:center}.wallet-slider-arrow{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-hover);border:1px solid var(--glass-border);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);z-index:2}.wallet-slider-arrow:hover{background:var(--glass-bg-hover);border-color:var(--border-accent)}.wallet-packs-scroll{flex:1;display:flex;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-1) 0;margin:0 var(--space-2)}.wallet-packs-scroll::-webkit-scrollbar{display:none}.wallet-pack-item{position:relative;flex-shrink:0;width:160px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-5) var(--space-4);background:var(--surface-hover);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .25s var(--ease-out);scroll-snap-align:start;overflow:hidden;font-family:var(--font-body)}.wallet-pack-item:hover{background:var(--glass-bg-hover);border-color:var(--border-accent);transform:translateY(-2px)}.wallet-pack-item.popular{background:var(--glass-bg-hover);border-color:var(--border-accent);box-shadow:var(--glow-purple)}.wallet-pack-badge{position:absolute;top:var(--space-2);right:var(--space-2);z-index:1}.wallet-pack-glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:80px;height:80px;background:radial-gradient(circle,var(--accent-lavender),transparent 70%);opacity:.15;border-radius:50%;pointer-events:none}.wallet-pack-icon-wrapper{position:relative;z-index:1;line-height:1}.wallet-pack-emoji{font-size:32px}.wallet-pack-name{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--text-primary);text-align:center}.wallet-pack-coins{font-size:var(--text-caption);color:var(--text-muted)}.wallet-pack-price{font-family:var(--font-display);font-size:var(--text-body-lg);font-weight:var(--weight-bold);color:var(--accent-lavender)}.wallet-payout-row{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--space-4);align-items:start}@media(max-width:768px){.wallet-payout-row{grid-template-columns:1fr}}.wallet-payout-section{display:flex;flex-direction:column;gap:var(--space-4)}.wallet-payout-methods{display:flex;flex-direction:column;gap:var(--space-2)}.wallet-payout-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-hover);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.wallet-payout-item:hover{background:var(--glass-bg-hover)}.wallet-payout-item.active{border-color:var(--badge-success-border);background:var(--badge-success-bg)}.wallet-payout-item.add-method{cursor:pointer}.wallet-payout-item.add-method:hover{background:var(--glass-bg-hover);border-color:var(--border-accent)}.wallet-method-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg-hover);border-radius:var(--radius-sm);color:var(--accent-lavender);font-size:20px}.wallet-method-icon.add{background:var(--surface-hover);color:var(--text-muted)}.wallet-payout-check{margin-left:auto;font-size:20px;color:var(--accent-cyan)}.wallet-payout-name{margin:0;font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.wallet-payout-type{margin:2px 0 0;font-size:var(--text-caption);color:var(--text-muted)}.wallet-tx-section{display:flex;flex-direction:column;gap:var(--space-1)}.wallet-tx-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.wallet-tx-list{display:flex;flex-direction:column;gap:var(--space-1)}.wallet-tx-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out)}.wallet-tx-item:hover{background:var(--surface-hover)}.wallet-tx-icon-wrap{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.wallet-tx-info{flex:1;min-width:0}.wallet-tx-type-label{margin:0;font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-primary)}.wallet-tx-desc{margin:2px 0 0;font-size:var(--text-small);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-tx-date{margin:2px 0 0;font-size:var(--text-caption);color:var(--text-muted);opacity:.6}.wallet-tx-amount-wrap{text-align:right;flex-shrink:0}.wallet-tx-amount{margin:0;font-size:var(--text-body);font-weight:var(--weight-semibold)}.wallet-tx-amount.positive{color:var(--accent-cyan)}.wallet-tx-amount.negative{color:var(--color-danger)}.wallet-tx-status{margin:2px 0 0;font-size:var(--text-caption);display:inline-block}.wallet-tx-status.success{color:var(--accent-cyan)}.wallet-tx-status.info{color:var(--text-muted);opacity:.55}.wallet-tx-fiat{margin:1px 0 0;font-size:var(--text-caption);color:var(--text-muted);opacity:.55}.wallet-tx-pagination{display:flex;justify-content:space-between;margin-top:var(--space-3);gap:var(--space-3)}@media(max-width:640px){.wallet-pack-item{width:140px;padding:var(--space-4) var(--space-3)}.wallet-payout-row{grid-template-columns:1fr}.wallet-payout-item{flex-wrap:wrap}}.wd-kyc-gate{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:14px}.wd-kyc-gate-icon{font-size:1.75rem;color:#fbbf24;flex-shrink:0}.wd-kyc-gate-text{flex:1;min-width:0}.wd-kyc-gate-title{font-size:.9rem;font-weight:600;color:#fbbf24;margin:0 0 .15rem}.wd-kyc-gate-desc{font-size:.8rem;color:#ffffff80;margin:0}.wd-kyc-gate-btn{display:inline-flex;align-items:center;padding:.55rem 1rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:opacity .2s;flex-shrink:0}.wd-kyc-gate-btn:hover{opacity:.9}.wd-request-disabled{opacity:.6;pointer-events:none}.wd-kyc-block{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:10px;color:#f87171;font-size:.82rem}.wd-method-card.disabled{opacity:.4;cursor:not-allowed;position:relative}.wd-method-card.disabled:hover{background:#ffffff0a;border-color:#ffffff14}.wd-method-restricted{position:absolute;top:.35rem;right:.35rem;font-size:.8rem;color:#ffffff40}.withdrawals-tab{display:flex;flex-direction:column;gap:20px}.wd-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wd-stat-card{position:relative;overflow:hidden;padding:40px;height:128px}.wd-stat-label{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#c9c4d8;margin-bottom:8px;position:relative;z-index:1}.wd-stat-value{font-family:Sora,ui-sans-serif,system-ui,sans-serif;font-size:48px;font-weight:800;letter-spacing:-.02em;line-height:1.1;position:relative;z-index:1}.wd-stat-value.primary{color:#cabeff}.wd-stat-value.secondary{color:#d3fbff}.wd-stat-value.tertiary{color:#ffb780}.wd-stat-glow{position:absolute;width:128px;height:128px;border-radius:50%;filter:blur(40px);opacity:.1;top:-32px;right:-32px;pointer-events:none;z-index:0}.wd-stat-glow.primary{background:#cabeff}.wd-stat-glow.secondary{background:#d3fbff}.wd-stat-glow.tertiary{background:#ffb780}.wd-stat-fiat{font-size:13px;color:#fff6;margin-top:2px;position:relative;z-index:1}.wd-notice{display:flex;align-items:flex-start;gap:16px;padding:24px;background:#cabeff0d;border:1px solid rgba(255,255,255,.08);border-left:4px solid #cabeff;border-radius:12px;backdrop-filter:blur(20px);box-shadow:inset 0 1px 1px #ffffff1a}.wd-notice-icon{font-size:22px;color:#cabeff;flex-shrink:0;margin-top:1px}.wd-notice-title{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:700;color:#e5e1e7;margin-bottom:2px}.wd-notice-body{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5;color:#c9c4d8b3}.wd-notice.warning{border-left-color:#fbbf24;background:#f59e0b14}.wd-notice.warning .wd-notice-icon{color:#fbbf24}.wd-main-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:stretch}.wd-request-card{display:flex;flex-direction:column;gap:24px;padding:40px;border-left:4px solid #cabeff;position:relative;overflow:hidden}.wd-request-header{display:flex;justify-content:space-between;align-items:flex-start}.wd-section-title{font-family:Sora,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:700;color:#cabeff;margin-bottom:4px;letter-spacing:-.01em}.wd-section-desc{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5;color:#c9c4d8b3;margin:0}.wd-request-icon{font-size:32px;color:#cabeff}.wd-amount-container{background:#1b1b1f80;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:24px}.wd-amount-label{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#c9c4d8;display:block;margin-bottom:16px}.wd-amount-input-wrap{position:relative;display:flex;align-items:center}.wd-amount-currency{position:absolute;left:0;top:50%;transform:translateY(-50%);font-family:Sora,ui-sans-serif,system-ui,sans-serif;font-size:48px;font-weight:800;color:#c9c4d84d;pointer-events:none}.wd-amount-input{width:100%;padding:0 0 0 48px;background:transparent;border:none;color:#e5e1e7;font-family:Sora,ui-sans-serif,system-ui,sans-serif;font-size:48px;font-weight:800;outline:none;box-sizing:border-box;font-family:inherit;letter-spacing:-.02em}.wd-amount-input::placeholder{color:#c9c4d833}.wd-amount-input::-webkit-inner-spin-button,.wd-amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wd-amount-input[type=number]{-moz-appearance:textfield}.wd-amount-limits{display:flex;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5;color:#c9c4d8}.wd-max-label{color:#cabeff;font-weight:700}.wd-methods-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wd-method-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border-radius:12px;font-family:Geist,ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:all .25s ease;min-height:100px;border:1px solid rgba(255,255,255,.05);background:#ffffff0d;color:#c9c4d8}.wd-method-card:hover{background:#ffffff1a;border-color:#cabeff66}.wd-method-card.active{background:#cabeff1a;border:2px solid #cabeff;color:#cabeff;box-shadow:0 0 15px #cabeff33}.wd-method-icon{font-size:32px;line-height:1}.wd-method-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.wd-summary{display:flex;flex-direction:column;gap:16px;padding:24px;background:#1b1b1f4d;border:1px dashed rgba(255,255,255,.1);border-radius:12px}.wd-summary-row{display:flex;justify-content:space-between;align-items:center}.wd-summary-row.total{padding-top:0;margin-top:0;border-top:none}.wd-summary-label{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5;color:#c9c4d8}.wd-summary-value{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5;color:#e5e1e7}.wd-summary-total{font-family:Sora,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:600;line-height:1;color:#cabeff}.wd-summary-row.coin-equivalent{padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.wd-summary-coin{font-family:Sora,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:600;color:#d3fbff}.wd-message{padding:12px 16px;border-radius:12px;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px;text-align:center;font-weight:500}.wd-message.error{background:#ffb4ab1a;border:1px solid rgba(255,180,171,.2);color:#ffb4ab}.wd-message.success{background:#4ade801a;border:1px solid rgba(74,222,128,.2);color:#4ade80}.wd-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:700;border:none;border-radius:12px;color:#31009a;cursor:pointer;transition:all .25s ease;background:#cabeff}.wd-submit-btn:hover:not(:disabled){box-shadow:0 0 20px #cabeff66;transform:scale(1.01)}.wd-submit-btn:active:not(:disabled){transform:scale(.95)}.wd-submit-btn:disabled{background:#ffffff0d;color:#c9c4d84d;cursor:not-allowed;box-shadow:none;transform:none}.wd-side-column{display:flex;flex-direction:column;gap:16px}.wd-right-panel{display:flex;flex-direction:column;padding:40px;gap:0;height:100%}.wd-panel-title{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#c9c4d8;margin-bottom:16px}.wd-panel-divider{height:1px;background:#ffffff0d;margin:24px 0}.wd-limits-list{display:flex;flex-direction:column;gap:16px}.wd-limit-row{display:flex;justify-content:space-between;align-items:center}.wd-limit-label{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5;color:#c9c4d8}.wd-limit-value{font-family:Sora,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:600;line-height:1;color:#e5e1e7}.wd-limit-accent{color:#d3fbff}.wd-limit-highlight{color:#cabeff}.wd-limit-values{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.wd-limit-helper{font-size:11px;color:#ffffff59}.wd-processing-list{display:flex;flex-direction:column;gap:8px}.wd-processing-item{display:flex;align-items:center;gap:8px;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .3s ease}.wd-processing-item:hover{border-color:#cabeff;box-shadow:0 0 20px #cabeff26}.wd-processing-icon{font-size:20px;color:#cabeff;flex-shrink:0}.wd-processing-name{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:700;color:#e5e1e7;margin:0}.wd-processing-time{font-size:10px;color:#c9c4d899;margin:0;letter-spacing:.02em}.wd-history-card{display:flex;flex-direction:column;gap:16px;padding:24px 0}.wd-history-header{display:flex;justify-content:space-between;align-items:center;padding:0 24px;margin-bottom:8px}.wd-filter-btn{background:none;border:none;border-radius:10px;padding:8px;color:#c9c4d8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease;font-family:inherit}.wd-filter-btn:hover{color:#cabeff}.wd-filter-btn .material-symbols-outlined{font-size:24px}.wd-empty{text-align:center;padding:32px 24px;color:#c9c4d84d;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px}.wd-empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;padding:48px 24px;text-align:center}.wd-empty-icon{font-size:40px;color:#ffffff0f;margin-bottom:4px}.wd-empty-title{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:600;color:#c9c4d880}.wd-empty-desc{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px;color:#c9c4d84d}.wd-history-list{display:flex;flex-direction:column;gap:8px;padding:0 24px}.wd-history-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .3s ease}.wd-history-item:hover{background:#ffffff1a;border-color:#cabeff;box-shadow:0 0 20px #cabeff26}.wd-history-left{display:flex;align-items:center;gap:16px}.wd-history-icon-wrap{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wd-history-icon-wrap .material-symbols-outlined{font-size:20px}.wd-history-icon-wrap.bank{background:#cabeff1a}.wd-history-icon-wrap.bank .material-symbols-outlined{color:#cabeff}.wd-history-icon-wrap.paypal{background:#d3fbff1a}.wd-history-icon-wrap.paypal .material-symbols-outlined{color:#d3fbff}.wd-history-id{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:700;color:#e5e1e7;margin-bottom:2px}.wd-history-meta{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#c9c4d8}.wd-history-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.wd-history-amount{font-family:Sora,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:600;line-height:1;color:#e5e1e7}.wd-history-coin{font-size:11px;color:#ffffff59}.wd-status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;border:1px solid}.wd-status-pending{background:#fbbf241a;color:#fbbf24;border-color:#fbbf2433}.wd-status-processing{background:#cabeff1a;color:#cabeff;border-color:#cabeff33}.wd-status-completed{background:#d3fbff1a;color:#d3fbff;border-color:#d3fbff33}.wd-status-rejected{background:#ffb4ab1a;color:#ffb4ab;border-color:#ffb4ab33}.wd-status-cancelled,.wd-status-default{background:#ffffff0a;color:#c9c4d866;border-color:#ffffff14}.withdrawals-tab .glass-card{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 1px #ffffff1a;border-radius:16px;padding:24px;transition:all .3s ease}.withdrawals-tab .glass-card:hover{border-color:#cabeff;box-shadow:0 0 20px #cabeff26}@media(max-width:1024px){.wd-stats-row{gap:12px}.wd-stat-value,.wd-amount-input,.wd-amount-currency{font-size:36px}.wd-amount-input{padding-left:40px}}@media(max-width:900px){.wd-main-grid{grid-template-columns:1fr}}@media(max-width:640px){.wd-stats-row{grid-template-columns:1fr}.wd-stat-card{height:auto;padding:24px}.wd-stat-value{font-size:32px}.wd-request-card,.wd-right-panel{padding:24px}.wd-amount-container{padding:16px}.wd-amount-input,.wd-amount-currency{font-size:32px}.wd-amount-input{padding-left:36px}.wd-method-card{padding:16px;min-height:80px}}.payout-settings-tab{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:100px}.muted{color:var(--text-muted)!important}.primary{color:var(--accent-lavender)!important}.secondary{color:var(--accent-cyan)!important}.payout-kyc-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-caption);border:1px solid;flex-wrap:wrap}.payout-kyc-banner.not_started{background:var(--badge-warning-bg);border-color:var(--badge-warning-border)}.payout-kyc-banner.pending,.payout-kyc-banner.under_review{background:var(--badge-info-bg);border-color:var(--badge-info-border)}.payout-kyc-banner.approved{background:var(--badge-success-bg);border-color:var(--badge-success-border)}.payout-kyc-banner.rejected{background:var(--badge-danger-bg);border-color:var(--badge-danger-border)}.payout-kyc-text{color:var(--text-muted)}.payout-header{display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:640px){.payout-header{flex-direction:row;align-items:center;justify-content:space-between}}.payout-header-left{display:flex;align-items:center;gap:var(--space-4)}.payout-avatar-wrap{position:relative;width:80px;height:80px;flex-shrink:0}.payout-avatar,.payout-avatar-placeholder{width:100%;height:100%;border-radius:50%;border:3px solid var(--glass-border);object-fit:cover}.payout-avatar-placeholder{background:var(--glass-bg-hover);display:flex;align-items:center;justify-content:center;color:var(--accent-lavender)}.payout-avatar-placeholder .material-symbols-outlined{font-size:2rem}.payout-verified-badge{position:absolute;bottom:0;right:0;background:var(--accent-cyan);color:var(--text-inverse);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-deep)}.payout-verified-badge .material-symbols-outlined{font-size:14px;font-variation-settings:"FILL" 1}.payout-header-name{font-family:var(--font-display);font-size:var(--text-page-title);font-weight:var(--weight-bold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.payout-header-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.payout-header-stats{display:flex;gap:var(--space-6)}.payout-header-stat{text-align:right}.payout-header-stat.bordered{border-left:1px solid var(--glass-border);padding-left:var(--space-6)}.payout-stat-label{font-size:var(--text-caption);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--text-muted);margin:0 0 var(--space-1)}.payout-stat-value{font-family:var(--font-display);font-size:var(--text-page-title);font-weight:var(--weight-bold);margin:0;letter-spacing:var(--tracking-tight)}.payout-stat-helper{font-size:var(--text-caption);color:var(--text-muted);margin:var(--space-1) 0 0}.payout-grid-3{display:grid;grid-template-columns:1fr;gap:var(--space-10)}@media(min-width:1024px){.payout-grid-3{grid-template-columns:2fr 1fr}}.payout-col-main,.payout-col-side{display:flex;flex-direction:column;gap:var(--space-10)}.payout-section{overflow:hidden}.payout-section-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--glass-border);flex-wrap:wrap}.payout-section-icon{font-size:var(--text-card-title);color:var(--accent-lavender)}.payout-section-title{font-size:var(--text-card-title);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0;flex:1;font-family:var(--font-display)}.payout-section-title-sm{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-3)}.payout-section-desc{font-size:var(--text-caption);color:var(--text-muted);margin:0 0 var(--space-3)}.payout-section-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.payout-section-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:var(--space-2)}.payout-tab-bar{display:flex;gap:var(--space-1);background:var(--surface-inset);padding:var(--space-1);border-radius:var(--radius-md)}.payout-tab-btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:var(--weight-semibold);cursor:pointer;background:transparent;color:var(--text-muted);transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-body)}.payout-tab-btn.active{background:var(--accent-lavender);color:var(--text-inverse)}.payout-tab-btn:hover:not(.active){color:var(--text-secondary)}.payout-form-grid-2{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.payout-form-grid-2{grid-template-columns:1fr 1fr}}.payout-field-wrap{position:relative}.payout-field-helper{font-size:var(--text-caption);color:var(--text-muted);margin-top:var(--space-1)}.country-code-badge{position:absolute;right:2.5rem;bottom:.75rem;font-size:var(--text-caption);font-weight:var(--weight-bold);padding:.15rem .35rem;border-radius:var(--radius-sm);background:var(--glass-bg-hover);color:var(--accent-lavender);letter-spacing:var(--tracking-wide)}.payout-notice{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-caption);border:1px solid}.payout-notice.warning{background:var(--surface-hover);border-color:var(--glass-border);color:var(--text-muted);flex-wrap:wrap}.payout-notice .material-symbols-outlined{color:var(--text-muted);font-size:var(--text-body-lg)}.payout-coming-soon{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px dashed var(--glass-border);opacity:.5}.payout-coming-soon .material-symbols-outlined{color:var(--text-muted);font-size:var(--text-card-title)}.payout-coming-title{font-weight:var(--weight-semibold);font-size:var(--text-caption);color:var(--text-primary);margin:0}.payout-coming-desc{font-size:var(--text-small);color:var(--text-muted);margin:0}.payout-coming-badge{margin-left:auto}.payout-pref-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(max-width:640px){.payout-pref-grid{grid-template-columns:1fr}}.payout-pref-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:2px solid var(--glass-border);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);position:relative}.payout-pref-card:hover{border-color:var(--border-hover)}.payout-pref-card.active{border-color:var(--border-accent);background:var(--glass-bg-hover)}.payout-pref-card.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.payout-radio-hidden{position:absolute;opacity:0;pointer-events:none}.payout-pref-icon{background:var(--surface-hover);padding:var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted)}.payout-pref-card.active .payout-pref-icon{background:var(--glass-bg-hover);color:var(--accent-lavender)}.payout-pref-name{font-weight:var(--weight-semibold);font-size:var(--text-caption);color:var(--text-primary);margin:0}.payout-pref-desc{font-size:var(--text-small);color:var(--text-muted);margin:0}.payout-pref-check{position:absolute;top:var(--space-1);right:var(--space-1);font-size:var(--text-body);color:var(--accent-lavender);font-variation-settings:"FILL" 1}.payout-auto-section{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-top:1px solid var(--glass-border);background:var(--surface-hover);flex-wrap:wrap}@media(max-width:640px){.payout-auto-section{flex-direction:column;align-items:stretch}}.payout-auto-info{display:flex;align-items:center;gap:var(--space-3);flex:1}.payout-auto-icon{color:var(--accent-cyan);animation:pulse-soft 3s infinite var(--ease-in-out)}@keyframes pulse-soft{0%,to{opacity:.6}50%{opacity:1}}.payout-auto-title{font-weight:var(--weight-semibold);font-size:var(--text-caption);color:var(--text-primary);margin:0}.payout-auto-desc{font-size:var(--text-small);color:var(--text-muted);margin:0;text-transform:capitalize}.payout-auto-controls{display:flex;align-items:center;gap:var(--space-3)}@media(max-width:640px){.payout-auto-controls{justify-content:flex-end}}.payout-auto-select{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--surface-input);color:var(--text-primary);font-size:var(--text-caption);outline:none;font-family:var(--font-body);cursor:pointer}.payout-toggle{position:relative;cursor:pointer}.payout-toggle-input{position:absolute;opacity:0;width:0;height:0}.payout-toggle-track{width:44px;height:24px;background:var(--surface-hover);border:1px solid var(--glass-border);border-radius:12px;position:relative;transition:background var(--duration-fast) var(--ease-out)}.payout-toggle-input:checked+.payout-toggle-track{background:var(--accent-lavender);border-color:var(--border-accent)}.payout-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-primary);border-radius:50%;transition:transform var(--duration-fast) var(--ease-out)}.payout-toggle-input:checked+.payout-toggle-track .payout-toggle-thumb{transform:translate(20px)}.payout-auto-note{font-size:var(--text-caption);color:var(--text-muted);margin:var(--space-1) 0 0;line-height:var(--leading-relaxed);width:100%}.payout-readiness-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.payout-readiness-sub{font-size:var(--text-small);color:var(--text-muted);margin:var(--space-1) 0 0}.payout-readiness-pct{font-family:var(--font-display);font-size:var(--text-stat);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.payout-readiness-list{list-style:none;margin:var(--space-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.payout-readiness-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--text-primary)}.payout-readiness-check{font-size:var(--text-body);color:var(--accent-cyan);font-variation-settings:"FILL" 1}.payout-readiness-pending{font-size:var(--text-caption);color:var(--text-muted);opacity:.3}.payout-elite-widget{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.payout-elite-icon{color:var(--accent-lavender);font-size:var(--text-card-title)}.payout-elite-placeholder-text{font-size:var(--text-caption);color:var(--text-muted);margin:0;font-style:italic}.payout-timeline{display:flex;flex-direction:column;gap:var(--space-4)}.payout-timeline-item{display:flex;align-items:flex-start;gap:var(--space-3)}.payout-timeline-dot{width:6px;height:40px;border-radius:3px;flex-shrink:0;margin-top:4px}.payout-timeline-dot.primary{background:var(--accent-lavender)}.payout-timeline-dot.secondary{background:var(--accent-cyan)}.payout-timeline-dot.accent{background:var(--color-purple-500);opacity:.3}.payout-timeline-name{font-weight:var(--weight-semibold);font-size:var(--text-caption);color:var(--text-primary);margin:0}.payout-timeline-duration{font-size:var(--text-small);color:var(--text-muted);margin:var(--space-1) 0 0}.payout-timeline-elite{padding:var(--space-2) var(--space-3);background:var(--glass-bg-hover);border-radius:var(--radius-sm);border:1px solid var(--border-accent);flex:1}.payout-timeline-elite .payout-timeline-name{color:var(--accent-lavender)}.payout-timeline-elite .payout-timeline-duration{color:var(--accent-lavender);opacity:.7}.payout-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.payout-security-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm);background:var(--surface-hover);border:1px solid var(--glass-border)}.payout-security-item.ok{border-color:var(--badge-success-border)}.payout-security-icon{font-size:var(--text-card-title);color:var(--text-muted)}.payout-security-icon.ok{color:var(--accent-cyan)}.payout-security-label{font-size:var(--text-caption);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--text-muted);margin:0}.payout-activity{overflow:hidden}.payout-activity-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--glass-border)}.payout-activity-table-wrap{overflow-x:auto}.payout-activity-action{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.payout-activity-action-icon{font-size:var(--text-body);color:var(--accent-lavender)}.payout-activity-detail{color:var(--text-muted)!important;font-size:var(--text-caption)!important}.payout-activity-pagination{padding:var(--space-3) var(--space-5)}.payout-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-caption);text-align:center}.payout-message.error{background:var(--badge-danger-bg);border:1px solid var(--badge-danger-border);color:var(--badge-danger-text)}.payout-message.success{background:var(--badge-success-bg);border:1px solid var(--badge-success-border);color:var(--badge-success-text)}.payout-save-bar-spacer{height:80px}.payout-save-bar{position:fixed;bottom:0;left:0;right:0;background:var(--surface-header);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);z-index:70;padding:var(--space-4) var(--space-5);box-shadow:0 -10px 30px #0000004d}@media(min-width:768px){.payout-save-bar{left:280px}}.payout-save-bar-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}@media(max-width:640px){.payout-save-bar-inner{flex-direction:column;align-items:stretch}}.payout-save-bar-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--text-muted)}.payout-saved-icon{color:var(--accent-cyan);font-size:var(--text-body);animation:pulse-soft 3s infinite var(--ease-in-out)}.payout-unsaved-icon{color:var(--color-warning);font-size:var(--text-body)}.payout-save-bar-label strong{color:var(--text-secondary)}.payout-save-bar-actions{display:flex;align-items:center;gap:var(--space-3)}@media(max-width:640px){.payout-save-bar-actions{justify-content:stretch}}@media(max-width:640px){.payout-header-stats{width:100%;justify-content:space-around}.payout-header-stat{text-align:center}.payout-header-stat.bordered{border-left:none;padding-left:0}}@media(max-width:480px){.payout-section-header{flex-direction:column;align-items:flex-start}.payout-tab-bar{width:100%}.payout-tab-btn{flex:1;text-align:center}}.league-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem;margin-top:1rem}.league-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.league-card-title{font-size:.82rem;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.league-card-tier{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.league-tier-icon{font-size:1.5rem}.league-tier-info{display:flex;flex-direction:column;gap:.1rem}.league-tier-name{font-size:1.1rem;font-weight:700;color:#fff}.league-tier-division{font-size:.78rem;font-weight:600;color:#fff6}.league-card-stats{display:flex;gap:1rem;padding:.6rem 0;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.league-stat{display:flex;flex-direction:column;gap:.1rem}.league-stat-value{font-size:.95rem;font-weight:700;color:#fff}.league-stat-label{font-size:.65rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.03em}.league-card-zone{margin-top:.5rem;padding:.35rem .6rem;border-radius:6px;font-size:.72rem;font-weight:600;text-align:center}.league-zone-promotion{background:#22c55e1f;color:#22c55e}.league-zone-relegation{background:#ef44441f;color:#ef4444}.league-zone-mid{background:#ffffff0a;color:#ffffff59}.division-leaderboard{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.division-leaderboard-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.division-leaderboard-title{font-size:.85rem;font-weight:700;color:#fff9}.division-leaderboard-player{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.03);transition:background .15s}.division-leaderboard-player:hover{background:#ffffff05}.division-leaderboard-player:last-child{border-bottom:none}.division-player-rank{width:1.5rem;font-size:.78rem;font-weight:700;color:#ffffff4d;text-align:center}.division-player-rank.top3{color:gold}.division-player-name{flex:1;font-size:.82rem;font-weight:600;color:#fffc}.division-player-lp{font-size:.78rem;font-weight:600;color:#ffffff80}.profile-page{--profile-sidebar-width: 280px;min-height:100vh;background:linear-gradient(180deg,#0d0d12,#12121a)}.profile-header-modern{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem 1rem .75rem;border-bottom:.5px solid rgba(255,255,255,.06);background:#0d0d12d9;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.profile-header-modern .header-left{position:absolute;left:1rem;display:flex;align-items:center;gap:.5rem}.profile-header-modern .header-right{position:absolute;right:1rem;display:flex;align-items:center}.profile-header-modern .header-center{text-align:center}.profile-header-modern .header-center h1{font-size:1.1rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.back-btn,.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.back-btn:hover,.mobile-menu-toggle:hover{background:#ffffff26}.profile-container{max-width:1600px;width:95%;margin:0 auto;padding:24px 0}.profile-dashboard-layout{display:grid;grid-template-columns:var(--profile-sidebar-width) minmax(0,1fr);gap:24px;align-items:stretch;min-height:calc(100vh - 80px);transition:grid-template-columns .25s ease}.profile-dashboard-layout:has(.profile-sidebar.collapsed){grid-template-columns:72px 1fr}.profile-sidebar{grid-row:1 / -1;display:flex;flex-direction:column;transition:width .25s ease;position:sticky;top:0;height:100vh}.profile-sidebar .profile-tabs{flex:1;overflow-y:auto}.profile-sidebar .sidebar-footer{margin-top:auto;padding:12px 12px 16px;border-top:.5px solid rgba(255,255,255,.06);position:sticky;bottom:0;background:#0d0d12;z-index:10}.profile-sidebar.collapsed .sidebar-footer{padding:12px 8px 16px}.profile-main-content{min-width:0}.profile-friends-wide{grid-column:1 / -1;display:flex;gap:24px}.profile-friends-wide>*{flex:1;min-width:0}.profile-sidebar .drawer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;border-bottom:.5px solid rgba(255,255,255,.04);margin-bottom:4px}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff0a;border:.5px solid rgba(255,255,255,.06);border-radius:8px;color:#ffffff59;cursor:pointer;transition:all .2s ease;font-size:.7rem;flex-shrink:0}.sidebar-collapse-btn:hover{background:#ffffff14;color:#ffffffb3}.profile-sidebar.collapsed .drawer-header{padding:16px 12px 12px;justify-content:center;border-bottom:.5px solid rgba(255,255,255,.04)}.drawer-user-info{display:flex;align-items:center;gap:12px;min-width:0}.drawer-avatar{width:40px;height:40px;border-radius:9999px;background:#8b5cf633;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#a78bfa;overflow:hidden;flex-shrink:0}.drawer-avatar img{width:100%;height:100%;object-fit:cover;border-radius:9999px}.drawer-user-details{display:flex;flex-direction:column;min-width:0}.drawer-name{font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-email{font-size:.75rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-sidebar.collapsed .drawer-user-info{gap:0}.profile-sidebar.collapsed .drawer-user-details,.desktop-only,.mobile-only,.profile-mobile-header-card,.profile-nav-chips,.mobile-menu-toggle,.mobile-menu-backdrop,.mobile-timer-toolbar{display:none}@media(min-width:768px){.desktop-only{display:flex}}@media(max-width:1199px){.profile-dashboard-layout{grid-template-columns:var(--profile-sidebar-width) 1fr}.profile-dashboard-layout:has(.profile-sidebar.collapsed){grid-template-columns:72px 1fr}.profile-friends-wide{grid-column:1 / -1;flex-direction:column}.profile-container{width:92%}}@media(max-width:767px){.profile-container{width:100%;padding:0}.profile-dashboard-layout{display:block;padding:0 16px 80px}.profile-sidebar{position:fixed;top:0;left:0;bottom:0;width:100vw;max-width:100vw;z-index:1100;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);background:#0f0f19fa;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-right:1px solid rgba(255,255,255,.08);padding:0}.profile-sidebar.drawer-open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.drawer-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0f;border:none;border-radius:8px;color:#fff9;font-size:.95rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.drawer-close-btn:hover{background:#ffffff1f;color:#fff}.mobile-menu-backdrop{display:block;position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1050;animation:fadeIn .2s ease}.mobile-menu-toggle,.mobile-only{display:flex}.desktop-only{display:none!important}.mobile-timer-toolbar{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:#0f172af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);justify-content:space-around;align-items:center;border-top:1px solid rgba(255,255,255,.1);z-index:1000}}@media(max-width:767px){.profile-mobile-header-card{display:flex;align-items:center;gap:16px;padding:20px 16px 12px}.mobile-header-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(129,140,248,.4);background:#ffffff0d;display:flex;align-items:center;justify-content:center}.mobile-header-photo-placeholder{font-size:1.5rem;font-weight:700;color:#fff}.mobile-header-photo{width:100%;height:100%;object-fit:cover}.mobile-header-info{min-width:0}.mobile-header-info h2{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 2px}.mobile-header-id{font-size:.8rem;color:#8b5cf6cc;font-weight:500}.mobile-header-meta{display:flex;gap:12px;margin-top:4px;font-size:.75rem;color:#ffffff73}}@media(max-width:767px){.profile-nav-chips{display:flex;gap:8px;padding:8px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.profile-nav-chips::-webkit-scrollbar{display:none}.nav-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#fff9;font-size:.8rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:all .2s ease;flex-shrink:0}.nav-chip:hover{background:#ffffff1a;color:#fff}.nav-chip.active{background:#8b5cf633;border-color:#8b5cf64d;color:#a78bfa}.nav-chip.disabled{opacity:.4;pointer-events:none}.nav-chip-icon{font-size:.75rem;display:flex}.nav-chip-label{font-size:.78rem}.profile-main-content,.timer-main-content{padding:0}.profile-friends-wide{flex-direction:column;margin-top:16px;padding:0 16px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#ffffff80;font-size:16px}.empty-tab{display:flex;align-items:center;justify-content:center;min-height:200px;background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:24px}.empty-tab p{color:#ffffff80;font-size:14px}.profile-page .profile-form{width:100%}.profile-page .form-group{margin-bottom:20px}.profile-page .form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.profile-page .form-group input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:15px;transition:all .2s}.profile-page .form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f133}.profile-page .form-group input.error{border-color:#ef4444}.profile-page .username-input-wrapper{display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.profile-page .username-input-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f133}.profile-page .username-prefix{padding:12px;background:var(--bg-secondary);color:var(--text-secondary);font-size:14px;white-space:nowrap}.profile-page .username-input-wrapper input{border:none;border-radius:0;background:transparent}.profile-page .username-input-wrapper input:focus{box-shadow:none}.profile-page .username-input-wrapper .checking{padding:12px;color:var(--text-secondary);font-size:12px}.profile-page .field-error{display:block;margin-top:6px;font-size:12px;color:#ef4444}.profile-page .field-hint{display:block;margin-top:6px;font-size:12px;color:var(--text-secondary)}.profile-page .form-actions{display:flex;gap:12px;margin-top:32px}.profile-page .form-actions button{flex:1;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.profile-page .form-actions .btn-primary{background:var(--accent-color);border:none;color:#fff}.profile-page .form-actions .btn-primary:hover:not(:disabled){background:var(--accent-hover)}.profile-page .form-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.profile-page .form-actions .btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.profile-page .form-actions .btn-secondary:hover{background:var(--bg-hover)}.profile-page .error-message{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:14px;margin-bottom:20px}@media(max-width:767px){.profile-page .profile-dashboard-layout,.profile-page .profile-main-content{padding-left:0!important;padding-right:0!important}}.arena-page{min-height:100vh;padding:var(--space-8) var(--space-8) 80px;width:100%;max-width:100%;margin:0 auto;box-sizing:border-box;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body)}.arena-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-6)}.loading-spinner{width:48px;height:48px;border:3px solid var(--glass-border);border-top-color:var(--color-purple-400);border-radius:50%;animation:spin 1s linear infinite}.arena-loading p{color:var(--text-muted);font-size:var(--text-body)}.arena-hero{position:relative;text-align:center;padding:5rem 2rem 4rem;margin-bottom:var(--space-8);border-radius:var(--radius-2xl);overflow:hidden;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid var(--glass-border);width:100%;box-sizing:border-box;box-shadow:var(--shadow-lg)}.arena-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top right,rgba(139,92,246,.2) 0%,transparent 60%);pointer-events:none}.hero-content{position:relative;z-index:2}.hero-title{font-size:clamp(2rem,6vw,4rem);font-weight:var(--weight-extrabold);background:linear-gradient(135deg,#fff,#c7d2fe,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-3);letter-spacing:-.02em;line-height:1.1;transition:opacity var(--duration-slow) ease,transform var(--duration-slow) ease;font-family:var(--font-display)}.hero-title.visible{opacity:1;transform:translateY(0)}.hero-title.hidden{opacity:0;transform:translateY(15px)}.hero-subtitle{font-size:var(--text-body-lg);color:var(--text-secondary);margin-bottom:var(--space-10);font-weight:var(--weight-regular)}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-10);font-size:var(--text-body-lg);font-weight:var(--weight-bold);border:none;border-radius:var(--radius-lg);background:var(--btn-primary-bg);color:var(--btn-primary-text);cursor:pointer;transition:all var(--duration-slow) var(--ease-out);box-shadow:var(--shadow-md),var(--glow-purple);font-family:var(--font-body)}.hero-cta svg{width:20px;height:20px;transition:transform var(--duration-normal) ease}.hero-cta:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl),var(--glow-purple-strong)}.hero-cta:hover svg{transform:translate(6px)}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(139,92,246,.2) 0%,transparent 70%);pointer-events:none;z-index:1;animation:float-glow 8s ease-in-out infinite alternate}@keyframes float-glow{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-45%) scale(1.1);opacity:1}}.arena-controls{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;position:relative;padding:0;background:transparent;width:100%;box-sizing:border-box}.search-bar-glass{flex:1;min-width:250px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--duration-normal) ease}.search-bar-glass:focus-within{background:var(--glass-bg-hover);border-color:var(--border-accent);box-shadow:0 0 0 3px #8b5cf626}.search-bar-glass .search-icon{width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.search-input-glass{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--text-body);font-family:var(--font-body)}.search-input-glass::placeholder{color:var(--text-muted)}.event-filter-glass{padding:var(--space-3) var(--space-10) var(--space-3) var(--space-5);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-body);cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;transition:all var(--duration-normal) ease;font-family:var(--font-body)}.event-filter-glass:hover,.event-filter-glass:focus{background-color:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.event-filter-glass option{background:var(--bg-secondary);color:var(--text-primary)}.arena-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-2);background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;box-sizing:border-box;overflow-x:auto}.arena-tabs::-webkit-scrollbar{display:none}.arena-tabs .arena-tab{flex:1;justify-content:center;min-width:max-content}.arena-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-body);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-normal) ease;font-family:var(--font-body)}.arena-tab:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.arena-tab.active{color:var(--text-primary);background:var(--glass-bg-strong);box-shadow:var(--glass-highlight)}.tab-dot{width:8px;height:8px;border-radius:50%}.tab-dot.live{background:var(--color-success);box-shadow:0 0 10px #22c55e80}.tab-dot.upcoming{background:var(--color-warning)}.tab-dot.completed{background:var(--text-muted)}.competitions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6);width:100%}.arena-card{display:flex;flex-direction:column;min-height:340px}.arena-card.live{border-color:#22c55e40}.arena-card.upcoming{border-color:#f59e0b33}.arena-card.completed{opacity:.8;filter:grayscale(20%)}.arena-card.completed:hover{filter:grayscale(0%)}.arena-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}.countdown{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--badge-warning-bg);border:1px solid var(--badge-warning-border);border-radius:var(--radius-md);font-size:var(--text-small);font-weight:var(--weight-bold);color:var(--badge-warning-text)}.countdown svg{width:14px;height:14px}.pulse-dot{width:6px;height:6px;background:var(--color-success);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #22c55e80}50%{opacity:.7;box-shadow:0 0 0 6px transparent}}.arena-card-title{font-size:var(--text-card-title);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-4);line-height:1.3;font-family:var(--font-display)}.arena-card-prize{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--badge-warning-bg);border:1px solid var(--badge-warning-border);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.prize-label{font-size:var(--text-label);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--weight-semibold)}.prize-amount{font-size:var(--text-card-title);color:var(--color-warning);font-weight:var(--weight-extrabold);text-shadow:0 0 16px rgba(245,158,11,.4);font-family:var(--font-display)}.arena-card-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.arena-card-meta.compact{padding:var(--space-3);gap:var(--space-3)}.meta-block{display:flex;flex-direction:column;align-items:flex-start}.meta-block .meta-label{font-size:var(--text-label);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.meta-block .meta-value{font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--text-primary)}.arena-card-events{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.event-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold)}.event-chip.more{background:#a78bfa26;color:var(--color-purple-300);border-color:#a78bfa33}.arena-card-actions{display:flex;gap:var(--space-3);margin-top:auto;flex-wrap:wrap}.arena-empty{grid-column:1 / -1}@media(max-width:768px){.arena-page{padding:var(--space-4)}.hero-title{font-size:2.5rem}.arena-controls{flex-direction:column}.search-bar-glass,.event-filter-glass{min-width:100%;width:100%;box-sizing:border-box}.arena-tabs{flex-direction:column}}.cmp-page{min-height:100vh;background:radial-gradient(1200px 600px at 80% -10%,rgba(139,92,246,.18),transparent 60%),radial-gradient(900px 500px at 0% 30%,rgba(34,211,238,.08),transparent 60%),var(--ds-surface-base, #0d0d12);color:var(--ds-text-primary, #f4f4f5);padding:24px 24px 80px;box-sizing:border-box}.cmp-page__back{max-width:1240px;margin:0 auto 16px}.cmp-page__back a{display:inline-flex;align-items:center;gap:6px;color:var(--ds-text-secondary, #a1a1aa);text-decoration:none;font-size:14px;padding:6px 10px;border-radius:var(--ds-radius-md, 8px);transition:color .15s ease,background-color .15s ease}.cmp-page__back a:hover{color:var(--ds-text-primary, #f4f4f5);background-color:var(--ds-surface-card-hover, rgba(255, 255, 255, .06))}.cmp-banner{max-width:1240px;margin:0 auto 16px;padding:12px 16px;border-radius:var(--ds-radius-md, 8px);display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}.cmp-banner--warning{background:var(--ds-warning-bg, rgba(245, 158, 11, .15));border:1px solid var(--ds-warning-border, rgba(245, 158, 11, .3));color:var(--ds-warning, #f59e0b)}.cmp-banner--danger{background:var(--ds-danger-bg, rgba(239, 68, 68, .15));border:1px solid var(--ds-danger-border, rgba(239, 68, 68, .3));color:var(--ds-danger, #ef4444)}.cmp-error{max-width:720px;margin:120px auto;text-align:center;padding:32px;background:var(--ds-surface-card, rgba(255, 255, 255, .03));border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1));border-radius:var(--ds-radius-xl, 16px)}.cmp-error svg{font-size:48px;color:var(--ds-danger, #ef4444)}.cmp-error h2{margin:12px 0}.cmp-error p{color:var(--ds-text-secondary, #a1a1aa);margin-bottom:24px}.cmp-hero{max-width:1240px;margin:0 auto;border-radius:var(--ds-radius-2xl, 20px);background:var(--ds-gradient-card, linear-gradient(135deg, #1e1e2e, #2a2a3e));border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1));background-size:cover;background-position:center;overflow:hidden;position:relative}.cmp-hero__inner{padding:36px 32px}.cmp-hero__top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.cmp-hero__chip-row{display:flex;flex-wrap:wrap;gap:8px}.cmp-hero__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--ds-radius-pill, 9999px);background:var(--ds-glass-bg, rgba(255, 255, 255, .06));border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1));font-size:12px;font-weight:600;color:var(--ds-text-secondary, #a1a1aa)}.cmp-hero__icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:var(--ds-radius-lg, 12px);background:var(--ds-glass-bg-strong, rgba(255, 255, 255, .08))}.cmp-hero__title{font-size:clamp(28px,5vw,44px);font-weight:900;margin:0;letter-spacing:-.02em;background:var(--ds-gradient-text, linear-gradient(135deg, #ffffff, #a5b4fc));-webkit-background-clip:text;background-clip:text;color:transparent}.cmp-hero__lede{margin:12px 0 0;font-size:16px;color:var(--ds-text-secondary, #a1a1aa);max-width:720px;line-height:1.5}.cmp-hero__organizer{margin:8px 0 0;font-size:13px;color:var(--ds-text-muted, #71717a)}.cmp-hero__metrics{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.cmp-hero__metric{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--ds-radius-lg, 12px);background:var(--ds-glass-bg, rgba(255, 255, 255, .03));border:1px solid var(--ds-border-soft, rgba(255, 255, 255, .06))}.cmp-hero__metric-icon{width:36px;height:36px;border-radius:var(--ds-radius-md, 8px);display:inline-flex;align-items:center;justify-content:center;background:var(--ds-purple-500, #8b5cf6);color:#fff;font-size:16px}.cmp-hero__metric-body{display:flex;flex-direction:column}.cmp-hero__metric-value{font-size:22px;font-weight:700}.cmp-hero__metric-label{font-size:12px;color:var(--ds-text-secondary, #a1a1aa)}.cmp-hero__metric--countdown{flex-direction:column;align-items:flex-start;gap:8px}.cmp-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--ds-radius-pill, 9999px);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cmp-status-badge--neutral{background:var(--ds-neutral-bg, rgba(107, 114, 128, .15));color:var(--ds-neutral, #6b7280)}.cmp-status-badge--info{background:var(--ds-info-bg, rgba(59, 130, 246, .15));color:var(--ds-info, #3b82f6)}.cmp-status-badge--success{background:var(--ds-success-bg, rgba(34, 197, 94, .15));color:var(--ds-success, #22c55e)}.cmp-status-badge--warning{background:var(--ds-warning-bg, rgba(245, 158, 11, .15));color:var(--ds-warning, #f59e0b)}.cmp-status-badge--danger{background:var(--ds-danger-bg, rgba(239, 68, 68, .15));color:var(--ds-danger, #ef4444)}.cmp-status-badge--live{background:#ef44442e;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.cmp-status-badge__dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:cmp-pulse 1.4s infinite}@keyframes cmp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.cmp-countdown{display:flex;gap:8px;flex-wrap:wrap}.cmp-countdown__cell{min-width:56px;padding:6px 10px;border-radius:var(--ds-radius-md, 8px);background:var(--ds-surface-card, rgba(255, 255, 255, .04));text-align:center}.cmp-countdown__value{display:block;font-family:var(--ds-font-mono, monospace);font-size:18px;font-weight:700;color:var(--ds-text-primary, #f4f4f5)}.cmp-countdown__label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ds-text-muted, #71717a)}.cmp-countdown--compact .cmp-countdown__cell{min-width:48px;padding:4px 8px}.cmp-countdown--compact .cmp-countdown__value{font-size:16px}.cmp-countdown--expired{color:var(--ds-success, #22c55e);font-weight:600}.cmp-skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:cmp-shimmer 1.4s ease-in-out infinite;border-radius:var(--ds-radius-md, 8px)}@keyframes cmp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cmp-page__layout{max-width:1240px;margin:24px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}.cmp-page__main{display:flex;flex-direction:column;gap:24px;min-width:0}.cmp-page__aside{display:flex;flex-direction:column;gap:24px;position:sticky;top:80px;align-self:start}@media(max-width:960px){.cmp-page__layout{grid-template-columns:1fr}.cmp-page__aside{position:static}}.cmp-section-title{font-size:1.25rem;font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:8px;color:var(--ds-text-primary, #f4f4f5)}.cmp-summary{padding:24px;border-radius:var(--ds-radius-xl, 16px);background:var(--ds-surface-card, rgba(255, 255, 255, .03));border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1))}.cmp-summary__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.cmp-summary__metric{display:flex;flex-direction:column;gap:4px}.cmp-summary__metric-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted, #71717a)}.cmp-summary__metric-value{font-size:15px;font-weight:600;color:var(--ds-text-primary, #f4f4f5)}.cmp-status-card{padding:20px;border-radius:var(--ds-radius-xl, 16px);background:var(--ds-surface-card, rgba(255, 255, 255, .03));border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1))}.cmp-status-card__header{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:var(--ds-info, #3b82f6)}.cmp-status-card__title{margin:0;font-size:1.1rem;color:var(--ds-text-primary, #f4f4f5)}.cmp-status-card__description{margin:0 0 12px;color:var(--ds-text-secondary, #a1a1aa);font-size:14px}.cmp-status-card__flags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.cmp-status-card__flags li{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--ds-radius-pill, 9999px);font-size:12px;font-weight:600}.cmp-status-card__flags li.is-ok{background:var(--ds-success-bg, rgba(34, 197, 94, .15));color:var(--ds-success, #22c55e)}.cmp-status-card__flags li.is-blocked{background:var(--ds-danger-bg, rgba(239, 68, 68, .15));color:var(--ds-danger, #ef4444)}.cmp-timeline{padding:24px;border-radius:var(--ds-radius-xl, 16px);background:var(--ds-surface-card, rgba(255, 255, 255, .03));border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1))}.cmp-timeline__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.cmp-timeline__item{display:grid;grid-template-columns:28px 1fr;gap:12px;position:relative;padding:8px 0}.cmp-timeline__marker{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ds-glass-bg, rgba(255, 255, 255, .06));color:var(--ds-text-muted, #71717a);font-size:14px}.cmp-timeline__item--current .cmp-timeline__marker{background:var(--ds-info-bg, rgba(59, 130, 246, .15));color:var(--ds-info, #3b82f6);box-shadow:0 0 0 4px #3b82f626}.cmp-timeline__item--past .cmp-timeline__marker{background:var(--ds-success-bg, rgba(34, 197, 94, .15));color:var(--ds-success, #22c55e)}.cmp-timeline__connector{position:absolute;left:13px;top:36px;bottom:-8px;width:2px;background:var(--ds-border-default, rgba(255, 255, 255, .1))}.cmp-timeline__body{display:flex;flex-direction:column;gap:2px}.cmp-timeline__label{font-size:14px;font-weight:600;color:var(--ds-text-primary, #f4f4f5)}.cmp-timeline__time{font-size:12px;color:var(--ds-text-muted, #71717a);font-family:var(--ds-font-mono, monospace)}.cmp-timeline__description{font-size:13px;color:var(--ds-text-secondary, #a1a1aa)}.cmp-timeline__item--current .cmp-timeline__label{color:var(--ds-info, #3b82f6)}.cmp-prize-pool{padding:20px;border-radius:var(--ds-radius-xl, 16px);background:var(--ds-surface-card, rgba(255, 255, 255, .03));border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1))}.cmp-prize-pool__header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--ds-warning, #f59e0b)}.cmp-prize-pool__mode{margin-left:auto;padding:2px 8px;border-radius:var(--ds-radius-pill, 9999px);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cmp-prize-pool__mode--fixed{background:var(--ds-success-bg, rgba(34, 197, 94, .15));color:var(--ds-success, #22c55e)}.cmp-prize-pool__mode--dynamic{background:var(--ds-warning-bg, rgba(245, 158, 11, .15));color:var(--ds-warning, #f59e0b)}.cmp-prize-pool__headline{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}.cmp-prize-pool__headline-value{font-size:32px;font-weight:900;background:var(--ds-gradient-primary, linear-gradient(135deg, #6366f1, #8b5cf6));-webkit-background-clip:text;background-clip:text;color:transparent}.cmp-prize-pool__headline-label{font-size:12px;color:var(--ds-text-muted, #71717a);text-transform:uppercase;letter-spacing:.05em}.cmp-prize-pool__calc{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--ds-radius-lg, 12px);background:var(--ds-glass-bg, rgba(255, 255, 255, .03));margin-bottom:16px}.cmp-prize-pool__calc-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--ds-text-secondary, #a1a1aa)}.cmp-prize-pool__calc-label{display:inline-flex;align-items:center;gap:6px}.cmp-prize-pool__calc-icon{font-size:12px;color:var(--ds-purple-400, #a78bfa)}.cmp-prize-pool__calc-row--deduct{color:var(--ds-warning, #f59e0b)}.cmp-prize-pool__calc-row--highlight{border-top:1px solid var(--ds-border-soft, rgba(255, 255, 255, .06));padding-top:8px;font-weight:700;color:var(--ds-text-primary, #f4f4f5)}.cmp-prize-pool__sub-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ds-text-muted, #71717a);margin:0 0 8px}.cmp-prize-pool__distribution ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.cmp-prize-pool__distribution li{display:grid;grid-template-columns:80px 1fr;gap:8px;align-items:center;padding:6px 8px;border-radius:var(--ds-radius-md, 8px);background:var(--ds-glass-bg, rgba(255, 255, 255, .03))}.cmp-prize-pool__rank{font-size:12px;font-weight:700;color:var(--ds-purple-400, #a78bfa)}.cmp-prize-pool__amount{font-size:13px;font-weight:700;color:var(--ds-text-primary, #f4f4f5);font-family:var(--ds-font-mono, monospace);text-align:right}.cmp-events{padding:24px;border-radius:var(--ds-radius-xl, 16px);background:var(--ds-surface-card, rgba(255, 255, 255, .03));border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1))}.cmp-events__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.cmp-event-card{padding:20px;border-radius:var(--ds-radius-lg, 12px);background:var(--ds-glass-bg, rgba(255, 255, 255, .03));border:1px solid var(--ds-border-soft, rgba(255, 255, 255, .06));transition:transform .15s ease,border-color .15s ease}.cmp-event-card:hover{transform:translateY(-2px);border-color:var(--ds-border-accent, rgba(139, 92, 246, .3))}.cmp-event-card__header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.cmp-event-card__icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-md, 8px);background:var(--ds-purple-500, #8b5cf6);color:#fff}.cmp-event-card__title{font-size:16px;font-weight:700;margin:0}.cmp-event-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.cmp-event-card__stats div{display:flex;flex-direction:column;gap:2px}.cmp-event-card__stats dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted, #71717a);display:inline-flex;align-items:center;gap:4px}.cmp-event-card__stats dd{margin:0;font-size:14px;font-weight:700;color:var(--ds-text-primary, #f4f4f5)}.cmp-events__empty{padding:32px;text-align:center;color:var(--ds-text-muted, #71717a);border:1px dashed var(--ds-border-default, rgba(255, 255, 255, .1));border-radius:var(--ds-radius-lg, 12px)}.cmp-participants{padding:24px;border-radius:var(--ds-radius-xl, 16px);background:var(--ds-surface-card, rgba(255, 255, 255, .03));border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1))}.cmp-participants__summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.cmp-participants__summary-stat{flex:1 1 160px;display:flex;align-items:center;gap:10px;padding:14px;border-radius:var(--ds-radius-lg, 12px);background:var(--ds-glass-bg, rgba(255, 255, 255, .03))}.cmp-participants__summary-stat svg{color:var(--ds-purple-400, #a78bfa);font-size:18px}.cmp-participants__summary-value{font-size:22px;font-weight:800}.cmp-participants__summary-label{font-size:12px;color:var(--ds-text-muted, #71717a)}.cmp-participants__sub-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ds-text-muted, #71717a);margin:0 0 8px}.cmp-participants__list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.cmp-participants__row{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:8px 12px;border-radius:var(--ds-radius-md, 8px);background:var(--ds-glass-bg, rgba(255, 255, 255, .03));font-size:13px}.cmp-participants__name{font-weight:600}.cmp-participants__country{color:var(--ds-text-muted, #71717a);font-size:12px}.cmp-participants__when{font-size:12px;color:var(--ds-text-muted, #71717a);font-family:var(--ds-font-mono, monospace)}.cmp-rules{padding:24px;border-radius:var(--ds-radius-xl, 16px);background:var(--ds-surface-card, rgba(255, 255, 255, .03));border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1))}.cmp-rules__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cmp-rules__view-all{display:inline-flex;align-items:center;gap:6px;color:#fff9;text-decoration:none;font-size:13px;font-weight:500;transition:color .15s ease}.cmp-rules__view-all:hover{color:#ffffffe6}.cmp-rules__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.cmp-rule-card{padding:20px;border-radius:var(--ds-radius-lg, 12px);background:var(--ds-glass-bg, rgba(255, 255, 255, .03));border:1px solid var(--ds-border-soft, rgba(255, 255, 255, .06))}.cmp-rule-card__header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.cmp-rule-card__icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-md, 8px);background:var(--ds-purple-500, #8b5cf6);color:#fff;font-size:14px}.cmp-rule-card__title{margin:0;font-size:14px;font-weight:700}.cmp-rule-card__body{margin:0;font-size:13px;color:var(--ds-text-secondary, #a1a1aa);line-height:1.5}.cmp-registration-card{padding:24px;border-radius:var(--ds-radius-xl, 16px);background:var(--ds-gradient-card, linear-gradient(135deg, #1e1e2e, #2a2a3e));border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1));display:flex;flex-direction:column;gap:12px}.cmp-registration-card--registered{background:linear-gradient(135deg,#22c55e1a,#22c55e05);border-color:#22c55e4d}.cmp-registration-card--full{background:linear-gradient(135deg,#ef444414,#ef444405)}.cmp-registration-card__header{display:flex;align-items:center;gap:8px}.cmp-registration-card__title{margin:0;font-size:1.1rem;flex:1}.cmp-registration-card__lede{margin:0;font-size:13px;color:var(--ds-text-secondary, #a1a1aa);line-height:1.5}.cmp-registration-card__cta-row{display:flex;flex-direction:column;gap:8px}.cmp-registration-card__capacity{font-size:12px;color:var(--ds-text-muted, #71717a);margin:0}.cmp-registration-card__hint{font-size:12px;color:var(--ds-warning, #f59e0b);margin:0;display:inline-flex;align-items:center;gap:6px}.cmp-registration-card__hint--amount{color:var(--ds-success, #10b981)}.cmp-registration-card__events{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.cmp-registration-card__events li{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ds-text-primary, #f4f4f5);font-weight:600}.cmp-registration-card__events li svg{color:var(--ds-success, #10b981)}.cmp-registration-card__cta{margin-top:4px}.cmp-event-card{padding:16px 18px;border-radius:var(--ds-radius-lg, 12px);background:var(--ds-glass-bg, rgba(255, 255, 255, .03));border:1px solid var(--ds-border-soft, rgba(255, 255, 255, .06));display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.cmp-event-card__title{font-size:15px;font-weight:700;margin:0}.cmp-event-card__meta{margin:4px 0 0;font-size:12px;color:var(--ds-text-muted, #71717a)}.cmp-event-card__status{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:var(--ds-radius-pill, 9999px)}.cmp-event-card__status--registered{background:#10b98126;color:#6ee7b7}.cmp-event-card__status--not-registered{background:#ffffff0f;color:var(--ds-text-muted, #71717a)}.cmp-event-card__status--register{background:#8b5cf62e;color:#c4b5fd}.cmp-participant-card{padding:12px 14px;border-radius:var(--ds-radius-md, 10px);background:#ffffff08;border:1px solid var(--ds-border-soft, rgba(255, 255, 255, .06));display:flex;align-items:center;gap:12px}.cmp-participant-card__title{font-weight:700;font-size:14px}.cmp-participant-card__meta{font-size:12px;color:var(--ds-text-muted, #71717a);margin:2px 0 0}.cmp-participant-card__pill{margin-left:auto;padding:4px 10px;border-radius:var(--ds-radius-pill, 9999px);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#10b98126;color:#6ee7b7}.cmp-participant-card__pill--you{background:#8b5cf62e;color:#c4b5fd}.cmp-participant-card__events{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px}.cmp-participant-card__events li{padding:2px 8px;border-radius:var(--ds-radius-pill, 9999px);background:#ffffff0d;font-size:11px;color:var(--ds-text-secondary, #a1a1aa)}.cmp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:var(--ds-radius-md, 8px);border:none;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.cmp-btn:not(:disabled):hover{transform:translateY(-1px)}.cmp-btn:disabled{opacity:.55;cursor:not-allowed}.cmp-btn--primary{background:var(--ds-gradient-primary, linear-gradient(135deg, #6366f1, #8b5cf6));color:#fff;box-shadow:var(--ds-shadow-md, 0 4px 24px rgba(0, 0, 0, .2))}.cmp-btn--primary:not(:disabled):hover{box-shadow:var(--ds-glow-purple-btn, 0 4px 15px rgba(139, 92, 246, .4))}.cmp-btn--success{background:var(--ds-gradient-success, linear-gradient(135deg, #22c55e, #16a34a));color:#fff}.cmp-btn--danger{background:var(--ds-danger, #ef4444);color:#fff}.cmp-btn--neutral{background:var(--ds-glass-bg-strong, rgba(255, 255, 255, .08));color:var(--ds-text-primary, #f4f4f5);border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1))}.cmp-tabs__bar{display:flex;gap:4px;padding:4px;border-radius:var(--ds-radius-lg, 12px);background:var(--ds-glass-bg, rgba(255, 255, 255, .04));overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.cmp-tabs__bar::-webkit-scrollbar{display:none}.cmp-prize-pool__tabs{display:flex;gap:6px;padding:10px 12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid rgba(255,255,255,.06);-webkit-overflow-scrolling:touch}.cmp-prize-pool__tabs::-webkit-scrollbar{display:none}.cmp-tabs__btn{flex:1 0 auto;padding:10px 14px;border-radius:var(--ds-radius-md, 8px);border:none;background:transparent;color:var(--ds-text-secondary, #a1a1aa);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .15s ease,background-color .15s ease}.cmp-tabs__btn:hover{color:var(--ds-text-primary, #f4f4f5)}.cmp-tabs__btn--active{background:var(--ds-surface-card-hover, rgba(255, 255, 255, .06));color:var(--ds-text-primary, #f4f4f5)}.cmp-tabs__panel{margin-top:24px}.cmp-announcements{max-width:1240px;margin:24px auto 0}.cmp-announcements ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.cmp-announcement{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:14px 16px;border-radius:var(--ds-radius-md, 8px);background:var(--ds-info-bg, rgba(59, 130, 246, .08));border-left:3px solid var(--ds-info, #3b82f6)}.cmp-announcement--warning,.cmp-announcement--urgent{background:var(--ds-warning-bg, rgba(245, 158, 11, .1));border-left-color:var(--ds-warning, #f59e0b)}.cmp-announcement__icon{color:var(--ds-info, #3b82f6);font-size:16px}.cmp-announcement--warning .cmp-announcement__icon,.cmp-announcement--urgent .cmp-announcement__icon{color:var(--ds-warning, #f59e0b)}.cmp-announcement__body p{margin:0 0 4px;font-size:14px;color:var(--ds-text-primary, #f4f4f5)}.cmp-announcement__meta{font-size:12px;color:var(--ds-text-muted, #71717a)}@media(max-width:720px){.cmp-page{padding:16px 12px 64px}.cmp-page__back{margin-bottom:12px}.cmp-hero__inner{padding:20px 16px}.cmp-hero__title{font-size:24px}.cmp-hero__top{flex-direction:column}.cmp-hero__metrics{grid-template-columns:1fr 1fr}.cmp-summary,.cmp-timeline,.cmp-events,.cmp-participants,.cmp-rules,.cmp-prize-pool,.cmp-registration-card{padding:16px}.cmp-summary__grid{grid-template-columns:1fr 1fr;gap:12px}.cmp-prize-pool__headline-value{font-size:22px}.cmp-tabs__bar{padding:4px}.cmp-tabs__btn{padding:8px 10px;font-size:12px}.cmp-rules__header{flex-direction:row;align-items:center;gap:8px}.cmp-rules__view-all{font-size:12px}}@media(max-width:480px){.cmp-hero__metrics{grid-template-columns:1fr}.cmp-summary__grid{grid-template-columns:1fr 1fr}.cmp-tabs__btn{flex:1 0 auto;min-width:70px}}.cmp-reg-overlay{position:fixed;inset:0;background:#080612a8;backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.cmp-reg-dialog{position:relative;width:100%;max-width:720px;max-height:92vh;display:flex;flex-direction:column;background:var(--ds-surface-card, rgba(20, 20, 28, .96));border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1));border-radius:var(--ds-radius-xl, 18px);box-shadow:0 32px 80px #0006;overflow:hidden;color:var(--ds-text-primary, #f4f4f5)}.cmp-admin-dialog{max-width:880px}.cmp-reg-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--ds-border-soft, rgba(255, 255, 255, .06));background:linear-gradient(135deg,#8b5cf62e,#22d3ee14)}.cmp-reg-dialog__title{display:flex;gap:12px;align-items:center}.cmp-reg-dialog__title h2{margin:0;font-size:18px;font-weight:700}.cmp-reg-dialog__title p{margin:2px 0 0;color:var(--ds-text-secondary, #a1a1aa);font-size:13px}.cmp-reg-dialog__close{background:transparent;border:none;color:var(--ds-text-secondary, #a1a1aa);font-size:22px;cursor:pointer;padding:4px;line-height:1}.cmp-reg-dialog__close:hover{color:var(--ds-text-primary, #fff)}.cmp-reg-dialog__body{padding:16px 24px 20px;overflow-y:auto;flex:1 1 auto;display:flex;flex-direction:column;gap:18px}.cmp-reg-stage{display:flex;flex-direction:column;gap:18px}.cmp-reg-sr-only{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cmp-reg-section{background:var(--ds-glass-bg, rgba(255, 255, 255, .03));border:1px solid var(--ds-border-soft, rgba(255, 255, 255, .06));border-radius:var(--ds-radius-lg, 14px);padding:16px 18px}.cmp-reg-section__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.cmp-reg-section__header h3{margin:0;font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--ds-text-secondary, #a1a1aa);text-transform:uppercase}.cmp-reg-section__icon{color:var(--ds-purple-500, #8b5cf6);font-size:16px}.cmp-reg-section__count{margin-left:auto;padding:4px 10px;border-radius:var(--ds-radius-pill, 9999px);background:#8b5cf62e;color:#c4b5fd;font-size:12px;font-weight:600}.cmp-reg-section__hint{margin:-4px 0 10px;font-size:12px;color:var(--ds-text-muted, #71717a)}.cmp-reg-empty{font-size:13px;color:var(--ds-text-muted, #71717a);margin:0;padding:8px 4px}.cmp-reg-summary__title{font-size:18px;font-weight:700;margin-bottom:6px}.cmp-reg-summary__meta{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--ds-text-secondary, #a1a1aa);margin-bottom:12px}.cmp-reg-summary__organizer{font-weight:600}.cmp-reg-summary__type{padding:2px 8px;border-radius:var(--ds-radius-pill, 9999px);background:#22d3ee2e;color:#67e8f9;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.cmp-reg-summary__row{display:flex;justify-content:space-between;font-size:13px;margin-top:4px}.cmp-reg-summary__label{color:var(--ds-text-muted, #71717a)}.cmp-reg-summary__value{color:var(--ds-text-primary, #f4f4f5);font-weight:600}.cmp-reg-summary__badge{padding:4px 10px;border-radius:var(--ds-radius-pill, 9999px);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.cmp-reg-summary__badge--success{background:#10b98126;color:#6ee7b7}.cmp-reg-summary__badge--warning{background:#f59e0b26;color:#fcd34d}.cmp-reg-summary__badge--danger{background:#ef444426;color:#fca5a5}.cmp-reg-summary__badge--info{background:#3b82f626;color:#93c5fd}.cmp-reg-summary__badge--neutral{background:#ffffff0f;color:var(--ds-text-secondary, #a1a1aa)}.cmp-reg-user{display:flex;gap:14px;align-items:center}.cmp-reg-user__avatar{width:48px;height:48px;border-radius:50%;background:var(--ds-glass-bg-strong, rgba(255, 255, 255, .08));overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cmp-reg-user__avatar img{width:100%;height:100%;object-fit:cover}.cmp-reg-user__avatar-fallback{font-size:18px;font-weight:700;color:var(--ds-text-primary, #fff)}.cmp-reg-user__details{flex:1;min-width:0}.cmp-reg-user__name{font-size:16px;font-weight:600;margin-bottom:4px}.cmp-reg-user__chips{display:flex;flex-wrap:wrap;gap:6px}.cmp-reg-user__chip{font-size:12px;padding:4px 8px;border-radius:var(--ds-radius-pill, 9999px);background:#ffffff0f;color:var(--ds-text-secondary, #d4d4d8);font-weight:600}.cmp-reg-user__chip--accent{background:#8b5cf62e;color:#c4b5fd}.cmp-reg-user__chip--muted{background:#ffffff08;color:var(--ds-text-muted, #71717a)}.cmp-reg-user__hint{font-size:12px;color:var(--ds-text-muted, #71717a);margin:8px 0 0}.cmp-reg-event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.cmp-reg-event-card{position:relative;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:12px 14px;background:var(--ds-glass-bg, rgba(255, 255, 255, .03));border:1px solid var(--ds-border-soft, rgba(255, 255, 255, .06));border-radius:var(--ds-radius-md, 12px);cursor:pointer;text-align:left;color:inherit;transition:border-color .15s ease,transform .15s ease,background .15s ease}.cmp-reg-event-card:hover:not(:disabled){border-color:#8b5cf666;transform:translateY(-1px)}.cmp-reg-event-card:disabled{cursor:not-allowed;opacity:.85}.cmp-reg-event-card.is-selected{border-color:#10b98173;background:#10b98114}.cmp-reg-event-card__icon{width:36px;height:36px;border-radius:10px;background:#8b5cf62e;display:flex;align-items:center;justify-content:center;font-size:18px;color:#c4b5fd}.cmp-reg-event-card__title{font-size:14px;font-weight:700}.cmp-reg-event-card__meta{display:flex;gap:6px;font-size:12px;color:var(--ds-text-muted, #71717a)}.cmp-reg-event-card__badges{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.cmp-reg-event-card__pill{font-size:10px;padding:2px 6px;border-radius:var(--ds-radius-pill, 9999px);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cmp-reg-event-card__pill.is-first{background:#22d3ee2e;color:#67e8f9}.cmp-reg-event-card__pill.is-paid{background:#f59e0b2e;color:#fcd34d}.cmp-reg-event-card__check{color:var(--ds-success, #10b981);font-size:16px}.cmp-reg-event-card__index{font-size:12px;color:var(--ds-text-muted, #71717a)}.cmp-reg-fee{display:flex;flex-direction:column;gap:6px}.cmp-reg-fee__loading,.cmp-reg-fee__row{font-size:13px;display:flex;align-items:center;justify-content:space-between;color:var(--ds-text-secondary, #d4d4d8)}.cmp-reg-fee__row--muted{color:var(--ds-text-muted, #71717a);font-style:italic}.cmp-reg-fee__row--wallet{color:#67e8f9}.cmp-reg-fee__wallet{font-weight:600}.cmp-reg-checkbox{display:flex;align-items:center;gap:10px;margin:4px 0 8px;padding:10px 12px;border:1px solid var(--ds-border-soft, rgba(255, 255, 255, .08));border-radius:10px;background:var(--ds-bg-soft, rgba(255, 255, 255, .03));cursor:pointer;font-size:14px;color:var(--ds-text-secondary, #d4d4d8);width:100%;text-align:left;transition:border-color .15s ease,background .15s ease}.cmp-reg-checkbox:hover{border-color:#7c5cff73}.cmp-reg-checkbox.is-checked{border-color:#7c5cff;background:#7c5cff14;color:var(--ds-text-primary, #fff)}.cmp-reg-checkbox__box{flex:0 0 18px;width:18px;height:18px;border-radius:5px;border:1px solid rgba(255,255,255,.25);display:inline-flex;align-items:center;justify-content:center;background:var(--ds-bg-elevated, #1f1d2b);font-size:11px;color:#fff}.cmp-reg-checkbox.is-checked .cmp-reg-checkbox__box{background:#7c5cff;border-color:#7c5cff}.cmp-reg-checkbox__label{flex:1 1 auto}.cmp-reg-fee__row--razorpay{color:#c4b5fd}.cmp-reg-fee__row--free{color:var(--ds-success, #10b981);font-weight:700}.cmp-reg-fee__row--final{font-size:16px;color:var(--ds-text-primary, #fff);font-weight:700}.cmp-reg-fee__divider{height:1px;background:var(--ds-border-soft, rgba(255, 255, 255, .06));margin:6px 0}.cmp-reg-fee__currency{display:flex;justify-content:space-between;font-size:11px;color:var(--ds-text-muted, #71717a);margin-top:4px}.cmp-reg-fee__rate{font-family:monospace}.cmp-reg-coupon{background:var(--ds-glass-bg, rgba(255, 255, 255, .03));border:1px solid var(--ds-border-soft, rgba(255, 255, 255, .06));border-radius:var(--ds-radius-lg, 14px);padding:16px 18px}.cmp-reg-coupon__header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--ds-text-secondary, #a1a1aa);text-transform:uppercase}.cmp-reg-coupon__icon{color:var(--ds-purple-500, #8b5cf6);font-size:16px}.cmp-reg-coupon__input-row{display:flex;gap:12px;align-items:stretch}.cmp-reg-coupon__input{flex:1;padding:10px 14px;border-radius:var(--ds-radius-md, 10px);border:1px solid var(--ds-border-soft, rgba(255, 255, 255, .08));background:var(--ds-glass-bg, rgba(255, 255, 255, .05));color:var(--ds-text-primary, #f4f4f5);font-size:14px;font-family:monospace;letter-spacing:.05em;text-transform:uppercase;transition:border-color .15s ease}.cmp-reg-coupon__input::placeholder{text-transform:none;letter-spacing:normal;font-family:inherit;color:var(--ds-text-muted, #71717a)}.cmp-reg-coupon__input:focus{outline:none;border-color:#7c5cff80}.cmp-reg-coupon__input:disabled{opacity:.6;cursor:not-allowed}.cmp-reg-coupon__apply-btn{padding:10px 18px;white-space:nowrap}.cmp-reg-coupon__error{margin-top:10px;font-size:13px;color:#f87171;display:flex;align-items:center;gap:6px}.cmp-reg-coupon--applied{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cmp-reg-coupon__applied-badge{display:flex;align-items:center;gap:6px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--ds-radius-md, 10px);padding:6px 12px}.cmp-reg-coupon__applied-icon{color:var(--ds-success, #10b981);font-size:14px}.cmp-reg-coupon__applied-label{font-size:13px;font-weight:600;color:#6ee7b7}.cmp-reg-coupon__applied-details{display:flex;flex-direction:column;gap:2px;flex:1}.cmp-reg-coupon__applied-code{font-size:15px;font-weight:700;font-family:monospace;letter-spacing:.05em;color:var(--ds-text-primary, #f4f4f5)}.cmp-reg-coupon__applied-discount{font-size:12px;color:#6ee7b7}.cmp-reg-coupon__remove-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--ds-radius-md, 10px);background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease}.cmp-reg-coupon__remove-btn:hover{background:#ef444433}.cmp-reg-terms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cmp-reg-terms__row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--ds-radius-md, 10px);background:#ffffff08;border:1px solid transparent;cursor:pointer;text-align:left;color:inherit;width:100%;font-size:13px;transition:border-color .15s ease,background .15s ease}.cmp-reg-terms__row:hover{border-color:#8b5cf64d}.cmp-reg-terms__row.is-checked{border-color:#10b98166;background:#10b9810f}.cmp-reg-terms__box{color:var(--ds-text-secondary, #a1a1aa);font-size:18px}.cmp-reg-terms__label{flex:1}.cmp-reg-terms__hint{margin:6px 0 0;font-size:12px;color:var(--ds-text-muted, #71717a)}.cmp-reg-payment__amount-simple{text-align:center;padding:8px 0 12px}.cmp-reg-payment__total{font-size:28px;font-weight:700;color:var(--ds-text-primary, #f4f4f5)}.cmp-reg-payment__currency{font-size:14px;color:var(--ds-text-muted, #71717a);margin-left:4px}.cmp-reg-payment__stage{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ds-text-secondary, #d4d4d8)}.cmp-reg-payment__stage svg{color:var(--ds-purple-500, #8b5cf6)}.cmp-reg-payment__actions{display:flex;flex-direction:column;gap:8px}.cmp-reg-payment__hint{font-size:11px;color:var(--ds-text-muted, #71717a);margin-top:4px}.cmp-reg-payment__icon.is-success{color:var(--ds-success, #10b981)}.cmp-reg-payment__methods{margin-bottom:12px}.cmp-reg-payment__methods-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.cmp-reg-payment__methods-list li{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ds-text-primary, #f4f4f5);padding:6px 10px;background:#ffffff0d;border-radius:8px}.cmp-reg-payment__methods-list li svg{color:var(--ds-purple-500, #8b5cf6);font-size:14px}.cmp-reg-payment__powered{font-size:11px;color:var(--ds-text-muted, #71717a);margin:10px 0 0;text-align:right}.cmp-reg-payment__secure{font-size:12px;color:var(--ds-text-secondary, #d4d4d8);text-align:center;padding:8px 0}.cmp-btn{border:none;border-radius:var(--ds-radius-md, 10px);padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease,transform .15s ease,opacity .15s ease}.cmp-btn:disabled{cursor:not-allowed;opacity:.55}.cmp-btn--block{width:100%}.cmp-btn--primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.cmp-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa,#818cf8);transform:translateY(-1px)}.cmp-btn--secondary{background:#ffffff0f;color:var(--ds-text-primary, #fff)}.cmp-btn--secondary:hover:not(:disabled){background:#ffffff1a}.cmp-btn--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cmp-btn--danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff}.cmp-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:cmp-spin .8s linear infinite}@keyframes cmp-spin{to{transform:rotate(360deg)}}.cmp-reg-footer{border-top:1px solid var(--ds-border-soft, rgba(255, 255, 255, .06));padding-top:12px;display:flex;flex-direction:column;gap:6px}.cmp-reg-footer__hint{font-size:11px;color:var(--ds-text-muted, #71717a);min-height:14px}.cmp-reg-footer__actions{display:flex;gap:12px}.cmp-reg-footer__actions .cmp-btn{flex:1}.cmp-reg-error,.cmp-reg-success-msg{padding:10px 12px;border-radius:var(--ds-radius-md, 10px);font-size:13px}.cmp-reg-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.cmp-reg-success-msg{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.cmp-reg-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:18px 0}.cmp-reg-success__icon{width:64px;height:64px;border-radius:50%;background:#10b9811a;display:flex;align-items:center;justify-content:center;color:#10b981;font-size:32px}.cmp-reg-success h2{margin:0;font-size:22px;font-weight:700}.cmp-reg-success p{color:var(--ds-text-secondary, #a1a1aa);margin:0}.cmp-reg-success__panel{width:100%;text-align:left;background:#ffffff08;border:1px solid var(--ds-border-soft, rgba(255, 255, 255, .06));border-radius:var(--ds-radius-md, 12px);padding:10px 14px;margin-top:4px}.cmp-reg-success__label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted, #71717a);font-weight:700}.cmp-reg-success__value{font-size:14px;margin:4px 0 0;color:var(--ds-text-primary, #fff)}.cmp-reg-success ul{margin:6px 0 0;padding-left:18px;color:var(--ds-text-primary, #fff)}.cmp-reg-success__hint{font-size:11px;color:var(--ds-text-muted, #71717a);margin:4px 0 0}.cmp-admin-dialog__tabs{display:flex;gap:6px;padding:12px 24px 0;border-bottom:1px solid var(--ds-border-soft, rgba(255, 255, 255, .06))}.cmp-admin-dialog__tab{background:transparent;border:none;padding:10px 12px;font-size:12px;font-weight:600;color:var(--ds-text-muted, #71717a);cursor:pointer;display:inline-flex;align-items:center;gap:6px;border-bottom:2px solid transparent}.cmp-admin-dialog__tab.is-active{color:var(--ds-text-primary, #fff);border-bottom-color:var(--ds-purple-500, #8b5cf6)}.cmp-admin-dialog__reason{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ds-text-secondary, #d4d4d8)}.cmp-admin-dialog__reason input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--ds-radius-md, 10px);padding:8px 10px;color:inherit;font-size:13px}.cmp-admin-dialog__section{display:flex;flex-direction:column;gap:12px}.cmp-admin-dialog__section h3{margin:0;font-size:14px;font-weight:700}.cmp-admin-dialog__section label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ds-text-secondary, #d4d4d8)}.cmp-admin-dialog__section input,.cmp-admin-dialog__section textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--ds-radius-md, 10px);padding:8px 10px;color:inherit;font-size:13px;font-family:inherit}.cmp-admin-dialog__check{flex-direction:row!important;align-items:center;gap:8px!important}@media(max-width:600px){.cmp-reg-overlay{padding:0;align-items:flex-end}.cmp-reg-dialog{max-height:100dvh;border-radius:18px 18px 0 0;max-width:100%;flex-shrink:0}.cmp-reg-dialog__body{padding:16px;max-height:calc(100dvh - 80px);padding-bottom:calc(16px + env(safe-area-inset-bottom))}.cmp-reg-event-grid{grid-template-columns:1fr}.cmp-admin-dialog__tabs{overflow-x:auto;flex-wrap:nowrap}.cmp-reg-footer{padding-bottom:env(safe-area-inset-bottom)}}.registration-wizard-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.registration-wizard-modal{background:#0f0f14;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.wizard-header h2{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.close-btn:hover{color:#fff;background:#ffffff1a}.wizard-content{flex:1;overflow-y:auto;padding:1rem 1.5rem}.registration-competition-info{text-align:center;padding:.75rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:10px;margin-bottom:1rem}.registration-competition-info h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .25rem}.competition-event-count{font-size:.75rem;color:#a78bfa}.registration-section{margin-bottom:1.25rem}.registration-section h4{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.registration-section h4 svg{color:#8b5cf6}.events-list{display:flex;flex-direction:column;gap:.5rem}.event-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .2s}.event-option:hover{background:#ffffff0d;border-color:#ffffff1f}.event-option.selected{background:#8b5cf61a;border-color:#8b5cf666}.event-option-checkbox{width:20px;height:20px;border-radius:5px;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:transparent;font-size:.7rem;transition:all .2s;flex-shrink:0}.event-option.selected .event-option-checkbox{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.event-option-icon{color:#9ca3af}.event-option-info{flex:1;display:flex;flex-direction:column;gap:.15rem}.event-option-name{font-weight:500;color:#e5e7eb;font-size:.875rem}.event-option-fee{font-size:.7rem;color:#6b7280}.event-option-price{font-weight:600;color:#a78bfa;font-size:.875rem}.validation-message{font-size:.75rem;color:#f87171;margin:.5rem 0 0;padding:.5rem;background:#ef44441a;border-radius:6px}.summary-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.75rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.8rem;color:#9ca3af}.summary-row span:first-child{display:flex;align-items:center;gap:.35rem}.summary-row span:last-child{font-weight:500;color:#e5e7eb}.summary-divider{height:1px;background:#ffffff14;margin:.4rem 0}.summary-row.total{font-weight:600}.summary-row.total span:last-child{color:#a78bfa;font-size:.9rem}.summary-row.wallet span:last-child{color:#fbbf24}.summary-row.wallet-used span:last-child{color:#34d399}.summary-row.razorpay span:last-child{color:#60a5fa}.summary-row.final{font-weight:700;font-size:.9rem;color:#fff}.summary-row.final span:last-child{color:#a78bfa}.summary-currency{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05);font-size:.7rem;color:#6b7280;text-align:right}.terms-section{display:flex;flex-direction:column;gap:.5rem}.terms-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:all .2s}.terms-checkbox:hover{background:#ffffff0a}.terms-checkbox.checked{background:#8b5cf614;border-color:#8b5cf64d}.checkbox-box{width:18px;height:18px;border-radius:4px;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:transparent;font-size:.65rem;transition:all .2s;flex-shrink:0}.terms-checkbox.checked .checkbox-box{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.terms-checkbox span{font-size:.8rem;color:#9ca3af;line-height:1.3}.error-message{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;font-size:.8rem}.error-message svg{flex-shrink:0}.wizard-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.08);background:#ffffff05}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:none;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9ca3af;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-back:hover{background:#ffffff0d;color:#fff}.btn-next{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-next.primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;color:#fff}.btn-next.primary:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-1px)}.btn-next:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.small{width:14px;height:14px;border-width:2px}@media(max-width:600px){.wizard-header{padding:1rem}.wizard-content,.wizard-footer{padding:.75rem 1rem}.event-option{padding:.6rem}.event-option-info{min-width:0}.event-option-name{font-size:.8rem}.summary-row,.terms-checkbox span{font-size:.75rem}}.kyc-widget{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.kyc-widget-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.kyc-widget-header h3{margin:0;font-size:.95rem;color:#fff;font-weight:600}.kyc-status-badge{font-size:.78rem;font-weight:600;padding:.2rem .6rem;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.kyc-detail-row{display:flex;align-items:center;justify-content:space-between;font-size:.82rem}.kyc-detail-label{color:#ffffff80}.kyc-detail-value{color:#ffffffb3}.kyc-error{padding:.5rem .75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;font-size:.8rem;text-align:center}.kyc-action-btn{width:100%;padding:.7rem 1rem;font-size:.85rem;font-weight:600;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:10px;color:#a78bfa;cursor:pointer;transition:all .2s ease}.kyc-action-btn:hover{background:#8b5cf640}.kyc-action-btn:disabled{opacity:.5;cursor:not-allowed}.kyc-action-btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;color:#fff;font-size:.95rem;padding:.8rem 1.25rem;margin-top:.5rem}.kyc-action-btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#5558e6)}.kyc-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(4px)}.kyc-modal-content{background:#1a1a2e;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:90%;max-width:420px;max-height:90vh;overflow-y:auto}.kyc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.kyc-modal-header h2{margin:0;font-size:1.05rem;color:#fff;font-weight:600}.kyc-modal-close{background:transparent;border:none;color:#fff6;font-size:1.2rem;cursor:pointer;padding:.25rem;line-height:1}.kyc-modal-close:hover{color:#fffc}.kyc-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.kyc-modal-body p{margin:0;font-size:.9rem;color:#fff9;line-height:1.5}.competition-info-page{min-height:100vh;background:#0a0a0f;color:#e5e7eb}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;color:#9ca3af}.error-state svg{color:#ef4444}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#a78bfa;text-decoration:none;font-weight:500;transition:all .2s}.back-button:hover{background:#8b5cf633}.competition-hero{position:relative;height:300px;overflow:hidden}.hero-banner{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0a0a0f,#0a0a0f80,#0a0a0f4d);display:flex;align-items:flex-end;padding:2rem}.hero-content h1{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 1rem}.hero-meta{display:flex;gap:.5rem;flex-wrap:wrap}.status-badge{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.upcoming{background:#3b82f633;color:#60a5fa}.status-badge.registration_open{background:#10b98133;color:#34d399}.status-badge.waiting_room{background:#f59e0b33;color:#fbbf24}.status-badge.live{background:#10b98133;color:#34d399}.status-badge.completed{background:#8b5cf633;color:#a78bfa}.status-badge.cancelled{background:#ef444433;color:#f87171}.status-badge.tournament{background:#a855f733;color:#c084fc}.status-badge.free{background:#10b98133;color:#34d399}.status-badge.paid{background:#f59e0b33;color:#fbbf24}.competition-content{display:grid;grid-template-columns:1fr 360px;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem}.main-column,.sidebar-column{display:flex;flex-direction:column;gap:1.5rem}.info-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem}.info-section h2{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 1rem}.info-section h2 svg{color:#8b5cf6}.info-section h3{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#e5e7eb;margin:1rem 0 .5rem}.info-section h3 svg{color:#8b5cf6}.competition-header-info{padding:1rem 1.5rem}.header-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.header-info-item{display:flex;align-items:center;gap:.75rem}.header-info-item svg{font-size:1.25rem;color:#8b5cf6}.header-info-item>div{display:flex;flex-direction:column;gap:.15rem}.header-info-label{font-size:.7rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.header-info-value{font-size:.875rem;color:#e5e7eb;font-weight:500}.timeline-phases{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.timeline-phase-item{display:flex;align-items:center;gap:1rem}.phase-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.phase-content{display:flex;justify-content:space-between;flex:1;padding:.5rem .75rem;background:#ffffff08;border-radius:6px}.phase-label{font-size:.875rem;color:#9ca3af}.phase-date{font-size:.875rem;color:#e5e7eb;font-weight:500}.current-phase-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#8b5cf61a;border-radius:8px;margin-top:.5rem}.current-phase-label{font-size:.75rem;color:#6b7280}.current-phase-value{font-size:.875rem;font-weight:600}.description-sections{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}.description-section h3{margin-top:0}.competition-description{color:#9ca3af;line-height:1.7;margin:0 0 1rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.event-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;color:#c4b5fd;font-size:.875rem}.events-detailed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.event-detailed-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem;transition:all .2s}.event-detailed-card:hover{border-color:#8b5cf64d;background:#8b5cf60d}.event-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.event-card-title{display:flex;flex-direction:column;gap:.15rem}.event-name{font-weight:600;color:#e5e7eb}.event-rounds{font-size:.7rem;color:#6b7280}.event-card-body{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.event-fee-row{display:flex;justify-content:space-between;font-size:.8rem}.event-fee-label{color:#6b7280}.event-fee-value{color:#9ca3af}.event-card-rounds{display:flex;gap:.35rem;flex-wrap:wrap}.round-badge{padding:.2rem .5rem;background:#8b5cf626;border-radius:4px;font-size:.65rem;color:#a78bfa;font-weight:500}.fee-information{display:flex;flex-direction:column;gap:1rem}.fee-row-main{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.fee-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#ffffff08;border-radius:8px}.fee-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.fee-value{font-size:1rem;font-weight:600;color:#e5e7eb}.fee-estimate{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#8b5cf633,#6d28d91a);border:1px solid rgba(139,92,246,.3);border-radius:10px}.estimate-label{font-size:.875rem;color:#9ca3af}.estimate-value{font-size:1.25rem;font-weight:700;color:#a78bfa}.participants-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.participant-stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#ffffff08;border-radius:10px;text-align:center}.participant-count{font-size:1.75rem;font-weight:700;color:#fff}.participant-count.available{color:#34d399}.participant-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.capacity-warning{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.75rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#fbbf24;font-size:.875rem;font-weight:500}.prize-pool-detailed{display:flex;flex-direction:column;gap:1.5rem}.prize-total-main{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#fbbf2426,#f59e0b0d);border:1px solid rgba(251,191,36,.3);border-radius:12px}.prize-total-main svg{font-size:2rem;color:#fbbf24}.prize-total-content{display:flex;flex-direction:column;gap:.25rem}.prize-total-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.prize-total-amount{font-size:2rem;font-weight:700;color:#fbbf24}.prize-breakdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.prize-tier-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#ffffff08;border-radius:10px;text-align:center}.tier-rank-badge{display:flex;align-items:center;gap:.35rem;font-size:.875rem;font-weight:600;color:#fbbf24}.tier-rank-badge svg{color:#fbbf24}.tier-amount{font-size:1.125rem;font-weight:700;color:#e5e7eb}.prize-extras{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.prize-extra-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff08;border-radius:20px;font-size:.8rem;color:#9ca3af}.prize-extra-item svg{color:#8b5cf6}.prize-summary-card{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border-color:#fbbf2433}.prize-summary-card h3{display:flex;align-items:center;gap:.5rem}.prize-summary-card h3 svg{color:#fbbf24}.prize-summary-amount{font-size:1.5rem;font-weight:700;color:#fbbf24;text-align:center;margin-bottom:.75rem}.prize-summary-breakdown{display:flex;flex-direction:column;gap:.35rem}.prize-summary-row{display:flex;justify-content:space-between;font-size:.8rem;color:#9ca3af}.schedule-details{display:flex;flex-direction:column;gap:.75rem}.schedule-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff08;border-radius:8px}.schedule-label{color:#9ca3af;font-size:.875rem}.schedule-value{color:#e5e7eb;font-weight:500}.rules-list{margin:0;padding-left:1.25rem;color:#9ca3af}.rules-list li{margin-bottom:.5rem}.rules-list li:last-child{margin-bottom:0}.registration-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.registration-card h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem}.status-display{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:8px;margin-bottom:1rem}.status-display.registered{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.status-display.in-flight{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.status-display.blocked,.status-display.closed{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.status-display.not-registered{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2)}.status-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a}.status-display.registered .status-icon{color:#34d399}.status-display.in-flight .status-icon{color:#fbbf24}.status-display.blocked .status-icon{color:#f87171}.status-display.closed .status-icon{color:#9ca3af}.status-display.not-registered .status-icon{color:#a78bfa}.status-icon svg{width:20px;height:20px}.status-text{display:flex;flex-direction:column;gap:.25rem}.status-text strong{color:#fff;font-size:.875rem}.status-text span{color:#9ca3af;font-size:.75rem}.registration-price{display:flex;flex-direction:column;align-items:center;padding:1rem 0}.price-label{font-size:.75rem;color:#9ca3af}.price-amount{font-size:1.5rem;font-weight:700;color:#fff}.price-amount.free{color:#34d399}.registration-disabled-reason{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ef44441a;border-radius:6px;font-size:.75rem;color:#f87171;margin-top:.5rem}.registration-disabled-reason svg{flex-shrink:0}.btn-primary{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-1px)}.btn-secondary{width:100%;padding:.75rem 1.5rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#a78bfa;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#8b5cf633}.quick-info-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.quick-info-card h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem}.info-rows{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;align-items:center;gap:.75rem;color:#9ca3af;font-size:.875rem}.info-row svg{width:16px;height:16px;color:#6b7280}.info-label{flex:1}.info-value{color:#e5e7eb;font-weight:500}.timeline-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.timeline-card h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem}.timeline-summary{display:flex;flex-direction:column;gap:1rem}.timeline-item{display:flex;align-items:center;gap:.75rem}.timeline-dot{width:12px;height:12px;border-radius:50%}.timeline-dot.registration{background:#3b82f6}.timeline-dot.competition{background:#10b981}.timeline-dot.validation{background:#8b5cf6}.timeline-label{flex:1;color:#9ca3af;font-size:.875rem}.timeline-time{color:#e5e7eb;font-size:.75rem}@media(max-width:900px){.competition-content{grid-template-columns:1fr}.sidebar-column{order:-1}.header-info-grid{grid-template-columns:1fr 1fr}.description-sections,.events-detailed-grid{grid-template-columns:1fr}.participants-grid{grid-template-columns:1fr 1fr}.fee-row-main,.prize-breakdown-grid{grid-template-columns:1fr}}.loading-spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.competition-page{min-height:100vh;padding:1rem 2rem 2rem;width:100%;max-width:100vw;background:linear-gradient(180deg,#0d0d12,#12121a);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box;overflow-x:hidden}.competition-container{max-width:100%;width:100%}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.loading-spinner{width:48px;height:48px;border:3px solid rgba(129,140,248,.2);border-top-color:#818cf8;border-radius:50%;animation:spin 1s linear infinite}.error-actions{display:flex;gap:1rem;margin-top:.5rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:.5px solid rgba(255,255,255,.08);color:#ffffffb3;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:12px;transition:all .3s ease;margin-bottom:1.5rem}.back-button:hover{background:#ffffff14;color:#fff;border-color:#818cf84d;transform:translate(-4px)}.back-button svg{width:18px;height:18px}.competition-header{margin-bottom:2rem;width:100%}.competition-header-bg{background:linear-gradient(180deg,#1e1e2466,#0f0f1433);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.12);border-radius:28px;padding:5rem 3rem 6rem;position:relative;overflow:hidden;box-shadow:0 24px 64px #0006,inset 0 1px #ffffff05}.competition-header-bg:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(ellipse at top center,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none}.competition-header-bg:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20.5V18H0v-2h20v-2H0v-2h20v-2H0V8h20V6H0V4h20V2H0V0h22v20h2V0h2v20h2V0h2v20h2V0h2v20h2V0h2v20h2v2H20v-1.5zM0 20h2v20H0V20zm4 0h2v20H4V20zm4 0h2v20H8V20zm4 0h2v20h-2V20zm4 0h2v20h-2V20zm4 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2z' fill='%23ffffff' fill-opacity='0.02' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.8;mix-blend-mode:overlay;pointer-events:none}.competition-header-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.competition-title-section{margin-bottom:1rem}.competition-title-section h1{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#c7d2fe,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;letter-spacing:-1.5px;line-height:1.1}.status-badges{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;padding:.4rem .8rem;font-size:.65rem;font-weight:800;text-transform:uppercase;border-radius:8px;letter-spacing:1px;box-shadow:inset 0 1px #ffffff1a}.status-badge.live{background:#34d39926;color:#34d399;border:.5px solid rgba(52,211,153,.25);animation:none}.status-badge.live:before{content:"";width:6px;height:6px;background:#34d399;border-radius:50%;margin-right:6px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #34d39980}50%{opacity:.7;box-shadow:0 0 0 6px #34d39900}}.status-badge.ended{background:#9ca3af26;color:#9ca3af;border:.5px solid rgba(156,163,175,.25)}.status-badge.upcoming{background:#fbbf2426;color:#fbbf24;border:.5px solid rgba(251,191,36,.25)}.status-badge.free{background:#34d39926;color:#34d399;border:.5px solid rgba(52,211,153,.25)}.status-badge.paid{background:#fbbf2426;color:#fbbf24;border:.5px solid rgba(251,191,36,.25)}.status-badge.tournament{background:#818cf826;color:#a5b4fc;border:.5px solid rgba(129,140,248,.25)}.competition-meta{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:1rem!important;margin-top:2rem!important;flex-wrap:nowrap!important;white-space:nowrap!important;width:100%}.meta-item{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:.6rem!important;white-space:nowrap!important;color:#ffffffe6;font-size:.85rem;font-weight:600;padding:.5rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:inset 0 1px #ffffff0d}.meta-item *{margin:0}.meta-item svg{width:16px;height:16px;opacity:.8}.competition-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:-4.5rem;margin-bottom:3rem;position:relative;z-index:10;width:100%}.info-card{background:linear-gradient(180deg,#1e1e2399,#14141966);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.15);border-radius:24px;padding:2.5rem 2rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 16px 48px #0000004d,inset 0 1px #ffffff0d}.info-card:after{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.03),transparent 40%);opacity:0;transition:opacity .4s ease;pointer-events:none}.info-card:hover{transform:translateY(-4px);border-color:#ffffff1a;box-shadow:0 16px 48px #0006,0 0 0 1px #ffffff0d}.info-card:hover:after{opacity:1}.info-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff1a}.info-card-icon svg{width:22px;height:22px}.info-card-icon.events{color:#818cf8;background:radial-gradient(circle at top left,#6366f126,#6366f105);border-color:#6366f133}.info-card-icon.participants{color:#34d399;background:radial-gradient(circle at top left,#10b98126,#10b98105);border-color:#10b98133}.info-card-icon.fee{color:#fbbf24;background:radial-gradient(circle at top left,#f59e0b26,#f59e0b05);border-color:#f59e0b33}.info-card-icon.calendar{color:#60a5fa;background:radial-gradient(circle at top left,#3b82f626,#3b82f605);border-color:#3b82f633}.info-card-label{font-size:.7rem;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.info-card-value{font-size:1.75rem;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.5px}.info-card-subvalue{font-size:.8rem;color:#fff6;margin-top:.35rem;font-weight:500}.main-content-grid{display:grid;grid-template-columns:1fr 440px;gap:2.5rem;width:100%;align-items:start}@media(max-width:900px){.main-content-grid{grid-template-columns:1fr;display:flex;flex-direction:column}.sidebar-section{order:-1}}@media(max-width:768px){.competition-page{padding:.75rem}.competition-header-bg{padding:2rem .75rem 3.5rem;border-radius:20px}.competition-title-section h1{font-size:1.6rem;letter-spacing:-.5px;line-height:1.2}.competition-meta{gap:.5rem!important;margin-top:1rem!important;width:100%!important;justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem}.competition-meta::-webkit-scrollbar{display:none}.meta-item{font-size:.55rem!important;padding:.25rem .4rem!important;gap:.25rem!important;flex-direction:row!important}.meta-item svg{width:10px;height:10px}.competition-info-grid{grid-template-columns:repeat(3,1fr);margin-top:-2rem;gap:.5rem}.info-card{padding:.75rem .25rem;border-radius:12px;align-items:center;text-align:center;min-width:0}.info-card-icon{width:28px;height:28px;margin-bottom:.5rem;border-radius:8px}.info-card-icon svg{width:14px;height:14px}.info-card-label{font-size:.55rem;letter-spacing:.5px;margin-bottom:.25rem}.info-card-value{font-size:1.1rem;letter-spacing:-.5px}.info-card-subvalue{font-size:.55rem;margin-top:.25rem}.event-card-compact{flex-direction:column;align-items:flex-start}.events-section{padding:1.25rem;border-radius:20px}.registration-card,.leaderboard-card,.event-rules-card,.prize-pool-card-sidebar{padding:1.25rem;border-radius:20px;margin-bottom:1rem}.registration-status{padding:1rem;gap:.75rem}.registration-icon{width:36px;height:36px}.registration-icon svg{width:18px;height:18px}.registration-info h4{font-size:.9rem}.registration-info p{font-size:.75rem}.register-button,.view-leaderboard-button{padding:.8rem 1rem;font-size:.85rem;border-radius:10px}.leaderboard-card h3,.event-rules-card h3,.prize-pool-card-sidebar h3{font-size:1rem;margin-bottom:1rem}.sidebar-prize-amount{font-size:1.75rem}}.events-section{display:flex;flex-direction:column;background:linear-gradient(180deg,#1e1e2366,#14141933);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.08);border-radius:28px;padding:2.5rem;box-shadow:0 8px 32px #0003}.events-container{display:flex;flex-direction:column;gap:.75rem;width:100%}.section-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.5px}.event-card-compact{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;background:linear-gradient(180deg,#1e1e234d,#14141933);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.08);border-radius:20px;transition:all .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 4px 16px #0000001a;position:relative;overflow:hidden}.event-card-compact:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.02),transparent);transform:translate(-100%);transition:transform .6s ease;pointer-events:none}.event-card-compact:hover{transform:translateY(-2px);background:linear-gradient(180deg,#28282d66,#19191e4d);border-color:#ffffff1a;box-shadow:0 12px 32px #0003,0 0 0 1px #ffffff05}.event-card-compact:hover:after{transform:translate(100%)}.event-card-left{display:flex;align-items:center;gap:.75rem;min-width:180px}.event-icon-small{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.event-name{font-size:1rem;font-weight:700;color:#fff}.event-round-info{display:flex;align-items:center;gap:.5rem;flex:1}.round-status-dot{width:8px;height:8px;border-radius:50%}.round-status-dot.active{background:#34d399;box-shadow:0 0 8px #34d39980;animation:pulse 2s infinite}.round-status-dot.ended{background:#9ca3af}.round-status-dot.upcoming{background:#fbbf24}.round-status-dot.locked{background:#64748b}.round-status-text{font-size:.8rem;font-weight:600;color:#fff;min-width:60px}.round-time-text{font-size:.8rem;color:#ffffff80}.event-action{flex-shrink:0}.solve-button.primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;color:#000;border:none;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ffffff26}.solve-button.primary:hover{transform:translateY(-1px);background:#f3f4f6;box-shadow:0 4px 12px #ffffff40}.solve-button.primary svg{width:14px;height:14px}.solve-button.secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.solve-button.secondary:hover{background:#ffffff1a;border-color:#fff3}.completed-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#34d3991a;color:#34d399;border-radius:8px;font-size:.8rem;font-weight:600}.upcoming-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#fbbf241a;color:#fbbf24;border-radius:8px;font-size:.8rem;font-weight:600}.event-card{background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:20px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 24px #0003}.event-card:hover{transform:translateY(-4px) scale(1.01);background:#ffffff0d;border-color:#818cf833;box-shadow:0 16px 48px #0000004d,0 8px 24px #818cf81f}.event-card-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff05;border-bottom:.5px solid rgba(255,255,255,.06)}.event-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.event-info{flex:1}.event-info h3{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.25rem}.event-info span{font-size:.8rem;color:#ffffff80}.event-card-body{padding:1.5rem}.round-list{display:flex;flex-direction:column;gap:.75rem}.round-item{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;border-radius:16px;background:linear-gradient(180deg,#1e1e234d,#14141933);border:1px solid rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.08);transition:all .4s ease;position:relative;overflow:hidden}.round-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:background .3s ease}.round-item:hover{background:#ffffff0a;transform:translate(4px);border-color:#ffffff1f}.round-item.active{background:#34d3990d;border:.5px solid rgba(52,211,153,.25);box-shadow:0 8px 32px #34d3991a}.round-item.active:before{background:#34d399}.round-item.ended{background:#ffffff03;opacity:.7}.round-item.upcoming{background:#ffffff05}.round-status-indicator{width:14px;height:14px;border-radius:50%;flex-shrink:0;position:relative}.round-status-indicator.active{background:#34d399;box-shadow:0 0 12px #34d39999;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #34d39999}to{box-shadow:0 0 0 8px #34d39900}}.round-status-indicator.ended{background:#9ca3af}.round-status-indicator.upcoming{background:#fbbf24}.round-status-indicator.locked{background:#64748b}.round-details{flex:1;min-width:0}.round-name{font-weight:600;color:#fff;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.round-name-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:.25rem .625rem;border-radius:6px;background:#ffffff1a;color:#ffffffb3}.round-name-badge.active{background:#34d39933;color:#34d399}.round-name-badge.ended{background:#9ca3af33;color:#9ca3af}.round-time{font-size:.8rem;color:#ffffff80}.round-actions{flex-shrink:0}.solve-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:14px;font-size:.95rem;font-weight:800;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 8px 24px #6366f14d,inset 0 1px #fff3}.solve-button:hover{transform:translateY(-4px);box-shadow:0 16px 40px #6366f173,inset 0 1px #ffffff4d}.solve-button svg{width:16px;height:16px}.qualified-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border-radius:10px;font-size:.8rem;font-weight:700}.qualified-badge svg{width:14px;height:14px}.completed-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:#ffffff0f;color:#ffffff80;border-radius:10px;font-size:.8rem;font-weight:600}.register-hint{font-size:.8rem;color:#fff6;font-style:italic}.sidebar-section{display:flex;flex-direction:column;gap:1rem}.registration-card{background:linear-gradient(180deg,#1e1e2366,#14141933);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2rem;box-shadow:0 8px 32px #0003;transition:all .4s ease;position:relative;overflow:hidden}.registration-card:after{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at top right,rgba(255,255,255,.03),transparent 40%);pointer-events:none}.registration-card:hover{background:linear-gradient(180deg,#28282d80,#19191e4d);border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 16px 48px #0006}.registration-card h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.registration-card h3 svg{width:20px;height:20px}.registration-status{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:16px;background:#0003;border:1px solid rgba(255,255,255,.05)}.registration-status.registered{background:#10b9810d;border:1px solid rgba(16,185,129,.2)}.registration-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0f}.registration-icon.registered{background:#34d399}.registration-icon svg{width:24px;height:24px;color:#fff9}.registration-icon.registered svg{color:#fff}.registration-info h4{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:.25rem}.registration-info p{font-size:.8rem;color:#ffffff80;margin:0}.register-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:#fff;color:#000;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:1.25rem;box-shadow:0 4px 12px #ffffff26}.register-button:hover{transform:translateY(-2px);background:#f3f4f6;box-shadow:0 8px 24px #ffffff40}.register-button:disabled{background:#ffffff1a;cursor:not-allowed;transform:none;box-shadow:none}.register-button svg{width:20px;height:20px}.leaderboard-card{background:linear-gradient(180deg,#1e1e2366,#14141933);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2rem;box-shadow:0 8px 32px #0003;transition:all .4s ease}.leaderboard-card:hover{background:linear-gradient(180deg,#28282d80,#19191e4d);border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 16px 48px #0006}.leaderboard-card h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.leaderboard-card h3 svg{width:20px;height:20px}.view-leaderboard-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease}.view-leaderboard-button:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.view-leaderboard-button svg{width:20px;height:20px}.empty-rounds{text-align:center;padding:2rem;color:#fff6}.empty-rounds svg{width:48px;height:48px;margin-bottom:.75rem;opacity:.5}@media(max-width:1200px){.competition-info-grid{grid-template-columns:repeat(2,1fr)}}.enter-waiting-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1.25rem;margin-top:.75rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #ef44444d;animation:waitingPulse 2s ease-in-out infinite}.enter-waiting-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}@keyframes waitingPulse{0%,to{box-shadow:0 4px 16px #ef44444d}50%{box-shadow:0 4px 24px #ef444480}}.join-window-expired{margin-top:.75rem;padding:.75rem 1rem;background:#ef44441a;border:.5px solid rgba(239,68,68,.2);border-radius:10px;color:#fca5a5;font-size:.85rem;text-align:center}.prize-pool-card-sidebar{background:linear-gradient(180deg,#1e1e2366,#14141933);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(251,191,36,.15);border-top:1px solid rgba(251,191,36,.3);border-radius:24px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 8px 32px #fbbf240d;transition:all .4s ease;position:relative;overflow:hidden}.prize-pool-card-sidebar:after{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at top center,rgba(251,191,36,.08),transparent 60%);pointer-events:none}.prize-pool-card-sidebar:hover{background:linear-gradient(180deg,#28282d80,#19191e4d);border-color:#fbbf244d;transform:translateY(-4px);box-shadow:0 16px 48px #fbbf2426}.prize-pool-card-sidebar h3{display:flex;align-items:center;gap:.5rem;color:#fff;margin:0 0 1.25rem;font-size:1.1rem;font-weight:800}.prize-pool-card-sidebar h3 svg{width:18px;height:18px;color:#fbbf24}.sidebar-prize-amount{font-size:2rem;font-weight:800;color:#fbbf24;text-align:center;margin:.5rem 0;text-shadow:0 0 24px rgba(251,191,36,.3)}.sidebar-prize-meta{text-align:center;color:#ffffff80;font-size:.8rem;margin-bottom:1rem}.sidebar-prize-tiers{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem;padding-top:.75rem;border-top:.5px solid rgba(255,255,255,.06)}.sidebar-prize-tier{display:flex;justify-content:space-between;color:#ffffffb3;font-size:.85rem;padding:.4rem .65rem;background:#00000026;border-radius:6px}.sidebar-prize-tier span:last-child{color:#fbbf24;font-weight:600}.event-rules-card{background:linear-gradient(180deg,#1e1e2366,#14141933);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 8px 32px #0003;transition:all .4s ease}.event-rules-card:hover{background:linear-gradient(180deg,#28282d80,#19191e4d);border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 16px 48px #0006}.event-rules-card h3{display:flex;align-items:center;gap:.5rem;color:#fff;margin:0 0 1.25rem;font-size:1.1rem;font-weight:800}.event-rules-card h3 svg{width:18px;height:18px;color:#fff9}.rule-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:.5px solid rgba(255,255,255,.04);font-size:.85rem}.rule-item:last-child{border-bottom:none}.rule-label{color:#ffffff80}.rule-value{color:#fff;font-weight:500}.status-badge.waiting{background:linear-gradient(135deg,#f59e0b,#d97706)!important;animation:waitingPulse 2s ease-in-out infinite}.status-badge.reg-open{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important}.status-badge.cancelled{background:linear-gradient(135deg,#6b7280,#4b5563)!important;color:#d1d5db!important}.status-badge.validation{background:linear-gradient(135deg,#a855f7,#9333ea)!important}.leaderboard-prize-pool{background:linear-gradient(135deg,#fbbf241f,#f59e0b0d);border:.5px solid rgba(251,191,36,.25);border-radius:20px;padding:1.5rem 2rem;margin-bottom:1.5rem;display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center}@media(max-width:700px){.leaderboard-prize-pool{grid-template-columns:1fr;text-align:center}}.prize-pool-headline{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.prize-pool-headline .prize-label{font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.prize-live-badge{font-size:.7rem;color:#10b981;font-weight:600;animation:livePulse 2s ease-in-out infinite}.prize-pool-main-amount{font-size:2.5rem;font-weight:800;color:#fbbf24;line-height:1;text-shadow:0 0 24px rgba(251,191,36,.4)}.prize-pool-distribution{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem}.lb-prize-tier{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background:#0003;border-radius:12px;border:.5px solid rgba(251,191,36,.15)}.lb-tier-label{font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:.25rem}.lb-tier-amount{font-size:1.1rem;color:#fbbf24;font-weight:700}.lb-prize-cell{padding:.5rem .75rem}.lb-prize-badge{display:inline-block;padding:.25rem .6rem;border-radius:8px;font-size:.85rem;font-weight:700;background:#fbbf241f;color:#fbbf24;border:.5px solid rgba(251,191,36,.3)}.lb-prize-badge.podium-1{background:linear-gradient(135deg,#ffd70040,#ffc10726);border-color:#ffd70080;color:gold;box-shadow:0 0 12px #ffd70040}.lb-prize-badge.podium-2{background:linear-gradient(135deg,#c0c0c040,#a0a0a026);border-color:#c0c0c080;color:#e5e7eb}.lb-prize-badge.podium-3{background:linear-gradient(135deg,#cd7f3240,#b8733326);border-color:#cd7f3280;color:#d4a574}.lb-prize-empty{color:#ffffff40;font-weight:600}@media(max-width:1024px){.main-content-grid{grid-template-columns:1fr}.sidebar-section{flex-direction:row}.registration-card,.leaderboard-card{flex:1}}@media(max-width:768px){.event-card-header,.event-card-body{padding:1rem}.round-item{flex-wrap:wrap}.round-actions{width:100%;margin-top:.75rem}.solve-button,.qualified-badge,.completed-badge{width:100%;justify-content:center}.sidebar-section{flex-direction:column}}@media(max-width:480px){.competition-info-grid{grid-template-columns:1fr}.status-badges{flex-wrap:wrap}}.arena-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.particle{position:absolute;background:var(--accent-primary);border-radius:50%}.player-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;min-width:180px;max-width:400px;flex:1;transition:all .3s ease;position:relative}@media(max-width:640px){.player-card{padding:.75rem 1rem;min-width:140px;flex-direction:column;text-align:center}}.player-card.current-user{border-color:var(--accent-primary);box-shadow:0 0 20px #8b5cf64d}.player-avatar{position:relative}.avatar-circle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 4px 15px #8b5cf666}.avatar-image{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 4px 15px #8b5cf666}.disconnected-badge{position:absolute;bottom:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:8px}.player-info{display:flex;flex-direction:column;gap:.25rem}.player-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.you-badge{font-size:.65rem;font-weight:700;background:var(--accent-primary);color:#fff;padding:2px 6px;border-radius:4px;text-transform:uppercase}.winner-crown{font-size:1.2rem;margin-right:.25rem}.team-badge{font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.team-badge.team-a{background:#818cf84d;color:#a5b4fc}.team-badge.team-b{background:#f871714d;color:#fca5a5}.player-status{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status-waiting .status-dot{background:var(--text-muted)}.status-ready .status-dot{background:#22c55e;animation:pulse 1.5s infinite}.status-solving .status-dot{background:#f59e0b;animation:pulse .8s infinite}.status-finished .status-dot{background:var(--accent-primary)}.status-disconnected .status-dot{background:#ef4444}.player-result{font-size:1.25rem;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--accent-secondary);margin-top:.25rem}.countdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(5px);z-index:100}.countdown-wrapper .countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.countdown-container{display:flex;align-items:center;justify-content:center}.countdown-number{font-size:12rem;font-weight:800;font-family:JetBrains Mono,monospace;color:#fff;text-shadow:0 0 20px rgba(139,92,246,.8),0 0 40px rgba(139,92,246,.6),0 0 60px rgba(139,92,246,.4);animation:countdown-pulse 1s ease-in-out infinite}.countdown-number.go{font-size:8rem;color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.8),0 0 40px rgba(34,197,94,.6),0 0 60px rgba(34,197,94,.4);animation:go-pulse .5s ease-in-out infinite}@keyframes countdown-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes go-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.solve-table-container{width:100%;max-width:500px;margin:0 auto}.solve-table{width:100%;border-collapse:separate;border-spacing:0 .5rem}.solve-table th{text-align:center;padding:.75rem;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.solve-table td{text-align:center;padding:.75rem;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600;background:#ffffff08;border:1px solid transparent;transition:all .3s ease}.solve-table tr:first-child td:first-child{border-top-left-radius:8px}.solve-table tr:first-child td:last-child{border-top-right-radius:8px}.solve-table tr:last-child td:first-child{border-bottom-left-radius:8px}.solve-table tr:last-child td:last-child{border-bottom-right-radius:8px}.solve-number{position:relative;color:var(--text-secondary);min-width:60px}.live-badge{position:absolute;top:-8px;right:0;font-size:.55rem;font-weight:700;background:#22c55e;color:#fff;padding:2px 6px;border-radius:4px;animation:pulse 1s infinite}.solve-time{min-width:80px}.solve-time.solved{color:var(--accent-secondary);background:#8b5cf61a;border-color:#8b5cf64d}tr.current td{border-color:var(--accent-primary);background:#8b5cf61a}tr.completed td{opacity:.7}@media(max-width:640px){.solve-table-container{max-width:100%;overflow-x:auto}.solve-table td{padding:.5rem;font-size:.9rem}.solve-number{min-width:40px}.solve-time{min-width:60px}}.scramble-display{text-align:center;padding:1.5rem;background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;margin:1rem auto;max-width:600px;width:100%}.scramble-label{font-size:.85rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.scramble-text{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:500;color:var(--text-primary);letter-spacing:.02em;line-height:1.6;word-break:break-word}.battle-timer-container{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem;position:relative}.battle-timer-waiting{font-size:1.25rem;color:var(--text-secondary);text-align:center}.battle-timer-display{font-family:var(--font-mono);font-size:5rem;font-weight:700;text-align:center;cursor:pointer;user-select:none;padding:.75rem 2.5rem;border-radius:20px;background:var(--glass-bg);backdrop-filter:blur(12px);border:2px solid var(--glass-border);transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow-md),var(--glass-highlight);min-width:200px}.battle-timer-display:hover{border-color:var(--border-accent);box-shadow:var(--glow-purple),var(--glass-highlight)}.battle-timer-display.timer-ready{border-color:#22c55e;box-shadow:0 0 40px #22c55e66,var(--glass-highlight);animation:pulse-green .5s ease-in-out infinite;background:#22c55e0a}@keyframes pulse-green{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.battle-timer-display.running{border-color:#22c55e;box-shadow:0 0 30px #22c55e40,var(--glass-highlight);background:#22c55e08}.battle-timer-display.confirming{border-color:#a78bfa;box-shadow:var(--glow-purple),var(--glass-highlight);background:#8b5cf608}.confirm-section{display:flex;flex-direction:column;align-items:center;gap:.85rem;width:100%}.penalty-btn{padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;border:1.5px solid var(--border-default);border-radius:10px;background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;min-height:44px}.penalty-btn:hover{border-color:var(--border-accent);background:var(--glass-bg-hover)}.penalty-btn.ok.active{background:var(--badge-success-bg);border-color:var(--badge-success-border);color:var(--badge-success-text)}.penalty-btn.plus2.active{background:var(--badge-warning-bg);border-color:var(--badge-warning-border);color:var(--badge-warning-text)}.penalty-btn.dnf.active{background:var(--badge-danger-bg);border-color:var(--badge-danger-border);color:var(--badge-danger-text)}.confirm-btn{padding:.85rem 2rem;font-size:1rem;font-weight:700;border:none;border-radius:12px;background:var(--btn-primary-bg);color:var(--btn-primary-text);cursor:pointer;transition:all .3s ease;width:100%;max-width:320px;min-height:48px}.confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--glow-purple-strong)}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.timer-hint{font-size:var(--text-body-sm);color:var(--text-muted);text-align:center;padding:.4rem .75rem;border-radius:10px;background:#8b5cf60a;border:.5px solid rgba(139,92,246,.08);font-weight:500}.time-limit-countdown{font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:600;color:#ef4444;text-align:center;padding:.5rem 1rem;border-radius:8px;background:#ef44441a;animation:pulse-warning 1s ease-in-out infinite}.battle-settings-btn{position:absolute;top:.5rem;right:.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;transition:all .2s ease;z-index:10;line-height:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.battle-settings-btn:hover{background:var(--glass-bg-hover);border-color:var(--border-accent);color:var(--text-primary)}.battle-settings-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);padding:1rem}.battle-settings-modal{background:#141419fa;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.5rem;min-width:260px;max-width:320px;box-shadow:0 20px 60px #00000080}.battle-settings-modal h3{margin:0 0 1rem;font-size:1rem;font-weight:700;color:#fff}.battle-settings-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:.95rem;color:#ffffffb3;margin-bottom:.35rem}.battle-settings-option:hover{background:#ffffff0d}.battle-settings-option.active{background:#8b5cf61f;color:#a78bfa}.battle-settings-option input[type=radio]{accent-color:#8b5cf6;width:16px;height:16px;cursor:pointer}.battle-settings-option input[type=radio]:disabled{opacity:.4;cursor:not-allowed}.battle-settings-note{margin:.75rem 0 0;font-size:.8rem;color:#f59e0b;text-align:center}.typing-input-container{width:100%;display:flex;justify-content:center;padding:.5rem 0}.editable-time-input{width:100%;display:flex;justify-content:center;margin-bottom:.5rem}.typing-edit-input{font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:600;text-align:center;padding:.75rem 1.5rem;border-radius:12px;border:2px solid rgba(255,255,255,.15);background:#ffffff0a;color:#fff;outline:none;width:100%;max-width:320px;transition:all .2s ease;box-sizing:border-box}.typing-edit-input:focus{border-color:#8b5cf680;background:#ffffff0f;box-shadow:0 0 20px #8b5cf626}.typing-edit-input::placeholder{color:#ffffff40;font-size:1rem}@media(max-width:767px){.battle-timer-container{padding:1rem .5rem;gap:1rem}.battle-timer-display{font-size:3.5rem;padding:.5rem 1.25rem;min-width:160px}.penalty-btn{padding:.5rem 1rem;font-size:.85rem;min-height:40px}.confirm-btn{padding:.75rem 1.5rem;font-size:.9rem;min-height:44px}.timer-hint{font-size:.75rem;padding:.35rem .6rem}.battle-settings-btn{min-width:40px;min-height:40px;font-size:1rem}}@media(min-width:1400px){.battle-timer-display{font-size:6rem;padding:1rem 3rem}}.rules-summary-toggle{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#a1a1aa;font-size:.75rem;cursor:pointer;transition:all .2s}.rules-summary-toggle:hover{background:#ffffff1a;color:#e4e4e7}.rules-summary-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;background:#0009;backdrop-filter:blur(4px)}.rules-summary-card{background:#18181b;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;max-width:360px;width:90%;color:#e4e4e7}.rules-summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.rules-summary-header h3{margin:0;font-size:1rem;color:#fff}.rules-summary-close{background:none;border:none;color:#71717a;font-size:1.25rem;cursor:pointer;padding:.25rem}.rules-summary-close:hover{color:#e4e4e7}.rules-summary-body{display:flex;flex-direction:column;gap:.5rem}.rules-summary-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:#ffffff08;border-radius:8px}.rules-summary-label{color:#71717a;font-size:.8rem}.rules-summary-value{color:#e4e4e7;font-weight:500;font-size:.85rem}.rules-summary-note{margin-top:.75rem;padding:.5rem;background:#8b5cf61a;border-radius:8px;color:#a78bfa;font-size:.75rem;text-align:center}.competition-timer-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);color:#fff;padding:1rem}.competition-header{text-align:center;margin-bottom:2rem;width:100%;max-width:100%}.progress-bar-container{width:100%;max-width:100%;height:10px;background:#ffffff1a;border-radius:5px;margin-bottom:2rem}.progress-bar{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:5px;transition:width .3s ease-in-out;box-shadow:0 0 20px #6366f180}.timer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1}.leave-warning{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,#f59e0b,#fbbf24);color:#000;text-align:center;padding:12px;font-weight:600;z-index:1000;box-shadow:0 4px 20px #f59e0b4d}.completion-container{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:20px;box-sizing:border-box}.completion-card{background:#ffffff08;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px 24px;max-width:100%;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000080;box-sizing:border-box;overflow:hidden}.completion-icon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #10b9814d}.completion-icon svg{width:32px;height:32px;color:#fff}.completion-card h1{font-size:1.5rem;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.completion-subtitle{color:#94a3b8;font-size:1rem;margin:0 0 32px}.solves-summary{background:#ffffff0d;border-radius:16px;padding:20px;margin-bottom:32px;width:100%;box-sizing:border-box}.solves-summary h3{font-size:.875rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;text-align:center}.solves-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;box-sizing:border-box}.solve-item{background:#ffffff14;border-radius:12px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;overflow:hidden}.solve-time{font-size:.8125rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:480px){.solves-summary{padding:16px}.solves-grid{grid-template-columns:repeat(5,1fr);gap:6px}.solve-item{padding:10px 4px}.solve-number{font-size:.625rem}.solve-time{font-size:.6875rem}}.video-section{margin-bottom:24px}.countdown-timer{display:flex;flex-direction:column;align-items:center;padding:20px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:16px;margin-bottom:24px}.countdown-label{font-size:.875rem;color:#94a3b8;margin-bottom:4px}.countdown-value{font-size:2rem;font-weight:700;color:#6366f1;font-family:SF Mono,Monaco,Inconsolata,monospace;letter-spacing:.05em}.mandatory-notice{color:#fbbf24!important;font-weight:500}.expired-notice{text-align:center;padding:24px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:16px}.expired-notice svg{width:48px;height:48px;color:#ef4444;margin-bottom:12px}.expired-notice h3{font-size:1.125rem;color:#ef4444;margin:0 0 8px}.expired-notice p{color:#94a3b8;font-size:.875rem;margin:0}.video-submitted-notice{text-align:center;padding:24px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:16px;margin-bottom:24px}.video-submitted-notice svg{width:48px;height:48px;color:#10b981;margin-bottom:12px}.video-submitted-notice h3{font-size:1.125rem;color:#10b981;margin:0 0 8px}.video-submitted-notice p{color:#94a3b8;font-size:.875rem;margin:0}.solve-item{background:#ffffff14;border-radius:12px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:4px}.solve-item.dnf{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.solve-item.plus-two{background:#fbbf2426;border:1px solid rgba(251,191,36,.3)}.solve-number{font-size:.75rem;color:#64748b;font-weight:600}.solve-time{font-size:.875rem;font-weight:700;color:#fff}.solve-item.dnf .solve-time{color:#ef4444}.solve-item.plus-two .solve-time{color:#fbbf24}.video-submit-form{margin-bottom:24px}.form-header{text-align:left;margin-bottom:16px}.form-header h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 4px}.form-header p{font-size:.875rem;color:#64748b;margin:0}.input-group{position:relative;margin-bottom:16px}.input-group input{width:100%;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.9375rem;transition:all .2s;box-sizing:border-box}.input-group input:focus{outline:none;border-color:#6366f1;background:#ffffff14;box-shadow:0 0 0 3px #6366f11a}.input-group input::placeholder{color:#475569}.input-group label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b;font-size:.875rem;pointer-events:none;transition:all .2s}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{top:-8px;left:12px;font-size:.75rem;background:#1a1a2e;padding:0 4px;color:#6366f1}.submit-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 4px 20px #6366f14d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn svg{width:20px;height:20px}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.continue-btn{width:100%;padding:14px 24px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#94a3b8;font-size:.9375rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.continue-btn:hover{border-color:#fff3;color:#fff;background:#ffffff0d}.continue-btn svg{width:18px;height:18px}@media(max-width:480px){.completion-card{padding:32px 24px}.solves-grid{grid-template-columns:repeat(5,1fr);gap:6px}.solve-item{padding:10px 4px}}.battle-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.5rem 0 3rem;width:100%;background:#09090b;background-image:radial-gradient(ellipse at 50% 0%,rgba(139,92,246,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(6,182,212,.05) 0%,transparent 50%);position:relative;box-sizing:border-box;overflow-x:hidden}.battle-page *,.battle-page *:before,.battle-page *:after{box-sizing:border-box}.battle-page-new *,.battle-page-new *:before,.battle-page-new *:after{box-sizing:border-box}.battle-header-bar{display:flex;align-items:center;width:100%;max-width:min(1200px,100%);margin:0 auto;padding:.5rem 1rem}.battle-back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff0f;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fffc;cursor:pointer;transition:all .2s ease}.battle-back-btn:hover{background:#ffffff1a;border-color:#ffffff26;color:var(--text-primary);transform:scale(1.05)}.battle-back-btn:active{transform:scale(.98)}.battle-back-btn-new:hover{background:#ffffff1a;border-color:#ffffff26;color:var(--text-primary);transform:scale(1.05)}.battle-back-btn-new:active{transform:scale(.98)}.battle-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:min(900px,100%);margin:0 auto;padding:0 1rem 3rem}.arena-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 0 6rem;z-index:10;position:relative}.arena-hero-title{font-size:4rem;font-weight:900;color:var(--text-primary);margin:0;letter-spacing:.05em;background:linear-gradient(180deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 40px rgba(139,92,246,.4)}.arena-hero-subtitle{font-size:1.5rem;font-weight:600;color:#c7d2fe;margin:1rem 0 3rem;letter-spacing:.1em}.arena-hero-actions{display:flex;gap:1.5rem;margin-bottom:3rem}.arena-btn-primary{position:relative;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:1px solid rgba(139,92,246,.5);padding:1rem 3rem;border-radius:var(--glass-radius-sm);color:var(--text-primary);font-size:1.1rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #8b5cf64d}.arena-btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #8b5cf699;border-color:#a78bfacc}.arena-btn-primary .btn-glow{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);animation:btn-glow-sweep 3s infinite}@keyframes btn-glow-sweep{0%{left:-100%}20%{left:200%}to{left:200%}}.arena-btn-secondary{background:#0f172a99;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:1rem 3rem;border-radius:var(--glass-radius-sm);color:var(--text-primary);font-size:1.1rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .3s ease}.arena-btn-secondary:hover{background:#1e293bcc;border-color:#fff3;transform:translateY(-2px)}.live-stats-indicator{display:flex;align-items:center;gap:.5rem;background:#0006;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.05);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;color:#94a3b8;letter-spacing:.05em}.live-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.1);opacity:1;box-shadow:0 0 12px #10b981}to{transform:scale(.95);opacity:.8}}.battle-modes-grid{position:relative;z-index:10;margin-top:2rem}.arena-homepage{min-height:100vh}@media(max-width:768px){.arena-hero-title{font-size:2.5rem}.arena-hero-subtitle{font-size:1.1rem;margin-bottom:2rem}.arena-hero-actions{flex-direction:column;gap:1rem;width:100%;max-width:280px}.arena-btn-primary,.arena-btn-secondary{padding:.8rem 2rem;font-size:1rem;width:100%}}.error-toast{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:var(--color-danger);font-size:.85rem;width:100%}.battle-modes-grid{display:flex;flex-direction:column;gap:.75rem;width:100%}.mode-card-new{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:110px;padding:1rem 1.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;cursor:pointer;transition:all .3s ease;text-align:left;color:inherit;font-family:inherit;position:relative;overflow:hidden}.mode-card-glow{position:absolute;inset:0;pointer-events:none}.mode-card-header{display:flex;align-items:center;gap:1rem}.mode-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;transition:all .3s ease}.mode-card-icon svg{width:24px;height:24px}.mode-card-info{flex:1;min-width:0}.mode-card-info h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 .3rem}.mode-card-description{font-size:.75rem;color:#ffffff80;line-height:1.4;margin:0}.mode-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.mode-tag{font-size:.6rem;font-weight:600;padding:.2rem .45rem;border-radius:6px;border:1px solid;text-transform:uppercase;letter-spacing:.5px}.mode-card-arrow{color:#fff3;transition:all .25s ease;flex-shrink:0;margin-left:.5rem}.mode-card-new:hover .mode-card-arrow{color:var(--card-color, #8b5cf6);transform:translate(4px)}.mode-card-new:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.mode-card-new:hover{background:#ffffff0f;border-color:var(--card-color, #8b5cf6);box-shadow:0 8px 32px var(--card-glow, rgba(139, 92, 246, .25));transform:translateY(-3px)}.mode-card-new:active{transform:translateY(-1px)}.mode-card-badge{position:absolute;top:.75rem;right:.75rem;font-size:.6rem;font-weight:700;padding:.3rem .6rem;border-radius:var(--glass-radius-sm);text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(135deg,#8b5cf633,#6366f126);border:1px solid rgba(139,92,246,.3);color:var(--accent-secondary);pointer-events:none;z-index:2}.mode-card-new.disabled{cursor:default;opacity:.85}.mode-card-new.disabled:hover{background:#ffffff0f;border-color:var(--card-color, #8b5cf6);box-shadow:0 8px 32px var(--card-glow, rgba(139, 92, 246, .25));transform:translateY(-3px)}.mode-card-new.disabled .mode-card-arrow{display:none}.mode-card-content{display:flex;align-items:center;gap:1.25rem}.mode-icon-new{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#8b5cf626;border:1px solid rgba(139,92,246,.25);border-radius:14px;flex-shrink:0;transition:all .3s ease}.mode-card-new:hover .mode-icon-new{transform:scale(1.08);border-color:var(--card-color)}.mode-text{display:flex;flex-direction:column;gap:.25rem}.mode-text h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0}.mode-text p{font-size:.8rem;color:#fff6;margin:0}.mode-arrow{color:#fff3;transition:all .25s ease}.mode-card-new:hover .mode-arrow{color:var(--card-color, #8b5cf6);transform:translate(4px)}.join-section{width:100%;margin-top:2rem}.join-divider-new{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.join-divider-new:before,.join-divider-new:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.join-divider-new span{font-size:.75rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:1px}.join-by-code-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:14px;color:#fff9;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s ease}.join-by-code-btn:hover{background:#ffffff0d;border-color:#8b5cf64d;color:var(--text-primary)}.join-input-container{overflow:hidden}.join-input-wrapper{display:flex;gap:.5rem;width:100%}.join-input-new{flex:1;padding:.85rem 1rem;font-size:.9rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--text-primary);outline:none;transition:all .25s ease}.join-input-new:focus{border-color:#8b5cf666;background:#ffffff0f}.join-input-new::placeholder{color:#ffffff4d}.join-error-inline{color:var(--color-danger);font-size:.8rem;margin-top:.5rem;text-align:left}.join-submit-btn{padding:.75rem 1.25rem;font-size:.85rem}.join-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf64d}.join-submit-btn:disabled{opacity:.5;cursor:not-allowed}.loading-spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--text-primary);border-radius:50%;animation:spin .8s linear infinite}.user-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;padding:.5rem 1rem;background:#ffffff05;border-radius:100px}.status-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.rules-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;backdrop-filter:blur(8px)}.rules-modal-content{position:relative;width:100%;max-width:400px;background:#0f0f12fa;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:2rem;overflow:hidden}.rules-modal-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--modal-color, #8b5cf6) 20%,transparent) 0%,transparent 70%);pointer-events:none}.rules-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.rules-modal-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px}.rules-modal-icon svg{width:28px;height:28px}.rules-modal-badge{font-size:.7rem;font-weight:600;padding:.35rem .75rem;border-radius:20px;background:var(--modal-color, #8b5cf6);color:var(--text-primary);border:none;text-transform:uppercase;letter-spacing:.5px}.rules-modal-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 .35rem}.rules-modal-subtitle{font-size:.95rem;color:#ffffffb3;margin:0 0 1rem}.rules-modal-description{font-size:.9rem;color:#ffffffa6;line-height:1.5;margin:0 0 1.5rem}.rules-modal-cash-prize{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:-.5rem 0 1.25rem;padding:.6rem 1rem;background:linear-gradient(135deg,#f59e0b1f,#f59e0b0d);border:1px solid rgba(245,158,11,.25);border-radius:10px;color:var(--color-warning);font-size:.85rem;font-weight:600}.rules-modal-cash-prize svg{flex-shrink:0}.rules-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin-bottom:1.25rem}.rules-modal-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}.rules-modal-tag{font-size:.65rem;font-weight:600;padding:.35rem .7rem;border-radius:var(--glass-radius-sm);background:#ffffff14;color:#ffffffd9;border:1px solid rgba(255,255,255,.15);text-transform:uppercase;letter-spacing:.5px}.rules-modal-stats{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.25rem;padding:.75rem;background:#ffffff08;border-radius:12px}.rules-stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.rules-stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.rules-stat-label{font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.rules-modal-rules{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.6rem}.rules-modal-rules li{display:flex;align-items:center;gap:.6rem}.rules-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.rules-text{font-size:.85rem;color:#ffffffbf;line-height:1.4}.rules-modal-actions{display:flex;flex-direction:column;gap:.75rem}.rules-btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:700;border:none;border-radius:14px;color:var(--text-primary);cursor:pointer;transition:all .25s ease}.rules-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf659}.rules-btn-secondary{width:100%;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:14px;color:#ffffffb3;cursor:pointer;transition:all .25s ease}.rules-btn-secondary:hover{background:#ffffff0d;border-color:#ffffff40;color:var(--text-primary)}.arena-duel-modal{max-width:440px}.arena-duel-coming-soon-badge{font-size:.7rem;font-weight:700;padding:.35rem .75rem;border-radius:20px;background:linear-gradient(135deg,#f59e0b40,#f59e0b26);border:1px solid rgba(245,158,11,.4);color:var(--color-warning);text-transform:uppercase;letter-spacing:.5px}.arena-duel-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.25rem}.arena-duel-preview-item{display:flex;flex-direction:column;gap:.25rem;padding:.85rem 1rem;background:#f59e0b0f;border:1px solid rgba(245,158,11,.18);border-radius:12px}.arena-duel-preview-label{font-size:.65rem;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.06em}.arena-duel-preview-value{font-size:1rem;font-weight:700;color:var(--color-warning)}.arena-duel-feature-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem;padding:.85rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px}.arena-duel-feature-item{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:#fffc}.arena-duel-feature-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b;flex-shrink:0}.arena-duel-sample-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.arena-duel-sample-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c}.arena-duel-sample-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.arena-duel-sample-item{padding:.85rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;opacity:.85}.arena-duel-sample-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem;gap:.5rem}.arena-duel-sample-name{font-size:.95rem;font-weight:700;color:var(--text-primary)}.arena-duel-sample-status{font-size:.6rem;font-weight:700;padding:.2rem .55rem;border-radius:6px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:var(--color-warning);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.arena-duel-sample-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.75rem;color:#fff9}.arena-duel-sample-dot{color:#ffffff4d}.arena-duel-coming-soon-banner{display:flex;align-items:center;justify-content:center;padding:.6rem 1rem;margin-bottom:1.25rem;background:linear-gradient(135deg,#f59e0b1f,#f59e0b0f);border:1px solid rgba(245,158,11,.25);border-radius:10px;color:var(--color-warning);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.restriction-banner{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:12px;z-index:100}.restriction-icon{font-size:1rem}.restriction-text{font-size:.8rem;color:var(--color-warning)}.restriction-timer{font-size:.75rem;color:#fbbf24b3;background:#fbbf241a;padding:.2rem .5rem;border-radius:6px}.qm-rules-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;backdrop-filter:blur(12px)}.qm-rules-modal{position:relative;width:100%;max-width:420px;max-height:90vh;background:#0f0f12fa;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:1.5rem;overflow:hidden;display:flex;flex-direction:column}.qm-rules-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--card-accent, #8b5cf6) 25%,transparent) 0%,transparent 70%);pointer-events:none}.qm-rules-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;position:relative;z-index:1}.qm-rules-nia-avatar{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:var(--card-accent, #8b5cf6)}.qm-rules-indicator{display:flex;gap:.4rem;align-items:center}.qm-rules-dot{width:8px;height:8px;border-radius:50%;background:#fff3;border:none;padding:0;cursor:pointer;transition:all .2s ease}.qm-rules-dot.active{background:var(--card-accent, #8b5cf6);width:24px;border-radius:4px}.qm-rules-dot.completed,.qm-rules-dot:hover{background:#fff6}.qm-rules-dot.active:hover{background:var(--card-accent, #8b5cf6)}.qm-rules-close{width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:none;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.qm-rules-close:hover{background:#ffffff1a;color:var(--text-primary)}.qm-rules-content{flex:1;overflow-y:auto;position:relative;z-index:1;min-height:200px}.qm-rules-card{padding:.5rem 0}.qm-rules-card-accent{width:48px;height:4px;border-radius:2px;background:var(--card-accent, #8b5cf6);margin-bottom:1rem}.qm-rules-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 1.25rem;line-height:1.2}.qm-rules-text{display:flex;flex-direction:column;gap:.5rem}.qm-rules-text p{font-size:.95rem;color:#fffc;line-height:1.6;margin:0}.qm-rules-text br{height:.5rem}.qm-rules-footer{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.qm-rules-skip{display:flex;justify-content:center}.qm-rules-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.qm-rules-checkbox input{position:absolute;opacity:0;width:0;height:0}.qm-rules-checkbox-mark{width:18px;height:18px;border-radius:4px;border:2px solid rgba(255,255,255,.3);background:transparent;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.qm-rules-checkbox input:checked+.qm-rules-checkbox-mark{background:var(--card-accent, #8b5cf6);border-color:var(--card-accent, #8b5cf6)}.qm-rules-checkbox input:checked+.qm-rules-checkbox-mark:after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.qm-rules-checkbox-label{font-size:.8rem;color:#fff9}.qm-rules-btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:700;border:none;border-radius:14px;color:var(--text-primary);cursor:pointer;transition:all .25s ease}.qm-rules-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.qm-rules-btn-primary:active{transform:translateY(0)}@media(max-width:480px){.qm-rules-overlay{padding:.5rem;align-items:flex-end}.qm-rules-modal{border-radius:24px 24px 16px 16px;max-height:85vh;padding:1.25rem}.qm-rules-title{font-size:1.3rem}.qm-rules-text p{font-size:.9rem}}.battle-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.5rem;width:100%;background:linear-gradient(180deg,#0d0d12,#12121a);position:relative;box-sizing:border-box}.battle-page *{box-sizing:border-box}.battle-header-bar{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:min(1000px,95%);margin:0 auto;position:absolute;top:1rem;left:50%;transform:translate(-50%);padding:0}.battle-back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fffc;font-size:1.2rem;cursor:pointer;transition:all .25s ease}.battle-back-btn:hover{background:#8b5cf640;border-color:#8b5cf666;color:var(--text-primary);transform:scale(1.05)}.battle-content{display:flex;flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:min(1000px,95%);margin:0 auto}.battle-header{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;padding-top:1.5rem}.battle-header .back-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);padding:6px 10px;font-size:.75rem;gap:.2rem;border-radius:10px}.title-container{display:flex;flex-direction:column;align-items:center;text-align:center}.battle-title{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#fff,#c4b5fd,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.2rem;letter-spacing:-.5px;text-shadow:0 0 40px rgba(139,92,246,.3)}.battle-subtitle{font-size:.85rem;color:#ffffff73;font-weight:500;letter-spacing:.5px}@media(min-width:768px){.battle-title{font-size:2.5rem}.battle-subtitle{font-size:1.1rem}}.mode-cards{display:flex;flex-direction:column;gap:.75rem;width:100%}@media(min-width:768px){.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:100%;margin:0 auto}}@media(min-width:1024px){.mode-cards{gap:1rem}}.create-battle-card{grid-column:1 / -1}.mode-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:linear-gradient(145deg,#ffffff0d,#ffffff05);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 20px #00000040,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.mode-card:hover{background:linear-gradient(145deg,#8b5cf61a,#6366f114);border-color:#8b5cf64d;transform:translateY(-3px) scale(1.01);box-shadow:0 12px 40px #8b5cf633,0 8px 20px #0000004d,inset 0 1px #ffffff1a}.mode-card.active:hover{border-color:var(--accent-primary);transform:translateY(-3px) scale(1.02);box-shadow:0 16px 50px #8b5cf659,inset 0 1px #ffffff26}.mode-card.disabled{opacity:.5;cursor:not-allowed}.mode-card.disabled:hover{transform:none;background:linear-gradient(145deg,#ffffff0d,#ffffff05);border-color:#ffffff14;box-shadow:0 4px 20px #00000040}.mode-icon{font-size:2rem;flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#8b5cf626;border-radius:14px;border:1px solid rgba(139,92,246,.2)}.mode-info{flex:1;min-width:0}.mode-info h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.2rem}.mode-info p{font-size:.85rem;color:#ffffff80;line-height:1.4}@media(min-width:768px){.mode-card{flex-direction:column;align-items:center;text-align:center;padding:1.75rem}.mode-icon{width:64px;height:64px;font-size:2.25rem;margin-bottom:.75rem}.mode-info{margin-top:.5rem}.mode-status{margin-top:1rem}}.mode-status{font-size:.65rem;font-weight:700;padding:.4rem .85rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.mode-status.available{background:linear-gradient(135deg,#34d39933,#22c55e26);color:var(--color-success);border:1px solid rgba(52,211,153,.25);box-shadow:0 2px 8px #34d39926}.mode-status.coming{background:linear-gradient(135deg,#6b728033,#4b556326);color:#9ca3af;border:1px solid rgba(107,114,128,.25)}.find-match-btn{padding:1rem 2.5rem;font-size:1rem;font-weight:700;border:none;border-radius:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 6px 24px #6366f159,inset 0 1px #ffffff26;position:relative;overflow:hidden}.find-match-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.find-match-btn:hover:before{left:100%}.find-match-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 48px #6366f173,inset 0 1px #fff3}.battle-info{font-size:.8rem;color:#ffffff59;padding:.75rem 1.25rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.create-join-wrapper{width:100%}.create-join-main{display:flex;align-items:center;gap:1rem;cursor:pointer;width:100%}.join-divider{display:flex;align-items:center;gap:1rem;margin:1rem 0;color:#ffffff4d}.join-divider:before,.join-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.join-divider span{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#fff6}.join-by-code-inline{width:100%}.join-toggle-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1rem;background:#ffffff08;border:1px dashed rgba(255,255,255,.12);border-radius:12px;color:#ffffffa6;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .25s ease}.join-toggle-btn:hover{background:#8b5cf614;border-color:#8b5cf640;color:var(--text-primary)}.join-toggle-icon{font-size:1rem}.join-input-inline{display:flex;gap:.5rem;margin-top:.75rem}.join-input-inline .join-code-input{flex:1;padding:.7rem 1rem;font-size:.9rem;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0a;color:var(--text-primary);outline:none;transition:all .25s ease}.join-input-inline .join-code-input:focus{border-color:#8b5cf680;background:#ffffff0f}.join-input-inline .join-code-input::placeholder{color:#ffffff4d}.join-input-inline .join-code-btn{padding:.7rem 1.25rem;font-size:.85rem;font-weight:600;border:none;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;transition:all .25s ease;white-space:nowrap}.join-input-inline .join-code-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f14d}.join-input-inline .join-code-btn:disabled{opacity:.6;cursor:not-allowed}.join-input-inline .join-error{margin-top:.5rem;font-size:.8rem;color:var(--color-danger)}@media(min-width:768px){.create-join-main{flex-direction:column;text-align:center}.mode-card .mode-info{text-align:center}.join-toggle-btn{padding:1rem;font-size:.9rem}}.join-error{color:var(--color-danger);font-size:.8rem;margin-top:.5rem}.create-form{display:flex;flex-direction:column;gap:2rem;width:100%}.form-section{display:flex;flex-direction:column;gap:.75rem}.form-section label{font-size:.85rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.form-input{padding:.875rem 1rem;font-size:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--text-primary);outline:none;transition:all .25s ease;width:100%;box-sizing:border-box}.form-input:focus{border-color:#8b5cf680;background:#ffffff0f}.form-input::placeholder{color:#ffffff4d}.form-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:var(--color-danger);font-size:.85rem;text-align:center}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem}.event-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;color:#ffffffb3;font-size:.7rem;cursor:pointer;transition:all .2s ease}.event-btn:hover{background:#ffffff0f;color:var(--text-primary)}.event-btn.active{background:#8b5cf626;border-color:#8b5cf666;color:var(--accent-secondary)}.event-icon-small{font-size:1.25rem}.mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.mode-option{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.mode-option:hover{background:#ffffff0f;color:var(--text-primary)}.mode-option.active{background:#8b5cf626;border-color:#8b5cf666;color:var(--accent-secondary)}.mode-label{font-size:1.25rem;font-weight:700}.mode-players{font-size:.75rem;color:#ffffff80}.mode-desc{font-size:.7rem;color:#fff6}.visibility-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.visibility-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;color:#ffffffb3;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.visibility-btn:hover{background:#ffffff0f;color:var(--text-primary)}.visibility-btn.active{background:#8b5cf626;border-color:#8b5cf666;color:var(--accent-secondary)}.visibility-icon{font-size:1.5rem}.visibility-desc{font-size:.75rem;color:#fff6;text-align:center}.create-btn{padding:1rem 2rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:14px;color:var(--text-primary);cursor:pointer;transition:all .25s ease;width:100%}.create-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.create-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:.85rem 1.25rem;background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid rgba(239,68,68,.25);border-radius:12px;color:var(--color-danger);font-size:.85rem;font-weight:500;text-align:center;width:100%;box-shadow:0 4px 16px #ef444426}.toki-battle-restriction{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100}.toki-battle-warning{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:1px solid rgba(251,191,36,.25);border-radius:14px;color:var(--color-warning);font-size:.85rem;font-weight:500;box-shadow:0 4px 20px #fbbf2426}.toki-battle-warning .warning-emoji{font-size:1.1rem}.toki-battle-warning .warning-text{flex:1}.toki-battle-warning .warning-reset{font-size:.8rem;color:#fbbf24b3;background:#fbbf241a;padding:.25rem .6rem;border-radius:var(--glass-radius-sm)}.battle-room-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0;width:100%;background:#09090b;background-image:radial-gradient(ellipse at 50% 0%,rgba(249,115,22,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(6,182,212,.05) 0%,transparent 50%);position:relative;box-sizing:border-box;overflow-x:hidden}.battle-room-header{display:flex;align-items:center;width:100%;max-width:min(1200px,100%);margin:0 auto;padding:.75rem 1rem;background:#ffffff08;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);gap:1rem}.battle-room-header .back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fffc;cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:600}.battle-room-header .back-btn:hover{background:#ffffff1a;border-color:#ffffff26;color:var(--text-primary);transform:scale(1.05)}.battle-event-info{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#fffc;text-transform:uppercase}.room-code{margin-left:auto;font-size:.75rem;color:#ffffff80}.room-code code{background:#ffffff14;padding:.25rem .5rem;border-radius:6px;color:var(--text-primary);font-weight:600}.battle-arena{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:min(1200px,100%);padding:1rem}.matchmaking-content{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center;background:#ffffff08;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:24px;padding:3rem;box-shadow:0 8px 32px #00000040,inset 0 .5px #ffffff0a}.matchmaking-spinner{width:120px;height:120px;position:relative}@media(max-width:480px){.matchmaking-spinner{width:80px;height:80px}}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%}.spinner-ring:nth-child(1){border-top-color:var(--accent-primary);animation:spin 1.5s linear infinite}.spinner-ring:nth-child(2){border-right-color:#6366f1;animation:spin 2s linear infinite reverse;width:90%;height:90%;top:5%;left:5%}.spinner-ring:nth-child(3){border-bottom-color:var(--accent-secondary);animation:spin 2.5s linear infinite;width:80%;height:80%;top:10%;left:10%}.battle-result-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;width:100%;background:#09090b;background-image:radial-gradient(ellipse at 50% 30%,rgba(139,92,246,.1) 0%,transparent 60%)}.battle-page.modern-result{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;width:100%;background:#09090b;position:relative;overflow-x:hidden}.battle-page.modern-result .landing-background{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.battle-page.modern-result .grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:50px 50px;z-index:1}.battle-page.modern-result .glow-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;z-index:0}.battle-page.modern-result .glow-orb-1{width:400px;height:400px;background:radial-gradient(circle,#00d4ff 0%,transparent 70%);top:-100px;right:-100px}.battle-page.modern-result .glow-orb-2{width:300px;height:300px;background:radial-gradient(circle,#8b5cf6 0%,transparent 70%);bottom:20%;left:-50px}.battle-page.modern-result .result-popup{position:relative;z-index:10}.result-popup{display:flex;flex-direction:column;width:100%;max-width:1200px;background:#141419fa;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden}.result-popup-header{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1.25rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05);gap:.5rem}.result-popup-header{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;padding:1rem 1.25rem;gap:.5rem}.result-back-btn{position:absolute;left:1rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;padding:0}.result-back-btn:hover{background:#ffffff1a;color:var(--text-primary)}.result-popup-header .logo-img{height:40px;width:auto;object-fit:contain}.result-lottie{width:150px;height:150px;margin-bottom:.5rem}.result-teams-bar{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.75rem 1rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.team-section-compact{display:flex;flex-direction:column;align-items:center;gap:.4rem}.team-section-compact.my-team{opacity:1}.team-label{font-size:.7rem;font-weight:700;color:#ffffff80;text-transform:uppercase}.team-section-compact.my-team .team-label{color:#8b5cf6e6}.team-avatars-compact{display:flex;gap:.25rem}.team-avatar-compact{width:32px;height:32px;border-radius:50%;background:#8b5cf64d;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text-primary);overflow:hidden}.team-avatar-compact img{width:100%;height:100%;object-fit:cover}.team-section-compact.my-team .team-avatar-compact{background:#8b5cf680;border:2px solid rgba(139,92,246,.5)}.vs-divider-compact{font-size:.8rem;font-weight:800;color:#ffffff4d}.result-popup-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem;width:100%;max-width:1000px;margin:0 auto;box-sizing:border-box}@media(min-width:1200px){.result-popup-content{max-width:1100px}}.result-popup-header{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);gap:.75rem}.result-popup-header .logo-img{height:36px;width:auto;object-fit:contain}.event-badge{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--text-primary);padding:.4rem .75rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.25);border-radius:var(--glass-radius-sm)}.result-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:1200px}.result-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem}.result-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:2.5rem;margin-bottom:1.5rem}.result-icon.win{background:linear-gradient(135deg,#fbbf2433,#f59e0b26);color:var(--color-warning)}.result-icon.draw{background:#ffffff0d;color:#ffffff80}.result-icon.lose{background:#ef44441a;color:var(--color-danger)}.players-comparison{display:flex;align-items:center;justify-content:center;gap:2rem;width:100%;padding:1.5rem}.players-comparison .player-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;min-width:180px;flex:1;max-width:280px}.players-comparison .player-card.winner{border-color:#fbbf2466;background:#fbbf240d}.players-comparison .player-card.lose{opacity:.7}.players-comparison .player-card.draw{border-color:#ffffff1a}.players-comparison .player-avatar{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf666,#6366f14d);border-radius:50%;font-size:1.5rem;font-weight:700;color:var(--text-primary);overflow:hidden}.players-comparison .player-avatar img{width:100%;height:100%;object-fit:cover}.players-comparison .player-avatar.team-avatar{font-size:1.75rem;font-weight:800}.players-comparison .player-card.winner .player-avatar.team-avatar{background:linear-gradient(135deg,#fbbf2466,#f59e0b4d)}.players-comparison .player-avatar.team-avatar{position:relative}.players-comparison .player-avatar.team-avatar .avatar-crown{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:1.25rem;z-index:10}.players-comparison .player-avatar.team-avatar.has-crown:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(251,191,36,.6)}.players-comparison .player-card.winner .player-avatar{background:linear-gradient(135deg,#fbbf2466,#f59e0b4d)}.players-comparison .player-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;text-align:center}.players-comparison .vs-divider{display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:#ffffff4d;flex-shrink:0}.stats-comparison-grid{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:700px}.stat-metric{width:100%}.stat-comparison{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px}.stat-comparison.me-winner{border-color:#8b5cf64d}.stat-comparison.opp-winner{border-color:#ef44444d}.stat-side{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-side.my-stat .stat-value{color:#8b5cf6e6}.stat-side.opp-stat .stat-value{color:#ef4444e6}.stat-side .stat-value{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.stat-side.winner .stat-value{color:var(--color-warning)}.stat-label-center{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:80px}.stat-label-center .label{font-size:.75rem;font-weight:600;color:#fff6;text-transform:uppercase}.stat-label-center .diff{font-size:.8rem;font-weight:600;color:var(--color-success)}.stat-label-center .diff.tie{color:#fff6}.winner-crown{font-size:.9rem}.solve-times-section{width:100%;max-width:700px;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:14px}.section-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#fff9;text-transform:uppercase;margin:0 0 1rem}.solve-times-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.solve-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;scrollbar-width:thin}.solve-list::-webkit-scrollbar{width:4px}.solve-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.solve-column h4{font-size:.8rem;font-weight:600;color:#ffffff80;margin:0 0 .75rem;text-transform:uppercase}.solve-column.my-solves h4{color:#8b5cf6cc}.solve-column.opp-solves h4{color:#ef4444cc}.solve-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#ffffff05;border-radius:var(--glass-radius-sm)}.solve-item.current{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2)}.solve-num{font-size:.8rem;font-weight:600;color:#fff6}.solve-time{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;color:var(--accent-secondary)}.no-solves{font-size:.85rem;color:#ffffff4d;text-align:center;padding:1rem}.solve-item.clickable{cursor:pointer;transition:all .2s ease}.solve-item.clickable:hover{background:#8b5cf61a;border-color:#8b5cf633}.solve-user-name{display:flex;align-items:center;gap:.5rem;min-width:0}.solve-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.solve-avatar-placeholder{width:24px;height:24px;border-radius:50%;background:#8b5cf64d;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--text-primary);flex-shrink:0}.name-text{font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-popup-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.user-popup-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:320px;padding:1.5rem;background:#141419fa;border:1px solid rgba(255,255,255,.1);border-radius:16px}.user-popup-close{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;border-radius:50%;background:#ffffff0d;border:none;color:#ffffffb3;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.user-popup-close:hover{background:#ffffff1a;color:var(--text-primary)}.user-popup-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#8b5cf666,#6366f14d);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:var(--text-primary);overflow:hidden}.user-popup-avatar img{width:100%;height:100%;object-fit:cover}.user-popup-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;text-align:center}.user-popup-mcubesid,.user-popup-country,.user-popup-rating,.user-popup-avg{display:flex;flex-direction:column;align-items:center;gap:.2rem;width:100%;padding:.5rem;background:#ffffff08;border-radius:var(--glass-radius-sm)}.user-popup-mcubesid .profile-label,.user-popup-country .profile-label,.user-popup-rating .profile-label,.user-popup-avg .profile-label{font-size:.7rem;font-weight:600;color:#fff6;text-transform:uppercase}.user-popup-mcubesid .profile-value,.user-popup-country .profile-value,.user-popup-rating .profile-value,.user-popup-avg .profile-value{font-size:.95rem;font-weight:600;color:var(--text-primary)}.result-actions{display:flex;gap:.75rem;justify-content:center;align-items:stretch;width:100%;max-width:900px;margin:0 auto;flex-wrap:wrap}.action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;min-width:120px;max-width:33%;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease}.action-btn:disabled{opacity:.6;cursor:not-allowed}.share-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--success, #10b981);color:#fff;padding:1rem 2rem;border-radius:12px;font-size:.95rem;font-weight:600;z-index:9999;box-shadow:0 10px 40px #0000004d}.action-btn.primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;color:var(--text-primary)}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf666}.action-btn.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.action-btn.secondary:hover{background:#ffffff1a;color:var(--text-primary)}.action-btn.outline{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff9}.action-btn.outline:hover{background:#ffffff0d;border-color:#ffffff40;color:var(--text-primary)}.result-opponent-actions{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 1.25rem;width:100%;max-width:500px;margin:1rem auto 0}.result-opponent-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.result-opponent-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;background:#8b5cf633;color:#fff9;overflow:hidden;flex-shrink:0}.result-opponent-avatar img{width:100%;height:100%;object-fit:cover}.result-opponent-name{font-size:.85rem;font-weight:600;color:#fffc}.result-opponent-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.result-opponent-buttons .action-btn{flex:0 1 auto;min-width:unset;max-width:unset;padding:.5rem 1rem;font-size:.78rem}.report-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.report-modal-content{position:relative;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:1.5rem;background:#141419fa;border:1px solid rgba(255,255,255,.1);border-radius:16px}.report-modal-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:none;color:#ffffffb3;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.report-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.report-header{text-align:center;margin-bottom:1.5rem}.report-icon{font-size:2rem;color:var(--color-danger);margin-bottom:.75rem}.report-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.report-subtitle{font-size:.85rem;color:#ffffff80;margin:0}.report-opponent-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;margin-bottom:1.25rem}.report-opponent-info .info-label{font-size:.7rem;font-weight:600;color:#fff6;text-transform:uppercase}.report-opponent-info .info-value{font-size:.95rem;font-weight:600;color:var(--text-primary)}.report-field{margin-bottom:1.25rem}.report-field label{display:block;font-size:.85rem;font-weight:600;color:#ffffffb3;margin-bottom:.5rem}.reason-options{display:flex;flex-wrap:wrap;gap:.5rem}.reason-chip{padding:.5rem .75rem;font-size:.8rem;font-weight:500;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--glass-radius-sm);color:#ffffffb3;cursor:pointer;transition:all .2s ease}.reason-chip:hover{background:#ffffff1a;color:var(--text-primary)}.reason-chip.selected{background:#ef444433;border-color:#ef444466;color:var(--color-danger)}.report-field textarea{width:100%;padding:.75rem;font-size:.9rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-primary);resize:vertical;font-family:inherit}.report-field textarea:focus{outline:none;border-color:#8b5cf680}.report-field textarea::placeholder{color:#ffffff4d}.report-checkbox{margin-bottom:1.25rem}.report-checkbox label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#fff9;cursor:pointer}.report-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary)}.report-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--glass-radius-sm);color:var(--color-danger);font-size:.85rem;margin-bottom:1rem}.report-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-cancel{padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#ffffff1a;color:var(--text-primary)}.btn-submit{padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.btn-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.report-success{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;text-align:center}.report-success .success-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#22c55e33;border-radius:50%;color:var(--color-success);font-size:2rem}.report-success h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.report-success p{font-size:.9rem;color:#ffffff80;margin:0}.result-card{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:min(500px,100%);padding:2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:24px}.result-trophy{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf2433,#f59e0b26);border-radius:50%;font-size:2.5rem}.result-title{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0}.result-subtitle{font-size:1rem;color:#ffffff80;margin:1.5rem 0 0}.rating-change-display{margin-top:.75rem;font-size:1.1rem;font-weight:600;padding:.5rem 1rem;border-radius:var(--glass-radius-sm);display:flex;flex-direction:column;align-items:center;gap:.25rem}.rating-gain{color:var(--color-success)}.rating-loss{color:var(--color-danger)}.rating-draw{color:var(--color-warning)}.rating-new{font-size:.9rem;font-weight:500;opacity:.85}.lr-results-card{width:100%;padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;display:flex;flex-direction:column;gap:.75rem}.lr-results-title{font-size:1rem;font-weight:700;color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em}.lr-results-divider{height:1px;background:#ffffff14;margin:0}.lr-results-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.lr-results-label{color:#ffffff80;font-weight:500}.lr-results-value{font-weight:700;font-size:1.1rem}.lr-results-value.positive{color:var(--color-success)}.lr-results-value.negative{color:var(--color-danger)}.lr-results-value.neutral{color:var(--color-warning)}.players-card{display:flex;align-items:center;gap:1.5rem;width:100%;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px}.player-result{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:1}.player-avatar{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#8b5cf633;border:2px solid rgba(139,92,246,.3);border-radius:50%;font-size:1.25rem;font-weight:700;color:var(--text-primary);overflow:hidden}.player-result.winner .player-avatar{background:linear-gradient(135deg,#fbbf2433,#f59e0b26);border-color:#fbbf2466}.player-name{font-size:.9rem;font-weight:600;color:var(--text-primary);text-align:center}.winner-badge{display:flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;padding:.25rem .5rem;background:linear-gradient(135deg,#fbbf2433,#f59e0b26);border:1px solid rgba(251,191,36,.3);border-radius:6px;color:var(--color-warning)}.vs-divider{font-size:.9rem;font-weight:700;color:#ffffff4d}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.stat-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px}.stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff6}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.stat-value.winner{color:var(--color-warning)}.stat-diff{font-size:.75rem;color:var(--color-success)}.play-again-btn{width:100%;padding:1rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:14px;color:var(--text-primary);cursor:pointer;transition:all .25s ease}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf64d}.battle-play-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;width:100%;background:#09090b;position:relative}.battle-arena-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:min(1200px,100%);padding-top:2rem}.scramble-card{width:100%;padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;text-align:center}.scramble-text{font-size:1.1rem;color:#ffffffe6;line-height:1.6;word-break:break-word}.solve-number{font-size:.75rem;font-weight:600;color:#fff6;margin-top:.5rem}.players-bar{display:flex;gap:1rem;width:100%}.player-slot{flex:1;display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px}.player-slot.active{border-color:#8b5cf64d;background:#8b5cf60d}.player-slot-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#8b5cf633;border-radius:50%;font-weight:600;color:var(--text-primary);font-size:.9rem}.player-slot-info{flex:1}.player-slot-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.player-slot-time{font-size:.75rem;color:#fff6}.countdown-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:100}.countdown-number{font-size:8rem;font-weight:800;color:var(--accent-primary);text-shadow:0 0 60px rgba(139,92,246,.5)}.solve-table-container{width:100%;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px}.solve-table{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.solve-cell{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;background:#ffffff05;border-radius:var(--glass-radius-sm);font-size:.8rem}.solve-cell.current{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3)}.solve-cell .time{font-weight:600;color:var(--text-primary)}.solve-cell .label{font-size:.65rem;color:#fff6}.battle-page-new{min-height:100vh;width:100%;background:#09090b;background-image:radial-gradient(ellipse at 50% 0%,rgba(139,92,246,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(6,182,212,.05) 0%,transparent 50%);position:relative;display:flex;flex-direction:column}.battle-header-bar-new{display:flex;align-items:center;justify-content:center;padding:2rem .5rem 1rem;position:relative;z-index:10}.battle-header-center{display:flex;align-items:center;gap:.5rem}.battle-back-btn-new{position:absolute;left:.5rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0f;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fffc;cursor:pointer;transition:all .2s ease}.battle-back-btn-new:hover{background:#ffffff1a;border-color:#ffffff26;color:var(--text-primary)}.battle-title-new{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;text-align:center}.battle-header-spacer{width:40px}.battle-header-actions{position:absolute;right:.5rem;display:flex;align-items:center;gap:.5rem}.battle-share-btn-new{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#7c5cff26;backdrop-filter:blur(12px);border:1px solid rgba(124,92,255,.3);border-radius:12px;color:var(--accent-secondary);cursor:pointer;transition:all .2s ease}.battle-share-btn-new:hover{background:#7c5cff40;border-color:#7c5cff80;color:#c4b5fd;transform:translateY(-1px)}.battle-share-btn-new:active{transform:translateY(0)}.share-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:12px 24px;background:#10b981e6;backdrop-filter:blur(12px);border:1px solid rgba(16,185,129,.5);border-radius:12px;color:var(--text-primary);font-size:.9rem;font-weight:500;z-index:1000;box-shadow:0 8px 32px #10b9814d}.create-form-new{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:900px;margin:1rem auto;padding:2rem;background:#ffffff08;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:24px;box-shadow:0 8px 32px #00000040,inset 0 .5px #ffffff0a;box-sizing:border-box}@media(max-width:480px){.create-form-new{padding:1.5rem 1rem;gap:1.5rem;margin:1rem 0;max-width:calc(100% - 1.5rem)}.battle-content-new{padding:0}.battle-hero{padding:1rem 0;width:100%}.hero-icon{width:60px;height:60px;border-radius:12px;margin-bottom:.5rem}.hero-icon span,.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.8rem}.battle-lobby-card{min-height:130px;padding:.875rem;border-radius:14px;gap:.4rem;flex-direction:column;align-items:flex-start}.battle-lobby-card .mode-card-header{gap:.6rem}.battle-lobby-card .mode-card-icon{width:38px;height:38px;border-radius:10px}.battle-lobby-card .mode-card-icon svg{width:18px;height:18px}.battle-lobby-card .mode-card-info{width:100%}.battle-lobby-card .mode-card-info h3{font-size:.95rem;margin:0 0 .2rem}.battle-lobby-card .mode-card-description{font-size:.7rem;line-height:1.35}.battle-lobby-card .mode-card-tags{margin-top:.5rem}.battle-lobby-card .mode-tag{font-size:.55rem;padding:.15rem .35rem}.battle-lobby-card .mode-card-arrow{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);margin-left:0}.battle-lobby-card .mode-card-arrow svg{width:14px;height:14px}.mode-card-new{padding:.75rem .875rem}.mode-icon-new{width:40px;height:40px;border-radius:10px}.mode-icon-new span{font-size:1.25rem}.mode-text h3{font-size:.9rem}.mode-text p{font-size:.75rem}.join-section{margin-top:1.5rem;width:100%}.join-by-code-btn{padding:.875rem 1rem;font-size:.85rem}.join-input-new{padding:.75rem .875rem;font-size:.85rem}.user-status{font-size:.8rem;padding-bottom:1rem}}.battle-content-new{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:1200px;margin:0 auto;padding:0 .5rem;flex:1}.matchmaking-content-new{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center;background:#ffffff08;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:24px;padding:3rem;box-shadow:0 8px 32px #00000040,inset 0 .5px #ffffff0a;width:100%;max-width:900px;margin:1rem auto;box-sizing:border-box}@media(max-width:480px){.matchmaking-content-new{padding:2rem 1rem;gap:1.5rem;margin:1rem 0;max-width:calc(100% - 1.5rem)}.create-form-new{padding:1.5rem 1rem;gap:1.5rem;margin:1rem 0;max-width:calc(100% - 1.5rem)}.event-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.4rem}.event-btn{padding:.5rem .25rem;font-size:.65rem}.event-icon-small{font-size:1rem}.mode-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.mode-option{padding:.75rem .5rem}.mode-label{font-size:1rem}.visibility-options{grid-template-columns:1fr}.battle-content-new{padding:0 .75rem}}@media(max-width:480px){.battle-title-new{font-size:.95rem}.battle-hero{padding:1rem 0}.hero-icon{width:100px;height:100px;border-radius:16px;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}.hero-icon span{font-size:1.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:.85rem}.mode-card-new{padding:.75rem .875rem}.mode-icon-new{width:40px;height:40px;border-radius:10px}.mode-icon-new span{font-size:1.25rem}.mode-text h3{font-size:.9rem}.mode-text p{font-size:.75rem}.join-section{margin-top:1.5rem}.join-by-code-btn{padding:.875rem 1rem;font-size:.85rem}.join-input-new{padding:.75rem .875rem;font-size:.85rem}.user-status{font-size:.8rem;padding-bottom:1rem}}@media(min-width:768px){.battle-content{max-width:520px}.battle-hero{padding:2rem 0}.hero-icon{width:120px;height:120px;border-radius:24px;display:flex;align-items:center;justify-content:center}.hero-icon span{font-size:2.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.mode-card-new{padding:1.5rem 1.75rem}.mode-icon-new{width:56px;height:56px;border-radius:14px}.mode-icon-new span{font-size:1.75rem}.mode-text h3{font-size:1.15rem}.mode-text p{font-size:.85rem}}.battle-hero{padding:2rem 0}.hero-icon{width:88px;height:88px;border-radius:24px}.hero-icon span,.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.mode-card-new{padding:1.5rem 1.75rem}.mode-icon-new{width:56px;height:56px;border-radius:14px}.mode-icon-new span{font-size:1.75rem}.mode-text h3{font-size:1.15rem}.mode-text p{font-size:.85rem}} @media (min-width: 1024px){.battle-content-new{max-width:520px}}.event-selector{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.event-selector-label{font-size:.85rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.event-options{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.event-option{padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;color:#ffffffb3;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease}.event-option:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:var(--text-primary)}.event-option.selected{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#8b5cf680;color:var(--text-primary);box-shadow:0 4px 12px #8b5cf64d}.event-option:disabled{opacity:.5;cursor:not-allowed}.matchmaking-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;text-align:center}.matchmaking-subtitle{font-size:.95rem;color:#fff9;margin:0;text-align:center;max-width:280px}.ready-btn{padding:1rem 3rem;font-size:1.1rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #8b5cf666}.ready-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 24px #8b5cf680}.ready-btn:disabled{opacity:.6;cursor:not-allowed}.ready-btn:active:not(:disabled){transform:scale(.98)}.matchmaking-video-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:1rem 0}.video-option-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#ffffffb3;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.video-option-btn:hover:not(:disabled){background:#ffffff1f;border-color:#fff3;color:var(--text-primary)}.video-option-btn.enabled{background:#8b5cf633;border-color:#8b5cf666;color:var(--accent-secondary)}.video-option-btn.enabled:hover:not(:disabled){background:#8b5cf64d}.video-option-btn:disabled{opacity:.5;cursor:not-allowed}.video-option-icon{display:flex;align-items:center;justify-content:center}.video-option-label{flex:1}.video-option-cooldown{font-size:.75rem;color:#ffffff80;margin-left:.5rem}.video-option-hint{font-size:.75rem;color:#fff6}.ready-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;position:relative}.ready-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#22c55e4d,#16a34a33);animation:pulse 2s ease-in-out infinite}.ready-text{position:relative;font-size:1rem;font-weight:700;color:var(--color-success);text-transform:uppercase;letter-spacing:.1em}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.cancel-btn{padding:.75rem 2rem;font-size:.9rem;font-weight:600;color:#ffffffb3;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#ffffff1a;color:var(--text-primary)}.matchmaking-error{padding:1rem 1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:var(--color-danger);font-size:.9rem;text-align:center}.battle-room-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;padding:.75rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:16px;margin-bottom:1.5rem}.back-btn{display:flex;align-items:center;justify-content:center;padding:.6rem 1rem;font-size:.85rem;font-weight:600;color:#ffffffb3;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#ffffff1a;color:var(--text-primary)}.battle-event-info{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-primary)}.room-code{font-size:.75rem;color:#ffffff80}.room-code code{background:#8b5cf633;padding:.2rem .5rem;border-radius:6px;color:var(--accent-secondary);font-family:monospace}.waiting-room{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:1200px;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px}.waiting-room-header{text-align:center;width:100%}.waiting-room-header .battle-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem}.room-meta{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.mode-badge{font-size:.7rem;font-weight:700;padding:.3rem .6rem;background:linear-gradient(135deg,#8b5cf64d,#6366f133);border:1px solid rgba(139,92,246,.3);border-radius:var(--glass-radius-sm);color:var(--accent-secondary);text-transform:uppercase}.host-info{font-size:.8rem;color:#ffffff80}.teams-container{display:flex;align-items:stretch;justify-content:center;gap:1rem;width:100%}.team-section{flex:1;display:flex;flex-direction:column;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1rem;min-width:140px}.team-a{border-color:#3b82f633;background:linear-gradient(180deg,#3b82f60d,#ffffff05)}.team-b{border-color:#ef444433;background:linear-gradient(180deg,#ef44440d,#ffffff05)}.team-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.team-header h2{font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0}.team-a .team-header h2{color:#60a5fa}.team-b .team-header h2{color:var(--color-danger)}.player-count{font-size:.75rem;font-weight:600;color:#ffffff80;background:#ffffff0d;padding:.2rem .5rem;border-radius:6px}.team-players{display:flex;flex-direction:column;gap:.5rem}.player-slot.empty{display:flex;align-items:center;justify-content:center;padding:.75rem;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:10px}.slot-label{font-size:.75rem;color:#ffffff4d}.vs-divider-large{display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:#ffffff4d;padding:0 .5rem}.waiting-status{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.player-count-display{display:flex;align-items:baseline;gap:.25rem}.player-count-display .count{font-size:2rem;font-weight:800;color:var(--text-primary)}.player-count-display .separator{font-size:1.5rem;color:#ffffff4d}.player-count-display .total{font-size:1.5rem;font-weight:700;color:#ffffff80}.player-count-display .label{font-size:.8rem;color:#fff6;margin-left:.5rem}.waiting-message,.ready-message,.all-ready-message{font-size:.9rem;color:#fff9;margin:0;text-align:center}.ready-message{color:var(--color-success)}.all-ready-message{color:var(--color-warning)}.start-section{width:100%;display:flex;justify-content:center}.start-battle-btn{padding:.875rem 2.5rem;font-size:1rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #22c55e4d}.start-battle-btn:hover:not(:disabled){transform:scale(1.03);box-shadow:0 6px 24px #22c55e66}.start-battle-btn:disabled{opacity:.6;cursor:not-allowed}.waiting-for-host{text-align:center}.start-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:var(--color-danger);font-size:.85rem;text-align:center}.share-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.share-label{font-size:.8rem;color:#fff6;margin:0}.share-code{display:flex;align-items:center;gap:.5rem}.share-code code{font-size:.85rem;color:var(--accent-secondary);background:#8b5cf61a;padding:.4rem .75rem;border-radius:var(--glass-radius-sm);font-family:monospace}.copy-btn{padding:.4rem .75rem;font-size:.75rem;font-weight:600;color:#ffffffb3;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--glass-radius-sm);cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:#ffffff1a;color:var(--text-primary)}.spectator-notice{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:12px;width:100%;text-align:center}.spectator-notice p{margin:0;font-size:.9rem;color:var(--color-warning)}.join-as-player-btn{padding:.5rem 1rem;font-size:.85rem;font-weight:600;color:var(--text-primary);background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:var(--glass-radius-sm);cursor:pointer;transition:all .2s ease}.join-as-player-btn:hover{transform:scale(1.03)}@media(max-width:480px){.teams-container{flex-direction:column}.vs-divider-large{padding:.5rem 0}.battle-room-header{flex-wrap:wrap;gap:.5rem}}.battle-arena{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;gap:1rem;width:100%;max-width:1200px;padding:1rem}.players-row{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px}.vs-divider{font-size:.85rem;font-weight:800;color:#ffffff40;flex-shrink:0}.battle-zone{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.scramble-display{padding:1rem 1.25rem;background:#ffffff08;border:1px solid rgba(139,92,246,.2);border-radius:16px;text-align:center}.scramble-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.solve-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;padding:.3rem .6rem;background:linear-gradient(135deg,#8b5cf64d,#6366f133);border:1px solid rgba(139,92,246,.3);border-radius:6px;color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.05em}.live-indicator{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 1s infinite}.scramble-text{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:500;color:var(--text-primary);letter-spacing:.02em;line-height:1.5}.timer-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;min-height:120px}.battle-timer-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center}.waiting-state-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.waiting-state-subtitle{font-size:.85rem;color:#ffffff80;margin:0}.submitted-state{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:12px;text-align:center;width:100%}.submitted-checkmark{font-size:1.25rem;color:var(--color-success)}.submitted-label{font-size:.8rem;font-weight:600;color:var(--color-success)}.submitted-time{font-size:1.25rem;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--text-primary)}.submitted-waiting{font-size:.8rem;color:#ffffff80}.solve-table-section{padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px}.solve-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.solve-table-title{font-size:.8rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.solve-progress{font-size:.75rem;font-weight:600;color:#ffffff59}.solve-table-container{width:100%;margin:0 auto}.solve-table{width:100%;border-collapse:separate;border-spacing:0 .25rem}.solve-table th{text-align:center;padding:.4rem .5rem;font-size:.65rem;font-weight:600;color:#ffffff59;text-transform:uppercase;letter-spacing:.05em}.solve-table td{text-align:center;padding:.5rem .6rem;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;background:#ffffff05;border:1px solid transparent;transition:all .3s ease}.solve-table tr:first-child td:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.solve-table tr:first-child td:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.solve-table tr:last-child td:first-child{border-bottom-left-radius:6px}.solve-table tr:last-child td:last-child{border-bottom-right-radius:6px}.solve-number{position:relative;color:#ffffff59;min-width:40px;font-size:.8rem}.solve-time{min-width:65px}.solve-time.solved{color:var(--accent-secondary);background:#8b5cf61a;border-color:#8b5cf633}tr.current td{border-color:#8b5cf666;background:#8b5cf61f}tr.current td.solve-number{color:var(--accent-secondary)}tr.completed td{opacity:.5}.battle-arena .player-card{padding:.75rem 1rem;min-width:140px;flex:1;max-width:220px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.player-card .avatar-circle{width:44px;height:44px;font-size:1.1rem}.player-card .player-info{flex:1}.player-card .player-name{font-size:.95rem}.player-card .player-result{font-size:1rem}.team-battle-header{display:flex;align-items:stretch;justify-content:center;gap:1rem;width:100%}.team-column{flex:1;display:flex;flex-direction:column;gap:.4rem;padding:.875rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;max-width:200px}.team-column.my-team{border-color:#8b5cf64d;background:#8b5cf60d}.team-column h3{font-size:.8rem;font-weight:700;color:#ffffff80;text-transform:uppercase;margin:0 0 .4rem;padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.05)}.team-player-row{display:flex;align-items:center;justify-content:space-between;padding:.3rem 0;font-size:.8rem}.team-player-row .player-name{font-weight:500;color:#ffffffb3}.team-player-row .player-result{font-family:JetBrains Mono,monospace;font-weight:600;color:var(--accent-secondary)}.team-player-row .solve-count{font-size:.7rem;color:#ffffff4d}.team-vs{display:flex;align-items:center;font-size:.85rem;font-weight:800;color:#fff3;padding:0 .5rem}.team-scrambles{padding:.875rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px}.team-scrambles h4{font-size:.8rem;font-weight:600;color:#fff6;text-transform:uppercase;margin:0 0 .5rem}.battle-complete-banner{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.25rem;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:1px solid rgba(139,92,246,.3);border-radius:16px;text-align:center}.battle-complete-title{font-size:1.1rem;font-weight:800;color:var(--text-primary);margin:0}.battle-complete-subtitle{font-size:.85rem;color:#ffffff80;margin:0}@media(max-width:768px){.battle-zone{grid-template-columns:1fr}.players-row{flex-direction:column;gap:.5rem}.vs-divider{transform:rotate(90deg)}.battle-arena .player-card{max-width:100%;width:100%}.team-battle-header{flex-direction:column;align-items:center}.team-column{max-width:100%;width:100%}.team-vs{padding:.4rem 0}}.battle-room-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;width:100%;background:linear-gradient(180deg,#0d0d12,#12121a);position:relative}.battle-content{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:100%;padding:0 .5rem}.battle-content-center{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:100%;padding:2rem 1rem}.battle-nav{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;margin-bottom:1rem}.battle-content{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:1200px}.battle-content-center{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;padding:2rem}.battle-nav{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;margin-bottom:1rem}.battle-nav-btn{padding:.5rem .875rem;font-size:.85rem;font-weight:600;color:#ffffffb3;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--glass-radius-sm);cursor:pointer;transition:all .2s ease}.battle-nav-btn:hover{background:#ffffff1a;color:var(--text-primary)}.battle-nav-logo{display:flex;align-items:center;justify-content:center}.battle-nav-logo img{height:28px;width:auto;object-fit:contain}.battle-nav-event{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--text-primary);padding:.4rem .75rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.25);border-radius:var(--glass-radius-sm)}.battle-player-header{display:flex;align-items:center;justify-content:center;gap:1.5rem;width:100%;padding:1rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px}.battle-player-card{flex:1;display:flex;align-items:center;gap:.875rem;padding:.875rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;cursor:pointer;transition:all .2s ease;max-width:320px}.battle-player-card:hover{background:#ffffff0d;border-color:#8b5cf633}.battle-player-card.you{border-color:#8b5cf64d}.battle-player-card.opponent{border-color:#ffffff1a}.battle-vs{font-size:.85rem;font-weight:800;color:#ffffff4d;flex-shrink:0}.player-avatar-sm{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#8b5cf666,#6366f14d);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--text-primary);flex-shrink:0;overflow:hidden}.player-avatar-sm img{width:100%;height:100%;object-fit:cover}.player-card-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.player-card-name{font-size:.9rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.you-tag{font-size:.6rem;font-weight:700;padding:.15rem .35rem;background:#8b5cf64d;color:var(--accent-secondary);border-radius:4px;text-transform:uppercase}.player-card-status{font-size:.75rem;color:#ffffff80;text-transform:capitalize}.battle-player-header.compact{padding:.75rem 1rem}.battle-player-header.compact .battle-player-card{flex:1;max-width:none;padding:.5rem .75rem;background:transparent;border:none;flex-direction:row;gap:.5rem}.player-avatar-compact{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b5cf666,#6366f14d);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--text-primary);flex-shrink:0;overflow:hidden}.player-avatar-compact img{width:100%;height:100%;object-fit:cover}.player-name-compact{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.team-avatars-row{display:flex;align-items:center;gap:.25rem}.team-avatars-more{width:36px;height:36px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#ffffffb3}.team-popup-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.team-popup-content{background:#141419f2;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:320px;overflow:hidden}.team-popup-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05)}.team-popup-header h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.team-popup-close{width:28px;height:28px;border-radius:50%;background:#ffffff0d;border:none;color:#ffffffb3;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.team-popup-close:hover{background:#ffffff1a;color:var(--text-primary)}.team-popup-list{display:flex;flex-direction:column;padding:.5rem;max-height:300px;overflow-y:auto}.team-popup-player{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:10px;cursor:pointer;transition:all .2s ease}.team-popup-player:hover{background:#ffffff0d}.team-popup-player-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.battle-arena-widget{width:100%;padding:1.5rem;background:#ffffff08;border:1px solid rgba(139,92,246,.2);border-radius:16px;display:flex;flex-direction:column;gap:1.25rem}.shrinking-play .battle-content-new{display:flex;flex-direction:column;gap:1rem}.shrinking-hero{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;gap:1rem}.shrinking-round-display{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:60px}.round-number{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.round-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.cutoff-glow-container{position:relative;display:flex;align-items:center;justify-content:center}.cutoff-glow-ring{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,var(--cutoff-color, #ef4444) 0%,transparent 70%);opacity:.3;animation:pulse 2s infinite}.cutoff-display{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem}.cutoff-value{font-size:1.75rem;font-weight:800;color:var(--text-primary)}.cutoff-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.reduction-badge{display:flex;align-items:center;gap:.25rem;padding:.4rem .6rem;background:#ffffff0d;border-radius:var(--glass-radius-sm);font-size:.8rem;font-weight:700;color:#ffffffb3}.shrinking-progress-card{padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px}.progress-stats{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.progress-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.progress-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.progress-label{font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.progress-divider{width:1px;height:30px;background:#ffffff1a}.progress-steps{display:flex;justify-content:center;gap:.5rem}.progress-step{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff6;font-size:.8rem;font-weight:600}.progress-step.qualified{background:#22c55e26;border-color:#22c55e4d;color:var(--color-success)}.progress-step.current{border-color:#8b5cf680;animation:pulse 1s infinite}.step-indicator{display:flex;align-items:center;justify-content:center}.shrinking-scramble-card{padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px}.scramble-label{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.scramble-text{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:500;color:var(--text-primary);letter-spacing:.02em;line-height:1.6;text-align:center;word-break:break-all}.shrinking-timer-wrap{padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px}.shrinking-submitted-card{padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:.75rem}.shrinking-submitted-card.pass{background:#22c55e14;border-color:#22c55e40}.shrinking-submitted-card.fail{background:#ef444414;border-color:#ef444440}.submitted-icon{display:flex;align-items:center;justify-content:center}.shrinking-submitted-card.pass .submitted-icon{color:var(--color-success)}.shrinking-submitted-card.fail .submitted-icon{color:var(--color-danger)}.shrinking-submitted-card .submitted-message{font-size:1rem;font-weight:600;color:var(--text-primary)}font-size: .75rem; font-weight: 600; color: rgba(255,255,255,.5); text-transform: uppercase; letter-spacing: .5px; margin-bottom: .75rem; text-align: center; } .shrinking-scramble-text{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:500;color:var(--text-primary);letter-spacing:.02em;line-height:1.6;text-align:center;word-break:break-all}@media(max-width:480px){.shrinking-hero{padding:.875rem;gap:.75rem}.cutoff-value{font-size:1.4rem}}.sudden-lobby-content{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:0 .5rem}.shrinking-results .battle-content-new{gap:1.25rem}.shrinking-result-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px}.result-hero-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.result-hero-title{font-size:1.75rem;font-weight:800;margin:0 0 .5rem}.result-hero-subtitle{font-size:.95rem;color:#fff9;margin:0}.results-stats-row{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:100%}.stats-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem .75rem}.stats-item-icon{display:flex;align-items:center;justify-content:center}.stats-item-value{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.stats-item-label{font-size:.65rem;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.stats-divider{width:1px;height:40px;background:#ffffff1a}.distribution-tip-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.shrinking-time-distribution{padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px}.distribution-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.distribution-header h3{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#fff9;margin:0}.avg-time{font-size:.8rem;font-weight:600;color:var(--text-primary)}.distribution-bars{display:flex;align-items:flex-end;justify-content:center;gap:.75rem;height:80px}.distribution-bar-item{display:flex;flex-direction:column;align-items:center;gap:.35rem}.bar-container{width:36px;height:60px;background:#ffffff0d;border-radius:6px;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;border-radius:6px;min-height:4px}.bar-label{font-size:.65rem;color:#ffffff80}.bar-count{font-size:.7rem;font-weight:600;color:var(--text-primary)}.shrinking-tip-card{padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;display:flex;align-items:flex-start;gap:.75rem}.tip-icon{font-size:1.5rem;flex-shrink:0}.tip-content{display:flex;flex-direction:column;gap:.25rem}.tip-label{font-size:.7rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.tip-text{font-size:.85rem;color:#fffc;margin:0;line-height:1.4}.shrinking-history-card{padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.history-title{font-size:.9rem;font-weight:600;color:#ffffffb3;margin:0}.history-summary{font-size:.8rem;font-weight:600;color:var(--text-primary)}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:#ffffff05;border-radius:10px}.history-item.qualified{background:#22c55e14}.history-item.failed{background:#ef444414}.history-round-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:var(--glass-radius-sm);font-size:.75rem;font-weight:700;color:var(--text-primary);flex-shrink:0}.history-item.qualified .history-round-badge{background:#22c55e33;color:var(--color-success)}.history-item.failed .history-round-badge{background:#ef444433;color:var(--color-danger)}.history-result{flex:1;display:flex;flex-direction:column;gap:.15rem}.history-time{font-size:.95rem;font-weight:700;color:var(--text-primary)}.history-time .penalty{color:var(--color-warning)}.history-time .dnf{color:var(--color-danger)}.history-cutoff{font-size:.7rem;color:#ffffff80}.history-status-badge{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.history-item.qualified .history-status-badge{background:#22c55e33;color:var(--color-success)}.history-item.failed .history-status-badge{background:#ef444433;color:var(--color-danger)}.result-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:center;width:100%}.result-btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:700;border:none;border-radius:14px;color:var(--text-primary);cursor:pointer;transition:all .25s ease}.result-btn-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:14px;color:#ffffffb3;cursor:pointer;transition:all .25s ease}.result-btn-secondary:hover{background:#ffffff0d;border-color:#ffffff40;color:var(--text-primary)}@media(max-width:480px){.results-stats-row{gap:.75rem}.stats-item{padding:.4rem .5rem}.stats-item-value{font-size:1rem}.distribution-tip-row{grid-template-columns:1fr}.distribution-bars{height:60px}.bar-container{width:28px}}.battle-room-page{min-height:100vh;display:flex;flex-direction:column;width:100%;background:#09090b;background-image:radial-gradient(ellipse at 50% 0%,rgba(249,115,22,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(6,182,212,.05) 0%,transparent 50%);position:relative}.sudden-battle-info{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;width:100%}.sudden-time-limit{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:#fff9}.sudden-time-limit.low{color:var(--color-danger)}.sudden-remaining-time{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.sudden-remaining-time.low{color:var(--color-danger);animation:pulse .5s infinite}.sudden-progress-info{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600}.sudden-progress-info .active-count{display:flex;align-items:center;gap:.3rem;color:var(--color-success)}.sudden-progress-info .divider{color:#ffffff4d}.sudden-progress-info .eliminated-count{display:flex;align-items:center;gap:.3rem;color:var(--color-danger)}.sudden-progress-info .dot{width:6px;height:6px;border-radius:50%}.sudden-progress-info .dot.active{background:#22c55e}.sudden-progress-info .dot.eliminated{background:#ef4444}.sudden-scramble-card{padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px}.sudden-scramble-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.sudden-scramble-header .solve-badge{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;padding:.3rem .6rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:var(--color-danger);text-transform:uppercase}.sudden-scramble-header .live-indicator{width:6px;height:6px;background:#ef4444;border-radius:50%;animation:pulse 1s infinite}.sudden-scramble-header .solve-number{font-size:.8rem;font-weight:600;color:#fff9}.sudden-scramble-text{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:500;color:var(--text-primary);letter-spacing:.02em;line-height:1.6;text-align:center;word-break:break-all}.sudden-timer-area{padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px}.sudden-submitted-card{padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:.5rem}.sudden-submitted-icon{color:var(--color-success)}.sudden-submitted-text{font-size:1rem;font-weight:600;color:var(--text-primary)}.sudden-my-time{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.sudden-submitted-hint{font-size:.8rem;color:#ffffff80}.sudden-players-widget{padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px}.sudden-widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.sudden-widget-header h3{font-size:.85rem;font-weight:600;color:#fff9;margin:0}.sudden-round-indicator{font-size:.85rem;font-weight:700;padding:.25rem .5rem;background:#f9731626;border-radius:6px;color:#f97316}@media(max-width:480px){.sudden-battle-info{padding:.625rem .875rem;flex-wrap:wrap;gap:.5rem}.sudden-remaining-time{font-size:1rem}}.sudden-form-body{display:flex;flex-direction:column;gap:1.25rem}.sudden-form-group{display:flex;flex-direction:column;gap:.5rem}.sudden-form-label{font-size:.8rem;font-weight:600;color:#ffffffb3}.sudden-form-input{padding:.75rem 1rem;font-size:.95rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-primary);outline:none;transition:all .25s ease}.sudden-form-input:focus{border-color:#f9731680;background:#ffffff0f}.sudden-form-input::placeholder{color:#ffffff4d}.sudden-form-header{display:flex;align-items:center;justify-content:space-between}.sudden-form-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.sudden-form-range{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;-webkit-appearance:none}.sudden-form-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#f97316;border-radius:50%;cursor:pointer}.sudden-range-labels{display:flex;justify-content:space-between;font-size:.7rem;color:#fff6;margin-top:.25rem}.sudden-event-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.sudden-event-option{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .2s ease;color:#fff9}.sudden-event-option:hover{background:#ffffff0f;color:var(--text-primary)}.sudden-event-option.selected{background:#f9731626;border-color:#f9731666;color:#f97316}.sudden-event-label{font-size:.7rem;font-weight:600}.sudden-join-error{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;font-size:.8rem;color:var(--color-danger)}.sudden-code-input{text-transform:uppercase;font-family:JetBrains Mono,monospace;letter-spacing:.1em}font-size: 1rem; } } .cutoff-glow-ring{width:80px;height:80px}.round-number{font-size:1.2rem}.reduction-badge{font-size:.7rem;padding:.3rem .5rem}} .arena-solve-label{display:flex;align-items:center;justify-content:center;gap:1rem}.solve-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;padding:.4rem .75rem;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:6px;color:var(--color-success);text-transform:uppercase;letter-spacing:.05em}.live-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 1s infinite}.solve-text{font-size:1rem;font-weight:600;color:#fff9}.arena-scramble{padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;text-align:center}.scramble-text-display{font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:500;color:var(--text-primary);letter-spacing:.02em;line-height:1.6}.arena-timer-zone{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.arena-waiting-state{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.5rem;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:12px;width:100%}.waiting-check{font-size:1.5rem;color:var(--color-success);font-weight:700}.waiting-main{font-size:1rem;font-weight:700;color:var(--text-primary)}.waiting-sub{font-size:.85rem;color:#ffffff80}.arena-idle-state{font-size:1rem;color:#fff6;padding:1.5rem}.arena-pre-timer-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;background:#a855f70f;border:1px solid rgba(168,85,247,.15);border-radius:14px;width:100%}.pre-timer-prompt{font-size:.9rem;color:#ffffff80;font-weight:500}.start-timer-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;border-radius:10px;color:var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.5px}.start-timer-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #8b5cf666}.start-timer-btn:active{transform:translateY(0)}.battle-stats-section{width:100%;padding:1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:14px}.stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.875rem;border-bottom:1px solid rgba(255,255,255,.05)}.stats-title{font-size:.85rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.stats-progress{font-size:.8rem;font-weight:600;color:#ffffff59}.stats-table{display:flex;flex-direction:column;gap:.5rem}.stats-row{display:grid;grid-template-columns:120px repeat(5,1fr);gap:.5rem;padding:.75rem 1rem;background:#ffffff05;border-radius:var(--glass-radius-sm);transition:all .2s ease;box-sizing:border-box}.stats-row.header{background:transparent;padding:.5rem 1rem;box-sizing:border-box}.stats-row.current{background:#8b5cf61f;border:1px solid rgba(139,92,246,.3)}.stats-row.completed{opacity:.7}.stats-col-label,.stats-col-solve,.stats-solve-num{font-size:.85rem;font-weight:600;color:#fff6;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.stats-user-label{font-size:.85rem;font-weight:600;color:#ffffffb3;display:flex;align-items:center;justify-content:flex-start;gap:.4rem;text-align:left;box-sizing:border-box}.stats-user-label.you{color:#8b5cf6e6}.stats-user-label.opp{color:#ef4444e6}.stats-col-you,.stats-col-opp,.stats-time{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600;color:#ffffff80;text-align:center;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.stats-time.solved{color:var(--accent-secondary)}.stats-time.current{background:#8b5cf633;border-radius:6px}.stats-col-you{color:#8b5cf6b3}.stats-col-opp{color:#ef4444b3}.current-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 1s infinite}.stats-status{font-size:.85rem;color:#fff6;text-align:center}.team-header-label{font-size:.7rem;font-weight:700;color:#ffffff80;text-transform:uppercase;margin-bottom:.5rem}.battle-player-card.team-a .team-header-label{color:#60a5fa}.battle-player-card.team-b .team-header-label{color:var(--color-danger)}.battle-player-card.team-a.my-team,.battle-player-card.team-b.my-team{border-color:#8b5cf666;background:#8b5cf60d}.battle-player-header.compact .battle-player-card.team-a,.battle-player-header.compact .battle-player-card.team-b{flex-direction:column;align-items:flex-start;gap:.25rem;background:transparent;border:none}.battle-player-header.compact .team-header-label{margin-bottom:.25rem}.battle-player-header.compact .team-avatars-row{gap:.15rem}.team-player-row-sm{display:flex;align-items:center;justify-content:space-between;padding:.3rem 0;font-size:.8rem}.team-player-name{color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-player-progress{font-size:.7rem;color:#ffffff4d;flex-shrink:0}.battle-status-bar{width:100%;padding:.875rem;text-align:center;border-radius:12px;font-size:.9rem;font-weight:600}.battle-status-bar.countdown{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);color:var(--color-warning)}.battle-status-bar.complete{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);color:var(--accent-secondary)}.profile-popup-close:hover{background:#ffffff1a;color:var(--text-primary)}.avatar-placeholder{font-size:2rem;font-weight:700;color:var(--text-primary)}.profile-popup-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.profile-popup-id,.profile-popup-rating,.profile-popup-country{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.profile-popup-view-btn{margin-top:.5rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:600;color:var(--text-primary);background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}@media(max-width:480px){.battle-content{padding:0}.battle-nav{padding:.6rem .75rem;border-radius:0;border-left:none;border-right:none}.battle-nav-logo img{height:22px}.battle-player-header{flex-direction:row;gap:1rem;padding:.875rem;border-radius:0;border-left:none;border-right:none}.battle-vs{transform:none}.battle-player-card{max-width:none;width:auto;flex:1;padding:.75rem}.arena-scramble{padding:1.25rem}.scramble-text-display{font-size:1.1rem}.battle-stats-section{overflow-x:auto;-webkit-overflow-scrolling:touch}.stats-table{min-width:520px}.stats-row{grid-template-columns:80px repeat(5,1fr);padding:.6rem .5rem;gap:.25rem;box-sizing:border-box}.stats-row.header{padding:.6rem .5rem}.stats-col-solve{font-size:.7rem;white-space:nowrap}.stats-col-label{font-size:.7rem}.stats-user-label{font-size:.75rem}.stats-time{font-size:.8rem}.battle-player-header.compact .battle-player-card{padding:.4rem .5rem}.player-avatar-compact{width:30px;height:30px;font-size:.75rem}.player-name-compact{font-size:.7rem;max-width:70px}.team-avatars-more{width:30px;height:30px;font-size:.65rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:#fff9}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.result-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;width:100%;background:#09090b;background-image:radial-gradient(ellipse at 50% 30%,rgba(139,92,246,.1) 0%,transparent 60%)}@media(max-width:480px){.battle-page.modern-result{padding:.5rem;width:100%;max-width:100vw;overflow-x:hidden}.result-popup{border-radius:16px;width:100%;max-width:calc(100vw - 1rem);overflow-x:hidden}.result-popup-content{width:100%;overflow-x:hidden;max-width:100%}.result-popup{border-radius:16px;width:100%;max-width:100%;overflow-x:hidden}.result-popup-header{padding:.75rem 1rem}.result-lottie{width:100px;height:100px}.result-teams-bar{padding:.5rem .75rem;gap:1rem}.team-avatar-compact{width:28px;height:28px;font-size:.65rem}.result-popup-content{padding:1rem;gap:1rem;width:100%;overflow-x:hidden;box-sizing:border-box}.result-hero{padding:1rem .5rem}.result-icon{width:56px;height:56px;font-size:1.75rem}.result-title{font-size:1.5rem}.result-subtitle{font-size:.85rem}.players-comparison{gap:.5rem;padding:.5rem 0}.players-comparison .player-card{padding:.75rem .5rem;min-width:100px;max-width:140px}.players-comparison .player-avatar{width:48px;height:48px;font-size:1.2rem}.players-comparison .player-info h3{font-size:.8rem}.players-comparison .vs-divider{font-size:.75rem}.stats-comparison-grid{padding:0}.stat-comparison{padding:.75rem .5rem;gap:.5rem}.stat-side .stat-value{font-size:.9rem}.stat-label-center{min-width:50px}.stat-label-center .label{font-size:.6rem}.solve-times-section{padding:.75rem;width:calc(100% - 1.5rem);max-width:calc(100% - 1.5rem);overflow-x:hidden;box-sizing:border-box}.solve-times-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.solve-column{width:100%;min-width:0;overflow:hidden}.solve-column h4{font-size:.7rem;margin:0 0 .5rem}.solve-list{display:flex!important;flex-direction:column!important;gap:.3rem!important;max-height:80px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-right:.2rem;box-sizing:border-box}.solve-list::-webkit-scrollbar{width:3px}.solve-list::-webkit-scrollbar-track{background:transparent}.solve-list::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:2px}}@media(max-width:480px){.solve-times-grid{display:flex;flex-direction:column;gap:.5rem}.solve-column{width:100%}.solve-column h4{font-size:.7rem;margin:0 0 .4rem}.solve-list{display:flex;flex-direction:column;gap:.4rem;max-height:150px;overflow-y:auto;overflow-x:hidden;padding-right:.25rem}.solve-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .5rem;border-radius:6px;font-size:.75rem}.solve-num{font-size:.6rem}.solve-time{font-size:.7rem;white-space:nowrap}.solve-list::-webkit-scrollbar{height:3px}.solve-list::-webkit-scrollbar-track{background:transparent}.solve-list::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:2px}}@media(min-width:481px){.solve-times-grid{display:grid;grid-template-columns:1fr 1fr}.solve-column{min-width:0}.solve-list{max-height:none;overflow-y:visible}}.solve-column{width:100%}} .solve-column h4{font-size:.7rem;margin:0 0 .5rem}.solve-list{display:flex!important;flex-direction:column!important;gap:.3rem!important;max-height:80px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-right:.2rem;box-sizing:border-box}.solve-list::-webkit-scrollbar{width:3px}.solve-list::-webkit-scrollbar-track{background:transparent}.solve-list::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:2px}.solve-item{display:flex;align-items:center;justify-content:space-between;padding:.35rem .4rem;font-size:.7rem;gap:.25rem;border-radius:6px;min-height:28px}.solve-num{font-size:.65rem;font-weight:600}.solve-time{font-size:.65rem;white-space:nowrap}.solve-time{font-size:.7rem;white-space:nowrap}.result-actions{padding:0 .5rem}.report-modal-content{padding:1.25rem;margin:.5rem}.report-header h2{font-size:1.1rem}.reason-options{gap:.35rem}.reason-chip{padding:.4rem .6rem;font-size:.75rem}.report-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}.user-popup-content{padding:1.25rem;margin:.5rem}.user-popup-avatar{width:60px;height:60px;font-size:1.5rem}.user-popup-name{font-size:1rem}.solve-avatar{width:20px;height:20px}.solve-avatar-placeholder{width:20px;height:20px;font-size:.6rem}.name-text{font-size:.75rem}} .video-toggle-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem}.video-toggle-loading{font-size:.85rem;color:#ffffff80;padding:.75rem 1rem}.video-toggle-disabled{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:.85rem;color:#ffffff80}.video-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s ease}.video-toggle-btn:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf64d;color:var(--text-primary)}.video-toggle-btn.enabled{background:#8b5cf626;border-color:#8b5cf666;color:var(--accent-secondary)}.video-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.video-toggle-icon{display:flex;align-items:center;justify-content:center}.video-toggle-label{font-weight:500}.video-toggle-hint{font-size:.75rem;color:#ffffff59}.video-panel{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);width:92vw;max-width:800px;height:60vh;max-height:500px;background:#0f0f14a6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:24px;display:flex;flex-direction:column;z-index:1000;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff1a;overflow:hidden}.video-panel-minimized{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#8b5cf633;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(139,92,246,.4);border-radius:100px;z-index:1000;cursor:pointer;box-shadow:0 8px 32px #8b5cf666,inset 0 1px #ffffff1a;transition:all .2s ease}.video-panel-minimized:hover{transform:translateY(-2px);box-shadow:0 12px 40px #8b5cf680,inset 0 1px #ffffff26}.video-mini-indicator{display:flex;align-items:center;gap:.5rem;color:var(--accent-secondary);font-size:.85rem;font-weight:500}.video-mini-pulse{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:video-pulse 2s infinite}@keyframes video-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.video-mini-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff1a;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.video-mini-btn:hover{background:#ffffff26;color:var(--text-primary)}.video-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05)}.video-panel-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.video-panel-controls{display:flex;align-items:center;gap:.5rem}.video-control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff9;cursor:pointer;transition:all .2s ease}.video-control-btn:hover{background:#ffffff1a;color:var(--text-primary)}.video-control-btn.active{background:#10b98133;border-color:#10b98166;color:#34d399;box-shadow:0 0 16px #10b9814d}.video-control-btn.close:hover{background:#ef444433;border-color:#ef444466;color:var(--color-danger);box-shadow:0 0 16px #ef44444d}.connection-status{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;font-size:.8rem;color:#fff9}.connection-status.connecting,.connection-status.reconnecting{color:var(--color-warning)}.connection-status.connected{color:var(--color-success)}.connection-status.disconnected,.connection-status.failed{color:var(--color-danger)}.status-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--color-warning);border-radius:50%;animation:spin .8s linear infinite}.status-dot.live{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:video-pulse 2s infinite}.video-grid{display:flex;align-items:center;justify-content:center;gap:1rem;flex:1;padding:1rem;overflow:hidden}.video-vs-divider{font-size:1.25rem;font-weight:800;color:#fff3;flex-shrink:0}.video-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;max-width:45%;min-width:0;transition:transform .3s cubic-bezier(.25,.8,.25,1)}.video-card:hover{transform:translateY(-4px) scale(1.02)}.video-card-label{font-size:.75rem;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.video-stream{width:100%;aspect-ratio:4/3;background:#0009;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0006}.video-placeholder{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,#ffffff0d,#ffffff03);border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#fff9;box-shadow:0 8px 24px #0006}.video-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.video-avatar-initial{width:64px;height:64px;border-radius:50%;background:#8b5cf64d;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.video-username{font-size:.9rem;font-weight:600;color:var(--text-primary)}.video-no-stream{font-size:.75rem;color:#fff6}.video-card-info{display:flex;align-items:center;gap:.5rem}.video-card-name{font-size:.85rem;font-weight:500;color:#ffffffb3}.video-error-overlay{position:absolute;inset:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-primary)}.video-error-overlay p{font-size:1rem;color:var(--color-danger)}.video-error-overlay button{padding:.75rem 1.5rem;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:10px;color:var(--accent-secondary);font-weight:600;cursor:pointer;transition:all .2s ease}.video-error-overlay button:hover{background:#8b5cf64d}.video-waiting-overlay{position:absolute;inset:0;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-primary)}.video-waiting-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.video-waiting-content p{font-size:1rem;color:#ffffffe6}.video-status-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--glass-radius-sm);transition:all .2s ease}.video-status-icon-sm{width:24px;height:24px}.video-status-icon-md{width:32px;height:32px}.video-status-icon-lg{width:40px;height:40px}.video-status-icon.disabled{color:#ffffff4d}.video-status-icon.enabled{color:#8b5cf6cc;cursor:pointer}.video-status-icon.enabled:hover{color:var(--accent-secondary)}.video-pulse{display:flex;align-items:center;justify-content:center}.video-pulse.active:after{content:"";position:absolute;width:100%;height:100%;background:#8b5cf64d;border-radius:50%;animation:icon-pulse 2s infinite}.video-status-icon{position:relative}.video-status-label{font-size:.75rem;font-weight:500;margin-left:.35rem}@keyframes icon-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:0}}.video-indicator{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500}.video-indicator.no-video{color:#ffffff59}.video-indicator.has-video{color:var(--color-success);background:#4ade801a}.video-indicator-dot{width:6px;height:6px;background:#4ade80;border-radius:50%;animation:video-pulse 2s infinite}@media(max-width:640px){.video-panel{height:70vh;max-height:none;border-radius:16px 16px 0 0}.video-grid{flex-direction:column;gap:.5rem}.video-card{max-width:100%;flex-direction:row;gap:.75rem}.video-card-label{display:none}.video-stream,.video-placeholder{width:80px;height:60px;aspect-ratio:auto;flex-shrink:0}.video-vs-divider{font-size:1rem}.video-card-info{flex-direction:column;align-items:flex-start;gap:.25rem}}@media(min-width:768px){.video-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;width:90%;max-width:800px;height:auto;max-height:80vh;border-radius:20px}.video-panel-minimized{bottom:2rem;right:2rem}}.battle-nav-btn.video-nav-btn{padding:.5rem;font-size:1rem;background:#8b5cf626;border-color:#8b5cf64d}.battle-nav-btn.video-nav-btn:hover{background:#8b5cf640;border-color:#8b5cf680}.video-no-permission{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#ffffffb3}.video-no-permission p{margin:0 0 .5rem;font-size:.95rem}.video-no-permission-hint{font-size:.8rem;color:#fff6}.team-header-label{display:flex;align-items:center;gap:.35rem}.video-unavailable-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:200;backdrop-filter:blur(8px)}.video-unavailable-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;max-width:320px}.video-unavailable-icon{width:64px;height:64px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#fff9}.video-unavailable-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.video-unavailable-desc{font-size:.9rem;color:#fff9;margin:0 0 1.5rem;line-height:1.5}.video-unavailable-btn{padding:.75rem 1.5rem;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:10px;color:var(--accent-secondary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.video-unavailable-btn:hover{background:#8b5cf64d;border-color:#8b5cf680}.qm-video-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.qm-video-popup{background:var(--bg-secondary, #1a1a2e);border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00000080;border:1px solid rgba(139,92,246,.2)}.qm-video-popup.minimized{max-width:300px}.qm-video-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.qm-video-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.qm-video-header-controls{display:flex;gap:.5rem}.qm-video-control-btn{background:#ffffff1a;border:none;border-radius:6px;color:#ffffffb3;padding:.4rem .6rem;cursor:pointer;font-size:.9rem;transition:all .2s ease}.qm-video-control-btn:hover{background:#ffffff26;color:var(--text-primary)}.qm-video-control-btn.close:hover{background:#ef44444d;color:var(--color-danger)}.qm-video-grid{display:flex;align-items:center;justify-content:center;padding:1.5rem;gap:1rem}.qm-video-vs{font-size:1.25rem;font-weight:800;color:#ffffff4d;flex-shrink:0}.qm-video-card{flex:1;max-width:280px;background:#0000004d;border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.qm-video-card.live{border-color:#8b5cf680;box-shadow:0 0 20px #8b5cf633}.qm-video-card-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.qm-video-card-label .you-badge{background:#8b5cf64d;color:var(--accent-secondary);padding:.1rem .4rem;border-radius:4px;font-size:.65rem}.qm-video-card-content{aspect-ratio:16/9;background:#0006;border-radius:var(--glass-radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;overflow:hidden}.qm-video-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffffff80;text-align:center;padding:1rem}.qm-video-placeholder span{font-size:.8rem}.qm-video-hint-small{font-size:.7rem!important;color:#fff6!important}.qm-video-placeholder.connecting{color:#8b5cf6cc}.qm-video-placeholder.enabled{color:#34d399cc}.qm-video-waiting-icon,.qm-video-ready-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.qm-video-waiting-icon{background:#8b5cf633;animation:pulse 2s infinite}.qm-video-ready-icon{background:#34d39933}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.qm-video-live{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf61a,#0000004d);position:relative}.qm-video-avatar{width:60%;aspect-ratio:1;border-radius:50%;overflow:hidden;margin-bottom:.5rem}.qm-video-avatar img{width:100%;height:100%;object-fit:cover}.qm-video-avatar .avatar-circle{width:100%;height:100%;background:#8b5cf64d;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:var(--accent-secondary)}.qm-video-live-label{position:absolute;top:.5rem;right:.5rem;background:#ef4444e6;color:var(--text-primary);font-size:.6rem;font-weight:700;padding:.2rem .4rem;border-radius:4px;display:flex;align-items:center;gap:.25rem}.qm-video-controls{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.qm-video-mic{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#00000080}.qm-video-mic.on{color:var(--color-success)}.qm-video-mic.off{color:var(--color-danger)}.qm-video-card-info{text-align:center}.qm-video-name{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.qm-video-state-label{font-size:.75rem;color:#ffffff80}.qm-video-footer{padding:1rem;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.qm-video-hint{margin:0;font-size:.8rem;color:#ffffff80}.player-video-indicator{position:absolute;top:.5rem;right:.5rem}.qm-video-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;cursor:pointer;transition:all .2s ease}.qm-video-indicator.disabled{background:#ffffff1a;color:#ffffff4d}.qm-video-indicator.enabled{background:#8b5cf633;color:var(--accent-secondary)}.qm-video-indicator.enabled:hover{background:#8b5cf64d}.qm-video-indicator.live{background:#8b5cf666;color:var(--text-primary)}.qm-video-pulse{display:flex;align-items:center;justify-content:center}.qm-video-pulse.active{animation:video-pulse 2s infinite}@keyframes video-pulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:600px){.qm-video-popup{max-width:100%;border-radius:12px}.qm-video-grid{flex-direction:column;padding:1rem}.qm-video-vs{font-size:1rem;padding:.5rem 0}.qm-video-card{max-width:100%;width:100%}.qm-video-card-content{aspect-ratio:4/3}}.sudden-waiting-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 0 3rem;width:100%;background:#09090b;background-image:radial-gradient(ellipse at 50% 0%,rgba(249,115,22,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(6,182,212,.05) 0%,transparent 50%);position:relative;box-sizing:border-box;overflow-x:hidden}.sudden-waiting-page .battle-header-bar-new{width:100%;max-width:min(1200px,100%);margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem}.sudden-waiting-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:min(1200px,100%);padding:1rem}.sudden-waiting-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 0 1.5rem;width:100%}.sudden-hero-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f973161a;border:1px solid rgba(249,115,22,.3);border-radius:20px;margin-bottom:1rem;color:#f97316}.sudden-hero-icon svg{width:40px;height:40px}.sudden-hero-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.02em}.sudden-hero-subtitle{font-size:1rem;color:#ffffff80;margin:0}.sudden-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;width:100%;padding:0}.sudden-lobby-card{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:110px;padding:1rem 1.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;cursor:pointer;transition:all .3s ease;text-align:left;color:inherit;font-family:inherit;position:relative;overflow:hidden}.sudden-lobby-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.sudden-lobby-card:hover{background:#ffffff0f;border-color:var(--card-color, #f97316);box-shadow:0 8px 32px var(--card-glow, rgba(249, 115, 22, .25));transform:translateY(-3px)}.sudden-lobby-card:active{transform:translateY(-1px)}.sudden-card-glow{position:absolute;inset:0;pointer-events:none}.sudden-card-header{display:flex;align-items:center;gap:1rem}.sudden-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;transition:all .3s ease}.sudden-card-icon svg{width:24px;height:24px}.sudden-card-info{flex:1;min-width:0}.sudden-card-info h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 .3rem}.sudden-card-description{font-size:.75rem;color:#ffffff80;line-height:1.4;margin:0}.sudden-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.sudden-tag{font-size:.6rem;font-weight:600;padding:.2rem .45rem;border-radius:6px;border:1px solid;text-transform:uppercase;letter-spacing:.5px}.sudden-card-arrow{color:#fff3;transition:all .25s ease;flex-shrink:0;margin-left:.5rem}.sudden-lobby-card:hover .sudden-card-arrow{color:var(--card-color, #f97316);transform:translate(4px)}.sudden-room-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:900px;padding:1rem}.sudden-room-header-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;width:100%}.sudden-room-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem}.sudden-room-meta{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.sudden-room-badge{font-size:.7rem;font-weight:700;padding:.3rem .6rem;background:linear-gradient(135deg,#f973164d,#ea580c33);border:1px solid rgba(249,115,22,.3);border-radius:var(--glass-radius-sm);color:#fb923c;text-transform:uppercase}.sudden-room-host{font-size:.8rem;color:#ffffff80}.sudden-rules-card{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding:1rem;background:#f973160d;border:1px solid rgba(249,115,22,.15);border-radius:12px;width:100%}.sudden-rule-item{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#ffffffb3}.sudden-rule-item svg{color:#f97316;flex-shrink:0}.sudden-rule-item.winner{color:#fb923c;font-weight:600}.sudden-players-card{display:flex;flex-direction:column;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1rem;width:100%}.sudden-players-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.sudden-players-header h3{font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0}.sudden-player-count{font-size:.75rem;font-weight:600;color:#ffffff80;background:#ffffff0d;padding:.2rem .5rem;border-radius:6px}.sudden-players-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.sudden-player-slot{flex:1;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;min-width:0}.sudden-player-slot.empty{border:1px dashed rgba(255,255,255,.1);background:transparent}.sudden-player-slot.you{border-color:#f973164d;background:#f973160d}.sudden-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f9731633;border-radius:50%;font-weight:600;color:var(--text-primary);font-size:.85rem;flex-shrink:0;overflow:hidden}.sudden-avatar img{width:100%;height:100%;object-fit:cover}.sudden-player-info{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem;overflow:hidden}.sudden-player-name{font-size:.85rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sudden-player-badge{font-size:.6rem;font-weight:600;padding:.15rem .35rem;border-radius:4px;text-transform:uppercase;flex-shrink:0}.sudden-you-badge{background:#f9731633;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.sudden-host-badge{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.sudden-crown{color:var(--color-warning);flex-shrink:0}.sudden-empty-slot{font-size:.75rem;color:#ffffff4d}.sudden-waiting-status{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.sudden-player-min{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#ffffff80}.sudden-player-min .count{font-size:1.5rem;font-weight:800;color:#f97316}.sudden-player-min .total{color:#ffffff4d}.sudden-player-min .label{color:#fff6}.sudden-waiting-message{font-size:.9rem;color:#ffffff80;margin:0}.sudden-ready-message{font-size:.9rem;color:var(--color-success);font-weight:600;margin:0}.sudden-start-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:300px;padding:1rem;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:12px;color:var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.sudden-start-btn:hover{transform:scale(1.02);box-shadow:0 8px 24px #f973164d}.sudden-start-btn:active{transform:scale(.98)}.sudden-share-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px}.sudden-share-label{font-size:.8rem;color:#ffffff80;margin:0}.sudden-share-code{display:flex;align-items:center;gap:.5rem}.sudden-share-code code{font-size:.9rem;font-weight:600;color:var(--text-primary);background:#ffffff14;padding:.5rem .75rem;border-radius:var(--glass-radius-sm);font-family:monospace}.sudden-copy-btn{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:#f9731626;border:1px solid rgba(249,115,22,.3);border-radius:var(--glass-radius-sm);color:#fb923c;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sudden-copy-btn:hover{background:#f9731640}.sudden-copy-btn.copied{background:#4ade8026;border-color:#4ade804d;color:var(--color-success)}.sudden-play .battle-content-new{gap:1rem}.sudden-play .shrinking-hero{--cutoff-color: #f97316}.sudden-play .reduction-badge{background:#f973161a;border:1px solid rgba(249,115,22,.2);color:#fb923c}.sudden-play .shrinking-progress-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem}.sudden-play .progress-stats{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.sudden-play .progress-divider{width:1px;height:30px;background:#ffffff1a}.sudden-play .progress-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.sudden-play .progress-label{font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.sudden-play .sudden-player-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.sudden-play .sudden-player-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px}.sudden-play .sudden-player-row.eliminated{opacity:.5;border-color:#ef44444d}.sudden-play .sudden-player-row.submitted{border-color:#22c55e4d}.sudden-play .sudden-player-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f9731633;border-radius:50%;font-weight:600;color:var(--text-primary);font-size:.85rem;flex-shrink:0;overflow:hidden;position:relative}.sudden-play .sudden-player-avatar img{width:100%;height:100%;object-fit:cover}.sudden-play .eliminated-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ef4444cc;color:var(--text-primary);font-size:.7rem;border-radius:50%}.sudden-play .submitted-check{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--text-primary)}.sudden-play .sudden-player-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.sudden-play .sudden-player-name{font-size:.85rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.4rem}.sudden-play .you-tag{font-size:.55rem;font-weight:600;padding:.1rem .3rem;background:#f9731633;border:1px solid rgba(249,115,22,.3);border-radius:4px;color:#fb923c;text-transform:uppercase}.sudden-play .host-tag{font-size:.55rem;font-weight:600;padding:.1rem .3rem;background:#a855f733;border:1px solid rgba(168,85,247,.3);border-radius:4px;color:#c084fc;text-transform:uppercase}.sudden-play .sudden-player-state{font-size:.7rem;color:#ffffff80}.sudden-play .sudden-player-row.submitted .sudden-player-state{color:var(--color-success)}.sudden-play .sudden-player-result{flex-shrink:0}.sudden-play .result-time{font-size:.85rem;font-weight:600;color:var(--text-primary)}.sudden-play .result-time.dnf{color:var(--color-danger)}.sudden-play .result-time .penalty{color:var(--color-warning);font-size:.75rem}.sudden-play .waiting-time{font-size:.85rem;color:#ffffff4d}.sudden-play .sudden-player-row.empty{border:1px dashed rgba(255,255,255,.1);background:transparent}.sudden-play .sudden-player-row.empty .sudden-player-name.empty{color:#ffffff4d}@media(max-width:600px){.sudden-play .sudden-player-list{grid-template-columns:1fr}.sudden-play .sudden-players-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.5rem}.sudden-play .sudden-pagination-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:#f973161a;border:1px solid rgba(249,115,22,.3);border-radius:var(--glass-radius-sm);color:#fb923c;font-size:.8rem;font-weight:600;cursor:pointer}.sudden-play .sudden-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.sudden-play .sudden-pagination-info{font-size:.8rem;color:#fff9}.sudden-play .shrinking-hero{flex-wrap:wrap;justify-content:center}}@media(min-width:601px)and (max-width:900px){.sudden-play .sudden-player-list{grid-template-columns:repeat(2,1fr)}}.elimination-popup-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;backdrop-filter:blur(8px)}.elimination-popup-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;background:linear-gradient(145deg,#141419fa,#0f0f14fa);border:1px solid rgba(239,68,68,.3);border-radius:24px;padding:2rem;box-shadow:0 20px 60px #00000080,0 0 40px #ef444426,inset 0 1px #ffffff0d;overflow:hidden;position:relative}.elimination-popup-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.5),transparent)}.elimination-popup-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.5rem}.elimination-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ef444426;border:2px solid rgba(239,68,68,.3);border-radius:50%;margin-bottom:1rem;color:var(--color-danger)}.elimination-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.02em}.elimination-subtitle{font-size:1rem;color:#fff9;margin:0}.elimination-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;margin-bottom:1.5rem}.elimination-stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.elimination-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.elimination-stat-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.elimination-popup-actions{display:flex;flex-direction:column;gap:.75rem;width:100%}.elimination-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;border-radius:14px;cursor:pointer;transition:all .25s ease;border:none}.elimination-btn.primary{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--text-primary);box-shadow:0 4px 16px #ef44444d}.elimination-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444466}.elimination-btn.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc}.elimination-btn.secondary:hover{background:#ffffff14;border-color:#ffffff26;color:var(--text-primary)}.sudden-play.spectator-mode .sudden-timer-area,.sudden-play.spectator-mode .battle-timer-container{display:none}.sudden-submitted-card.eliminated-view{background:#ef44440d;border-color:#ef444433}.sudden-submitted-card.eliminated-view .sudden-submitted-icon,.sudden-submitted-card.eliminated-view .sudden-submitted-text{color:var(--color-danger)}.spectator-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:100px;color:var(--accent-secondary);font-size:.8rem;font-weight:600;margin-bottom:1rem}.sudden-death-result{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;width:100%;background:#09090b;position:relative;overflow-x:hidden}.sudden-death-result .landing-background{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.sudden-death-result .grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(249,115,22,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(249,115,22,.03) 1px,transparent 1px);background-size:50px 50px;z-index:1}.sudden-death-result .glow-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;z-index:0}.sudden-death-result .glow-orb-1{width:400px;height:400px;background:radial-gradient(circle,#f97316 0%,transparent 70%);top:-100px;right:-100px}.sudden-death-result .glow-orb-2{width:300px;height:300px;background:radial-gradient(circle,#ef4444 0%,transparent 70%);bottom:20%;left:-50px}.sudden-death-result .result-popup{position:relative;z-index:10}.sudden-death-popup{display:flex;flex-direction:column;width:100%;max-width:800px;background:#141419fa;border:1px solid rgba(249,115,22,.2);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 40px #f973161a}.sudden-stats-grid .stat-comparison.horizontal{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;gap:1rem}.sudden-stats-grid .stat-side{display:flex;flex-direction:column;align-items:center;flex:1;padding:0 .5rem}.sudden-stats-grid .stat-side .stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.sudden-standings-widget{padding:0 1.5rem;width:100%;box-sizing:border-box}.sudden-standings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:0 .25rem}.sudden-standings-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.sudden-standings-title svg{color:#f97316}.sudden-standings-pagination{display:flex;align-items:center;gap:.5rem}.sudden-pagination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--glass-radius-sm);color:#ffffffb3;cursor:pointer;transition:all .2s ease;padding:0}.sudden-pagination-btn:hover:not(:disabled){background:#f9731626;border-color:#f973164d;color:#fb923c}.sudden-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.sudden-pagination-info{font-size:.8rem;font-weight:600;color:#fff9;min-width:50px;text-align:center}.sudden-standings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%;box-sizing:border-box}.sudden-standings-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .2s ease;text-align:center}.sudden-standings-item:hover{background:#ffffff0a;transform:translateY(-2px)}.sudden-standings-item.winner{border-color:#fbbf244d}.sudden-standings-item.eliminated{opacity:.5;border-color:#ef444433}.sudden-standings-item.you{border-color:#f9731673;background:#f973160f}.sudden-standings-rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff9;background:#ffffff0d;border-radius:var(--glass-radius-sm);flex-shrink:0}.sudden-rank-crown{color:var(--color-warning);font-size:1rem}.sudden-standings-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f9731633;border-radius:50%;font-weight:700;color:var(--text-primary);font-size:1rem;flex-shrink:0;overflow:hidden;position:relative}.sudden-standings-avatar img{width:100%;height:100%;object-fit:cover}.sudden-standings-info{width:100%;display:flex;flex-direction:column;align-items:center;gap:.25rem}.sudden-standings-name{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.sudden-winner-crown{color:var(--color-warning);font-size:.7rem;flex-shrink:0}.sudden-standings-you-badge{font-size:.5rem;font-weight:700;padding:.1rem .3rem;background:#f9731640;border:1px solid rgba(249,115,22,.4);border-radius:4px;color:#fb923c;text-transform:uppercase;flex-shrink:0}.sudden-standings-winner-label{font-size:.6rem;font-weight:600;color:var(--color-warning);text-transform:uppercase;letter-spacing:.5px}.sudden-standings-time{flex-shrink:0}.sudden-standings-time .eliminated-label{font-size:.55rem;font-weight:700;padding:.15rem .4rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:4px;color:var(--color-danger);text-transform:uppercase}.sudden-standings-time .winner-label{font-size:.55rem;font-weight:700;padding:.15rem .4rem;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:4px;color:var(--color-warning);text-transform:uppercase}@media(max-width:600px){.sudden-death-popup{max-width:100%;border-radius:20px 20px 0 0;max-height:95vh;overflow-y:auto}.sudden-result-hero{padding:1.5rem 1.5rem 1rem}.sudden-result-hero .result-title{font-size:1.5rem}.sudden-stats-grid .stat-comparison.horizontal{padding:.75rem 1rem;gap:.5rem}.sudden-stats-grid .stat-side{padding:0 .25rem}.sudden-stats-grid .stat-side .stat-value{font-size:1rem}.sudden-stats-grid .stat-side .stat-label{font-size:.55rem}.sudden-standings-widget{padding:0 1rem}.sudden-standings-item{padding:.75rem}.sudden-standings-avatar{width:36px;height:36px;font-size:.8rem}.sudden-standings-rank{width:30px;height:30px;font-size:.75rem}}.sudden-death-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(249,115,22,.5),transparent)}.sudden-result-hero{padding:2rem 2rem 1.5rem}.sudden-result-hero.winner .result-icon{background:linear-gradient(135deg,#fbbf2440,#f59e0b26);border:2px solid rgba(251,191,36,.4);color:var(--color-warning);box-shadow:0 0 24px #fbbf2440}.sudden-result-hero .result-title{font-size:2rem;font-weight:700;color:var(--text-primary)}.sudden-result-hero.winner .result-title{background:linear-gradient(135deg,#fbbf24,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sudden-result-hero.eliminated .result-icon{background:linear-gradient(135deg,#ef444440,#dc262626);border:2px solid rgba(239,68,68,.4);color:var(--color-danger);box-shadow:0 0 24px #ef444440}.sudden-result-hero.eliminated .result-title{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sudden-standings{padding:0 1.5rem}.standings-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.standings-list .player-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;transition:all .2s ease}.standings-list .player-card.winner{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border-color:#fbbf244d;box-shadow:0 4px 16px #fbbf2426}.standings-list .player-card.eliminated{opacity:.6;border-color:#ef444433}.standings-list .player-card.you{border-color:#f9731666;background:#f973160d}.standings-list .player-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f9731633;border-radius:50%;font-weight:700;color:var(--text-primary);font-size:1.1rem;flex-shrink:0;overflow:hidden;position:relative}.standings-list .player-avatar img{width:100%;height:100%;object-fit:cover}.standings-list .player-avatar.has-crown{background:linear-gradient(135deg,#fbbf2466,#f59e0b4d);border:2px solid rgba(251,191,36,.5)}.standings-list .avatar-crown{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:1rem}.standings-list .player-info{flex:1;min-width:0}.standings-list .player-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings-list .player-info .you-label{font-size:.65rem;font-weight:600;padding:.15rem .4rem;background:#f9731633;border:1px solid rgba(249,115,22,.3);border-radius:4px;color:#fb923c;text-transform:uppercase;margin-left:.5rem}.standings-list .player-rank{font-size:1rem;font-weight:700;color:#ffffffb3;flex-shrink:0}.standings-list .player-rank .rank-crown{color:var(--color-warning);font-size:1.25rem}.sudden-stats-grid{padding:0 1.5rem}.sudden-stats-grid .stat-metric{margin-bottom:0}.sudden-stats-grid .stat-comparison{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px}.sudden-stats-grid .stat-side{display:flex;flex-direction:column;align-items:center;flex:1}.sudden-stats-grid .stat-side .stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.sudden-stats-grid .stat-side .stat-label{font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.sudden-stats-grid .stat-label-center{flex:1;display:flex;flex-direction:column;align-items:center}.sudden-stats-grid .stat-label-center .label{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.sudden-death-result .result-popup-content{padding-bottom:0}.sudden-death-result .result-actions{display:flex;flex-direction:row;gap:.75rem;justify-content:center;align-items:stretch;width:100%;padding:0 1.5rem 1.5rem}.sudden-death-result .action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;min-width:100px;max-width:33%;padding:.875rem 1rem;font-size:.9rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .25s ease}.sudden-death-result .action-btn.primary{background:linear-gradient(135deg,#f97316,#ea580c);border:none;color:var(--text-primary);box-shadow:0 4px 16px #f973164d}.sudden-death-result .action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f9731666}.sudden-death-result .action-btn.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc}.sudden-death-result .action-btn.secondary:hover{background:#ffffff14;border-color:#ffffff26;color:var(--text-primary)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:60vh}.loading-container .loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#f97316;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:#fff9;font-size:1rem}@media(max-width:600px){.sudden-death-popup{max-width:100%;border-radius:20px 20px 0 0;max-height:95vh;overflow-y:auto}.sudden-result-hero{padding:1.5rem 1.5rem 1rem}.sudden-result-hero .result-title{font-size:1.5rem}.sudden-stats-grid{padding:0 1rem}.sudden-stats-grid .stat-comparison.horizontal{padding:.75rem 1rem;gap:.5rem}.sudden-stats-grid .stat-side{padding:0 .25rem}.sudden-stats-grid .stat-side .stat-value{font-size:1rem}.sudden-stats-grid .stat-side .stat-label{font-size:.55rem}.sudden-standings-widget{padding:0 1rem}.sudden-standings-item{padding:.75rem}.sudden-standings-avatar{width:36px;height:36px;font-size:.8rem}.sudden-standings-rank{width:30px;height:30px;font-size:.75rem}.sudden-death-result .result-actions{flex-direction:row;gap:.5rem;padding:0 1rem 1rem}.sudden-death-result .action-btn{flex:1;min-width:80px;max-width:none;padding:.75rem .5rem;font-size:.8rem}}.sudden-result-hero{padding:1.5rem 1.5rem 1rem}.sudden-result-hero .result-title{font-size:1.5rem}.sudden-standings,.sudden-stats-grid{padding:0 1rem}.standings-list .player-avatar{width:40px;height:40px;font-size:.9rem}.standings-list .player-info h3{font-size:.9rem}.sudden-death-result .result-actions{padding:1rem}} .sudden-solve-history-widget{padding:0 1.5rem;width:100%;box-sizing:border-box;margin-top:1.5rem}.sudden-solve-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:0 .25rem}.sudden-solve-history-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.sudden-solve-history-title svg{color:#06b6d4}.sudden-solve-history-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff05}.sudden-solve-history-table{width:100%;min-width:500px;border-collapse:collapse;table-layout:fixed}.sudden-solve-history-table th,.sudden-solve-history-table td{padding:.75rem .5rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.04);white-space:nowrap}.sudden-solve-history-table th{font-size:.7rem;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;background:#ffffff08;position:sticky;top:0;z-index:1}.sudden-solve-history-table tbody tr:hover{background:#ffffff05}.sudden-solve-history-table tbody tr.winner{background:#fbbf240d}.sudden-solve-history-table tbody tr.eliminated{opacity:.6}.sudden-solve-history-table tbody tr.you{background:#f973160f}.sudden-solve-col-rank{width:50px;font-weight:700;color:#fff9}.sudden-solve-col-player{width:120px;text-align:left;padding-left:1rem}.sudden-solve-col-round{width:70px;min-width:70px}.sudden-solve-player-name{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;max-width:100%}.sudden-solve-you-badge{font-size:.5rem;font-weight:700;padding:.1rem .3rem;background:#f9731640;border:1px solid rgba(249,115,22,.4);border-radius:4px;color:#fb923c;text-transform:uppercase;flex-shrink:0}.sudden-solve-crown{color:var(--color-warning);font-size:.7rem;flex-shrink:0}.sudden-solve-time{font-size:.8rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.sudden-solve-eliminated{font-size:.8rem;font-weight:700;color:var(--color-danger)}.sudden-solve-empty{font-size:.8rem;color:#fff3}@media(max-width:600px){.sudden-solve-history-widget{padding:0 1rem}.sudden-solve-history-table-wrapper{margin:0 -.5rem;border-radius:0;border-left:none;border-right:none}.sudden-solve-history-table th,.sudden-solve-history-table td{padding:.6rem .35rem}.sudden-solve-col-player{padding-left:.5rem}.sudden-solve-player-name{font-size:.75rem}}.spectator-page{min-height:100vh;width:100%;background:#09090b;position:relative;overflow-x:hidden}.spectator-background-effects{position:fixed;inset:0;pointer-events:none;z-index:0}.spectator-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 1px);background-size:60px 60px}.spectator-glow-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35}.spectator-glow-orb.glow-1{width:500px;height:500px;background:radial-gradient(circle,#8b5cf6 0%,transparent 70%);top:-150px;right:-100px}.spectator-glow-orb.glow-2{width:400px;height:400px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:10%;left:-100px}.spectator-glow-orb.glow-3{width:300px;height:300px;background:radial-gradient(circle,#f97316 0%,transparent 70%);top:40%;right:20%;opacity:.2}.spectator-container{position:relative;z-index:10;max-width:900px;margin:0 auto;padding:1rem}.spectator-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#0f0f0fcc;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;margin-bottom:1.5rem}.spectator-back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.spectator-back-btn:hover{background:#ffffff1a;color:var(--text-primary)}.spectator-header-center{display:flex;align-items:center;gap:.75rem}.spectator-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.spectator-share-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:12px;color:var(--accent-secondary);cursor:pointer;transition:all .2s ease}.spectator-share-btn:hover{background:#8b5cf640;transform:translateY(-2px)}.spectator-content{display:flex;flex-direction:column;gap:1.25rem}.spectator-status-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#0f0f0fe6;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px}.spectator-status-bar.live{border-color:#ef44444d;background:linear-gradient(135deg,#ef44441a,#0f0f0fe6)}.spectator-status-bar.finished{border-color:#10b9814d;background:linear-gradient(135deg,#10b9811a,#0f0f0fe6)}.status-indicator{display:flex;align-items:center;gap:.75rem}.live-dot{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.status-text{font-size:1rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.spectator-status-bar.live .status-text{color:var(--color-danger)}.spectator-status-bar.finished .status-text{color:#10b981}.time-remaining-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:20px;color:var(--color-danger);font-size:.9rem;font-weight:700;font-family:JetBrains Mono,monospace}.round-indicator{font-size:.9rem;color:#fff9;font-weight:500}.spectator-scramble-card{padding:1.5rem;background:#0f0f0fe6;backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.3);border-radius:16px;text-align:center}.scramble-label{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--accent-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.scramble-text{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-family:JetBrains Mono,monospace;letter-spacing:2px}.spectator-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.spectator-stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#0f0f0fe6;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px}.spectator-stat-card.active{border-color:#10b9814d}.spectator-stat-card.eliminated{border-color:#ef44444d}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border-radius:12px;color:#fff9;font-size:1.25rem}.spectator-stat-card.active .stat-icon{background:#10b98126;color:#10b981}.spectator-stat-card.eliminated .stat-icon{background:#ef444426;color:var(--color-danger)}.stat-info{display:flex;flex-direction:column}.stat-info .stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-info .stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.spectator-players-section{background:#0f0f0fe6;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem}.spectator-players-section .section-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem}.spectator-players-section .section-title svg{color:var(--accent-secondary)}.spectator-players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.spectator-player-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s ease}.spectator-player-card:hover{transform:translateY(-4px);border-color:#8b5cf64d}.spectator-player-card.winner{background:linear-gradient(135deg,#facc1526,#0f0f0fe6);border-color:#facc1566}.spectator-player-card.eliminated{opacity:.6}.spectator-player-card.eliminated .player-avatar-large{filter:grayscale(1)}.player-rank-badge{position:absolute;top:-8px;left:-8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#8b5cf6e6;border-radius:50%;font-size:.75rem;font-weight:700;color:var(--text-primary)}.spectator-player-card.winner .player-rank-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.player-avatar-large{width:56px;height:56px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#8b5cf64d,#6366f14d);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;position:relative}.player-avatar-large img{width:100%;height:100%;object-fit:cover}.winner-crown-overlay{position:absolute;top:-8px;right:-8px;width:28px;height:28px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:.9rem}.eliminated-overlay{position:absolute;inset:0;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-danger);font-size:1.25rem}.player-name{font-size:.9rem;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:.5rem}.player-status{margin-bottom:.5rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.winner{background:#facc1533;color:var(--color-warning)}.status-badge.eliminated{background:#ef444433;color:var(--color-danger)}.player-current-solve{width:100%;text-align:center}.solve-result{font-size:.9rem;font-weight:700;color:#10b981;font-family:JetBrains Mono,monospace}.solve-result.dnf{color:var(--color-danger)}.solve-result .penalty{color:var(--color-warning)}.solving-status{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;color:#ffffff80}.pulse-dot{width:8px;height:8px;background:#a78bfa;border-radius:50%;animation:pulse-live 1.5s ease-in-out infinite}.spectator-history-section{background:#0f0f0fe6;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;overflow-x:auto}.spectator-history-section .section-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem}.spectator-history-section .section-title svg{color:#06b6d4}.history-table-wrapper{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;min-width:400px}.history-table th,.history-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.history-table th{font-size:.7rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;background:#ffffff05}.history-table tr.winner-row{background:#facc150d}.history-table tr.eliminated-row{opacity:.5}.rank-cell{font-weight:700;color:var(--accent-secondary)}.player-cell{font-weight:500;color:var(--text-primary)}.solve-cell{font-family:JetBrains Mono,monospace;font-size:.85rem;color:#fff6}.solve-cell.solved{color:var(--text-primary)}.solve-cell.eliminated,.solve-time.dnf,.eliminated-mark{color:var(--color-danger)}.pending-mark{color:#fff3}.winner-announcement{display:flex;flex-direction:column;align-items:center;padding:2.5rem;background:linear-gradient(135deg,#facc1526,#0f0f0ff2);border:1px solid rgba(250,204,21,.3);border-radius:24px;text-align:center}.winner-crown-large{width:80px;height:80px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:2.5rem;margin-bottom:1.5rem;box-shadow:0 0 60px #facc1566}.winner-content h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.winner-content p{font-size:1.25rem;color:var(--color-warning);margin:0}.winner-stats{display:flex;gap:2rem;margin-top:1.5rem}.winner-stat{display:flex;flex-direction:column;align-items:center}.winner-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.winner-stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.spectator-loading-page,.spectator-error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#09090b;position:relative}.spectator-loading-content,.spectator-error-content{text-align:center;padding:3rem}.spectator-loading-icon,.spectator-error-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:2rem}.spectator-loading-icon{background:#8b5cf626;color:var(--accent-secondary);animation:pulse-scale 2s ease-in-out infinite}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.spectator-error-icon{background:#ef444426;color:var(--color-danger)}.spectator-loading-content h2,.spectator-error-content h2{font-size:1.5rem;color:var(--text-primary);margin:0 0 .5rem}.spectator-loading-content p,.spectator-error-content p{color:#ffffff80;margin:0 0 1.5rem}.loading-dots{display:flex;justify-content:center;gap:.5rem}.loading-dots span{width:10px;height:10px;background:#a78bfa;border-radius:50%;animation:loading-dot 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loading-dot{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.confetti-overlay{position:fixed;inset:0;pointer-events:none;z-index:1000;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;border-radius:2px}.confetti-piece:nth-child(odd){background:#a78bfa}.confetti-piece:nth-child(2n){background:#fbbf24}.confetti-piece:nth-child(3n){background:#10b981}.spectator-page .share-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:14px 24px;background:#10b981f2;backdrop-filter:blur(12px);border:1px solid rgba(16,185,129,.5);border-radius:12px;color:var(--text-primary);font-size:.9rem;font-weight:500;z-index:1001;box-shadow:0 8px 32px #10b9814d}.spectator-page .share-toast svg{color:var(--text-primary)}@media(max-width:768px){.spectator-container{padding:.75rem}.spectator-stats-row{grid-template-columns:1fr}.spectator-players-grid{grid-template-columns:repeat(2,1fr)}.scramble-text{font-size:1rem;letter-spacing:1px}.winner-announcement{padding:2rem 1.5rem}.winner-content h2{font-size:1.5rem}.winner-stats{gap:1.5rem}}@media(max-width:480px){.spectator-header{padding:.75rem}.spectator-title{font-size:1rem}.spectator-status-bar{flex-direction:column;gap:.75rem;text-align:center}.spectator-players-grid{grid-template-columns:1fr}}@media(max-width:600px){.advanced-spectator-popup{max-width:100%;border-radius:20px 20px 0 0}.advanced-spectator .result-popup-header{padding:1rem}.advanced-spectator .result-popup-content .spectator-badge{margin:0 1rem 1rem}}.event-selection-subtitle{text-align:center;color:var(--text-secondary, #a1a1aa);font-size:.9rem;margin-top:2.5rem;margin-bottom:1.5rem}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;padding:0 1rem;max-width:900px;margin:0 auto;width:100%}.event-card{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;text-align:left;color:#e4e4e7;transition:all .2s ease;overflow:hidden;width:100%}.event-card:hover{background:#ffffff14;border-color:var(--card-accent, #8b5cf6);transform:translateY(-1px)}.event-card:active{transform:translateY(0)}.event-card.selected{border-color:var(--card-accent, #8b5cf6);background:#ffffff14}.event-card-glow{position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,var(--card-accent, #8b5cf6) 0%,transparent 70%);opacity:.05;pointer-events:none}.event-card-icon{font-size:1.75rem;line-height:1}.event-card-info{display:flex;align-items:center;gap:.5rem}.event-card-name{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.event-card-difficulty{font-size:.7rem;font-weight:500;padding:.15rem .4rem;border-radius:4px;background:#ffffff0f}.event-card-details{display:flex;gap:1rem;font-size:.8rem}.event-detail-item{display:flex;flex-direction:column;gap:.1rem}.event-detail-label{color:#71717a;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.event-detail-value{color:#d4d4d8;font-weight:500}.event-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#71717a}.event-card-meta,.event-card-players{color:#a1a1aa}.event-card-arrow{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#52525b;opacity:0;transition:opacity .2s}.event-card:hover .event-card-arrow{opacity:1}.arena-rule-timers{display:flex;gap:1rem;justify-content:center;align-items:center;padding:.25rem 0}.rule-timer{display:flex;flex-direction:column;align-items:center;padding:.25rem .75rem;border-radius:var(--glass-radius-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.rule-timer-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#fff6}.rule-timer-value{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600;color:#ffffffe6}.rule-timer.cutoff.warning .rule-timer-value{color:var(--color-warning);animation:pulse-cutoff 1s ease-in-out infinite}.rule-timer.cutoff.warning{border-color:#f59e0b4d;background:#f59e0b14}@keyframes pulse-cutoff{0%,to{opacity:1}50%{opacity:.6}}.rule-timer.time-limit .rule-timer-value{color:#818cf8}.rule-timer.hold-timeout .rule-timer-value{color:var(--accent-secondary)}.rule-timer.hold-timeout.warning .rule-timer-value{color:var(--color-warning);animation:pulse-cutoff 1s ease-in-out infinite}.rule-timer.hold-timeout.warning{border-color:#f59e0b4d;background:#f59e0b14}.rule-timer.hold-timeout.expired{border-color:#ef44444d;background:#ef444414}.rule-timer.hold-timeout.expired .rule-timer-value{color:var(--color-danger)}.custom-rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem}.rule-input-group{display:flex;flex-direction:column;gap:.35rem}.rule-input-group label{font-size:.8rem;color:#fff9}.rules-toggle-label{user-select:none}.rules-toggle-label input[type=checkbox]{accent-color:var(--accent-secondary)}@media(max-width:640px){.event-grid{grid-template-columns:1fr;gap:.5rem;padding:0 .5rem}.event-card{padding:.75rem}.custom-rules-grid{grid-template-columns:1fr}}.paid-arena-card{width:100%;background:#8b5cf60f;border:1px solid rgba(139,92,246,.2);border-radius:14px;overflow:hidden}.paid-arena-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#8b5cf61a;border-bottom:1px solid rgba(139,92,246,.15)}.paid-arena-badge{font-size:.85rem;font-weight:600;color:var(--accent-secondary)}.settlement-badge{font-size:.75rem;font-weight:500;padding:.25rem .6rem;border-radius:6px}.settlement-badge.pending{background:#f59e0b26;color:var(--color-warning)}.settlement-badge.settled{background:#10b98126;color:var(--color-success)}.paid-arena-details{display:flex;flex-direction:column;gap:.4rem;padding:.75rem 1rem}.paid-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.paid-detail-row span:first-child{color:#ffffff73}.paid-detail-row strong{color:var(--text-primary)}.badge-settled{background:#10b98126;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.badge-waiting{background:#f59e0b1a;color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.badge-matched{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.badge-playing{background:#6366f11a;color:#818cf8;border:1px solid rgba(99,102,241,.2)}.badge-completed{background:#8b5cf61a;color:var(--accent-secondary);border:1px solid rgba(139,92,246,.2)}.badge-cancelled,.badge-refunded{background:#ef444414;color:var(--color-danger);border:1px solid rgba(239,68,68,.15)}.mockup-battle-page{background:#080911;color:#e2e8f0;min-height:100vh;font-family:Inter,system-ui,sans-serif}.mockup-container{max-width:1500px;margin:0 auto;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem}.mockup-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:.5rem}.mockup-title-inline{display:flex;align-items:center;gap:1.25rem;margin-bottom:.2rem}.mockup-title-block h1{font-size:2.2rem;font-weight:800;color:var(--text-primary);margin:0}.mockup-title-block p{font-size:.9rem;color:#94a3b8;margin:0;display:flex;align-items:center;gap:.5rem}.live-dot-inline{width:6px;height:6px;background:#22c55e;border-radius:50%;display:inline-block;box-shadow:0 0 8px #22c55e;animation:pulse-dot 2s infinite}.mockup-btn-create{background:linear-gradient(90deg,#7c3aed,#4f46e5);border:none;padding:.7rem 2rem;border-radius:var(--glass-radius-sm);color:var(--text-primary);font-size:.95rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #7c3aed4d;transition:transform .2s,box-shadow .2s}.mockup-btn-create:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed66}.network-stats-ribbon{display:flex;align-items:center;gap:1rem;background:#0f111f99;border:1px solid rgba(255,255,255,.05);border-radius:var(--glass-radius-sm);padding:.5rem 1rem}.ribbon-item{display:flex;align-items:baseline;gap:.4rem}.ribbon-val{font-size:1.1rem;font-weight:700;color:#22d3ee}.ribbon-lbl{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.ribbon-divider{width:1px;height:14px;background:#ffffff1a}.mockup-map-section{display:flex;flex-direction:column;gap:1rem}.mockup-btn-create{background:linear-gradient(90deg,#7c3aed,#4f46e5);border:none;padding:.7rem 1.5rem;border-radius:var(--glass-radius-sm);color:var(--text-primary);font-size:.95rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.mockup-map-card{position:relative;height:65vh;min-height:450px;overflow:hidden;margin:0 -2rem}.map-background{position:absolute;inset:0;width:100%;height:100%}.world-map-svg{width:100%;height:100%}.map-activity-legend{position:absolute;bottom:2rem;left:2rem;background:#cabeff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 1px #ffffff1a;border-radius:12px;padding:1.25rem;width:220px;z-index:10}.legend-header{font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.legend-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.8rem}.legend-dot{width:8px;height:8px;border-radius:50%;margin-top:.25rem}.dot-high{background:#ef4444;box-shadow:0 0 8px #ef4444}.dot-medium{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.dot-low{background:#3b82f6;box-shadow:0 0 8px #3b82f6}.legend-text{display:flex;flex-direction:column}.legend-title{font-size:.8rem;color:#e2e8f0;font-weight:500}.legend-sub{font-size:.7rem;color:#64748b}.legend-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.75rem;color:#64748b;font-size:.7rem}.hotspot-tooltip{background:#111425;border:1px solid rgba(139,92,246,.2);border-radius:12px;width:320px;padding:0;box-shadow:0 10px 30px #00000080;overflow:hidden}.tooltip-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05)}.location-name{font-weight:600;color:var(--text-primary);font-size:.95rem;display:flex;align-items:center;gap:.5rem}.location-count{font-size:.8rem;color:var(--color-danger)}.tooltip-battles-scroll{padding:.5rem 0;max-height:250px;overflow-y:auto}.tooltip-battle-row{display:flex;align-items:center;padding:.75rem 1.25rem}.tooltip-battle-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.tooltip-battle-name{font-size:.85rem;color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:.5rem}.tooltip-battle-meta{font-size:.75rem;color:#64748b}.tooltip-battle-action{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.tooltip-action-stats{font-size:.75rem;color:#94a3b8}.tooltip-btn{background:none;border:none;color:var(--color-success);font-size:.8rem;font-weight:600;padding:0;cursor:pointer}.mockup-list-card{background:#cabeff0d;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);box-shadow:inset 0 1px 1px #ffffff1a;border-radius:16px;padding:1.5rem}.mockup-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.mockup-list-title{display:flex;align-items:center;gap:.75rem}.mockup-list-title h2{margin:0;font-size:1.1rem;color:var(--text-primary);font-weight:600}.count-badge{background:#ffffff0d;color:#94a3b8;padding:.2rem .6rem;border-radius:12px;font-size:.8rem}.mockup-filters-row{display:flex;gap:.5rem}.mockup-select{background:#0003;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:var(--glass-radius-sm);padding:.5rem 1rem;font-size:.8rem;color:var(--text-primary);display:flex;align-items:center;gap:2rem;cursor:pointer;transition:all .2s}.mockup-select:hover{border-color:#cabeff4d;background:#0000004d}.mockup-select-sort{background:#0006;color:var(--text-primary)}.mockup-battles-grid{display:flex;flex-direction:column;gap:.5rem}.mockup-battle-card{background:#cabeff0a;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);box-shadow:inset 0 1px 1px #ffffff1a;border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;transition:all .2s}.mockup-battle-card:hover{background:#cabeff14;border-color:#cabeff40;box-shadow:0 4px 20px #8b5cf61a,inset 0 1px 1px #ffffff1a;transform:translateY(-2px)}.mbc-icon{width:48px;height:48px;background:#22c55e1a;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:1.5rem}.mbc-col{display:flex;flex-direction:column;gap:.3rem}.mbc-label{font-size:.7rem;color:#64748b}.mbc-value{font-size:.9rem;color:#e2e8f0;font-weight:500}.mbc-val-row{display:flex;align-items:center;gap:.4rem}.mbc-title-col{flex:1.5;min-width:200px}.mbc-title-row{display:flex;align-items:center;gap:.75rem}.mbc-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.mbc-subtitle{font-size:.8rem;color:#64748b}.mbc-badge{font-size:.6rem;font-weight:700;padding:.2rem .5rem;border-radius:4px}.mbc-badge-featured{background:#8b5cf633;color:#c084fc}.mbc-badge-prize{background:#f59e0b33;color:var(--color-warning)}.mbc-creator-col{flex:1}.mbc-flag{font-size:.9rem}.mbc-players-col{flex:1}.mbc-players-col .highlight{color:#38bdf8}.mbc-icons{display:flex;align-items:center}.mbc-fee-col,.mbc-prize-col,.mbc-time-col{flex:1}.mbc-time-val{display:flex;align-items:center;font-size:.7rem;color:#64748b}.mbc-time-countdown{font-size:.9rem;color:var(--color-danger);font-weight:600}.mbc-action-col{flex-shrink:0;margin-left:1rem}.mbc-btn{border:none;padding:.6rem 1.5rem;border-radius:var(--glass-radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s;min-width:120px}.mbc-btn:hover{opacity:.9}.btn-mockup-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:var(--text-primary)}.btn-mockup-secondary{background:#ffffff14;color:var(--text-primary);border:1px solid rgba(255,255,255,.12)}.btn-mockup-disabled{background:#ffffff0d;color:#64748b;cursor:default}@media(max-width:1024px){.mockup-header-row{flex-direction:column;align-items:flex-start;gap:1rem}.network-stats-cards{flex-wrap:wrap}.mockup-list-header{flex-direction:column;align-items:flex-start;gap:1rem}.mockup-filters-row{flex-wrap:wrap}.mockup-battle-card{flex-wrap:wrap;gap:1rem}.mbc-icon{margin-right:0}.mbc-title-col{flex:100%}}@media(max-width:768px){.mockup-container{padding:1rem .5rem}.mockup-title-inline{flex-direction:column;align-items:flex-start;gap:1rem;width:100%}.mockup-title-block h1{font-size:1.8rem}.mockup-title-block p{font-size:.8rem}.mockup-btn-create{width:100%;justify-content:center}.network-stats-ribbon{flex-wrap:wrap;gap:.75rem 1rem;padding:.75rem;width:100%;box-sizing:border-box}.ribbon-item{flex:1;min-width:40%;justify-content:flex-start}.ribbon-divider{display:none}.mockup-map-card{height:40vh;min-height:300px;margin:0;border-radius:12px}.mockup-list-card{padding:1rem}.mockup-filters-row{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:.5rem}.mockup-select{width:100%;justify-content:space-between;gap:.5rem;padding:.5rem}.mbc-action-col{width:100%;margin:0}.mbc-btn{width:100%}}.scanning-pulse{position:relative;width:240px;height:240px}@media(max-width:640px){.scanning-pulse{width:180px;height:180px}}.pulse-ring{position:absolute;inset:0;border:2px solid #cabeff;border-radius:50%;animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite;opacity:0}@keyframes pulse{0%{transform:scale(.8);opacity:0}50%{opacity:.3}to{transform:scale(1.2);opacity:0}}.spinner-track{position:absolute;inset:10px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.spinner-head{position:absolute;inset:10px;border:2px solid transparent;border-top-color:#cabeff;border-radius:50%;animation:spin-pulse 1.5s linear infinite}@keyframes spin-pulse{to{transform:rotate(360deg)}}.hud-scanline{height:1px;width:100%;background:linear-gradient(90deg,transparent,#cabeff,transparent);position:absolute;top:50%;left:0;animation:scan 4s linear infinite;opacity:.4}@keyframes scan{0%{top:0%}to{top:100%}}.glow-button{transition:all .3s ease}.glow-button:hover{box-shadow:0 0 25px #cabeff66;transform:scale(1.02)}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.animate-loading-bar{animation:loading-bar 2s infinite linear}:root{--mm-bg-deep: #050508;--mm-bg-background: #14121a;--mm-surface: #14121a;--mm-surface-container: #211e27;--mm-on-surface: #e6e0ec;--mm-on-surface-variant: #c9c4d6;--mm-primary: #e6deff;--mm-on-primary: #32285e;--mm-primary-container: #cabeff;--mm-secondary-container: #482baf;--mm-accent-cyan: #5ed7e2;--mm-glass-bg: rgba(255, 255, 255, .03);--mm-glass-border: rgba(255, 255, 255, .08);--mm-sidebar-width: 280px}.mm-body{font-family:Hanken Grotesk,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-sidebar{position:fixed;left:0;top:0;height:100%;width:var(--mm-sidebar-width);z-index:60;background:#ffffff0d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(255,255,255,.1);display:none;flex-direction:column;padding:2rem 1.5rem}@media(min-width:768px){.mm-sidebar{display:flex}}.mm-sidebar-brand{margin-bottom:3rem;display:flex;align-items:center;gap:1rem}.mm-sidebar-logo{width:2.5rem;height:2.5rem;border-radius:.5rem;background:var(--mm-primary);display:flex;align-items:center;justify-content:center}.mm-sidebar-title{font-family:Sora,sans-serif;font-size:24px;line-height:32px;font-weight:700;color:var(--mm-primary);margin:0}.mm-sidebar-subtitle{color:var(--mm-on-surface-variant);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin:0}.mm-nav{flex:1;display:flex;flex-direction:column;gap:.5rem}.mm-nav-link{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:0;color:var(--mm-on-surface-variant);transition:all .3s ease;text-decoration:none;font-family:Hanken Grotesk,sans-serif;font-size:16px;line-height:24px;border-right:2px solid transparent}.mm-nav-link:hover{background:#ffffff1a;color:var(--mm-primary)}.mm-nav-link:hover .mm-nav-text{transform:translate(4px);transition:transform .2s}.mm-nav-link.mm-active{color:var(--mm-primary);border-right-color:var(--mm-primary);background:#e6deff1a}.mm-nav-text{transition:transform .2s}.mm-sidebar-footer{margin-top:auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.5rem}.mm-main{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;position:relative}@media(min-width:768px){.mm-main{margin-left:var(--mm-sidebar-width);padding:2rem}}.mm-glow-top{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:#e6deff0d;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:-10}.mm-glow-bottom{position:fixed;bottom:0;right:0;width:400px;height:400px;background:#482baf1a;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:-10}.mm-status-bar{position:absolute;top:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;width:100%;padding:0 1.5rem;z-index:10}@media(min-width:768px){.mm-status-bar{width:auto}}.mm-back-btn{width:2.5rem;height:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:var(--mm-on-surface-variant);background:var(--mm-glass-bg);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--mm-glass-border);box-shadow:0 0 40px #00000080;cursor:pointer;transition:color .2s}.mm-back-btn:hover{color:var(--mm-primary)}.mm-back-btn:active{transform:scale(.9)}@media(min-width:768px){.mm-back-btn{position:absolute;left:-6rem}}.mm-status-title{font-family:Sora,sans-serif;font-size:20px;line-height:28px;font-weight:700;color:#ffffff80;letter-spacing:-.02em;margin:0}.mm-status-divider{color:var(--mm-on-surface-variant)}.mm-status-event{font-family:Sora,sans-serif;font-size:20px;line-height:28px;font-weight:800;color:var(--mm-primary);letter-spacing:-.05em;margin:0}.mm-hud{width:100%;max-width:640px;border-radius:32px;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}@media(min-width:768px){.mm-hud{padding:3rem}}.mm-hud-decor{position:absolute;top:1.5rem;left:1.5rem;display:flex;gap:.25rem;opacity:.4}.mm-hud-decor-dot{width:4px;height:12px;border-radius:9999px}.mm-hud-decor-dot:first-child{background:var(--mm-primary)}.mm-hud-decor-dot:nth-child(n+2){background:#fff3}.mm-hud-lobby-id{position:absolute;top:1.5rem;right:1.5rem;font-family:Hanken Grotesk,sans-serif;font-size:10px;line-height:12px;letter-spacing:.15em;font-weight:800;color:var(--mm-on-surface-variant);opacity:.6;text-transform:uppercase}.mm-heading-display{font-family:Sora,sans-serif;font-size:32px;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--mm-on-surface);margin:0}@media(min-width:768px){.mm-heading-display{font-size:48px;line-height:1.1}}.mm-heading-search{font-family:Sora,sans-serif;font-size:24px;line-height:32px;font-weight:700;letter-spacing:-.02em;color:var(--mm-primary)}.mm-subtitle{font-family:Hanken Grotesk,sans-serif;font-size:16px;line-height:24px;color:var(--mm-on-surface-variant);max-width:24rem;margin:0 auto;opacity:.7}.mm-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:20rem;margin-bottom:2.5rem;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);padding:1rem 0}.mm-stats-left{text-align:left}.mm-stats-right{text-align:right}.mm-stats-label{font-family:Hanken Grotesk,sans-serif;font-size:10px;line-height:12px;letter-spacing:.15em;font-weight:800;color:#fff6;margin:0 0 .25rem}.mm-stats-value{font-family:Sora,sans-serif;font-size:20px;line-height:28px;font-weight:700;margin:0}.mm-stats-value-primary{color:var(--mm-primary)}.mm-stats-value-cyan{color:var(--mm-accent-cyan)}.mm-btn-primary{width:100%;height:4rem;background:var(--mm-primary);color:var(--mm-on-primary);border:none;border-radius:1rem;font-family:Sora,sans-serif;font-size:20px;line-height:28px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #e6deff1a}.mm-btn-primary:active{transform:scale(.95)}.mm-btn-primary:hover:not(:disabled){box-shadow:0 0 25px #cabeff66;transform:scale(1.02)}.mm-btn-primary:disabled{opacity:.8;pointer-events:none}.mm-btn-primary .mm-icon-fill{font-variation-settings:"FILL" 1}.mm-in-queue{width:100%;height:4rem;background:#e6deff33;color:var(--mm-primary);border-radius:1rem;font-family:Sora,sans-serif;font-size:20px;line-height:28px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.75rem;border:1px solid rgba(230,222,255,.3)}.mm-in-queue-dot{width:.5rem;height:.5rem;border-radius:9999px;background:var(--mm-primary);animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.mm-btn-video-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem}.mm-btn-video{width:100%;height:3.5rem;background:#ffffff08;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--mm-glass-border);box-shadow:0 0 40px #00000080;border-radius:.75rem;font-family:Hanken Grotesk,sans-serif;font-size:14px;line-height:20px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--mm-on-surface-variant);cursor:pointer;transition:all .2s;border-color:#fff3}.mm-btn-video:hover{background:#ffffff1a}.mm-btn-video:active{transform:scale(.95)}.mm-btn-video.mm-video-enabled{background:#e6deff33;border-color:#e6deff66;color:var(--mm-primary)}.mm-video-hint{font-size:10px;color:var(--mm-on-surface-variant);font-weight:500;letter-spacing:.05em;text-transform:uppercase;opacity:.5;margin:0}.mm-btn-cancel{width:100%;height:3rem;background:none;border:none;color:var(--mm-on-surface-variant);font-family:Hanken Grotesk,sans-serif;font-size:14px;line-height:20px;font-weight:600;cursor:pointer;transition:color .2s}.mm-btn-cancel:active{transform:scale(.95)}.mm-btn-cancel:hover{color:#ffb4ab}.mm-hud-edge{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);width:8rem;height:4px;background:#ffffff0d;border-radius:9999px;overflow:hidden}.mm-hud-edge-bar{height:100%;background:#e6deff4d;width:33.333%;animation:loading-bar 2s infinite linear}.mm-mobile-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;z-index:50;border-top-left-radius:.75rem;border-top-right-radius:.75rem;background:#211e27cc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.05);justify-content:space-around;align-items:center;padding:.75rem 1rem;padding-bottom:env(safe-area-inset-bottom,.75rem);box-shadow:0 -5px 20px #0006}@media(min-width:768px){.mm-mobile-nav{display:none}}.mm-mobile-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--mm-on-surface-variant);cursor:pointer;padding:.5rem 1rem;transition:transform .2s;-webkit-tap-highlight-color:transparent}.mm-mobile-nav-btn:active{transform:scale(.9)}.mm-mobile-nav-btn.mm-mobile-active{color:var(--mm-primary);background:#e6deff1a;border-radius:.75rem}.mm-mobile-nav-text{font-family:Hanken Grotesk,sans-serif;font-size:10px;line-height:12px;letter-spacing:.15em;font-weight:800;margin-top:.25rem;text-transform:uppercase}.mm-error{margin-bottom:1.5rem;padding:.75rem;border-radius:.75rem;background:#93000a1a;border:1px solid rgba(147,0,10,.2);color:#ffb4ab;font-size:.875rem;font-weight:500;width:100%;max-width:24rem}.mm-lobby-id-text{position:absolute;top:1.5rem;right:1.5rem;font-family:Hanken Grotesk,sans-serif;font-size:10px;line-height:12px;letter-spacing:.15em;font-weight:800;color:var(--mm-on-surface-variant);opacity:.6}.mm-flex-center{display:flex;align-items:center;justify-content:center}.mm-gap-3{gap:.75rem}.mm-gap-2{gap:.5rem}.mm-flex-1{flex:1}.mm-text-left{text-align:left}.mm-text-right{text-align:right}.glass-card{background:#cabeff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#cabeff14;border-color:#cabeff40;box-shadow:0 4px 20px #8b5cf61a,inset 0 1px 1px #ffffff1a}.selection-active{background:#947dff26!important;border-color:#e6deff!important;box-shadow:0 0 15px #e6deff33,inset 0 1px 1px #ffffff1a!important}.dual-arena-solve-grid{display:grid;gap:.5rem;align-content:start}.dual-feed-grid{display:grid;gap:.5rem}.dual-header{display:flex;align-items:center;justify-content:space-between;z-index:10;flex-shrink:0}@media(max-width:767px){.dual-live-badge{padding:.1rem .35rem}.dual-live-badge .live-dot{width:4px;height:4px}.dual-live-label{font-size:.55rem}}@media(max-width:767px){.dual-connected .conn-label{font-size:.5rem}}.dual-round-progress{display:flex;align-items:center;justify-content:space-between;padding:.5rem .85rem;background:var(--glass-bg);border:.5px solid var(--glass-border);border-radius:12px;flex-shrink:0;gap:.5rem}.dual-round-dots{display:flex;align-items:center;gap:.4rem}.dual-round-dot{width:12px;height:12px;border-radius:50%;transition:all .3s ease;position:relative}.dual-round-dot.completed{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 0 8px #8b5cf680}.dual-round-dot.current{background:#8b5cf659;box-shadow:0 0 0 3px #8b5cf626}.dual-round-dot.pending{background:#ffffff14}.dual-round-dot.dnf{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 8px #ef444466}.dual-round-text{font-size:var(--text-small);font-weight:600;white-space:nowrap}.dual-player-panel{background:var(--glass-bg);border:.5px solid var(--glass-border);border-radius:14px;padding:.75rem}.dual-player-panel.highlight{background:linear-gradient(135deg,#6366f10f,#8b5cf605);border-color:#8b5cf626}.dual-player-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.dual-player-stats{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.dual-stat-value{font-family:var(--font-mono);font-size:var(--text-body);font-weight:700}.dual-player-progress{margin-top:.4rem;font-size:var(--text-small);color:var(--text-muted)}@media(max-width:767px){.dual-player-panel{padding:.6rem;border-radius:12px}.dual-player-avatar{width:30px;height:30px;font-size:.75rem}.dual-player-name{font-size:.78rem}.dual-player-stats{gap:.25rem}.dual-stat-value{font-size:.82rem}}@media(min-width:768px)and (max-width:1023px){.dual-opponent-panel{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}}.dual-scramble-card{overflow:hidden}@media(max-width:767px){.dual-scramble-header{padding:.6rem .75rem .3rem;font-size:.58rem}.dual-scramble-text{font-size:.78rem;line-height:1.5;padding:0 .75rem .4rem;letter-spacing:.015em}}.dual-timer-card{display:flex;flex-direction:column;align-items:center;position:relative}.dual-timer-card.glass-depth{background:var(--glass-bg-strong);border:.5px solid rgba(139,92,246,.12);box-shadow:0 8px 32px #00000040,0 0 40px #8b5cf60f,inset 0 1px 1px #ffffff14}@media(min-width:768px){.dual-timer-card{padding:1rem .75rem}}.dual-context-helper{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px}.dual-sidebar-card{background:var(--glass-bg);border:.5px solid var(--glass-border);border-radius:14px;padding:.75rem}.dual-sidebar-title{font-size:var(--text-small);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:.5rem}@media(max-width:767px){.dual-sidebar-card{border-radius:12px;padding:.65rem}}.dual-collapsible-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;padding:.5rem 0;-webkit-tap-highlight-color:transparent}.dual-collapsible-header:active{opacity:.7}.dual-collapsible-content{overflow:hidden}.dual-solve-timeline{background:var(--glass-bg);border:.5px solid var(--glass-border);border-radius:14px;padding:.75rem}.dual-solve-timeline-title{font-size:var(--text-small);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:.45rem}.dual-solve-item{display:flex;align-items:center;justify-content:space-between;padding:.45rem .65rem;border-radius:var(--glass-radius-sm);font-family:var(--font-mono);font-size:.78rem;transition:all .2s ease}.dual-solve-item.current{background:#8b5cf614;border:.5px solid rgba(139,92,246,.2)}.dual-solve-item.dnf{background:#ef44440d}.dual-solve-item.default{background:var(--surface-default)}.dual-solve-index{display:flex;align-items:center;gap:.35rem}.dual-solve-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dual-solve-dot.good{background:#22c55e}.dual-solve-dot.bad{background:#ef4444}.dual-solve-dot.warn{background:#f59e0b}.dual-solve-label{font-size:.7rem;font-weight:500}.dual-solve-time{display:flex;align-items:center;gap:.3rem}.dual-solve-time-value{color:var(--text-primary);font-weight:600}.dual-solve-penalty{font-size:.6rem;color:var(--color-warning);font-weight:600;padding:.05rem .25rem;background:#f59e0b1a;border-radius:4px}.dual-status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:6px;font-size:var(--text-small);font-weight:600}.dual-status-badge.live{background:var(--badge-live-bg);color:var(--badge-live-text);border:.5px solid var(--badge-live-border)}.dual-status-badge.ready{background:var(--badge-success-bg);color:var(--badge-success-text);border:.5px solid var(--badge-success-border)}.dual-status-badge.waiting{background:var(--badge-pending-bg);color:var(--badge-pending-text);border:.5px solid var(--badge-pending-border)}.dual-status-badge.solving{background:var(--badge-info-bg);color:var(--badge-info-text);border:.5px solid var(--badge-info-border)}.dual-status-badge.finished{background:var(--badge-success-bg);color:var(--badge-success-text);border:.5px solid var(--badge-success-border)}.dual-status-badge.dnf{background:var(--badge-danger-bg);color:var(--badge-danger-text);border:.5px solid var(--badge-danger-border)}.dual-status-badge.plus2{background:var(--badge-warning-bg);color:var(--badge-warning-text);border:.5px solid var(--badge-warning-border)}.dual-status-badge.synced{background:var(--badge-verified-bg);color:var(--badge-verified-text);border:.5px solid var(--badge-verified-border)}.dual-touch-target{min-height:44px;min-width:44px}.dual-waiting-card{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:12px;background:var(--glass-bg);border:.5px solid var(--glass-border)}.dual-waiting-dot{width:6px;height:6px;border-radius:50%;animation:dual-pulse 1.5s ease-in-out infinite}@keyframes dual-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.dual-waiting-text{font-size:var(--text-body-sm);font-weight:500;color:var(--text-secondary)}.dual-result-card{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border-radius:10px}.dual-result-icon{font-size:1rem;flex-shrink:0}.dual-result-text{font-size:var(--text-body-sm);font-weight:600}.dual-result-sub{font-size:var(--text-small);color:var(--text-muted);font-weight:500}.dual-btn-icon{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:.5rem .75rem;border-radius:var(--radius-md);background:var(--glass-bg);border:.5px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:var(--text-body);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dual-btn-icon:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary)}.dual-btn-icon:active{transform:scale(.97)}@keyframes dual-progress-fill{0%{width:0%}}.dual-scramble-toggle{padding:.35rem .6rem;font-size:.62rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;border:.5px solid rgba(255,255,255,.08);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dual-scramble-toggle.active{background:#8b5cf626;color:var(--accent-secondary)}.dual-scramble-toggle.inactive{background:#ffffff0a;color:#fff6}.dual-scramble-toggle:hover{background:#8b5cf61a;border-color:#8b5cf633;color:var(--accent-secondary)}@media(max-width:767px){.dual-lobby-header{display:flex;flex-direction:row;align-items:center;gap:.4rem;flex-wrap:wrap}.dual-lobby-header .battle-title{font-size:1rem!important}.dual-lobby-header .back-btn{font-size:.8rem!important;padding:.3rem .6rem!important}}@media(max-width:767px){.dual-player-card-compact{padding:.5rem!important}.dual-player-card-compact .pcard-avatar{width:30px!important;height:30px!important;font-size:.75rem!important}.dual-player-card-compact .pcard-name{font-size:.78rem!important}.dual-player-card-compact .pcard-label{font-size:.6rem!important}}@media(max-width:767px){.dual-info-card{padding:.5rem .65rem!important}.dual-info-row{font-size:.78rem!important}}@media(max-width:767px){.dual-action-btn{padding:.65rem .85rem!important;font-size:.85rem!important}}.dual-timer-hint{font-size:var(--text-body-sm);color:var(--text-muted);text-align:center;padding:.5rem .75rem;border-radius:10px;background:#8b5cf60a;border:.5px solid rgba(139,92,246,.08);font-weight:500}@media(max-width:767px){.dual-timer-hint{font-size:.75rem;padding:.4rem .6rem}}.dual-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dual-status-dot.pulse{animation:dual-pulse 1.5s ease-in-out infinite}.dual-z-base{z-index:1}.dual-z-header{z-index:10}.dual-z-toast{z-index:100}.dual-z-modal{z-index:1000}@media(max-width:767px){.dual-safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}}.dual-top-bar{flex-shrink:0;background:var(--glass-bg);backdrop-filter:blur(12px);border-bottom:.5px solid var(--glass-border);z-index:10}.dual-top-inner{max-width:min(1200px,100%);width:100%;margin:0 auto;display:flex;flex-direction:column}@media(min-width:768px){.dual-top-inner{padding:0 1rem}}@media(max-width:767px){.dual-top-inner{padding:0 .85rem}.dual-top-bar{background:#0006}}.dual-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;flex-shrink:0}@media(min-width:768px){.dual-header{padding:.5rem 0}}@media(max-width:767px){.dual-header{padding:.35rem 0;gap:.25rem;grid-template-columns:auto 1fr auto}}.dual-info-row{display:flex;align-items:stretch;gap:.5rem;padding:0 0 .5rem}.dual-info-row>.dual-solve-progress{flex:1;min-width:0;padding:.25rem .65rem;display:flex;align-items:center;gap:.5rem;overflow:hidden}.dual-info-row>.dual-match-feed{flex:0 1 auto;min-width:0;padding:.15rem .5rem;background:#0000000f;border:.5px solid var(--surface-glass);border-radius:var(--glass-radius-sm);display:flex;align-items:center;gap:.35rem;overflow:hidden;height:auto}@media(max-width:767px){.dual-info-row{flex-direction:column;gap:.4rem;padding:0 0 .4rem}.dual-info-row>.dual-solve-progress,.dual-info-row>.dual-match-feed{width:100%}}.dual-header-left{justify-self:start;display:flex;align-items:center}.dual-header-center{justify-self:center;display:flex;align-items:center;gap:.4rem}.dual-header-right{justify-self:end;display:flex;align-items:center;gap:.6rem}.dual-header-title{font-size:clamp(.85rem,1.8vw,1.05rem);font-weight:700;color:var(--text-primary);white-space:nowrap}.dual-header-best{font-size:clamp(.5rem,1vw,.6rem);font-weight:700;color:var(--badge-success-text);background:var(--badge-success-bg);border:.5px solid var(--badge-success-border);padding:.1rem .4rem;border-radius:4px;white-space:nowrap}.dual-header-elapsed{font-size:clamp(.6rem,1.2vw,.72rem);color:var(--text-muted);font-family:var(--font-mono);fontVariantNumeric:tabular-nums}.dual-match-feed{display:flex;align-items:center;gap:.5rem;overflow:hidden;flex-shrink:0}.dual-match-feed-label{font-size:.48rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0;opacity:.35}.dual-match-feed-items{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;overflow:hidden}.dual-match-feed-entry{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.dual-match-feed-entry-icon{font-size:.6rem;flex-shrink:0}.dual-match-feed-entry-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dual-match-feed-empty{font-size:.65rem;color:var(--text-muted);font-style:italic;opacity:.4}@keyframes dual-feed-fade{0%{opacity:0;transform:translate(-10px)}10%{opacity:1;transform:translate(0)}80%{opacity:1}to{opacity:0;transform:translateY(-2px)}}.dual-arena-solve-grid{display:grid;gap:.5rem;align-items:stretch}@media(min-width:1024px){.dual-arena-solve-grid{grid-template-columns:minmax(240px,280px) 1fr minmax(240px,280px)}}.dual-player-panel-full{display:flex;flex-direction:column;gap:.65rem;padding:1rem;height:100%;min-height:0}.dual-player-panel-full .dual-player-header{margin-bottom:0}.dual-player-panel-full .dual-player-avatar{width:42px;height:42px;font-size:1rem}.dual-player-panel-full .dual-player-name{font-size:var(--text-body)}.dual-player-status-row{display:flex;align-items:center;gap:.35rem;padding:.25rem 0}.dual-player-status-row .dual-status-dot{width:5px;height:5px}.dual-player-status-label{font-size:.7rem;font-weight:600}.dual-player-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;flex:1;align-content:start}.dual-stat-box{background:var(--surface-default);border:1px solid var(--surface-glass);border-radius:var(--glass-radius-sm);padding:.4rem .5rem;min-height:48px;display:flex;flex-direction:column;justify-content:center}.dual-stat-box .dual-stat-label{margin-bottom:.08rem}.dual-stat-box .dual-stat-value{font-size:var(--text-numeric)}.dual-stat-box.highlighted{background:var(--surface-card-accent);border-color:var(--accent-glow)}.dual-right-panel-full{display:flex;flex-direction:column;gap:.5rem;height:100%;min-height:0}.dual-right-panel-full>*{flex:1;min-height:0}.dual-standings-card{padding:.85rem;display:flex;flex-direction:column;gap:.4rem;overflow:hidden}.dual-standings-title{font-size:var(--text-small);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.dual-standings-row{display:grid;grid-template-columns:1fr .6fr .6fr .6fr;gap:.2rem;align-items:center;padding:.35rem .4rem;border-radius:var(--glass-radius-sm);font-size:var(--text-body-sm)}.dual-standings-row.header{color:var(--text-muted);font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;padding-bottom:.25rem;border-bottom:.5px solid var(--glass-border);margin-bottom:.1rem}.dual-standings-row.leader{background:var(--surface-default);border:1px solid var(--color-success)}.dual-standings-row.trailing{background:var(--surface-default);border:1px solid transparent}.dual-standings-player{display:flex;align-items:center;gap:.3rem;overflow:hidden}.dual-standings-crown{font-size:.65rem;flex-shrink:0}.dual-standings-name{font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dual-standings-stat{font-family:var(--font-mono);font-weight:700;text-align:right;font-size:var(--text-numeric-sm);fontVariantNumeric:tabular-nums}.dual-standings-stat.neutral{color:var(--accent-secondary)}.dual-standings-stat.muted{color:var(--color-disabled)}.dual-standings-highlight{font-size:.6rem;color:var(--text-muted);text-align:center;padding-top:.2rem;border-top:.5px solid var(--glass-border);opacity:.6}.dual-stats-card{padding:.85rem;display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.dual-stats-title{font-size:var(--text-small);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.dual-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.dual-stats-item{background:var(--surface-default);border:1px solid var(--surface-glass);border-radius:var(--glass-radius-sm);padding:.35rem .45rem;display:flex;flex-direction:column;gap:.05rem}.dual-stats-item .dual-stat-label{margin-bottom:0;font-size:.6rem}.dual-stats-item .dual-stat-value{font-size:var(--text-numeric-sm)}.dual-stats-lead{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.35rem .5rem;border-radius:var(--glass-radius-sm);font-size:var(--text-small);font-weight:600}.dual-solve-progress{display:flex;align-items:center;gap:.75rem;padding:.5rem .85rem;flex-shrink:0;overflow-x:auto}@media(max-width:767px){.dual-solve-progress{padding:.4rem .65rem;gap:.4rem}}.dual-solve-progress-label{font-size:var(--text-small);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;flex-shrink:0}@media(max-width:767px){.dual-solve-progress-label{display:none}}.dual-solve-progress-items{display:flex;align-items:center;gap:.5rem;flex:1}@media(max-width:767px){.dual-solve-progress-items{gap:.3rem}}.dual-solve-progress-item{display:flex;align-items:center;gap:.3rem;padding:.2rem .4rem;border-radius:6px;font-size:.65rem;font-weight:600;white-space:nowrap;transition:all .3s ease}.dual-solve-progress-item.completed{background:var(--surface-default);border:1px solid var(--color-success);color:var(--color-success)}.dual-solve-progress-item.current{background:var(--surface-card-accent);color:var(--accent-secondary);box-shadow:0 0 0 1px var(--accent-primary)}.dual-solve-progress-item.pending{background:var(--surface-default);color:var(--text-muted)}.dual-solve-progress-item.dnf{background:var(--surface-default);border:1px solid var(--color-danger);color:var(--color-danger)}.dual-solve-progress-icon{font-size:.55rem;flex-shrink:0}.dual-solve-progress-num{font-family:var(--font-mono);font-size:.6rem;opacity:.7}.dual-main-scroll{flex:1;overflow-y:auto;padding:.6rem 1rem;max-width:min(1200px,100%);width:100%;margin:0 auto;display:flex;flex-direction:column;gap:.5rem}@media(max-width:767px){.dual-main-scroll{padding:.4rem .85rem;gap:.4rem}}.aether-glass{background:#14121a66;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg, 16px);transition:all .4s cubic-bezier(.2,.8,.2,1);position:relative;isolation:isolate;overflow:hidden}.aether-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff1f,#fff0 50%,#8b5cf633);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;pointer-events:none}.aether-glass:hover{transform:translateY(-2px);background:#14121a8c;box-shadow:0 12px 32px -6px #0006,0 0 20px #8b5cf61f}.aether-spotlight{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;background:radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(139,92,246,.08),transparent 40%);z-index:0;pointer-events:none;border-radius:inherit}.aether-glass:hover .aether-spotlight{opacity:1}.aether-radar-ring{position:absolute;inset:-12px;border-radius:50%;border:1.5px solid rgba(139,92,246,.4);animation:aether-radar 2.5s ease-out infinite;pointer-events:none}.aether-radar-ring:nth-child(2){animation-delay:1.25s}@keyframes aether-radar{0%{transform:scale(.5);opacity:.8}to{transform:scale(1.6);opacity:0;border-width:2px}}.aether-radar-spinner{position:absolute;inset:0;border:3px solid transparent;border-top-color:var(--ds-purple-500, #8b5cf6);border-right-color:var(--ds-purple-500, #8b5cf6);border-radius:50%;animation:spin 1.5s linear infinite;box-shadow:0 0 12px #8b5cf64d}.aether-pulse-icon{animation:aether-icon-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes aether-icon-pulse{0%{opacity:1;transform:scale(.9)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(.9)}}.aether-gradient-text{background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aether-gradient-text-accent{background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aether-player-card{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.2,.8,.2,1)}.aether-player-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.aether-player-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--card-accent, #8b5cf6),transparent);opacity:0;transition:opacity .3s ease}.aether-player-card:hover:after{opacity:1}.aether-avatar-glow{box-shadow:0 0 12px #8b5cf640;transition:box-shadow .3s ease,border-color .3s ease}.aether-player-card:hover .aether-avatar-glow{box-shadow:0 0 20px #8b5cf666}.aether-rank-badge{font-size:.55rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .45rem;border-radius:100px;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 8px #0000004d}.aether-status-badge{position:relative;overflow:hidden}.aether-status-badge:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);background-size:200% 100%;animation:aether-shimmer 3s linear infinite;border-radius:inherit;pointer-events:none}@keyframes aether-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.aether-btn-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6,#6366f1);background-size:200% auto;color:#fff;font-weight:700;border:none;border-radius:var(--radius-md, 12px);cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden}.aether-btn-gradient:hover:not(:disabled){background-position:right center;box-shadow:0 0 20px #8b5cf659;transform:scale(1.02)}.aether-btn-gradient:active:not(:disabled){transform:scale(.98)}.aether-btn-gradient:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:skew(-20deg);animation:aether-btn-sweep 4s infinite}@keyframes aether-btn-sweep{0%{left:-100%}15%{left:200%}to{left:200%}}.aether-shimmer-bg{background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);background-size:200% 100%;animation:aether-shimmer 2.5s linear infinite}.aether-info-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;position:relative}.aether-info-row+.aether-info-row{border-top:.5px solid rgba(255,255,255,.04)}.aether-info-row:hover{background:#ffffff05;border-radius:6px;margin:0 -.25rem;padding:.4rem .25rem}.aether-vs-divider{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0}.aether-vs-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;letter-spacing:.5px;color:#fff6;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);box-shadow:0 0 12px #8b5cf626}.aether-timer-badge{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.75rem;font-weight:600;color:var(--ds-purple-400, #a78bfa);background:#8b5cf614;border:1px solid rgba(139,92,246,.15);padding:.3rem .75rem;border-radius:100px}.aether-timer-dot{width:6px;height:6px;border-radius:50%;background:var(--ds-purple-400, #a78bfa);box-shadow:0 0 6px #8b5cf680;animation:dual-pulse 1.5s ease-in-out infinite}.aether-live-indicator{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:#ffffff4d}.aether-live-dot{width:5px;height:5px;border-radius:50%;background:var(--ds-success, #22c55e);box-shadow:0 0 6px #22c55e80;opacity:.6;animation:dual-pulse 2s ease-in-out infinite}.aether-cancel-btn{transition:all .2s ease}.aether-cancel-btn:hover{border-color:#ef444466!important;color:#ef4444!important;background:#ef44440f!important}.aether-result-card{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-md, 10px);transition:all .2s ease}.aether-result-card:hover{transform:translate(2px)}@media(max-width:767px){.aether-glass{border-radius:var(--radius-md, 12px)}.aether-radar-ring{inset:-8px}.aether-vs-circle{width:28px;height:28px;font-size:.6rem}.aether-timer-badge{font-size:.65rem;padding:.2rem .55rem}}.aether-bento-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media(min-width:768px){.aether-bento-grid{grid-template-columns:repeat(12,1fr)}.aether-col-8{grid-column:span 8}.aether-col-4{grid-column:span 4}}.aether-hud-row{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2rem}@media(min-width:992px){.aether-hud-row{flex-direction:row;gap:3rem}}.aether-player-card-lg{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;width:100%}.aether-player-card-lg .avatar-container{position:relative;margin-bottom:1.5rem}.aether-player-card-lg .avatar-circle{width:6rem;height:6rem;border-radius:50%;border:3px solid var(--card-accent);padding:.375rem;transition:transform .5s ease}@media(min-width:768px){.aether-player-card-lg .avatar-circle{width:8rem;height:8rem}}.aether-player-card-lg:hover .avatar-circle{transform:scale(1.05)}.aether-player-card-lg .avatar-inner{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);box-shadow:inset 0 2px 8px #0003}.aether-player-card-lg .role-badge{position:absolute;bottom:-.5rem;right:-.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 12px #0000004d}.neon-glow-primary{box-shadow:0 0 20px #fffeff26}.neon-glow-secondary{box-shadow:0 0 20px #4cd7f626}.pulse-secondary{animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);background-size:200% 100%;animation:shimmer-bg 3s infinite}@keyframes shimmer-bg{0%{background-position:-200% 0}to{background-position:200% 0}}.glass-card{background:#ffffff08;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:hover{background:#ffffff0f;border-color:#4cd7f64d}.quick-match-card{border-left:2px solid rgba(76,215,246,.2)}.rank-progress-fill{background:linear-gradient(90deg,#4cd7f6,#eadcff)}.matchmaking-row{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2rem;width:100%}.matchmaking-inner{position:relative;z-index:10;width:100%}@media(min-width:1024px){.matchmaking-row{flex-direction:row;gap:0}}.animate-spin{animation:spin 1s linear infinite}.competition-event-selection-page{min-height:100vh;width:100%;position:relative}.event-selection-container{max-width:1100px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-12);position:relative;z-index:10;display:flex;flex-direction:column;gap:var(--space-6)}.event-selection-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.loading-spinner{width:32px;height:32px;border:2px solid var(--glass-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.event-error-state{display:flex;align-items:center;justify-content:center;min-height:60vh}.error-card-glass{padding:var(--space-8);background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--glass-radius-lg);text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}.error-card-glass h2{font-family:var(--font-display);font-size:var(--text-section-title);color:var(--text-primary);margin:0}.event-hero-floating{background:var(--glass-bg);backdrop-filter:blur(var(--blur-lg)) saturate(1.2);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(1.2);border:1px solid var(--glass-border);border-radius:var(--glass-radius-lg);padding:var(--space-6) var(--space-8);position:relative;overflow:hidden;box-shadow:0 0 0 1px var(--glass-highlight),0 8px 32px -8px #0006,0 0 60px -20px var(--accent-primary)}.event-hero-floating:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,var(--accent-primary) 0%,transparent 70%);opacity:.08;pointer-events:none;animation:hero-glow 8s ease-in-out infinite}@keyframes hero-glow{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.12;transform:scale(1.1)}}.hero-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.hero-back-btn{display:flex;align-items:center;gap:var(--space-2);background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-body-sm);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.hero-back-btn:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.hero-back-btn svg{font-size:12px}.hero-content{margin-bottom:var(--space-6)}.hero-title{font-family:var(--font-display);font-size:var(--text-display-lg);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-2) 0;line-height:1.1}.hero-subtitle{font-family:var(--font-body);font-size:var(--text-body);color:var(--text-secondary);margin:0;line-height:var(--leading-relaxed)}.hero-stats-row{display:flex;align-items:center;gap:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--glass-border)}.hero-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.hero-stat-value{font-family:var(--font-display);font-size:var(--text-stat);font-weight:var(--weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1}.hero-stat-label{font-family:var(--font-body);font-size:var(--text-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-label)}.hero-stat-divider{width:1px;height:36px;background:var(--glass-border)}.info-strip{display:flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-4) var(--space-6);background:var(--glass-bg);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.info-item{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--text-secondary)}.info-icon{font-size:12px}.info-icon.success{color:var(--color-success)}.events-section{display:flex;flex-direction:column}.events-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.event-card{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--blur-md)) saturate(1.1);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(1.1);border:1px solid var(--glass-border);border-radius:var(--glass-radius-lg);padding:var(--space-6);overflow:hidden;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out);cursor:default}.event-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);pointer-events:none}.event-card:hover{border-color:var(--glass-border-hover);box-shadow:0 0 0 1px var(--glass-highlight),0 12px 40px -12px #0000004d,0 0 40px -10px var(--accent-primary);transform:translateY(-4px)}.event-card:hover:before{opacity:1}.event-card.active{border-color:var(--border-accent);box-shadow:0 0 0 1px var(--border-accent),0 8px 32px -8px #8b5cf64d,0 0 40px -15px var(--accent-primary)}.event-artwork{position:absolute;bottom:-20px;right:-20px;opacity:.04;pointer-events:none;transform:rotate(-15deg);transition:opacity var(--duration-normal) var(--ease-out)}.event-card:hover .event-artwork{opacity:.06}.event-card-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-5)}.event-header{display:flex;align-items:center;gap:var(--space-3)}.event-icon-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-glass);border-radius:var(--radius-md);border:1px solid var(--glass-border);flex-shrink:0}.event-meta{flex:1;min-width:0}.event-name{font-family:var(--font-display);font-size:var(--text-card-title);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-round{font-family:var(--font-body);font-size:var(--text-caption);color:var(--text-muted)}.event-progress-section{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-2) 0}.event-stats-mini{display:flex;flex-direction:column;gap:var(--space-3);flex:1}.stat-mini{display:flex;align-items:baseline;gap:var(--space-2)}.stat-mini-label{font-family:var(--font-body);font-size:10px;font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;width:32px}.stat-mini-value{font-family:var(--font-mono);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.event-cta{width:100%;margin-top:var(--space-2);justify-content:center;gap:var(--space-2);font-weight:var(--weight-semibold)}@media(max-width:900px){.event-selection-container{padding:var(--space-6) var(--space-4) var(--space-10)}.event-hero-floating{padding:var(--space-5) var(--space-6)}.hero-title{font-size:var(--text-page-title)}.info-strip{gap:var(--space-5);flex-wrap:wrap}}@media(max-width:640px){.event-selection-container{padding:var(--space-4) var(--space-4) var(--space-8)}.event-hero-floating{padding:var(--space-4) var(--space-5)}.hero-nav{margin-bottom:var(--space-4)}.hero-stats-row{gap:var(--space-4);padding-top:var(--space-4)}.hero-stat-value{font-size:var(--text-stat)}.info-strip{flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.info-item{font-size:var(--text-caption)}.events-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.event-card{padding:var(--space-4)}.event-card-content{gap:var(--space-4)}.event-icon-wrap{width:32px;height:32px}.event-name{font-size:var(--text-body-sm)}.event-progress-section{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.event-stats-mini{flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}.stat-mini{flex-direction:column;gap:2px}.stat-mini-label{width:auto;font-size:9px}.stat-mini-value{font-size:var(--text-caption)}}[data-theme=light] .event-hero-floating:before{opacity:.05}[data-theme=light] .event-artwork{opacity:.06}[data-theme=light] .event-card:hover .event-artwork{opacity:.08}[data-theme=light] .info-icon.success{color:var(--color-success)}.comp-solve-page{min-height:100vh;width:100%;position:relative;overflow-x:hidden;background:var(--bg-primary)}.arena-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:var(--bg-primary)}.arena-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.orb-1{width:600px;height:600px;background:radial-gradient(circle,#8b5cf6 0%,transparent 70%);top:-200px;left:-100px;animation:float-1 20s ease-in-out infinite}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-150px;right:-100px;animation:float-2 25s ease-in-out infinite}.orb-3{width:400px;height:400px;background:radial-gradient(circle,#f59e0b 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:float-3 15s ease-in-out infinite}@keyframes float-1{0%,to{transform:translate(0)}50%{transform:translate(50px,30px)}}@keyframes float-2{0%,to{transform:translate(0)}50%{transform:translate(-40px,-50px)}}@keyframes float-3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.arena-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 1px);background-size:50px 50px}.arena-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,var(--bg-primary) 90%)}.dual-top-bar{flex-shrink:0;background:var(--glass-bg);backdrop-filter:blur(12px);border-bottom:.5px solid var(--glass-border);position:relative;z-index:100}.dual-top-inner{width:100%;max-width:1400px;margin:0 auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.dual-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.dual-header-left{display:flex;align-items:center;justify-content:flex-start}.dual-header-center{display:flex;align-items:center;justify-content:center}.dual-header-right{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.dual-header-title{font-family:var(--font-display);font-size:var(--text-body-lg);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.dual-header-best{font-size:var(--text-caption);color:var(--text-muted);background:var(--glass-bg);padding:.15rem .5rem;border-radius:4px;border:.5px solid var(--glass-border)}.dual-header-elapsed{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-muted)}.dual-live-badge{display:flex;align-items:center;gap:.3rem;padding:.15rem .45rem;border-radius:6px;background:#22c55e1f;border:.5px solid rgba(34,197,94,.2)}.dual-live-badge .live-dot{width:5px;height:5px;border-radius:50%;background:#22c55e}.dual-live-label{font-size:.6rem;font-weight:700;color:var(--color-success);letter-spacing:.1em}.dual-connected{display:flex;align-items:center;gap:.25rem;padding:.15rem .35rem;border-radius:4px;background:var(--surface-default)}.dual-connected .conn-dot{width:4px;height:4px;border-radius:50%;background:#4ade80}.dual-connected .conn-label{font-size:.55rem;color:#ffffff59}.dual-connected.offline .conn-dot{background:var(--color-danger)}.dual-info-row{display:flex;align-items:center;gap:.75rem}.dual-solve-progress{display:flex;align-items:center;gap:.75rem;padding:.5rem .85rem;background:var(--glass-bg);border:.5px solid var(--glass-border);border-radius:12px;flex-shrink:0}.dual-solve-progress-label{font-size:var(--text-small);color:var(--text-muted);white-space:nowrap}.dual-solve-progress-items{display:flex;align-items:center;gap:.5rem}.dual-solve-progress-item{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.25rem .5rem;border-radius:8px;background:#ffffff08;min-width:48px;transition:all .2s ease}.dual-solve-progress-item.completed{background:#22c55e1a}.dual-solve-progress-item.current{background:#8b5cf626;border:1px solid rgba(139,92,246,.3)}.dual-solve-progress-item.pending{background:#ffffff05;opacity:.6}.dual-solve-progress-item.dnf{background:#ef44441a}.dual-solve-progress-icon{font-size:.7rem;font-weight:700}.dual-solve-progress-item span:last-child{font-size:.55rem;color:var(--text-muted);font-weight:500}.dual-match-feed{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;overflow:hidden}.dual-match-feed-label{font-size:var(--text-small);color:var(--text-muted);white-space:nowrap}.dual-match-feed-items{display:flex;align-items:center;overflow:hidden}.dual-match-feed-empty{font-size:var(--text-caption);color:var(--text-muted);white-space:nowrap}.save-saved{color:var(--color-success)}.save-saving{color:var(--color-warning)}.save-error{color:var(--color-danger)}.dual-arena-solve-grid{display:grid;gap:.5rem;align-content:start;padding:.75rem 1rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}@media(min-width:1024px){.dual-arena-solve-grid{grid-template-columns:minmax(240px,280px) 1fr minmax(240px,280px);align-items:stretch}}@media(min-width:768px)and (max-width:1023px){.dual-arena-solve-grid{grid-template-columns:1fr minmax(240px,280px)}}@media(max-width:767px){.dual-arena-solve-grid{grid-template-columns:1fr}}.dual-player-panel-full{display:flex;flex-direction:column;gap:.65rem;padding:1rem;background:var(--glass-bg);border:.5px solid var(--glass-border);border-radius:14px;height:100%}.dual-player-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.25rem}.dual-player-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.dual-player-name{font-size:var(--text-body-sm);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dual-player-label{font-size:var(--text-small);color:var(--text-muted)}.dual-player-status-row{display:flex;align-items:center;gap:.25rem}.dual-status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success)}.dual-status-dot.pulse{animation:pulse-dot 1s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.dual-player-status-label{font-size:.6rem;font-weight:600}.dual-player-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.dual-stat-box{display:flex;flex-direction:column;padding:.4rem .5rem;background:#ffffff05;border-radius:8px;border:.5px solid rgba(255,255,255,.04)}.dual-stat-box.highlighted{background:#8b5cf614;border-color:#8b5cf626}.dual-stat-label{font-size:var(--text-small);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}.dual-stat-value{font-family:var(--font-mono);font-size:var(--text-body);font-weight:700;color:var(--text-primary)}.dual-stat-value.avg{color:var(--accent-secondary)}.dual-stat-value.best{color:var(--color-success)}.dual-stat-value.worst{color:var(--color-danger)}.dual-stat-value.muted{color:var(--color-disabled)}.dual-scramble-card{overflow:hidden;background:var(--glass-bg);border:.5px solid var(--glass-border);border-radius:14px}.dual-scramble-header{font-size:var(--text-small);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600;text-align:center;padding:.75rem 1rem .4rem}.dual-scramble-text{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--text-primary);line-height:1.7;letter-spacing:.02em;word-break:break-word;padding:0 1rem .6rem;text-align:center}.dual-scramble-toggle{background:transparent;border:none;color:var(--text-muted);font-size:var(--text-caption);cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.dual-scramble-toggle:hover{background:#ffffff0d;color:var(--text-primary)}.dual-timer-card{display:flex;flex-direction:column;align-items:center;position:relative;background:var(--glass-bg);border:.5px solid var(--glass-border);border-radius:14px;padding:1rem .75rem}@media(max-width:767px){.dual-timer-card{padding:1rem .5rem}}.dual-timer-card .battle-timer-container{padding:0!important;gap:1rem!important;width:100%}.dual-timer-card .battle-timer-display{font-size:5rem!important;padding:.75rem 2rem!important;transition:all .3s ease}@media(max-width:767px){.dual-timer-card .battle-timer-display{font-size:3.5rem!important;padding:.5rem 1.25rem!important}}@media(min-width:1400px){.dual-timer-card .battle-timer-display{font-size:6rem!important}}.dual-context-helper{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;background:var(--surface-card-accent);border:.5px solid var(--surface-active)}.dual-context-icon{font-size:.9rem;flex-shrink:0}.dual-context-text{font-size:var(--text-body-sm);font-weight:500;text-align:center}@media(max-width:767px){.dual-context-helper{padding:.55rem .75rem;border-radius:10px;gap:.35rem}.dual-context-text{font-size:.75rem}}.dual-right-panel-full{display:flex;flex-direction:column;gap:.5rem}.dual-standings-card{background:var(--glass-bg);border:.5px solid var(--glass-border);border-radius:14px;padding:.75rem}.dual-standings-title{font-size:var(--text-small);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:.5rem}.dual-standings-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.35rem 0;align-items:center}.dual-standings-row.header{font-size:var(--text-small);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:.5px solid var(--glass-border);padding-bottom:.4rem;margin-bottom:.25rem}.dual-standings-row:not(.header):not(:last-child){border-bottom:.5px solid rgba(255,255,255,.03)}.dual-standings-player{display:flex;align-items:center;gap:.25rem;overflow:hidden}.dual-standings-name{font-size:var(--text-body-sm);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dual-standings-stat{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--text-secondary);text-align:right}.dual-standings-stat.neutral{color:var(--text-primary)}.dual-standings-stat.positive{color:var(--color-success)}.dual-standings-stat.muted{color:var(--text-muted)}.dual-stats-card{background:var(--glass-bg);border:.5px solid var(--glass-border);border-radius:14px;padding:.75rem}.dual-stats-title{font-size:var(--text-small);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:.5rem}.dual-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.dual-stats-item{display:flex;flex-direction:column;padding:.4rem .5rem;background:#ffffff05;border-radius:8px;border:.5px solid rgba(255,255,255,.04)}.dual-stats-item.full{grid-column:1 / -1}.ds-spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.dual-scrollbar::-webkit-scrollbar{width:4px}.dual-scrollbar::-webkit-scrollbar-track{background:transparent}.dual-scrollbar::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:2px}@media(min-width:1024px){.dual-scrollbar::-webkit-scrollbar{width:0;background:transparent}.dual-scrollbar::-webkit-scrollbar-track{background:transparent}.dual-scrollbar::-webkit-scrollbar-thumb{background:transparent}.dual-main-scroll{scrollbar-width:none}}.dual-main-scroll{flex:1;overflow-y:auto;overflow-x:hidden;position:relative}@media(max-width:767px){.dual-header{grid-template-columns:auto 1fr auto!important;gap:.5rem!important}.dual-header-title{font-size:.9rem!important}.dual-header-best,.dual-header-elapsed{display:none!important}.dual-solve-progress{flex-direction:column;align-items:flex-start;gap:.4rem}.dual-solve-progress-items{flex-wrap:wrap}.dual-match-feed{display:none}}@media(max-width:1024px){.dual-player-panel-full,.dual-right-panel-full{display:none}}.competition-submission-page{min-height:100vh;width:100%;position:relative;overflow-x:hidden}.submission-loading,.submission-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:var(--text-primary)}.submission-error button{margin-top:1rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer}.submission-container{max-width:800px;margin:0 auto;padding:2rem;position:relative;z-index:10}.submission-header{margin-bottom:2rem}.submission-header .back-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.875rem;margin-bottom:1rem}.event-info{display:flex;align-items:center;gap:1rem}.event-info h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.event-info p{color:var(--text-secondary);font-size:.875rem}.submission-content{display:flex;flex-direction:column;gap:1.5rem}.submission-summary-card,.video-submission-card{background:var(--surface-elevated);border-radius:20px;padding:2rem;border:1px solid var(--border)}.submission-summary-card h2,.form-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.solves-list{margin-bottom:1.5rem}.solves-list-header{display:grid;grid-template-columns:1fr 2fr 1fr;padding:.75rem 1rem;background:var(--surface);border-radius:8px 8px 0 0;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.solve-row{display:grid;grid-template-columns:1fr 2fr 1fr;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}.solve-row:last-child{border-bottom:none;border-radius:0 0 8px 8px}.solve-index{color:var(--text-secondary)}.solve-time{color:var(--text-primary);font-weight:500}.solve-penalty{color:var(--text-secondary)}.solve-row.dnf .solve-time,.solve-row.dnf .solve-penalty{color:#ef4444}.solve-row.plus-two .solve-time,.solve-row.plus-two .solve-penalty{color:#f59e0b}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{text-align:center;padding:1rem;background:var(--surface);border-radius:12px}.stat-card.highlight{background:linear-gradient(135deg,var(--primary),var(--accent))}.stat-label{display:block;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-card.highlight .stat-label{color:#fffc}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.stat-card.highlight .stat-value{color:#fff}.penalty-summary{display:flex;gap:1rem;justify-content:center}.penalty-count{font-size:.875rem;padding:.5rem 1rem;border-radius:20px}.penalty-count.dnfs{background:#ef44441a;color:#ef4444}.penalty-count.plus-twos{background:#f59e0b1a;color:#f59e0b}.countdown-timer{text-align:center;padding:1.5rem;background:var(--surface);border-radius:12px;margin-bottom:1.5rem}.countdown-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.countdown-value{font-size:2rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.video-submit-form{text-align:center}.mandatory-notice{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.input-group{margin-bottom:1.5rem}.input-group input{width:100%;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:1rem;text-align:center}.input-group input::placeholder{color:var(--text-secondary)}.input-group input:focus{outline:none;border-color:var(--primary)}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 20px #6366f166}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.expired-notice{text-align:center;padding:2rem;background:#ef44441a;border-radius:12px}.expired-notice h3{color:#ef4444;margin-bottom:.5rem}.expired-notice p{color:var(--text-secondary)}.video-submitted-notice{text-align:center;padding:2rem}.check-icon{width:64px;height:64px;margin:0 auto 1rem;background:linear-gradient(135deg,#22c55e,#10b981);border-radius:50%;display:flex;align-items:center;justify-content:center}.check-icon svg{width:32px;height:32px;color:#fff}.video-submitted-notice h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.video-submitted-notice p{color:var(--text-secondary);margin-bottom:.5rem}.video-url{font-size:.875rem;color:var(--primary);word-break:break-all}.submission-footer{margin-top:2rem;text-align:center}.done-btn{padding:.875rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.done-btn:hover{background:var(--surface-hover)}@media(max-width:768px){.submission-container{padding:1rem}.submission-summary-card,.video-submission-card{padding:1.5rem}.event-info h1{font-size:1.25rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-value{font-size:1.25rem}.solves-list-header,.solve-row{grid-template-columns:.5fr 1.5fr 1fr;padding:.5rem .75rem;font-size:.875rem}}.competition-completed-page{min-height:100vh;width:100%;position:relative;overflow-x:hidden}.completed-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;position:relative;z-index:10}.completed-card{width:100%;max-width:600px;background:var(--surface-elevated);border-radius:24px;padding:3rem 2rem;text-align:center;border:1px solid var(--border)}.trophy-icon{width:100px;height:100px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center}.trophy-icon svg{width:50px;height:50px;color:#fff}.completed-card h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.completed-card .subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}.status-message{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--surface);border-radius:16px;margin-bottom:2rem;text-align:left}.status-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-icon.pending{background:#f59e0b1a;color:#f59e0b}.status-icon svg{width:24px;height:24px}.status-text h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.status-text p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.next-steps{text-align:left;padding:1.5rem;background:var(--surface);border-radius:16px;margin-bottom:2rem}.next-steps h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.next-steps ul{list-style:none;padding:0;margin:0}.next-steps li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.next-steps li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:600}.next-steps li:last-child{margin-bottom:0}.completed-actions{display:flex;flex-direction:column;gap:.75rem}.primary-btn,.secondary-btn{width:100%;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.primary-btn{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none}.primary-btn:hover{transform:scale(1.02);box-shadow:0 4px 20px #6366f166}.secondary-btn{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.secondary-btn:hover{background:var(--surface-hover)}@media(max-width:768px){.completed-container{padding:1rem}.completed-card{padding:2rem 1.5rem}.completed-card h1{font-size:1.75rem}.trophy-icon{width:80px;height:80px}.trophy-icon svg{width:40px;height:40px}.status-message{flex-direction:column;align-items:center;text-align:center}}.legal-footer .legal-copyright{font-size:.85rem;color:#888;margin:0 0 .75rem}.legal-footer .legal-footer-links{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;margin:0}.legal-footer .legal-footer-links a{color:#888;text-decoration:none;font-size:.85rem;transition:color .2s}.legal-footer .legal-footer-links a:hover{color:#00d4ff}.legal-footer .legal-footer-sep{color:#444;font-size:.85rem}.legal-page{min-height:100vh;background:#04040a;color:#e0e0e0;position:relative;overflow-x:hidden;padding:2rem 1rem 4rem}.legal-background{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.legal-background .grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,black 0%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,black 0%,transparent 100%)}.legal-background .glow-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.25}.legal-background .glow-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(0,212,255,.4) 0%,transparent 70%);top:-200px;right:-100px}.legal-background .glow-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.35) 0%,transparent 70%);bottom:10%;left:-100px}.legal-container{position:relative;z-index:1;max-width:1040px;margin:0 auto}.legal-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08)}.legal-header h1{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 .5rem;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-effective-date{font-size:.9rem;color:#888;margin:0 0 .5rem}.legal-subtitle{font-size:1rem;color:#999;margin:.5rem 0 0;font-style:italic}.legal-content{display:flex;flex-direction:column;gap:2rem}.legal-content section{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem 2rem;transition:border-color .2s}.legal-content section:hover{border-color:#00d4ff26}.legal-content h2{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 1rem}.legal-content h3{font-size:1.05rem;font-weight:600;color:#00d4ff;margin:1.25rem 0 .5rem}.legal-content strong{color:#e8e8e8;font-weight:600}.legal-content p{font-size:.95rem;line-height:1.7;color:silver;margin:0 0 .75rem}.legal-content p:last-child{margin-bottom:0}.legal-content ul{margin:.5rem 0 0;padding-left:1.5rem}.legal-content li{font-size:.95rem;line-height:1.7;color:silver;margin-bottom:.4rem}.legal-content li:last-child{margin-bottom:0}.legal-content a{color:#00d4ff;text-decoration:none;transition:color .2s}.legal-content a:hover{color:#7c3aed;text-decoration:underline}.legal-footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}.legal-footer p{font-size:.85rem;color:#666;margin:0}.legal-footer-links{margin-top:.75rem!important;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.legal-footer-links a{color:#888;text-decoration:none;font-size:.85rem;transition:color .2s}.legal-footer-links a:hover{color:#00d4ff;text-decoration:underline}.legal-footer-separator{color:#444;font-size:.85rem}.legal-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fbbf2414;border:.5px solid rgba(251,191,36,.2);border-radius:8px;margin-top:1rem;font-size:.9rem;color:#fbbf24}.legal-warning svg{flex-shrink:0;margin-top:.1rem}.numbered-list{list-style:none;padding:0;margin:.5rem 0 0;counter-reset:item}.numbered-list li{position:relative;padding-left:2rem;margin-bottom:.5rem}.numbered-list li:before{content:counter(item);counter-increment:item;position:absolute;left:0;top:0;width:1.5rem;height:1.5rem;background:linear-gradient(135deg,#00d4ff,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;line-height:1}@media(max-width:768px){.legal-page{padding:1rem .75rem 3rem}.legal-header h1{font-size:1.75rem}.legal-content section{padding:1.25rem 1rem}.legal-content h2{font-size:1.1rem}}.contact-page{min-height:100vh;background:#04040a;color:#e0e0e0;position:relative;overflow-x:hidden;padding:3rem 1rem 4rem}.contact-background{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.contact-background .grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.015) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,black 0%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,black 0%,transparent 100%)}.contact-background .glow-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.2}.contact-background .glow-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,transparent 70%);top:-200px;right:-100px}.contact-background .glow-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.25) 0%,transparent 70%);bottom:20%;left:-100px}.contact-background .glow-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(236,72,153,.12) 0%,transparent 70%);top:50%;right:-50px}.contact-container{position:relative;z-index:1;max-width:1040px;margin:0 auto}.contact-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.06)}.contact-header h1{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 .75rem;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{font-size:1rem;color:#999;margin:0 auto;max-width:560px;line-height:1.6}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem}.contact-form-section,.contact-channels-section{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem}.contact-form-section h2,.contact-channels-section h2{font-size:1.15rem;font-weight:700;color:#fff;margin:0 0 1.25rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form-group{display:flex;flex-direction:column;gap:.35rem}.contact-form-group label{font-size:.85rem;color:#aaa;font-weight:500}.contact-form-group input,.contact-form-group select,.contact-form-group textarea{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.65rem .85rem;font-size:.9rem;color:#e0e0e0;outline:none;transition:border-color .2s;font-family:inherit}.contact-form-group input:focus,.contact-form-group select:focus,.contact-form-group textarea:focus{border-color:#00d4ff4d}.contact-form-group input::placeholder,.contact-form-group textarea::placeholder{color:#555}.contact-form-group select option{background:#1a1a2e;color:#e0e0e0}.contact-form-group textarea{resize:vertical;min-height:120px}.contact-form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.contact-form-hint{font-size:.78rem;color:#666;margin:0;line-height:1.5}.contact-form-hint a{color:#00d4ff;text-decoration:none}.contact-form-hint a:hover{text-decoration:underline}.contact-btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.5rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;white-space:nowrap}.contact-btn-primary{background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;box-shadow:0 4px 20px #00d4ff33}.contact-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00d4ff59}.contact-btn-secondary{background:#ffffff0f;color:#ccc;border:1px solid rgba(255,255,255,.1);text-decoration:none}.contact-btn-secondary:hover{background:#ffffff1a;border-color:#00d4ff4d;transform:translateY(-2px)}.spinner{animation:spin .8s linear infinite;margin-right:.5rem;font-size:.9rem}.contact-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.contact-success{text-align:center;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.contact-success-icon{font-size:3rem;color:#4ade80}.contact-success h3{font-size:1.2rem;font-weight:700;color:#fff;margin:0}.contact-success p{font-size:.9rem;color:#999;line-height:1.6;max-width:400px;margin:0}.contact-channel-list{display:flex;flex-direction:column;gap:.75rem}.contact-channel{display:flex;gap:1rem;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;text-decoration:none;color:inherit;transition:all .2s;cursor:pointer}.contact-channel:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translate(4px)}.contact-channel-icon{width:44px;height:44px;min-width:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.contact-channel-info h3{font-size:.95rem;font-weight:600;color:#fff;margin:0 0 .3rem}.contact-channel-info p{font-size:.82rem;color:#888;line-height:1.5;margin:0 0 .3rem}.contact-channel-link{font-size:.82rem;color:#00d4ff;font-weight:500}.contact-response-section{margin-bottom:2.5rem}.contact-response-section h2{font-size:1.15rem;font-weight:700;color:#fff;margin:0 0 1rem}.contact-response-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.contact-response-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.25rem;transition:border-color .2s}.contact-response-card:hover{border-color:#00d4ff26}.contact-response-header{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.contact-response-time{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .4rem}.contact-response-desc{font-size:.82rem;color:#888;line-height:1.5;margin:0}.contact-faq-section{margin-bottom:2.5rem}.contact-faq-section h2{font-size:1.15rem;font-weight:700;color:#fff;margin:0 0 1rem}.contact-faq-list{display:flex;flex-direction:column;gap:.75rem}.contact-faq-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.25rem 1.5rem;transition:border-color .2s}.contact-faq-item:hover{border-color:#00d4ff1a}.contact-faq-item h3{font-size:.95rem;font-weight:600;color:#fff;margin:0 0 .4rem;display:flex;align-items:center;gap:.5rem}.contact-faq-item h3 svg{font-size:.85rem;color:#00d4ff;min-width:16px}.contact-faq-item p{font-size:.85rem;color:#888;line-height:1.6;margin:0}.contact-faq-item a{color:#00d4ff;text-decoration:none}.contact-faq-item a:hover{text-decoration:underline}.contact-legal-section{text-align:center;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:2rem}.contact-legal-section p{font-size:.85rem;color:#666;margin:0 0 .4rem;line-height:1.6}.contact-legal-section p:last-child{margin-bottom:0}.contact-legal-section a{color:#00d4ff;text-decoration:none}.contact-legal-section a:hover{text-decoration:underline}.contact-footer{position:relative;z-index:1;text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06);max-width:1040px;margin:0 auto}.contact-footer p{font-size:.85rem;color:#666;margin:0}.contact-footer-links{margin-top:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.contact-footer-links a{color:#888;text-decoration:none;font-size:.85rem;transition:color .2s}.contact-footer-links a:hover{color:#00d4ff;text-decoration:underline}.contact-footer-sep{color:#444;font-size:.85rem}@media(max-width:900px){.contact-grid,.contact-response-grid,.contact-form-row{grid-template-columns:1fr}.contact-header h1{font-size:1.75rem}.contact-form-section,.contact-channels-section{padding:1.25rem}.contact-form-footer{flex-direction:column;align-items:stretch}.contact-form-footer button{width:100%}.contact-page{padding:2rem .75rem 3rem}}.ds-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.about-page{min-height:100vh;background:linear-gradient(180deg,#0d0d12,#12121a);color:#e0e0e0;position:relative;overflow-x:hidden;padding:2rem 1rem 4rem}.about-container{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:0 .5rem}.about-hero{text-align:center;padding:3rem 0 2.5rem;animation:fadeIn .5s ease-out}.about-hero-badge{display:inline-flex;padding:.5rem 1rem;border-radius:var(--ds-radius-pill, 9999px);background:#00d4ff14;border:.5px solid rgba(0,212,255,.15);color:#00d4ff;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:1.5rem}.about-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;margin:0 0 1rem;line-height:1.15;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-hero-text{font-size:1rem;color:#fff9;line-height:1.7;max-width:680px;margin:0 auto 2rem}.about-hero-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.about-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--ds-radius-lg, 12px);font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none;white-space:nowrap}.about-btn-primary{background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff}.about-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00d4ff4d}.about-btn-secondary{background:var(--ds-glass-bg);backdrop-filter:blur(var(--ds-glass-blur-light));-webkit-backdrop-filter:blur(var(--ds-glass-blur-light));color:#ffffffd9;border:.5px solid var(--ds-glass-border)}.about-btn-secondary:hover{background:var(--ds-glass-bg-hover);border-color:var(--ds-glass-border-hover);transform:translateY(-2px)}.about-section{margin-bottom:3rem;animation:fadeIn .5s ease-out both}.about-section:nth-child(2){animation-delay:.1s}.about-section:nth-child(3){animation-delay:.15s}.about-section:nth-child(4){animation-delay:.2s}.about-section:nth-child(5){animation-delay:.25s}.about-section:nth-child(6){animation-delay:.3s}.about-section-title{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin:0 0 2rem;padding-bottom:1rem;border-bottom:.5px solid var(--ds-glass-border)}.about-mission{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;padding:1.5rem 0}.about-mission-content h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem}.about-mission-content p{font-size:.9rem;color:#fff9;line-height:1.7;margin:0 0 .75rem}.about-mission-content p:last-child{margin-bottom:0}.about-mission-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.about-stat-card{background:var(--ds-glass-bg);backdrop-filter:blur(var(--ds-glass-blur-light));-webkit-backdrop-filter:blur(var(--ds-glass-blur-light));border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-lg, 12px);padding:1.25rem 1rem;text-align:center;transition:all .2s ease}.about-stat-card:hover{background:var(--ds-glass-bg-hover);border-color:var(--ds-glass-border-hover);transform:translateY(-2px)}.about-stat-number{display:block;font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:.3rem;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-stat-label{display:block;font-size:.75rem;color:#ffffff80;font-weight:500}.about-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.about-feature-card{background:var(--ds-glass-bg);backdrop-filter:blur(var(--ds-glass-blur-light));-webkit-backdrop-filter:blur(var(--ds-glass-blur-light));border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-xl, 16px);padding:1.5rem 1.25rem;transition:all .2s ease}.about-feature-card:hover{background:var(--ds-glass-bg-hover);border-color:var(--ds-glass-border-hover);transform:translateY(-2px)}.about-feature-icon{width:44px;height:44px;border-radius:var(--ds-radius-md, 8px);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:1rem}.about-feature-card h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem}.about-feature-card p{font-size:.8rem;color:#ffffff8c;line-height:1.6;margin:0}.about-store-content{text-align:center;max-width:680px;margin:0 auto 2rem}.about-store-content p{font-size:.9rem;color:#fff9;line-height:1.7;margin:0}.about-store-content strong{color:#ffffffd9}.about-store-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.about-store-card{background:var(--ds-glass-bg);backdrop-filter:blur(var(--ds-glass-blur-light));-webkit-backdrop-filter:blur(var(--ds-glass-blur-light));border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-lg, 12px);padding:1.5rem 1rem;text-align:center;transition:all .2s ease}.about-store-card:hover{background:var(--ds-glass-bg-hover);border-color:var(--ds-glass-border-hover);transform:translateY(-2px)}.about-store-icon{width:44px;height:44px;border-radius:var(--ds-radius-md, 8px);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin:0 auto 1rem}.about-store-card h3{font-size:.9rem;font-weight:600;color:#fff;margin:0 0 .4rem}.about-store-card p{font-size:.75rem;color:#ffffff8c;line-height:1.5;margin:0}.about-store-card strong{color:#ffffffbf}.about-values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.about-value-item{display:flex;gap:.75rem;padding:1.25rem;background:var(--ds-glass-bg);backdrop-filter:blur(var(--ds-glass-blur-light));-webkit-backdrop-filter:blur(var(--ds-glass-blur-light));border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-lg, 12px);transition:all .2s ease}.about-value-item:hover{background:var(--ds-glass-bg-hover);border-color:var(--ds-glass-border-hover)}.about-value-icon{font-size:1.25rem;color:#00d4ff;min-width:24px;margin-top:.1rem}.about-value-item h3{font-size:.9rem;font-weight:600;color:#fff;margin:0 0 .3rem}.about-value-item p{font-size:.8rem;color:#ffffff8c;line-height:1.5;margin:0}.about-cta{text-align:center;padding:2.5rem 1.5rem;background:var(--ds-glass-bg);backdrop-filter:blur(var(--ds-glass-blur-light));-webkit-backdrop-filter:blur(var(--ds-glass-blur-light));border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-2xl, 20px)}.about-cta h2{font-size:1.75rem;font-weight:800;color:#fff;margin:0 0 .75rem}.about-cta p{font-size:.95rem;color:#fff9;line-height:1.7;max-width:520px;margin:0 auto 1.5rem}.about-cta-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.about-company{text-align:center;padding:1.5rem 0}.about-company p{font-size:.9rem;color:#ffffff8c;line-height:1.7;max-width:600px;margin:0 auto}.about-company strong{color:#fffc}.about-footer{position:relative;z-index:1;text-align:center;padding-top:2rem;margin-top:2rem;border-top:.5px solid var(--ds-glass-border)}.about-footer p{font-size:.8rem;color:#ffffff59;margin:0}.about-footer-links{margin-top:.6rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.about-footer-links a{color:#ffffff80;text-decoration:none;font-size:.8rem;transition:color .2s}.about-footer-links a:hover{color:#00d4ff}.about-footer-sep{color:#fff3;font-size:.8rem}@media(max-width:900px){.about-page{padding:1.5rem .75rem 3rem}.about-hero{padding:2rem 0 1.5rem}.about-hero h1{font-size:2rem}.about-hero-text{font-size:.9rem}.about-mission{grid-template-columns:1fr;gap:1.5rem}.about-mission-content h2{font-size:1.25rem;text-align:center}.about-features-grid,.about-store-stats,.about-values-grid{grid-template-columns:1fr}.about-section-title{font-size:1.25rem}.about-cta{padding:2rem 1.25rem}.about-cta h2{font-size:1.5rem}}.ds-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.kb-page{min-height:100vh;background:#050508;color:#e0e0e0;position:relative;overflow-x:hidden;padding:2rem 1rem 4rem}.kb-container{max-width:1100px;margin:0 auto;padding:0 .5rem}.kb-hero{text-align:center;padding:3rem 0 2.5rem;animation:fadeIn .5s ease-out}.kb-badge-container{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.kb-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--ds-radius-pill, 9999px);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.kb-badge-ai{background:#8b5cf626;border:.5px solid rgba(139,92,246,.3);color:#a78bfa}.kb-badge-official{background:#00d4ff1f;border:.5px solid rgba(0,212,255,.25);color:#22d3ee}.kb-badge-trust{background:#22c55e1a;border:.5px solid rgba(34,197,94,.2);color:#4ade80}.kb-badge svg{font-size:.75rem}.kb-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;margin:0 0 1rem;line-height:1.15;background:linear-gradient(135deg,#fff,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kb-hero-text{font-size:1rem;color:#fff9;line-height:1.7;max-width:720px;margin:0 auto 1.5rem}.kb-canonical-note{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;background:#8b5cf614;border:.5px solid rgba(139,92,246,.15);border-radius:var(--ds-radius-lg, 12px);color:#ffffffa6;font-size:.82rem;max-width:100%}.kb-canonical-note svg{color:#a78bfa;font-size:1rem;flex-shrink:0}.kb-ai-logos{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.kb-ai-logo{padding:.35rem .75rem;background:#ffffff08;border:.5px solid rgba(255,255,255,.08);border-radius:var(--ds-radius-md, 8px);font-size:.7rem;color:#fff6;font-weight:500}.kb-section{margin-bottom:2rem;animation:fadeIn .5s ease-out both}.kb-section:nth-child(2){animation-delay:.05s}.kb-section:nth-child(3){animation-delay:.1s}.kb-section:nth-child(4){animation-delay:.15s}.kb-section:nth-child(5){animation-delay:.2s}.kb-section:nth-child(6){animation-delay:.25s}.kb-section h2{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:.5px solid rgba(255,255,255,.06)}.kb-section h2 svg{color:#60a5fa;font-size:1rem}.kb-identity .kb-content-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}.kb-card{background:#3b82f60d;border:.5px solid rgba(59,130,246,.12);border-radius:var(--ds-radius-lg, 12px);padding:1.25rem 1rem;text-align:center;transition:all .2s ease}.kb-card:hover{background:#3b82f614;border-color:#3b82f633;transform:translateY(-2px)}.kb-card h3{font-size:.7rem;font-weight:600;color:#fff6;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.kb-highlight{font-size:.9rem;font-weight:600;color:#60a5fa;margin:0}.kb-description p{font-size:.9rem;color:#fff9;line-height:1.7;margin:0 0 .75rem}.kb-description p:last-child{margin-bottom:0}.kb-websites .kb-website-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.kb-website-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#00d4ff0a;border:.5px solid rgba(0,212,255,.1);border-radius:var(--ds-radius-lg, 12px);text-decoration:none;transition:all .2s ease}.kb-website-card:hover{background:#00d4ff14;border-color:#00d4ff2e;transform:translateY(-2px)}.kb-website-card svg{font-size:1.25rem;color:#22d3ee}.kb-website-card div{display:flex;flex-direction:column}.kb-website-card strong{font-size:.9rem;color:#fff;font-weight:600}.kb-website-card span{font-size:.75rem;color:#fff6}.kb-timeline-item{display:grid;grid-template-columns:90px 1fr;gap:1.5rem;padding:1.25rem 0;border-bottom:.5px solid rgba(255,255,255,.06)}.kb-timeline-item:last-child{border-bottom:none}.kb-timeline-year{font-size:1rem;font-weight:700;color:#a78bfa;padding-top:.15rem}.kb-timeline-content h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .4rem}.kb-timeline-content>p{font-size:.85rem;color:#ffffff80;line-height:1.6;margin:0 0 .75rem}.kb-timeline-details{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:.75rem}.kb-detail-group h4{font-size:.7rem;font-weight:600;color:#ffffff59;margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.05em}.kb-detail-group p{font-size:.8rem;color:#ffffff8c;line-height:1.6;margin:0}.kb-detail-group ul{list-style:none;padding:0;margin:0}.kb-detail-group li{font-size:.8rem;color:#ffffff8c;padding:.15rem 0}.kb-detail-group li:before{content:"•";color:#60a5fa;margin-right:.4rem}.kb-simple-list{list-style:none;padding:0;margin:.4rem 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:.15rem 1.5rem}.kb-simple-list li{font-size:.82rem;color:#ffffff8c}.kb-simple-list li:before{content:"•";color:#60a5fa;margin-right:.4rem}.kb-intro{font-size:.9rem;color:#ffffff8c;line-height:1.7;margin:0 0 1.25rem}.kb-arena-features{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.25rem}.kb-arena-feature{display:flex;align-items:center;gap:.4rem;padding:.6rem .75rem;background:#60a5fa0a;border:.5px solid rgba(96,165,250,.1);border-radius:var(--ds-radius-md, 8px);font-size:.8rem;color:#ffffffbf;transition:all .2s ease}.kb-arena-feature svg{color:#60a5fa;font-size:.8rem}.kb-arena-feature:hover{background:#60a5fa14;border-color:#60a5fa26}.kb-objective{font-size:.82rem;color:#ffffff59;font-style:italic;margin:0;padding-top:.75rem;border-top:.5px solid rgba(255,255,255,.06)}.kb-differentiator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.kb-diff-card{background:#3b82f608;border:.5px solid rgba(59,130,246,.08);border-radius:var(--ds-radius-lg, 12px);padding:1.25rem;transition:all .2s ease}.kb-diff-card:hover{background:#3b82f60f;border-color:#3b82f61f;transform:translateY(-2px)}.kb-diff-icon{width:36px;height:36px;border-radius:var(--ds-radius-md, 8px);display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:.75rem}.kb-diff-card h3{font-size:.9rem;font-weight:600;color:#fff;margin:0 0 .4rem}.kb-diff-card>p{font-size:.75rem;color:#ffffff73;margin:0 0 .6rem;line-height:1.5}.kb-diff-card ul{list-style:none;padding:0;margin:0}.kb-diff-card li{font-size:.75rem;color:#ffffff8c;padding:.15rem 0}.kb-diff-card li:before{content:"•";color:#60a5fa;margin-right:.35rem}.kb-muser>p{font-size:.9rem;color:#ffffff8c;line-height:1.7;margin:0 0 .4rem}.kb-muser-access{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1rem}.kb-muser-access span{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#ffffffbf;padding:.5rem .6rem;background:#60a5fa0a;border:.5px solid rgba(96,165,250,.1);border-radius:var(--ds-radius-sm, 6px)}.kb-muser-access span svg{color:#60a5fa;font-size:.7rem}.kb-tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.kb-tech-item{font-size:.8rem;color:#ffffffb3;padding:.75rem;background:#60a5fa08;border:.5px solid rgba(96,165,250,.08);border-radius:var(--ds-radius-md, 8px);text-align:center;transition:all .2s ease}.kb-tech-item:hover{background:#60a5fa0f;border-color:#60a5fa1f}.kb-product-categories{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0 1.25rem}.kb-product-cat{padding:.35rem .75rem;background:#22d3ee14;border:.5px solid rgba(34,211,238,.15);border-radius:var(--ds-radius-pill, 9999px);font-size:.75rem;color:#22d3ee}.kb-edu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.kb-edu-item{font-size:.82rem;color:#ffffffb3;padding:.75rem 1rem;background:#60a5fa08;border:.5px solid rgba(96,165,250,.08);border-radius:var(--ds-radius-md, 8px);transition:all .2s ease}.kb-edu-item:hover{background:#60a5fa0f;border-color:#60a5fa1f}.kb-vision-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.kb-vision-grid span{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:#ffffffb3;padding:.5rem .75rem;background:#60a5fa0a;border:.5px solid rgba(96,165,250,.1);border-radius:var(--ds-radius-md, 8px)}.kb-vision-grid span svg{color:#60a5fa;font-size:.75rem}.kb-values-list{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.kb-value-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#ffffffb3;padding:.75rem;background:#60a5fa08;border:.5px solid rgba(96,165,250,.08);border-radius:var(--ds-radius-md, 8px);transition:all .2s ease}.kb-value-item:hover{background:#60a5fa0f;border-color:#60a5fa1f}.kb-value-item svg{color:#60a5fa;font-size:.8rem}.kb-ai-summary{background:#8b5cf60a;border:.5px solid rgba(139,92,246,.1);border-radius:var(--ds-radius-xl, 16px);padding:1.5rem}.kb-ai-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.kb-ai-item{display:flex;flex-direction:column;padding:1rem;background:#0003;border:.5px solid rgba(139,92,246,.1);border-radius:var(--ds-radius-md, 8px)}.kb-ai-item strong{font-size:.7rem;font-weight:600;color:#ffffff59;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.05em}.kb-ai-item span{font-size:.85rem;color:#a78bfa;font-weight:500}.kb-ai-summary h3{font-size:.9rem;font-weight:600;color:#fff;margin:1.25rem 0 .6rem}.kb-ai-summary h3:first-of-type{margin-top:0}.kb-sites-list{display:flex;gap:.5rem;flex-wrap:wrap}.kb-sites-list a{font-size:.82rem;color:#60a5fa;text-decoration:none;padding:.4rem .75rem;background:#60a5fa0f;border:.5px solid rgba(96,165,250,.12);border-radius:var(--ds-radius-sm, 6px);transition:all .2s ease}.kb-sites-list a:hover{background:#60a5fa1a;border-color:#60a5fa2e}.kb-products-list{display:flex;gap:.5rem;flex-wrap:wrap}.kb-products-list span{font-size:.8rem;color:#ffffffbf;padding:.4rem .75rem;background:#0003;border:.5px solid rgba(139,92,246,.1);border-radius:var(--ds-radius-sm, 6px)}.kb-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.kb-services-grid span{font-size:.75rem;color:#ffffff8c;padding:.25rem 0}.kb-services-grid span:before{content:"•";color:#60a5fa;margin-right:.35rem}.kb-audience-list{display:flex;flex-wrap:wrap;gap:.4rem}.kb-audience-list span{font-size:.75rem;color:#ffffffa6;padding:.3rem .65rem;background:#0003;border:.5px solid rgba(96,165,250,.1);border-radius:var(--ds-radius-pill, 9999px)}.kb-cross-reference{padding:1.5rem;background:#22c55e0a;border:.5px solid rgba(34,197,94,.1);border-radius:var(--ds-radius-xl, 16px)}.kb-cross-reference h2 svg{color:#4ade80}.kb-cross-reference p{font-size:.85rem;color:#ffffff8c;line-height:1.7;margin:0 0 .6rem}.kb-cross-reference p:last-child{margin-bottom:0}.kb-cross-reference a{color:#60a5fa;text-decoration:none}.kb-cross-reference a:hover{text-decoration:underline}.kb-footer{text-align:center;padding-top:2rem;margin-top:2rem;border-top:.5px solid rgba(255,255,255,.06)}.kb-footer p{font-size:.75rem;color:#ffffff4d;margin:0 0 .4rem}.kb-footer a{color:#ffffff73;text-decoration:none}.kb-footer a:hover{color:#60a5fa}.kb-footer-links{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}.kb-footer-sep{color:#ffffff26}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.kb-page{padding:1.5rem .75rem 3rem}.kb-hero{padding:2rem 0 1.5rem}.kb-identity .kb-content-grid{grid-template-columns:repeat(2,1fr)}.kb-websites .kb-website-list{grid-template-columns:1fr}.kb-timeline-item{grid-template-columns:75px 1fr;gap:1rem}.kb-timeline-details{grid-template-columns:1fr;gap:.75rem}.kb-arena-features{grid-template-columns:repeat(2,1fr)}.kb-differentiator-grid{grid-template-columns:1fr}.kb-muser-access,.kb-tech-grid,.kb-edu-grid,.kb-values-list,.kb-services-grid{grid-template-columns:repeat(2,1fr)}.kb-ai-grid{grid-template-columns:1fr}}@media(max-width:480px){.kb-identity .kb-content-grid{grid-template-columns:1fr 1fr}.kb-arena-features,.kb-values-list{grid-template-columns:1fr}.kb-badge-container{gap:.5rem}}.not-found-page{min-height:100vh;background:#04040a;color:#e0e0e0;position:relative;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:2rem}.not-found-background{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.not-found-background .grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.015) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 0%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 0%,transparent 100%)}.not-found-background .glow-orb{position:absolute;border-radius:50%;filter:blur(150px);opacity:.15}.not-found-background .glow-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(0,212,255,.4) 0%,transparent 70%);top:-250px;right:-150px}.not-found-background .glow-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);bottom:10%;left:-150px}.not-found-background .glow-orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(236,72,153,.12) 0%,transparent 70%);top:45%;right:-80px}.not-found-main{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:600px;width:100%}.not-found-animation{width:260px;height:260px;display:flex;align-items:center;justify-content:center;animation:not-found-drift 8s ease-in-out infinite}@keyframes not-found-drift{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-1deg)}75%{transform:translateY(4px) rotate(1deg)}}.not-found-animation lottie-player{width:100%;height:100%}.not-found-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:100px;font-size:.8rem;font-weight:500;color:#f87171;letter-spacing:.04em}.not-found-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem}.not-found-code{display:flex;gap:.5rem;justify-content:center}.not-found-digit{font-size:7rem;font-weight:900;line-height:1;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.08em;opacity:0;animation:not-found-pop-in .5s ease-out forwards}.not-found-digit:nth-child(2){animation-delay:.2s}.not-found-digit:nth-child(3){animation-delay:.4s}@keyframes not-found-pop-in{0%{opacity:0;transform:scale(.4) translateY(30px)}60%{transform:scale(1.1) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.not-found-subtitle{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.not-found-description{font-size:.95rem;color:#888;margin:0;line-height:1.7;max-width:420px}.not-found-actions{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.not-found-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.5rem;border-radius:10px;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .2s}.not-found-btn-primary{background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;box-shadow:0 4px 24px #00d4ff33}.not-found-btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 30px #00d4ff59}.not-found-btn-secondary{background:#ffffff0d;color:#bbb;border:1px solid rgba(255,255,255,.08)}.not-found-btn-secondary:hover{background:#ffffff14;border-color:#00d4ff40;color:#fff;transform:translateY(-2px)}@media(max-width:768px){.not-found-page{padding:1.5rem;gap:1.5rem}.not-found-animation{width:180px;height:180px}.not-found-digit{font-size:4.5rem}.not-found-subtitle{font-size:1.2rem}.not-found-description{font-size:.85rem}.not-found-actions{flex-direction:column;width:100%}.not-found-btn{width:100%}.not-found-quote{padding:1rem 1.25rem}}.maintenance-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden}.maintenance-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.maintenance-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 50% at 50% 30%,black 0%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 30%,black 0%,transparent 100%)}.maintenance-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15}.maintenance-glow-1{width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.5) 0%,transparent 70%);top:-200px;right:-100px}.maintenance-glow-2{width:400px;height:400px;background:radial-gradient(circle,rgba(236,72,153,.3) 0%,transparent 70%);bottom:-150px;left:-100px}.maintenance-card{position:relative;z-index:1;max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.maintenance-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;background:var(--surface-card-accent);border:1px solid var(--border-accent);border-radius:100px;font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--accent-primary);letter-spacing:var(--tracking-label);text-transform:uppercase}.maintenance-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.maintenance-animation{width:180px;height:180px;display:flex;align-items:center;justify-content:center;animation:maintenance-float 6s ease-in-out infinite}@keyframes maintenance-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.maintenance-animation lottie-player{width:100%;height:100%}.maintenance-content{display:flex;flex-direction:column;gap:.5rem}.maintenance-title{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.maintenance-description{font-size:var(--text-body);color:var(--text-secondary);margin:0;line-height:var(--leading-relaxed);max-width:360px}.maintenance-info{width:100%;max-width:320px;padding:.875rem 1rem;background:var(--surface-inset);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem}.maintenance-info-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.info-label{font-size:var(--text-caption);color:var(--text-muted);font-weight:var(--weight-medium)}.info-value{font-size:var(--text-caption);color:var(--text-secondary);font-weight:var(--weight-medium)}.status-value{color:var(--accent-primary)}.maintenance-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;width:100%}.maintenance-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--btn-radius);font-size:var(--text-button);font-weight:var(--btn-font-weight);text-decoration:none;cursor:pointer;border:none;transition:all var(--duration-normal) var(--ease-out);flex:1;min-width:140px}.maintenance-footer{font-size:var(--text-caption);color:var(--text-muted);margin:0;max-width:300px;line-height:var(--leading-relaxed)}.maintenance-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--shadow-sm),var(--glow-purple)}.maintenance-btn-primary:hover{background:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md),var(--glow-purple-strong)}.maintenance-btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.maintenance-btn-secondary:hover{background:var(--btn-secondary-hover);transform:translateY(-1px)}@media(max-width:640px){.maintenance-page{padding:2rem 1rem 1rem;align-items:flex-start}.maintenance-card{gap:1rem}.maintenance-animation{width:140px;height:140px}.maintenance-title{font-size:var(--text-2xl)}.maintenance-actions{flex-direction:column}.maintenance-btn{width:100%}}.landing-page{min-height:calc(100vh - 120px);min-height:calc(100dvh - 120px);background:#04040a;color:#fff;position:relative;overflow-x:hidden;padding:0 max(.5rem,env(safe-area-inset-right)) calc(3rem + env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent}.landing-background{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 0%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 0%,transparent 100%);animation:gridPulse 8s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.4}50%{opacity:1}}.glow-orb{position:absolute;border-radius:50%;filter:blur(130px);opacity:.3;will-change:transform}.glow-orb-1{width:550px;height:550px;background:radial-gradient(circle,rgba(0,212,255,.55) 0%,transparent 70%);top:-180px;right:-140px;animation:orbFloat1 14s ease-in-out infinite}.glow-orb-2{width:420px;height:420px;background:radial-gradient(circle,rgba(139,92,246,.45) 0%,transparent 70%);bottom:8%;left:-120px;animation:orbFloat2 17s ease-in-out infinite}.glow-orb-3{width:360px;height:360px;background:radial-gradient(circle,rgba(236,72,153,.3) 0%,transparent 70%);top:55%;right:15%;animation:orbFloat3 20s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,40px) scale(1.1)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.05)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-25px,-35px) scale(1.08)}}.floating-cubes-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.floating-cube{position:absolute;bottom:-100px;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:var(--opacity, .2)}90%{opacity:var(--opacity, .2)}to{transform:translateY(-120vh) translate(var(--tx)) rotate(calc(var(--rot) * var(--rotdir)));opacity:0}}.hero{text-align:center;padding:4.5rem 0 2.5rem;position:relative;z-index:1}.hero-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.hero-icon lottie-player{width:100%!important;height:100%!important}.hero-title{font-size:clamp(2.2rem,8vw,4rem);font-weight:900;line-height:1.05;margin-bottom:.5rem;letter-spacing:-.03em;min-height:2.8em;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.title-text{display:block;color:#ffffff80;font-weight:600;font-size:.55em;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.2em}.title-accent{display:block;background:linear-gradient(135deg,#00d4ff,#a855f7,#ec4899 80%,#00d4ff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 6s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(0,212,255,.15))}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-subtitle{font-size:1.1rem;color:#ffffff59;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-top:.6rem}.main-actions{position:relative;z-index:1;margin-bottom:2rem}.main-actions-label{text-align:center;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffff47;margin-bottom:1rem}.feature-widgets{position:relative;z-index:1;max-width:1100px;margin:0 auto 2.5rem;padding:0 1rem}.fw-section-header{text-align:center;margin-bottom:2rem}.fw-heading{font-size:clamp(1.35rem,4vw,1.75rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.4rem;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fw-heading-sub{font-size:.9rem;color:#fff6;max-width:480px;margin:0 auto;line-height:1.5}.fw-category{margin-bottom:2rem}.fw-category-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.35rem .75rem;margin-bottom:1rem;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.06)}.fw-category-label{font-size:1rem;font-weight:700;color:#ffffffe6;letter-spacing:-.01em}.fw-category-sub{font-size:.78rem;color:#ffffff59}.fw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem}.fw-grid-item{min-width:0}.fw-card{position:relative;display:flex;flex-direction:column;min-height:200px;padding:1.15rem 1.2rem 1rem;touch-action:manipulation;background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.07);border-radius:16px;text-decoration:none;color:inherit;overflow:hidden;isolation:isolate;transition:transform .25s,border-color .25s,box-shadow .25s}.fw-card:hover:not(.fw-card-disabled){transform:translateY(-3px);border-color:#ffffff24;box-shadow:0 16px 40px #00000059}.fw-card-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.fw-accent-border-cyan:hover{border-color:#00d4ff4d}.fw-accent-border-red:hover{border-color:#ef44444d}.fw-accent-border-purple:hover{border-color:#8b5cf64d}.fw-accent-border-pink:hover{border-color:#ec48994d}.fw-accent-border-amber:hover{border-color:#f59e0b4d}.fw-accent-border-green:hover{border-color:#22c55e4d}.fw-accent-border-blue:hover{border-color:#3b82f64d}.fw-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.85rem}.fw-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:transform .25s}.fw-card:hover .fw-icon{transform:scale(1.06)}.fw-icon svg{width:22px;height:22px}.fw-accent-cyan{color:#00d4ff;background:#00d4ff1a}.fw-accent-red{color:#f87171;background:#ef44441a}.fw-accent-purple{color:#a78bfa;background:#8b5cf61a}.fw-accent-pink{color:#f472b6;background:#ec48991a}.fw-accent-amber{color:#fbbf24;background:#f59e0b1a}.fw-accent-green{color:#4ade80;background:#22c55e1a}.fw-accent-blue{color:#60a5fa;background:#3b82f61a}.fw-badge{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .5rem;border-radius:6px}.fw-badge-live{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.35);animation:livePulse 2s ease-in-out infinite}.fw-badge-beta{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.fw-badge-alpha{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.fw-body{flex:1;position:relative;z-index:1}.fw-title{font-size:1rem;font-weight:700;margin-bottom:.35rem;letter-spacing:-.01em}.fw-desc{font-size:.78rem;color:#ffffff6b;line-height:1.45;margin-bottom:.65rem}.fw-tags{display:flex;flex-wrap:wrap;gap:.35rem}.fw-tag{font-size:.65rem;font-weight:600;padding:.2rem .45rem;border-radius:6px;background:#ffffff0f;color:#ffffff73;letter-spacing:.02em}.fw-footer{position:relative;z-index:1;margin-top:.75rem;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.05)}.fw-cta{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;color:#ffffff80;transition:color .2s,gap .2s}.fw-card:hover .fw-cta{color:#fff;gap:.45rem}.fw-glow{position:absolute;inset:0;opacity:0;pointer-events:none;border-radius:16px;transition:opacity .35s}.fw-card:hover .fw-glow{opacity:1}.fw-glow-cyan{background:radial-gradient(ellipse at 0% 0%,rgba(0,212,255,.12) 0%,transparent 55%)}.fw-glow-red{background:radial-gradient(ellipse at 0% 0%,rgba(239,68,68,.12) 0%,transparent 55%)}.fw-glow-purple{background:radial-gradient(ellipse at 0% 0%,rgba(139,92,246,.12) 0%,transparent 55%)}.fw-glow-pink{background:radial-gradient(ellipse at 0% 0%,rgba(236,72,153,.12) 0%,transparent 55%)}.fw-glow-amber{background:radial-gradient(ellipse at 0% 0%,rgba(245,158,11,.12) 0%,transparent 55%)}.fw-glow-green{background:radial-gradient(ellipse at 0% 0%,rgba(34,197,94,.12) 0%,transparent 55%)}.fw-glow-blue{background:radial-gradient(ellipse at 0% 0%,rgba(59,130,246,.12) 0%,transparent 55%)}.quick-access{position:relative;z-index:2;margin-bottom:1.5rem;padding:0}.quick-access-label{display:none;text-align:center;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff47;margin-bottom:.5rem}.quick-access-scroll{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:0 1rem}.quick-access-scroll>div{display:contents}.quick-access-pill{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.6rem 1.05rem;background:#ffffff0a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:999px;text-decoration:none;color:#ffffffa6;font-size:.82rem;font-weight:600;transition:background .2s,border-color .2s,color .2s;touch-action:manipulation}.quick-access-pill:hover{color:#fff;background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.quick-access-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.quick-access-icon svg{width:16px;height:16px}.quick-access-timer:hover{border-color:#00d4ff59;color:#00d4ff}.quick-access-battle:hover{border-color:#ef444459;color:#f87171}.quick-access-learn:hover{border-color:#8b5cf659;color:#a78bfa}.quick-access-stats:hover{border-color:#3b82f659;color:#60a5fa}.deck-desktop{display:flex;align-items:center;justify-content:center;gap:1rem;max-width:1100px;margin:0 auto;perspective:1200px}.deck-card-wrapper{flex:0 0 240px;cursor:pointer;transform-style:preserve-3d;transition:filter .3s}.deck-card-wrapper.unfocused{filter:brightness(.7)}.deck-card-wrapper.focused{filter:brightness(1)}.deck-mobile{position:relative;overflow:hidden;padding:0 1rem;max-width:100%}.deck-mobile-viewport{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr;min-height:248px}.deck-mobile-card{touch-action:manipulation;will-change:transform,opacity;grid-area:1 / 1 / 2 / 2;height:100%;padding:0 .25rem}.deck-mobile-card.active{touch-action:pan-x}.deck-dots{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:1rem;padding:.25rem 0}.deck-dot{width:44px;height:44px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.deck-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:#ffffff40;transition:transform .25s,background .25s,box-shadow .25s}.deck-dot.active:after{background:#00d4ff;box-shadow:0 0 10px #00d4ff80;transform:scale(1.35)}.swipe-hint{text-align:center;margin-top:.75rem;font-size:.72rem;color:#ffffff40;letter-spacing:.08em;text-transform:uppercase;animation:hintPulse 3s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.25}50%{opacity:.5}}.action-card{position:relative;background:#ffffff08;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:2.2rem 1.5rem 2rem;text-align:center;text-decoration:none;color:inherit;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color .4s,box-shadow .4s;height:280px}.action-card.disabled-card{opacity:.6}.action-card:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:all .4s}.deck-card-wrapper.focused .action-card:before,.deck-mobile-card.active .action-card:before{left:10%;right:10%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}.card-shine{position:absolute;inset:0;pointer-events:none;border-radius:22px;z-index:2;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.04) 45%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 55%,transparent 60%);background-size:250% 100%;background-position:200% 0}.deck-card-wrapper.focused:hover .card-shine,.deck-mobile-card.active .card-shine{animation:shineSweep .8s ease forwards}@keyframes shineSweep{0%{background-position:200% 0}to{background-position:-50% 0}}.card-cta-hint{display:flex;align-items:center;gap:.35rem;margin-top:1rem;padding:.4rem .8rem;background:#ffffff0f;border-radius:8px;font-size:.7rem;color:#ffffff73;font-weight:500;letter-spacing:.03em;animation:ctaFadeIn .5s ease both}@keyframes ctaFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.card-badge{position:absolute;top:14px;right:14px;padding:4px 10px;border-radius:20px;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;backdrop-filter:blur(8px);z-index:3}.badge-beta{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.badge-alpha{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.deck-card-wrapper.focused .action-card-timer{box-shadow:0 25px 70px #00d4ff1f,inset 0 1px #00d4ff14;border-color:#00d4ff40}.deck-card-wrapper.focused .action-card-battle{box-shadow:0 25px 70px #ef44441f,inset 0 1px #ef444414;border-color:#ef444440}.deck-card-wrapper.focused .action-card-learn,.deck-card-wrapper.focused .action-card-competitions{box-shadow:0 25px 70px #8b5cf61f,inset 0 1px #8b5cf614;border-color:#8b5cf640}.card-icon{width:60px;height:60px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;border-radius:18px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s}.card-icon svg{width:28px;height:28px;position:relative;z-index:1}.action-card-timer .card-icon{color:#00d4ff;background:#00d4ff14;box-shadow:0 0 25px #00d4ff0f}.action-card-battle .card-icon{color:#ef4444;background:#ef444414;box-shadow:0 0 25px #ef44440f}.action-card-learn .card-icon,.action-card-competitions .card-icon{color:#8b5cf6;background:#8b5cf614;box-shadow:0 0 25px #8b5cf60f}.deck-card-wrapper.focused .card-icon,.deck-mobile-card.active .card-icon{transform:scale(1.12) translateY(-2px)}.card-text{position:relative;z-index:1}.card-title{font-size:1.2rem;font-weight:700;margin-bottom:.35rem;letter-spacing:-.01em}.card-description{font-size:.82rem;color:#fff6;line-height:1.4}.card-glow{position:absolute;inset:0;opacity:0;transition:opacity .5s;pointer-events:none;border-radius:22px}.deck-card-wrapper.focused .card-glow,.deck-mobile-card.active .card-glow{opacity:1}.action-card-timer .card-glow{background:radial-gradient(ellipse at 50% -20%,rgba(0,212,255,.1) 0%,transparent 65%)}.action-card-battle .card-glow{background:radial-gradient(ellipse at 50% -20%,rgba(239,68,68,.1) 0%,transparent 65%)}.action-card-learn .card-glow,.action-card-competitions .card-glow{background:radial-gradient(ellipse at 50% -20%,rgba(139,92,246,.1) 0%,transparent 65%)}.quick-links{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin-bottom:2.5rem;position:relative;z-index:1}.quick-links>div{display:contents}.quick-link{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.15rem;background:#ffffff09;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:12px;text-decoration:none;color:#ffffff80;font-size:.85rem;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.quick-link:hover{background:#ffffff12;color:#fff;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.quick-link-icon{font-size:1rem;line-height:1}.featured-banner{max-width:640px;margin:0 auto 2.5rem;background:linear-gradient(135deg,#8b5cf61a,#00d4ff1a);backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.15);border-radius:18px;padding:1.5rem 1.75rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;position:relative;z-index:1;overflow:hidden}.featured-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.35),rgba(0,212,255,.35),transparent)}.banner-tag{display:inline-flex;align-items:center;gap:.35rem;background:#ef4444e6;color:#fff;font-size:.62rem;font-weight:700;padding:.25rem .65rem;border-radius:6px;letter-spacing:.06em;animation:livePulse 2s ease-in-out infinite}.banner-tag:before{content:"";width:5px;height:5px;border-radius:50%;background:#fff;animation:dotBlink 1.5s infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.2}}.banner-content{flex:1}.banner-title{font-size:1.05rem;font-weight:700;margin-bottom:.3rem}.banner-description{font-size:.8rem;color:#ffffff73;line-height:1.4}.banner-cta{background:linear-gradient(135deg,#8b5cf6,#00d4ff);color:#fff;padding:.65rem 1.6rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:.875rem;transition:all .35s;box-shadow:0 4px 20px #8b5cf640;position:relative;overflow:hidden}.banner-cta:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 10px 40px #8b5cf666}.live-stats{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem;position:relative;z-index:1}.stat-card{text-align:center;padding:1.35rem 1.75rem;background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:18px;min-width:130px;backdrop-filter:blur(12px);transition:all .35s;position:relative;overflow:hidden}.stat-card:hover{background:#ffffff0d;border-color:#00d4ff1f;transform:translateY(-4px);box-shadow:0 15px 40px #0000004d}.stat-value{display:block;font-size:1.85rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#00d4ff 20%,#a855f7 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.3rem;font-variant-numeric:tabular-nums}.stat-label{font-size:.7rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.home-highlights{position:relative;z-index:1;max-width:1100px;margin:0 auto 2.5rem;padding:0 1rem}.hl-intro{text-align:center;margin-bottom:2rem}.hl-section-title{font-size:clamp(1.35rem,4vw,1.85rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem;background:linear-gradient(135deg,#fff 30%,#ffffffa6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hl-section-sub{font-size:.92rem;color:#ffffff6b;max-width:520px;margin:0 auto;line-height:1.55}.hl-eyebrow{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;color:#fff6}.hl-text-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:2rem}.hl-text-card{padding:1.35rem 1.25rem;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden}.hl-text-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0}.hl-text-cyan:before{background:linear-gradient(90deg,#00d4ff,transparent)}.hl-text-red:before{background:linear-gradient(90deg,#ef4444,transparent)}.hl-text-purple:before{background:linear-gradient(90deg,#a855f7,transparent)}.hl-text-green:before{background:linear-gradient(90deg,#22c55e,transparent)}.hl-text-amber:before{background:linear-gradient(90deg,#f59e0b,transparent)}.hl-text-cyan .hl-eyebrow{color:#00d4ff}.hl-text-red .hl-eyebrow{color:#f87171}.hl-text-purple .hl-eyebrow{color:#c4b5fd}.hl-text-title{font-size:1.05rem;font-weight:700;line-height:1.3;margin-bottom:.5rem;color:#fffffff2}.hl-text-body{font-size:.82rem;line-height:1.55;color:#ffffff73}.hl-spotlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2.25rem}.hl-spotlight{display:flex;flex-direction:column;justify-content:space-between;min-height:168px;padding:1.1rem 1rem;border-radius:14px;text-decoration:none;color:inherit;background:#ffffff08;border:1px solid rgba(255,255,255,.07);transition:transform .25s,border-color .25s,box-shadow .25s;touch-action:manipulation}.hl-spotlight:hover{transform:translateY(-3px);border-color:#ffffff24;box-shadow:0 12px 32px #0000004d}.hl-spot-stat{margin-bottom:.65rem}.hl-spot-stat-value{display:block;font-size:1.35rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}.hl-spot-stat-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;font-weight:600}.hl-spot-title{font-size:.95rem;font-weight:700;margin-bottom:.35rem}.hl-spot-desc{font-size:.72rem;line-height:1.45;color:#ffffff6b;margin-bottom:.65rem}.hl-spot-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:600;color:#ffffff8c}.hl-spot-cyan .hl-spot-stat-value{color:#00d4ff}.hl-spot-purple .hl-spot-stat-value{color:#a78bfa}.hl-spot-pink .hl-spot-stat-value{color:#f472b6}.hl-spot-green .hl-spot-stat-value{color:#4ade80}.hl-spot-cyan:hover .hl-spot-link{color:#00d4ff}.hl-spot-purple:hover .hl-spot-link{color:#a78bfa}.hl-spot-pink:hover .hl-spot-link{color:#f472b6}.hl-spot-green:hover .hl-spot-link{color:#4ade80}.hl-store-section{padding:1.75rem 1.5rem;border-radius:20px;background:linear-gradient(135deg,#f59e0b14,#00d4ff0f);border:1px solid rgba(255,255,255,.1);margin-bottom:1.75rem}.hl-store-header{text-align:center;margin-bottom:1.35rem}.hl-eyebrow-store{color:#fbbf24}.hl-store-title{font-size:clamp(1.15rem,3.5vw,1.45rem);font-weight:800;margin-bottom:.4rem;letter-spacing:-.02em}.hl-store-sub{font-size:.88rem;color:#ffffff73;max-width:520px;margin:0 auto;line-height:1.5}.hl-store-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin-bottom:1rem}.hl-store-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.2rem;border-radius:16px;text-decoration:none;color:inherit;background:#00000040;border:1px solid rgba(255,255,255,.1);transition:transform .25s,border-color .25s,box-shadow .25s;touch-action:manipulation;min-height:44px}.hl-store-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000059}.hl-store-amber:hover{border-color:#f59e0b73}.hl-store-cyan:hover{border-color:#00d4ff73}.hl-store-flag{font-size:1.75rem;line-height:1}.hl-store-name{font-size:1.1rem;font-weight:700;margin-bottom:.15rem}.hl-store-region{display:inline-block;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#fff6;margin-bottom:.5rem}.hl-store-desc{font-size:.8rem;line-height:1.5;color:#ffffff80;flex:1}.hl-store-cta{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;margin-top:auto}.hl-store-amber .hl-store-cta{color:#fbbf24}.hl-store-cyan .hl-store-cta{color:#00d4ff}.hl-store-note{text-align:center;font-size:.75rem;color:#ffffff59;line-height:1.45}.hl-closing-strip{text-align:center;padding:1.35rem 1.25rem;border-radius:16px;background:#ffffff06;border:1px solid rgba(255,255,255,.06)}.hl-closing-strip p{font-size:.88rem;color:#ffffff80;line-height:1.55;margin-bottom:1rem;max-width:560px;margin-left:auto;margin-right:auto}.hl-closing-strip strong{color:#ffffffd9;font-weight:600}.hl-closing-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.hl-closing-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1.35rem;border-radius:12px;font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;touch-action:manipulation}.hl-closing-primary{background:linear-gradient(135deg,#00d4ff,#8b5cf6);color:#fff;box-shadow:0 4px 20px #00d4ff33}.hl-closing-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00d4ff4d}.hl-closing-secondary{background:transparent;color:#ffffffbf;border:1px solid rgba(255,255,255,.15)}.hl-closing-secondary:hover{border-color:#ffffff4d;color:#fff}@media(max-width:768px){.landing-page{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right));padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.hero{padding:2.25rem .5rem 1.25rem}.hero-icon{width:96px;height:96px}.hero-subtitle{font-size:.95rem;letter-spacing:.06em}.hero-title{font-size:clamp(1.8rem,7vw,2.8rem)}.deck-desktop{display:none}.main-actions{margin-bottom:1.5rem}.main-actions-label{margin-bottom:.75rem}.action-card{height:240px;padding:1.75rem 1.25rem 1.5rem;border-radius:18px}.card-title{font-size:1.1rem}.card-description{font-size:.78rem}.quick-access{position:sticky;top:0;margin-bottom:1rem;padding:.5rem 0 .65rem;background:linear-gradient(180deg,#04040a 0% 70%,#04040aeb);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.quick-access-label{display:block}.quick-access-scroll{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;gap:.45rem;padding:0 .75rem .15rem;margin:0 -.25rem}.quick-access-scroll::-webkit-scrollbar{display:none}.quick-access-pill{flex-shrink:0;scroll-snap-align:start;padding:.55rem .95rem;font-size:.8rem}.feature-widgets{padding:0 .75rem;margin-bottom:2rem}.fw-section-header{margin-bottom:1.5rem;padding:0 .25rem}.fw-heading{font-size:1.3rem}.fw-heading-sub{font-size:.82rem;padding:0 .5rem}.fw-category{margin-bottom:1.5rem}.fw-grid{grid-template-columns:1fr;gap:.65rem}.fw-card{flex-direction:row;align-items:center;gap:.85rem;min-height:auto;padding:.9rem 1rem;border-radius:14px;position:relative}.fw-card-top{margin-bottom:0;flex-direction:row;align-items:center;gap:.5rem;flex-shrink:0;width:auto}.fw-icon{width:48px;height:48px;margin:0}.fw-icon svg{width:22px;height:22px}.fw-badge{font-size:.5rem;padding:.15rem .35rem}.fw-body{flex:1;min-width:0}.fw-title{font-size:.95rem;margin-bottom:.2rem}.fw-desc{font-size:.72rem;margin-bottom:.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fw-footer{display:none}.fw-tags{gap:.3rem}.fw-tag{font-size:.6rem;padding:.15rem .4rem}.fw-category-header{flex-direction:column;align-items:flex-start;gap:.2rem;margin-bottom:.75rem}.fw-category-sub{font-size:.72rem}.quick-links{padding:0 1rem;gap:.5rem}.quick-link{padding:.55rem .9rem;font-size:.8rem;border-radius:10px}.featured-banner{flex-direction:column;text-align:center;padding:1.25rem 1rem;border-radius:14px;margin-left:.75rem;margin-right:.75rem;max-width:none}.banner-cta{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;padding:.75rem 1.25rem;font-size:.9rem}.live-stats{gap:.5rem;padding:0 .75rem;display:grid;grid-template-columns:repeat(3,1fr)}.stat-card{padding:.85rem .5rem;min-width:0;width:100%;border-radius:12px}.stat-value{font-size:1.25rem}.stat-label{font-size:.58rem;letter-spacing:.08em}.home-highlights{padding:0 .75rem;margin-bottom:2rem}.hl-text-grid{grid-template-columns:1fr;gap:.65rem;margin-bottom:1.5rem}.hl-text-card{padding:1.1rem 1rem}.hl-spotlight-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:1.5rem}.hl-spotlight{min-height:150px;padding:1rem .9rem}.hl-store-section{padding:1.25rem 1rem;border-radius:16px}.hl-store-grid{grid-template-columns:1fr;gap:.65rem}.hl-store-card{flex-direction:row;flex-wrap:wrap;align-items:flex-start;padding:1rem}.hl-store-flag{font-size:1.5rem;flex-shrink:0}.hl-store-body{flex:1;min-width:0}.hl-store-cta{width:100%;justify-content:flex-end;padding-top:.25rem}.hl-closing-actions{flex-direction:column;align-items:stretch}.hl-closing-btn{width:100%}}@media(min-width:480px)and (max-width:768px){.fw-grid{grid-template-columns:repeat(2,1fr)}.fw-card{flex-direction:column;align-items:stretch;min-height:180px;padding:1rem}.fw-card-top{flex-direction:row;justify-content:space-between;margin-bottom:.65rem}.fw-footer{display:block}.fw-desc{-webkit-line-clamp:3}}@media(min-width:769px){.deck-mobile,.quick-access-label{display:none}}@media(min-width:769px)and (max-width:1024px){.hl-text-grid{grid-template-columns:1fr}.hl-spotlight-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.fw-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:380px){.hero{padding:2rem .25rem 1rem}.hero-icon{width:80px;height:80px}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:.82rem}.action-card{height:220px}.live-stats{grid-template-columns:1fr;gap:.45rem}.stat-card{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:.75rem 1rem}.stat-value{font-size:1.2rem;margin-bottom:0}.stat-label{font-size:.65rem;text-align:right}.fw-heading-sub{font-size:.78rem}.hl-spotlight-grid{grid-template-columns:1fr}.hl-store-title{font-size:1.05rem}}@media(hover:none)and (pointer:coarse){.fw-card:hover{transform:none;box-shadow:none}.fw-card:active{transform:scale(.98);opacity:.92}.quick-access-pill:active,.banner-cta:active,.deck-dot:active:after{transform:scale(.96)}.stat-card:hover,.hl-spotlight:hover,.hl-store-card:hover{transform:none}.hl-spotlight:active,.hl-store-card:active,.hl-closing-btn:active{transform:scale(.98);opacity:.92}}@media(prefers-reduced-motion:reduce){.glow-orb-1,.glow-orb-2,.glow-orb-3,.floating-cube,.grid-pattern,.title-accent,.card-shine,.banner-cta:before{animation:none!important}}.friend-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.friend-btn:active{transform:scale(.97)}.friend-btn-add{background:#8b5cf6b3;color:#fff}.friend-btn-add:hover{background:#8b5cf6e6}.friend-btn-sent{background:#ffffff0f;color:#ffffff80;cursor:default}.friend-btn-received{background:#22c55e26;color:#22c55e}.friend-btn-received:hover{background:#22c55e40}.friend-btn-friends{background:#ffffff0f;color:#fff9}.friend-btn-friends:hover,.friend-btn-remove{background:#ef444426;color:#ef4444}.friend-btn-remove:hover{background:#ef444440}.friend-btn-self{background:#ffffff0a;color:#ffffff4d;cursor:default}.friend-btn-loading{opacity:.5;pointer-events:none}.friend-requests-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem;margin-bottom:1rem}.friend-requests-header{font-size:.85rem;font-weight:700;color:#fff9;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.friend-request-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.friend-request-item:last-child{border-bottom:none}.friend-request-info{display:flex;align-items:center;gap:.5rem}.friend-request-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;background:#8b5cf633;color:#fff9;overflow:hidden;flex-shrink:0}.friend-request-avatar img{width:100%;height:100%;object-fit:cover}.friend-request-name{font-size:.82rem;font-weight:600;color:#fff}.friend-request-actions{display:flex;gap:.35rem}.friend-request-accept{padding:.3rem .7rem;font-size:.75rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;background:#22c55e33;color:#22c55e;transition:all .15s;font-family:inherit}.friend-request-accept:hover{background:#22c55e59}.friend-request-decline{padding:.3rem .7rem;font-size:.75rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;background:#ffffff0f;color:#ffffff80;transition:all .15s;font-family:inherit}.friend-request-decline:hover{background:#ef444426;color:#ef4444}.friend-requests-empty{font-size:.8rem;color:#ffffff4d;text-align:center;padding:.75rem}.friends-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem}.friends-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.friends-header-label{font-size:.85rem;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.friends-header-count{font-size:.7rem;color:#ffffff59;background:#ffffff0d;padding:.15rem .4rem;border-radius:4px}.friend-item{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.friend-item:last-child{border-bottom:none}.friend-item-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;background:#8b5cf633;color:#fff9;overflow:hidden;flex-shrink:0}.friend-item-avatar img{width:100%;height:100%;object-fit:cover}.friend-item-name{font-size:.82rem;font-weight:500;color:#fff;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-item-remove{background:none;border:none;color:#fff3;cursor:pointer;font-size:.7rem;padding:.2rem;transition:color .15s;flex-shrink:0}.friend-item-remove:hover{color:#ef4444}.friends-empty{font-size:.8rem;color:#ffffff4d;text-align:center;padding:.75rem}.friends-count-inline{font-size:.82rem;font-weight:600;color:#ffffff80}.friend-analytics-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem;margin-top:1rem}.friend-analytics-title{font-size:.82rem;font-weight:700;color:#ffffff8c;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.friend-analytics-stats{display:flex;gap:.75rem;margin-bottom:.75rem}.analytics-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem}.analytics-stat-value{font-size:1.2rem;font-weight:700;color:#fff}.analytics-stat-label{font-size:.68rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.03em}.friend-analytics-details{display:flex;flex-direction:column;gap:.25rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.04)}.analytics-detail{font-size:.75rem;color:#fff6}.public-profile-page{min-height:100vh;background:var(--bg-primary, #0a0a0f);background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;position:relative}.public-profile-page .stats-header-modern{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding:1.5rem .25rem 1rem;position:relative;border-bottom:.5px solid rgba(255,255,255,.06);background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.public-profile-page .stats-header-modern .header-left{display:flex;align-items:center;gap:.5rem;flex-shrink:0;position:absolute;left:1.5rem}.public-profile-page .stats-header-modern .back-btn{padding:.4rem .6rem;min-width:auto;font-size:.85rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:18px;cursor:pointer;transition:all .2s ease}.public-profile-page .stats-header-modern .back-btn:hover{background:#fff3}.public-profile-page .stats-header-modern .header-center{text-align:center}.public-profile-page .stats-header-modern .header-center h1{font-size:1.25rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.public-profile-page .stats-header-modern .header-center .header-subtitle{font-size:.65rem;color:#ffffff80;margin:.25rem 0 0}.public-profile-page .profile-header-modern{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;padding:0 .25rem;position:fixed;top:0;left:0;right:0;z-index:100;height:70px;background:linear-gradient(180deg,#14141efa,#0f0f14fa);border-bottom:1px solid rgba(255,255,255,.05);box-sizing:border-box}.public-profile-page .profile-header-modern .header-center{text-align:center;position:relative;top:2px}.public-profile-page .profile-header-modern .header-left{display:flex;align-items:center;gap:.5rem;flex-shrink:0;position:absolute;left:24px}.public-profile-page .profile-header-modern .back-btn{padding:.4rem .6rem;min-width:auto;font-size:.85rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:18px;cursor:pointer;transition:all .2s ease}.public-profile-page .profile-header-modern .back-btn:hover{background:#fff3}.public-profile-page .profile-header-modern .header-center{text-align:center}.public-profile-page .profile-header-modern .header-center h1{font-size:1.25rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.public-profile-page .profile-header-modern .header-center .header-subtitle{font-size:.65rem;color:#ffffff80;margin:.25rem 0 0}.public-profile-page .profile-container{max-width:1100px;margin:0 auto;position:relative;padding:0 24px 24px}.public-profile-page .loading-container,.public-profile-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.public-profile-page .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #2a2a35);border-top-color:var(--accent-color, #6366f1);border-radius:50%;animation:spin 1s linear infinite}.public-profile-page .error-icon{font-size:64px;margin-bottom:16px}.public-profile-page .error-container h2{margin-bottom:8px;color:var(--text-primary, #fff)}.public-profile-page .error-container p{color:var(--text-secondary, #9ca3af);margin-bottom:24px}.public-profile-page .error-actions{display:flex;gap:12px}.public-profile-page .profile-container{max-width:1100px;margin:0 auto;position:relative}.public-profile-page .hero-section{display:flex;gap:24px;align-items:flex-start;padding:32px;background:linear-gradient(135deg,var(--card-bg, #1a1a24) 0%,var(--bg-secondary, #12121a) 100%);border-radius:20px;border:1px solid var(--border-color, #2a2a35);margin-bottom:24px}.public-profile-page .profile-avatar{width:160px;height:160px;border-radius:50%;overflow:hidden;border:4px solid #ffffff;box-shadow:0 0 20px #0003;flex-shrink:0}.public-profile-page .profile-avatar img{width:100%;height:100%;object-fit:cover}.public-profile-page .profile-avatar .lottie-avatar{width:100%;height:100%;border-radius:50%;background:#fff}.public-profile-page .profile-avatar .profile-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.public-profile-page .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;color:#6366f1;font-size:64px;font-weight:700}.public-profile-page .hero-right{flex:1}.public-profile-page .greeting{font-size:16px;color:var(--text-secondary, #9ca3af);margin:0 0 4px;font-weight:400}.public-profile-page .display-name{font-size:32px;font-weight:700;color:var(--text-primary, #fff);margin:0 0 4px}.public-profile-page .username{font-size:18px;color:var(--accent-color, #6366f1);margin:0 0 12px}.public-profile-page .hero-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--text-secondary, #9ca3af);font-size:14px}.public-profile-page .hero-meta span{display:flex;align-items:center;gap:6px}.public-profile-page .hero-actions{display:flex;gap:8px;align-items:center}.public-profile-page .hero-actions .action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s ease}.public-profile-page .hero-actions .action-btn:hover{background:#fff3}.public-profile-page .hero-actions .view-btn{background:#6366f133;border-color:#6366f166}.public-profile-page .hero-actions .view-btn:hover{background:#6366f14d}.public-profile-page .share-section{display:flex;gap:12px;margin-bottom:24px}.public-profile-page .share-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--card-bg, #1a1a24);border:1px solid var(--border-color, #2a2a35);border-radius:10px;color:var(--text-primary, #fff);font-size:14px;cursor:pointer;transition:all .2s ease}.public-profile-page .share-btn:hover{background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1)}.public-profile-page .quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:24px}.public-profile-page .quick-stats .stat-card{background:var(--card-bg, #1a1a24);border:1px solid var(--border-color, #2a2a35);border-radius:12px;padding:16px;text-align:center}.public-profile-page .quick-stats .stat-label{display:block;font-size:12px;color:var(--text-secondary, #9ca3af);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.public-profile-page .quick-stats .stat-value{font-size:20px;font-weight:700;color:var(--text-primary, #fff)}.public-profile-page .player-info-section,.public-profile-page .analytics-section,.public-profile-page .battle-section,.public-profile-page .synced-stats-section{background:var(--card-bg, #1a1a24);border:1px solid var(--border-color, #2a2a35);border-radius:16px;padding:24px;margin-bottom:24px}.public-profile-page .player-info-section h3,.public-profile-page .analytics-section h3,.public-profile-page .battle-section h3,.public-profile-page .synced-stats-section h3{font-size:18px;font-weight:600;color:var(--text-primary, #fff);margin:0 0 20px}.public-profile-page .synced-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.public-profile-page .synced-stat-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg-secondary, #12121a);border-radius:10px;text-align:center}.public-profile-page .synced-stat-label{font-size:11px;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.public-profile-page .synced-stat-value{font-size:20px;font-weight:700;color:var(--text-primary, #fff)}.public-profile-page .synced-stat-value.highlight{color:#6366f1}.public-profile-page .synced-stat-value.win{color:#22c55e}.public-profile-page .synced-at{margin-top:16px;font-size:12px;color:var(--text-secondary, #9ca3af);text-align:center}.public-profile-page .stats-tabs{display:flex;gap:12px;margin-bottom:24px;justify-content:center}.public-profile-page .stats-tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--card-bg, #1a1a24);border:1px solid var(--border-color, #2a2a35);border-radius:12px;color:var(--text-secondary, #9ca3af);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.public-profile-page .stats-tab-btn:hover{border-color:var(--accent-color, #6366f1);color:var(--text-primary, #fff)}.public-profile-page .stats-tab-btn.active{background:linear-gradient(135deg,#6366f133,#8b5cf61a);border-color:var(--accent-color, #6366f1);color:#fff;box-shadow:0 4px 12px #6366f133}.public-profile-page .synced-battle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.public-profile-page .synced-stats-section h4{font-size:14px;font-weight:600;color:var(--text-secondary, #9ca3af);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.public-profile-page .synced-timer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.public-profile-page .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.public-profile-page .info-item{display:flex;flex-direction:column;gap:4px}.public-profile-page .info-label{font-size:12px;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.public-profile-page .info-value{font-size:16px;color:var(--text-primary, #fff)}.public-profile-page .event-switcher{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.public-profile-page .event-tab{padding:8px 16px;background:var(--bg-secondary, #12121a);border:1px solid var(--border-color, #2a2a35);border-radius:8px;color:var(--text-secondary, #9ca3af);font-size:14px;cursor:pointer;transition:all .2s ease}.public-profile-page .event-tab:hover{border-color:var(--accent-color, #6366f1);color:var(--text-primary, #fff)}.public-profile-page .event-tab.active{background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1);color:#fff}.public-profile-page .event-stats{display:flex;flex-direction:column;gap:16px}.public-profile-page .stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.public-profile-page .stat-item{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--bg-secondary, #12121a);border-radius:10px;text-align:center}.public-profile-page .stat-item .stat-label{font-size:11px;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.public-profile-page .stat-item .stat-value{font-size:18px;font-weight:600;color:var(--text-primary, #fff)}.public-profile-page .stat-item .stat-value.highlight{color:var(--accent-color, #6366f1)}.public-profile-page .battle-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.public-profile-page .battle-stats .stat-card{background:var(--bg-secondary, #12121a);border-radius:10px;padding:16px;text-align:center}.public-profile-page .battle-stats .stat-label{display:block;font-size:11px;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.public-profile-page .battle-stats .stat-value{font-size:24px;font-weight:700;color:var(--text-primary, #fff)}.public-profile-page .battle-stats .stat-value.win{color:#22c55e}.public-profile-page .battle-stats .stat-value.loss{color:#ef4444}.public-profile-page .empty-state{text-align:center;padding:48px 24px;background:var(--card-bg, #1a1a24);border:1px solid var(--border-color, #2a2a35);border-radius:16px;margin-bottom:24px}.public-profile-page .empty-state p{color:var(--text-primary, #fff);margin:0 0 8px}.public-profile-page .empty-state .sub-text{color:var(--text-secondary, #9ca3af);font-size:14px}@media(max-width:768px){.public-profile-page{padding:16px}.public-profile-page .hero-section{flex-direction:column;align-items:center;text-align:center;padding:24px 16px}.public-profile-page .hero-meta{justify-content:center}.public-profile-page .share-section{flex-direction:column}.public-profile-page .share-btn{width:100%;justify-content:center}.public-profile-page .quick-stats{grid-template-columns:repeat(2,1fr)}.public-profile-page .stat-row{grid-template-columns:1fr}.public-profile-page .battle-stats{grid-template-columns:repeat(2,1fr)}.public-profile-page .event-switcher{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.public-profile-page .event-tab{padding:8px 12px;font-size:12px}.public-profile-page .synced-timer-grid,.public-profile-page .synced-battle-grid{grid-template-columns:1fr;gap:12px}.public-profile-page .synced-stat-item{padding:12px}.public-profile-page .synced-stat-label{font-size:12px}.public-profile-page .synced-stat-value{font-size:20px}.public-profile-page .analytics-section .event-stats{padding:12px}.public-profile-page .stats-tabs{gap:8px}.public-profile-page .stats-tab-btn{flex:1;padding:10px;font-size:14px}.public-profile-page .timer-stats-container,.public-profile-page .battle-stats-container{padding:12px}.public-profile-page .stat-card{padding:12px 8px}.public-profile-page .stat-label{font-size:11px}.public-profile-page .stat-value{font-size:18px}}[data-layout-mode=esports] .layout-zone-center{transform:scale(1.1);margin-top:2rem;z-index:10}[data-layout-mode=esports] .layout-zone-left,[data-layout-mode=esports] .layout-zone-right{opacity:.8!important;transform:scale(.95)}[data-layout-mode=focus] .layout-zone-left,[data-layout-mode=focus] .layout-zone-right,[data-layout-mode=minimal] .layout-zone-left,[data-layout-mode=minimal] .layout-zone-right{display:none!important}[data-layout-mode=focus] .layout-zone-center,[data-layout-mode=minimal] .layout-zone-center{margin-top:15vh;transform:scale(1.2)}[data-layout-mode=analysis] .layout-zone-bottom-grid .grid-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;width:100%;max-width:1200px;margin:0 auto}[data-layout-mode=analysis] .layout-zone-center{transform:scale(.9)}@media(max-width:768px){[data-layout-mode=compact] .widget-card{padding:1rem;min-height:auto}[data-layout-mode=compact] .layout-zone-center{gap:.5rem}}.workspace-mode-container{width:100%;min-height:100vh;background:var(--ds-bg-primary, #0a0a0f)}.workspace-grid-container{width:100%;padding:0 20px 20px}.workspace-grid-layout{position:relative}.workspace-grid-item{background:var(--ds-glass-bg, rgba(30, 30, 40, .9));backdrop-filter:blur(12px);border:1px solid var(--ds-glass-border, rgba(255, 255, 255, .1));border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease,border-color .2s ease}.workspace-grid-item:hover{border-color:#8b5cf64d;box-shadow:0 4px 20px #0000004d}.workspace-grid-item.react-draggable-dragging{border-color:#8b5cf699;box-shadow:0 10px 40px #00000080;z-index:100}.workspace-grid-item>span{background:none!important}.widget-drag-handle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0000004d;cursor:grab;user-select:none;border-bottom:1px solid var(--ds-glass-border, rgba(255, 255, 255, .05))}.widget-drag-handle:active{cursor:grabbing}.drag-indicator{font-size:.8rem;color:var(--ds-text-muted, rgba(255, 255, 255, .4));letter-spacing:2px}.widget-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ds-text-muted, rgba(255, 255, 255, .5))}.workspace-widget-content{flex:1;overflow:auto;padding:1rem}.resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;cursor:se-resize;background:linear-gradient(135deg,transparent 50%,rgba(139,92,246,.5) 50%);border-radius:0 0 16px}.resizable-handle:after{content:"";position:absolute;right:4px;bottom:4px;width:8px;height:8px;border-right:2px solid rgba(139,92,246,.8);border-bottom:2px solid rgba(139,92,246,.8)}.react-grid-placeholder{background:#8b5cf633!important;border:2px dashed rgba(139,92,246,.5)!important;border-radius:16px!important;z-index:2!important}.drop-indicator{position:absolute;background:#8b5cf64d;border:2px dashed rgba(139,92,246,.6);border-radius:8px;pointer-events:none;z-index:1000}.workspace-mode-btn{position:fixed;bottom:1.5rem;right:1.5rem;z-index:900;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#8b5cf6e6,#3b82f6d9);backdrop-filter:blur(12px);border:none;border-radius:12px;cursor:pointer;color:#fff;font-size:.85rem;font-weight:600;box-shadow:0 4px 20px #8b5cf666;transition:all .2s ease}.workspace-mode-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b5cf680}.workspace-mode-btn svg{width:18px;height:18px}.layout-manager:not(.workspace-mode) .widget-drag-handle{display:none}.workspace-banner{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6f2,#3b82f6e6);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0000004d}.workspace-banner-left{display:flex;align-items:center;gap:1rem}.workspace-badge{font-size:.85rem;font-weight:700;color:#fff;letter-spacing:.05em;text-transform:uppercase}.workspace-hint{font-size:.75rem;color:#fffc}.workspace-banner-actions{display:flex;gap:.5rem;align-items:center}.workspace-btn{padding:.5rem 1rem;font-size:.8rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#ffffff26;color:#fff}.workspace-btn:hover{background:#ffffff40;transform:translateY(-1px)}.workspace-btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.workspace-btn-primary{background:#fff;color:#6366f1}.workspace-btn-primary:hover{background:#ffffffe6}.workspace-btn-danger{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.workspace-btn-danger:hover{background:#ef44444d}.workspace-popover{position:fixed;top:60px;right:1.5rem;z-index:1001;background:var(--ds-glass-bg, rgba(30, 30, 40, .95));backdrop-filter:blur(20px);border:1px solid var(--ds-glass-border, rgba(255, 255, 255, .1));border-radius:16px;box-shadow:0 10px 40px #0006;min-width:300px;max-width:400px}.popover-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--ds-glass-border, rgba(255, 255, 255, .1));font-weight:600;color:var(--ds-text-primary, white)}.popover-close{background:none;border:none;font-size:1.25rem;color:var(--ds-text-muted, rgba(255, 255, 255, .5));cursor:pointer;padding:0;line-height:1}.popover-close:hover{color:var(--ds-text-primary, white)}.popover-footer{padding:1rem 1.25rem;border-top:1px solid var(--ds-glass-border, rgba(255, 255, 255, .1))}.layouts-list{max-height:300px;overflow-y:auto;padding:.5rem}.layout-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:10px;cursor:pointer;transition:background .2s}.layout-item:hover{background:#ffffff0d}.layout-item.active{background:#8b5cf633;border:1px solid rgba(139,92,246,.3)}.layout-name{font-size:.9rem;color:var(--ds-text-primary, white)}.layout-name-edit{display:flex;gap:.5rem;flex:1}.layout-name-edit input{flex:1;padding:.4rem .6rem;border-radius:6px;border:1px solid rgba(139,92,246,.5);background:#0000004d;color:#fff;font-size:.85rem}.layout-name-edit button{background:#8b5cf64d;border:none;border-radius:6px;padding:.3rem .5rem;cursor:pointer;font-size:.8rem}.layout-actions{display:flex;gap:.25rem}.layout-actions button{background:none;border:none;cursor:pointer;padding:.25rem;opacity:.6;transition:opacity .2s}.layout-actions button:hover{opacity:1}.export-content,.import-content{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.export-content p,.import-content p{font-size:.85rem;color:var(--ds-text-secondary, rgba(255, 255, 255, .7));margin:0}.export-code,.import-code{width:100%;height:120px;padding:.75rem;border-radius:10px;border:1px solid var(--ds-glass-border, rgba(255, 255, 255, .1));background:#0000004d;color:var(--ds-text-primary, white);font-family:var(--ds-font-mono, monospace);font-size:.75rem;resize:none;box-sizing:border-box}.import-code{height:100px}.widget-library-toggle{position:fixed;left:1.5rem;top:80px;z-index:999;display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--ds-glass-bg, rgba(30, 30, 40, .9));backdrop-filter:blur(12px);border:1px solid var(--ds-glass-border, rgba(255, 255, 255, .1));border-radius:12px;cursor:pointer;transition:all .2s ease;color:var(--ds-text-primary, white);font-size:.85rem;font-weight:500}.widget-library-toggle:hover{background:var(--ds-glass-bg-hover, rgba(40, 40, 50, .95));transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.toggle-icon{font-size:1rem}.toggle-label{font-weight:600}.toggle-count{background:#8b5cf64d;padding:.15rem .5rem;border-radius:20px;font-size:.75rem}.widget-library-panel{position:fixed;left:1.5rem;top:140px;z-index:998;width:320px;max-height:calc(100vh - 200px);background:var(--ds-glass-bg, rgba(30, 30, 40, .95));backdrop-filter:blur(20px);border:1px solid var(--ds-glass-border, rgba(255, 255, 255, .1));border-radius:16px;box-shadow:0 10px 40px #0006;display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;border-bottom:1px solid var(--ds-glass-border, rgba(255, 255, 255, .1))}.panel-title{display:flex;flex-direction:column;gap:.25rem}.panel-title>span:first-child{font-weight:600;color:var(--ds-text-primary, white);font-size:.95rem}.widget-count{font-size:.7rem;color:var(--ds-text-muted, rgba(255, 255, 255, .5))}.panel-close{background:none;border:none;font-size:1.5rem;color:var(--ds-text-muted, rgba(255, 255, 255, .5));cursor:pointer;padding:0;line-height:1}.panel-close:hover{color:var(--ds-text-primary, white)}.panel-search{padding:.75rem 1.25rem;border-bottom:1px solid var(--ds-glass-border, rgba(255, 255, 255, .1))}.panel-search input{width:100%;padding:.6rem .85rem;border-radius:8px;border:1px solid var(--ds-glass-border, rgba(255, 255, 255, .1));background:#0000004d;color:var(--ds-text-primary, white);font-size:.85rem;box-sizing:border-box}.panel-search input::placeholder{color:var(--ds-text-muted, rgba(255, 255, 255, .4))}.panel-search input:focus{outline:none;border-color:#8b5cf680}.widget-list{flex:1;overflow-y:auto;padding:.5rem;max-height:400px}.widget-list::-webkit-scrollbar{width:6px}.widget-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.widget-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:10px;transition:background .2s}.widget-item:hover{background:#ffffff0d}.widget-item.hidden{opacity:.5}.widget-info{display:flex;flex-direction:column;gap:.15rem}.widget-name{font-size:.9rem;font-weight:500;color:var(--ds-text-primary, white)}.widget-desc{font-size:.7rem;color:var(--ds-text-muted, rgba(255, 255, 255, .5))}.widget-controls{display:flex;align-items:center;gap:.5rem}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ffffff1a;border-radius:24px;transition:all .3s ease}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s ease}.toggle-switch input:checked+.toggle-slider{background:#8b5cf680}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.panel-footer{display:flex;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--ds-glass-border, rgba(255, 255, 255, .1))}.footer-btn{flex:1;padding:.5rem;font-size:.8rem;font-weight:500;border:1px solid var(--ds-glass-border, rgba(255, 255, 255, .1));border-radius:8px;background:#ffffff0d;color:var(--ds-text-secondary, rgba(255, 255, 255, .7));cursor:pointer;transition:all .2s}.footer-btn:hover{background:#ffffff1a;color:var(--ds-text-primary, white)}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.toki-popup-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.toki-popup-content{background:linear-gradient(145deg,#1a1a2e,#16162a);border:1px solid rgba(99,102,241,.3);border-radius:24px;padding:2rem;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080;position:relative}.toki-popup-close{position:absolute;top:12px;right:12px;background:#ffffff1a;border:none;color:#fff9;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toki-popup-close:hover{background:#fff3;color:#fff}.toki-popup-lottie-container{width:120px;height:120px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 32px #0000004d}.toki-popup-lottie-container lottie-player{width:100px!important;height:100px!important}.toki-popup-emoji{font-size:4rem;margin-bottom:1rem}.toki-popup-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.75rem}.toki-popup-message{color:#ffffffb3;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.toki-popup-buttons{display:flex;flex-direction:column;gap:.75rem}.toki-popup-btn{padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;width:100%}.toki-popup-btn.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.toki-popup-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.toki-popup-btn.secondary{background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.15)}.toki-popup-btn.secondary:hover{background:#ffffff1f}.battle-hub-wrapper{font-family:Hanken Grotesk,sans-serif;min-height:100vh;box-sizing:border-box}font-family: "Hanken Grotesk",sans-serif; min-height: 100vh; box-sizing: border-box; } .battle-hub-wrapper *,.battle-hub-wrapper *::before,.battle-hub-wrapper *::after{box-sizing:border-box}@keyframes bhw-float{0%,to{transform:translateY(-4px)}50%{transform:translateY(-12px)}}@keyframes bhw-glow-pulse{0%{background-position:0% 50%;opacity:.3}50%{background-position:100% 50%;opacity:.7}to{background-position:0% 50%;opacity:.3}}@keyframes bhw-pulse-status{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes bhw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bhw-pulse{50%{opacity:.5}}.battle-hub-wrapper .float-animation:hover{animation:bhw-float 3s ease-in-out infinite}.battle-hub-wrapper .status-pulse{animation:bhw-pulse-status 2s infinite ease-in-out}.battle-hub-wrapper .custom-scrollbar::-webkit-scrollbar{width:4px}.battle-hub-wrapper .custom-scrollbar::-webkit-scrollbar-track{background:#ffffff05}.battle-hub-wrapper .custom-scrollbar::-webkit-scrollbar-thumb{background:var(--primary-neon);border-radius:10px}.battle-hub-wrapper #ambient-motion-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:.6}.battle-hub-wrapper .content-shell{position:relative;z-index:10}.battle-hub-wrapper .flex{display:flex}.battle-hub-wrapper .hidden{display:none}.battle-hub-wrapper .grid{display:grid}.battle-hub-wrapper .block{display:block}.battle-hub-wrapper .inline{display:inline}.battle-hub-wrapper .flex-col{flex-direction:column}.battle-hub-wrapper .flex-row{flex-direction:row}.battle-hub-wrapper .flex-1{flex:1 1 0%}.battle-hub-wrapper .flex-wrap{flex-wrap:wrap}.battle-hub-wrapper .items-center{align-items:center}.battle-hub-wrapper .items-start{align-items:start}.battle-hub-wrapper .justify-between{justify-content:space-between}.battle-hub-wrapper .justify-center{justify-content:center}.battle-hub-wrapper .justify-around{justify-content:space-around}.battle-hub-wrapper .justify-end{justify-content:flex-end}.battle-hub-wrapper .gap-1{gap:.25rem}.battle-hub-wrapper .gap-2{gap:.5rem}.battle-hub-wrapper .gap-3{gap:.75rem}.battle-hub-wrapper .gap-4{gap:1rem}.battle-hub-wrapper .gap-6{gap:1.5rem}.battle-hub-wrapper .gap-8{gap:2rem}.battle-hub-wrapper .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.battle-hub-wrapper .space-y-1>*+*{margin-top:.25rem}.battle-hub-wrapper .space-y-2>*+*{margin-top:.5rem}.battle-hub-wrapper .space-y-4>*+*{margin-top:1rem}.battle-hub-wrapper .space-y-6>*+*{margin-top:1.5rem}.battle-hub-wrapper .space-y-8>*+*{margin-top:2rem}.battle-hub-wrapper .space-y-12>*+*{margin-top:3rem}.battle-hub-wrapper .-space-x-3>*+*{margin-left:-.75rem}.battle-hub-wrapper .relative{position:relative}.battle-hub-wrapper .absolute{position:absolute}.battle-hub-wrapper .fixed{position:fixed}.battle-hub-wrapper .sticky{position:sticky}.battle-hub-wrapper .inset-0{inset:0}.battle-hub-wrapper .top-0{top:0}.battle-hub-wrapper .left-0{left:0}.battle-hub-wrapper .left-3{left:.75rem}.battle-hub-wrapper .bottom-0{bottom:0}.battle-hub-wrapper .top-1\/2{top:50%}.battle-hub-wrapper .-top-24{top:-6rem}.battle-hub-wrapper .-right-24{right:-6rem}.battle-hub-wrapper .z-10{z-index:10}.battle-hub-wrapper .z-40{z-index:40}.battle-hub-wrapper .z-50{z-index:50}.battle-hub-wrapper .w-full{width:100%}.battle-hub-wrapper .h-full{height:100%}.battle-hub-wrapper .w-2{width:.5rem}.battle-hub-wrapper .h-2{height:.5rem}.battle-hub-wrapper .w-5{width:1.25rem}.battle-hub-wrapper .h-5{height:1.25rem}.battle-hub-wrapper .w-8{width:2rem}.battle-hub-wrapper .w-10{width:2.5rem}.battle-hub-wrapper .h-10{height:2.5rem}.battle-hub-wrapper .w-12{width:3rem}.battle-hub-wrapper .h-12{height:3rem}.battle-hub-wrapper .w-48{width:12rem}.battle-hub-wrapper .h-48{height:12rem}.battle-hub-wrapper .w-96{width:24rem}.battle-hub-wrapper .h-96{height:24rem}.battle-hub-wrapper .w-\[280px\]{width:280px}.battle-hub-wrapper .w-\[1px\]{width:1px}.battle-hub-wrapper .h-\[200px\]{height:200px}.battle-hub-wrapper .h-\[400px\]{height:400px}.battle-hub-wrapper .min-h-screen{min-height:100vh}.battle-hub-wrapper .min-w-\[100px\]{min-width:100px}.battle-hub-wrapper .max-w-md{max-width:28rem}.battle-hub-wrapper .max-w-xl{max-width:36rem}.battle-hub-wrapper .max-w-\[1440px\]{max-width:1440px}.battle-hub-wrapper .aspect-video{aspect-ratio:16 / 9}.battle-hub-wrapper .p-3{padding:.75rem}.battle-hub-wrapper .p-4{padding:1rem}.battle-hub-wrapper .p-6{padding:1.5rem}.battle-hub-wrapper .p-8{padding:2rem}.battle-hub-wrapper .p-10{padding:2.5rem}.battle-hub-wrapper .px-2{padding-left:.5rem;padding-right:.5rem}.battle-hub-wrapper .px-3{padding-left:.75rem;padding-right:.75rem}.battle-hub-wrapper .px-4{padding-left:1rem;padding-right:1rem}.battle-hub-wrapper .px-8{padding-left:2rem;padding-right:2rem}.battle-hub-wrapper .px-10{padding-left:2.5rem;padding-right:2.5rem}.battle-hub-wrapper .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.battle-hub-wrapper .py-1{padding-top:.25rem;padding-bottom:.25rem}.battle-hub-wrapper .py-2{padding-top:.5rem;padding-bottom:.5rem}.battle-hub-wrapper .py-3{padding-top:.75rem;padding-bottom:.75rem}.battle-hub-wrapper .py-4{padding-top:1rem;padding-bottom:1rem}.battle-hub-wrapper .py-10{padding-top:2.5rem;padding-bottom:2.5rem}.battle-hub-wrapper .pt-4{padding-top:1rem}.battle-hub-wrapper .pb-20{padding-bottom:5rem}.battle-hub-wrapper .pl-10{padding-left:2.5rem}.battle-hub-wrapper .pr-4{padding-right:1rem}.battle-hub-wrapper .mx-auto{margin-left:auto;margin-right:auto}.battle-hub-wrapper .ml-auto{margin-left:auto}.battle-hub-wrapper .mt-auto{margin-top:auto}.battle-hub-wrapper .mt-2{margin-top:.5rem}.battle-hub-wrapper .mt-8{margin-top:2rem}.battle-hub-wrapper .mb-1{margin-bottom:.25rem}.battle-hub-wrapper .mb-2{margin-bottom:.5rem}.battle-hub-wrapper .mb-6{margin-bottom:1.5rem}.battle-hub-wrapper .text-xs{font-size:.75rem;line-height:1rem}.battle-hub-wrapper .text-sm{font-size:.875rem;line-height:1.25rem}.battle-hub-wrapper .text-base{font-size:1rem;line-height:1.5rem}.battle-hub-wrapper .text-3xl{font-size:1.875rem;line-height:2.25rem}.battle-hub-wrapper .text-\[10px\]{font-size:10px}.battle-hub-wrapper .font-bold{font-weight:700}.battle-hub-wrapper .font-extrabold{font-weight:800}.battle-hub-wrapper .font-black{font-weight:900}.battle-hub-wrapper .italic{font-style:italic}.battle-hub-wrapper .uppercase{text-transform:uppercase}.battle-hub-wrapper .leading-tight{line-height:1.25}.battle-hub-wrapper .tracking-tighter{letter-spacing:-.05em}.battle-hub-wrapper .tracking-widest{letter-spacing:.1em}.battle-hub-wrapper .tracking-wider{letter-spacing:.05em}.battle-hub-wrapper .tracking-\[0\.2em\]{letter-spacing:.2em}.battle-hub-wrapper .text-center{text-align:center}.battle-hub-wrapper .font-headline-xl,.battle-hub-wrapper .font-headline-lg,.battle-hub-wrapper .font-display-lg{font-family:Sora,sans-serif}.battle-hub-wrapper .font-label-md,.battle-hub-wrapper .font-body-md,.battle-hub-wrapper .font-body-lg{font-family:Hanken Grotesk,sans-serif}.battle-hub-wrapper .text-headline-xl{font-size:2rem}.battle-hub-wrapper .text-headline-lg{font-size:1.5rem}.battle-hub-wrapper .text-display-lg{font-size:2.5rem}.battle-hub-wrapper .text-label-md{font-size:.75rem;line-height:1rem}.battle-hub-wrapper .text-body-md{font-size:.875rem}.battle-hub-wrapper .text-body-lg{font-size:1rem}.battle-hub-wrapper .active\:scale-95:active{transform:scale(.95)}.battle-hub-wrapper .group:hover .group-hover\:opacity-100{opacity:1}.battle-hub-wrapper .group:hover .group-hover\:opacity-80{opacity:.8}.battle-hub-wrapper .hover\:underline:hover{text-decoration:underline}.battle-hub-wrapper .order-1{order:1}.battle-hub-wrapper .order-2{order:2}.battle-hub-wrapper .order-3{order:3}@media(min-width:768px){.battle-hub-wrapper .md\:block{display:block}.battle-hub-wrapper .md\:flex-row{flex-direction:row}.battle-hub-wrapper .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-hub-wrapper .md\:col-span-2{grid-column:span 2 / span 2}.battle-hub-wrapper .md\:w-auto{width:auto}.battle-hub-wrapper .md\:w-48{width:12rem}.battle-hub-wrapper .md\:rounded-3xl{border-radius:1.5rem}.battle-hub-wrapper .md\:text-base{font-size:1rem;line-height:1.5rem}}@media(min-width:1024px){.battle-hub-wrapper .lg\:flex{display:flex}.battle-hub-wrapper .lg\:hidden{display:none}.battle-hub-wrapper .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-hub-wrapper .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.battle-hub-wrapper .lg\:col-span-4{grid-column:span 4 / span 4}.battle-hub-wrapper .lg\:col-span-8{grid-column:span 8 / span 8}.battle-hub-wrapper #hero-cube-container{height:200px}}.battle-hub-wrapper .group{position:relative}.battle-hub-wrapper h3.font-headline-lg{font-family:Sora,sans-serif}.battle-hub-wrapper .hero-lottie-cube{width:100%;height:100%;pointer-events:none}.battle-hub-wrapper #hero-cube-container{height:200px;overflow:hidden}@media(max-width:767px){.battle-hub-wrapper .profile-main-content>.px-8{padding-left:.375rem!important;padding-right:.375rem!important}.battle-hub-wrapper .glass-card.p-8{padding:.5rem!important}.battle-hub-wrapper .glass-card.p-6{padding:.375rem!important}.battle-hub-wrapper .p-8{padding:.5rem!important}.battle-hub-wrapper .p-6{padding:.375rem!important}.battle-hub-wrapper .px-8{padding-left:.375rem!important;padding-right:.375rem!important}.battle-hub-wrapper .px-10{padding-left:.5rem!important;padding-right:.5rem!important}.battle-hub-wrapper .p-10{padding:.5rem!important}.battle-hub-wrapper .pl-10{padding-left:.5rem!important}.battle-hub-wrapper header.px-8{padding-left:.375rem!important;padding-right:.375rem!important}.battle-hub-wrapper .live-feed-scroll{padding-left:.375rem!important;padding-right:.375rem!important}.battle-hub-wrapper #battle-main-content>*{max-width:100%;overflow-x:hidden}.battle-hub-wrapper .profile-dashboard-layout,.battle-hub-wrapper .profile-main-content{padding-left:0!important;padding-right:0!important}.battle-hub-wrapper .hero-lottie-cube{max-width:240px;margin:0 auto}.battle-hub-wrapper #hero-cube-container{height:200px}}@media(max-width:480px){.battle-hub-wrapper .hero-lottie-cube{max-width:200px;margin:0 auto}.battle-hub-wrapper #hero-cube-container{height:200px}}.profile-popup-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.profile-popup-card{position:relative;width:100%;max-width:320px;padding:2rem 1.5rem;background:linear-gradient(180deg,#1a1a24,#12121a);border:1px solid rgba(255,255,255,.1);border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-popup-close{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:50%;color:#ffffff80;font-size:1.25rem;cursor:pointer;transition:all .2s ease}.profile-popup-close:hover{background:#ffffff1a;color:#fff}.profile-popup-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#8b5cf666,#6366f14d);display:flex;align-items:center;justify-content:center}.profile-popup-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:2rem;font-weight:700;color:#fff}.profile-popup-name{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.bot-identity-name{font-size:1.25rem;font-weight:700;color:#fff}.profile-popup-id,.profile-popup-rating,.profile-popup-country,.profile-popup-arena,.profile-popup-rank,.profile-popup-personality{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.profile-popup-arena,.profile-popup-rank{border-bottom:none}.profile-popup-bot-info{width:100%;display:flex;flex-direction:column}.profile-popup-bot-note{color:#ffffff59;font-size:.8rem;text-align:center;margin:0}.profile-label{font-size:.8rem;color:#fff6}.profile-value{font-size:.85rem;font-weight:600;color:#fffc}.profile-popup-view-btn{margin-top:.5rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.profile-popup-view-btn:hover{transform:scale(1.03)}.profile-popup-loading{color:#fff6;font-size:.85rem;text-align:center}.profile-popup-badges{display:flex;flex-direction:column;gap:.35rem;width:100%;padding:.5rem 0}.badges-list{display:flex;flex-wrap:wrap;gap:.3rem}.badge-item{font-size:.7rem;padding:.2rem .4rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:4px;color:#a78bfa}.battle-chat-widget{display:flex;flex-direction:column;width:280px;height:calc(100vh - 2rem);max-height:600px;background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.battle-chat-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.battle-chat-header-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff80}.battle-chat-header-count{font-size:.65rem;color:#ffffff59;background:#ffffff0d;padding:.15rem .4rem;border-radius:4px}.battle-chat-messages{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;min-height:0}.battle-chat-messages::-webkit-scrollbar{width:3px}.battle-chat-messages::-webkit-scrollbar-track{background:transparent}.battle-chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.battle-chat-message{display:flex;gap:.4rem;padding:.3rem .4rem;border-radius:6px;font-size:.78rem;line-height:1.35;word-break:break-word}.battle-chat-message-avatar{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;overflow:hidden;background:#8b5cf633;color:#fff9;margin-top:1px}.battle-chat-message-avatar img{width:100%;height:100%;object-fit:cover}.battle-chat-message-body{min-width:0}.battle-chat-message-name{font-size:.65rem;font-weight:700;color:#8b5cf6cc;margin-right:.3rem}.battle-chat-message-text{color:#ffffffd9}.battle-chat-message.own-message .battle-chat-message-name{color:#06b6d4cc}.battle-chat-loading{display:flex;align-items:center;justify-content:center;padding:1rem;font-size:.75rem;color:#ffffff59}.battle-chat-empty{display:flex;align-items:center;justify-content:center;padding:1rem;font-size:.75rem;color:#ffffff40;text-align:center;flex:1}.battle-chat-error{padding:.3rem .5rem;font-size:.7rem;color:#ef4444;background:#ef44441a;border-top:1px solid rgba(239,68,68,.15);flex-shrink:0}.battle-chat-input-area{display:flex;gap:.4rem;padding:.5rem;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.battle-chat-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.4rem .6rem;font-size:.78rem;color:#fff;outline:none;transition:border-color .15s;font-family:inherit}.battle-chat-input::placeholder{color:#ffffff40}.battle-chat-input:focus{border-color:#8b5cf666}.battle-chat-send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#8b5cf699;color:#fff;cursor:pointer;transition:all .15s;flex-shrink:0;font-size:.85rem}.battle-chat-send-btn:hover{background:#8b5cf6cc}.battle-chat-send-btn:active{transform:scale(.95)}.battle-chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.battle-chat-mobile-toggle{display:none;position:fixed;bottom:1rem;right:1rem;z-index:50;padding:.6rem 1rem;background:#8b5cf6cc;border:none;border-radius:24px;color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;backdrop-filter:blur(8px);transition:all .2s;font-family:inherit}.battle-chat-mobile-toggle:hover{background:#8b5cf6}.battle-chat-mobile-toggle .unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:#ef4444;border-radius:9px;font-size:.65rem;font-weight:700;margin-left:.35rem}.battle-chat-bottom-sheet-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:100}.battle-chat-bottom-sheet{display:none;position:fixed;bottom:0;left:0;right:0;max-height:60vh;background:#15151a;border-top-left-radius:20px;border-top-right-radius:20px;z-index:101;flex-direction:column;border:1px solid rgba(255,255,255,.06);border-bottom:none}.battle-chat-bottom-sheet-handle{width:36px;height:4px;background:#ffffff26;border-radius:2px;margin:.5rem auto;flex-shrink:0}.battle-chat-bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem .5rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.battle-chat-bottom-sheet-header-label{font-size:.85rem;font-weight:700;color:#fff}.battle-chat-bottom-sheet-close{background:none;border:none;color:#fff6;font-size:1.2rem;cursor:pointer;padding:.25rem;line-height:1}.battle-chat-bottom-sheet-body{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.battle-chat-bottom-sheet-body .battle-chat-messages{flex:1}@media(max-width:768px){.battle-chat-widget.desktop-chat{display:none}.battle-chat-mobile-toggle{display:flex}.battle-chat-bottom-sheet-overlay.open{display:block}.battle-chat-bottom-sheet.open{display:flex}}@media(min-width:769px){.battle-chat-widget.desktop-chat{display:flex;position:fixed;top:1rem;right:1rem;z-index:40}.battle-chat-mobile-toggle,.battle-chat-bottom-sheet-overlay,.battle-chat-bottom-sheet{display:none!important}}.king-arena-lobby{min-height:100vh;background:#09090b;background-image:radial-gradient(ellipse at 50% 0%,rgba(245,158,11,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(139,92,246,.05) 0%,transparent 50%);padding-bottom:40px}.king-arena-header{padding:20px}.king-arena-header .back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ffffffb3;cursor:pointer;font-size:.9rem;transition:all .2s ease}.king-arena-header .back-btn:hover{background:#ffffff1a;color:#fff}.header-content{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.header-icon{font-size:4rem;color:#f59e0b;margin-bottom:16px;filter:drop-shadow(0 0 20px rgba(245,158,11,.4))}.header-content h1{font-size:2rem;font-weight:700;color:#fff;margin:0 0 8px}.header-content p{font-size:1rem;color:#fff9;margin:0}.mode-selection{padding:0 20px}.mode-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:700px;margin:0 auto}.mode-card{background:#1e1e28cc;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;cursor:pointer;transition:all .3s ease;text-align:center}.mode-card:hover{transform:translateY(-4px);border-color:#f59e0b4d;box-shadow:0 8px 32px #0000004d}.mode-card.create:hover{border-color:#22c55e66}.mode-card.join:hover{border-color:#6366f166}.mode-card .card-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2.5rem}.mode-card.create .card-icon{background:#22c55e26;color:#22c55e}.mode-card.join .card-icon{background:#6366f126;color:#8b5cf6}.mode-card h2{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 8px}.mode-card p{font-size:.9rem;color:#ffffff80;margin:0}.create-form,.join-form{padding:0 20px;max-width:500px;margin:0 auto}.form-card{background:#1e1e28cc;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px}.form-card h2{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 24px;text-align:center}.form-group label{display:block;font-size:.85rem;font-weight:500;color:#ffffffb3;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#f59e0b80}.form-group select{cursor:pointer}.visibility{margin-top:24px}.visibility-options{display:flex;gap:12px}.visibility-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff9;cursor:pointer;transition:all .2s ease}.visibility-btn:hover{background:#0006}.visibility-btn.active{background:#f59e0b26;border-color:#f59e0b4d;color:#f59e0b}.error-message{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:.9rem;margin-bottom:20px}.form-actions{display:flex;gap:12px;margin-top:24px}.btn-secondary,.btn-primary{flex:1;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.btn-secondary:hover{background:#ffffff1a;color:#fff}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#000;font-weight:700}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:480px){.header-icon{font-size:3rem}.header-content h1{font-size:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.king-arena-result .king-arena-popup{max-width:600px}.king-arena-hero .result-icon.champion{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;box-shadow:0 0 40px #f59e0b80}.king-arena-hero .result-icon.challenger{background:#ffffff1a;color:#f59e0b}.king-stats-grid .stat-comparison.horizontal{display:flex;justify-content:space-around}.king-standings-widget{background:#1e1e2899;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;margin:20px 0}.king-standings-list{display:flex;flex-direction:column;gap:8px}.king-standings-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0003;border-radius:12px;transition:all .2s ease}.king-standings-item:hover{background:#0000004d}.king-standings-item.champion{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.king-standings-item.you{border:1px solid rgba(99,102,241,.3)}.king-standings-rank{width:40px;font-weight:700;color:#fff9;text-align:center}.king-standings-item.champion .king-standings-rank{color:#f59e0b}.crown-rank{color:#f59e0b;font-size:1.2rem}.king-standings-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.king-standings-avatar img{width:100%;height:100%;object-fit:cover}.king-standings-avatar span{font-size:.9rem;font-weight:600;color:#ffffffb3}.king-standings-info{flex:1;min-width:0}.king-standings-name{display:flex;align-items:center;gap:8px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.king-standings-you-badge{padding:2px 6px;background:#6366f133;border-radius:4px;font-size:.7rem;color:#8b5cf6}.king-winner-crown{color:#f59e0b;font-size:.9rem}.king-standings-streak{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#f59e0b26;border-radius:8px;font-weight:700;color:#f59e0b}.streak-fire{font-size:.8rem}.king-arena-battle{min-height:100vh;background:#09090b;background-image:radial-gradient(ellipse at 50% 0%,rgba(245,158,11,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(139,92,246,.05) 0%,transparent 50%);color:#fff}.king-arena-battle.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.king-arena-battle .battle-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.king-arena-battle .back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ffffffb3;cursor:pointer;font-size:.9rem;transition:all .2s ease}.king-arena-battle .back-btn:hover{background:#ffffff1a;color:#fff}.king-arena-battle .header-content{text-align:center}.king-arena-battle .arena-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#f59e0b26;border-radius:20px;color:#f59e0b;font-size:.8rem;font-weight:600;margin-bottom:4px}.king-arena-battle .header-content h1{font-size:1.25rem;font-weight:700;margin:0}.king-arena-battle .share-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;color:#f59e0b;font-size:.85rem;cursor:pointer;transition:all .2s ease}.king-arena-battle .share-btn:hover{background:#f59e0b33}.king-arena-top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.08)}.king-info{display:flex;align-items:center;gap:10px}.king-info .king-icon{color:#f59e0b;font-size:1.2rem}.king-info .king-name{font-weight:600;font-size:1rem}.king-info .king-streak,.king-info .king-wins{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#f59e0b26;border-radius:6px;font-size:.8rem;color:#f59e0b}.king-info .king-wins{background:#22c55e26;color:#22c55e}.match-info{font-weight:700;font-size:1rem;color:#fffc}.challenger-info{display:flex;align-items:center;gap:6px;color:#fff9;font-size:.9rem}.lobby-view{padding:20px;max-width:600px;margin:0 auto}.lobby-content{background:#1e1e2899;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;margin-bottom:20px}.lobby-players-count{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;color:#ffffffb3}.lobby-players-list{display:flex;flex-direction:column;gap:8px}.lobby-player-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0003;border-radius:10px}.lobby-player-rank{width:30px;font-weight:700;color:#ffffff80}.lobby-player-name{flex:1;font-weight:500}.lobby-player-wins{color:#22c55e;font-weight:600}.lobby-actions{text-align:center}.btn-start-arena{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;color:#000;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-start-arena:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #f59e0b66}.btn-start-arena:disabled{opacity:.5;cursor:not-allowed}.waiting-message{color:#fff9;font-size:.95rem}.playing-view{padding:20px;max-width:600px;margin:0 auto}.playing-view .battle-info{text-align:center;margin-bottom:20px}.playing-view .players-row{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:12px}.playing-view .player-mini{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0000004d;border-radius:10px}.playing-view .player-mini.king{border:1px solid rgba(245,158,11,.3)}.playing-view .player-mini.king .king-icon,.playing-view .player-mini.king svg{color:#f59e0b}.playing-view .player-mini .streak-badge{padding:2px 6px;background:#f59e0b33;border-radius:4px;font-size:.75rem;color:#f59e0b}.playing-view .vs{font-weight:700;font-size:1.2rem;color:#ffffff80}.solve-progress{color:#fff9;font-size:.9rem}.playing-view .scramble-section{text-align:center;margin-bottom:24px}.playing-view .cube-preview{width:200px;height:200px;margin:0 auto 16px;border-radius:16px;overflow:hidden;background:#0000004d}.playing-view .scramble-text{padding:12px 20px;background:#0000004d;border-radius:10px;font-family:monospace;font-size:1rem;color:#ffffffe6;max-width:400px;margin:0 auto}.playing-view .timer-section{text-align:center;margin-bottom:20px}.waiting-solve{padding:40px 20px;text-align:center}.solved-indicator{font-size:1.5rem;font-weight:700;color:#22c55e;margin-bottom:8px}.waiting-opponent{color:#fff9}.spectating{padding:40px;text-align:center}.spectating-text{font-size:1.2rem;color:#ffffffb3;margin-bottom:8px}.opponent-status{color:#ffffff80;font-size:.9rem}.solve-times-display{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:16px;background:#0003;border-radius:12px;max-width:400px;margin:0 auto}.solve-time-item{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff0d;border-radius:6px;font-size:.85rem}.solve-time-item.dnf{background:#ef444433}.solve-time-item.dnf .solve-time{color:#ef4444}.solve-time-item\.\+2{background:#f59e0b33}.solve-number{color:#ffffff80}.solve-time{font-weight:600}.solve-penalty{color:#f59e0b;font-size:.75rem;font-weight:700}.ao5-display{width:100%;text-align:center;padding:8px;margin-top:8px;background:#f59e0b26;border-radius:8px;font-weight:700;color:#f59e0b}.queue-panel{position:fixed;right:20px;top:50%;transform:translateY(-50%);width:200px;background:#1e1e28e6;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;max-height:400px;overflow-y:auto}.queue-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:600;font-size:.9rem;color:#ffffffb3}.queue-list{display:flex;flex-direction:column;gap:6px}.queue-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0003;border-radius:8px;font-size:.85rem}.queue-position{color:#ffffff80;font-weight:600;min-width:20px}.queue-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-wins{color:#22c55e;font-size:.75rem;font-weight:600}.queue-empty{color:#fff6;font-size:.85rem;text-align:center;padding:12px}.match-end-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100}.match-end-content{text-align:center;padding:40px}.winner-announcement{margin-bottom:24px}.trophy-icon{font-size:4rem;color:#f59e0b;margin-bottom:16px}.winner-announcement h2{font-size:2rem;font-weight:700;margin:0 0 8px}.winner-name{font-size:1.5rem;color:#f59e0b;font-weight:600}.tiebreak-note{color:#8b5cf6;font-weight:600;margin-top:8px}.match-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.result-row{display:flex;justify-content:space-between;padding:8px 16px;background:#ffffff0d;border-radius:8px}.result-label{color:#ffffffb3}.result-value{font-weight:600}.streak-display{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;font-size:1.1rem;color:#f59e0b}.next-match-hint{color:#fff9;font-size:.9rem}.finished-view{padding:40px 20px;max-width:600px;margin:0 auto}.results-content{text-align:center}.champion-crown{margin-bottom:24px}.crown-icon{font-size:5rem;color:#f59e0b;margin-bottom:16px}.champion-crown h2{font-size:1.5rem;margin:0 0 8px}.champion-name{font-size:2rem;font-weight:700;color:#f59e0b;margin:0 0 8px}.final-wins{display:inline-block;padding:6px 16px;background:#f59e0b26;border-radius:20px;color:#f59e0b;font-weight:600}.best-streak{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;color:#f59e0b}.leaderboard-section{background:#1e1e2899;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;margin-bottom:24px}.leaderboard-section h3{margin:0 0 16px;font-size:1.1rem;color:#fffc}.leaderboard{display:flex;flex-direction:column;gap:8px}.leaderboard-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0003;border-radius:10px}.leaderboard-row.first{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.leaderboard-row .position{width:30px;font-weight:700;color:#ffffff80}.leaderboard-row.first .position{color:#f59e0b}.leaderboard-row .name{flex:1;font-weight:500}.leaderboard-row .wins{color:#22c55e;font-weight:600}.leaderboard-row .streak{display:flex;align-items:center;gap:4px;color:#f59e0b;font-size:.85rem}.results-actions{display:flex;gap:12px;justify-content:center}.btn-continue{padding:14px 28px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;color:#000;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-continue:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b4d}.error-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:12px 24px;background:#ef4444e6;border-radius:10px;color:#fff;font-size:.9rem;cursor:pointer;z-index:200}.player-slot{text-align:center}.slot-label{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:12px;font-size:.9rem;font-weight:600;color:#ffffffb3}.slot-label svg{color:#f59e0b}.player-card{background:#0000004d;border-radius:16px;padding:24px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.player-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;background:#f59e0b33;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.player-avatar img{width:100%;height:100%;object-fit:cover}.player-avatar span{font-size:1.5rem;font-weight:700;color:#f59e0b}.player-info{text-align:center}.player-name{display:block;font-size:1.1rem;font-weight:600;margin-bottom:4px}.player-stats{color:#fff9;font-size:.85rem}.empty-slot{color:#fff6;font-style:italic}.vs-divider{display:flex;align-items:center;justify-content:center;padding:20px 0;color:#ffffff4d;font-size:1.5rem}@media(max-width:768px){.queue-panel{position:relative;right:auto;top:auto;transform:none;width:100%;margin:20px;max-height:200px}.king-arena-top-bar,.playing-view .players-row{flex-direction:column;gap:10px}}.king-arena-live-table{background:#0009;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid rgba(234,179,8,.3)}.live-table-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#eab308;margin:0 0 12px}.live-solves-table{width:100%;border-collapse:collapse;font-size:13px}.live-solves-table th{color:#fff9;font-weight:500;padding:8px 6px;text-align:center}.live-solves-table td{padding:10px 6px;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.live-solves-table tr.current-player{background:#eab3081a}.player-cell{display:flex;align-items:center;gap:8px;text-align:left!important;min-width:120px}.crown-icon,.challenger-icon{font-size:14px}.player-name{font-weight:500;color:#fff}.solve-cell{display:inline-block;min-width:50px;padding:4px 8px;border-radius:4px;background:#ffffff0d}.solve-cell.submitted{background:#22c55e33;color:#22c55e}.solve-cell.dnf{background:#ef444433;color:#ef4444}.solve-cell.plus2{background:#eab30833;color:#eab308}.solve-cell.current{background:#3b82f633;color:#3b82f6;animation:pulse 1.5s infinite}.solve-cell.pending{background:#ffffff0d;color:#fff6}.ao5-cell{font-weight:600;color:#eab308}.scramble-progress{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:12px;color:#fff9}.progress-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#eab308;transition:width .3s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.match-detail-card{background:#0006;border-radius:8px;padding:16px;margin-bottom:12px;border:1px solid rgba(255,255,255,.1)}.match-detail-card.won{border-color:#eab30880}.match-header{margin-bottom:12px}.match-header h4{margin:0;font-size:14px;color:#fffc}.match-players{display:flex;flex-direction:column;gap:8px}.player-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;background:#ffffff08}.player-row.winner{background:#eab3081a;border:1px solid rgba(234,179,8,.3)}.player-label{min-width:100px;font-weight:500;display:flex;align-items:center;gap:6px}.player-label .crown{font-size:12px}.solves-row{display:flex;gap:8px}.solves-row .solve{display:inline-block;min-width:55px;padding:4px 8px;text-align:center;border-radius:4px;background:#ffffff0d;font-size:12px}.solves-row .solve.dnf{background:#ef444433;color:#ef4444}.solves-row .solve.plus2{background:#eab30833;color:#eab308}.player-row .ao5{margin-left:auto;font-weight:600;color:#eab308;min-width:60px;text-align:right}.dual-arena-container{display:flex;flex-direction:column;gap:32px;width:100%;overflow-x:hidden}.hero-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:32px}@media(min-width:768px){.hero-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}@media(min-width:1024px){.hero-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.hero-card-withdrawable{grid-column:span 2}@media(min-width:768px){.hero-card-withdrawable{grid-column:span 1}}.quick-info-bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:32px}.quick-info-item{display:flex;align-items:center;gap:8px}.quick-info-divider{height:16px;width:1px;background:var(--color-divider)}.quick-info-local{margin-left:auto;display:none}@media(min-width:640px){.quick-info-local{display:flex;align-items:center;gap:8px}}.content-layout{display:flex;flex-direction:column;gap:32px}.tabs-navigation{display:flex;overflow-x:auto;gap:4px;align-self:flex-start;width:100%}.tabs-navigation::-webkit-scrollbar{display:none}@media(min-width:640px){.tabs-navigation{width:auto}}.overview-grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:1024px){.overview-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.overview-grid-left{display:flex;flex-direction:column;gap:24px}@media(min-width:1024px){.overview-grid-left{grid-column:span 7}}.overview-grid-right{display:flex;flex-direction:column;gap:24px}@media(min-width:1024px){.overview-grid-right{grid-column:span 5}}.arena-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.arena-stat-item{padding:16px;border-radius:var(--glass-radius-sm);background:var(--surface-raised)}.battles-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.battles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.battles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.flex-gap-2{gap:8px}.flex-gap-3{gap:12px}.flex-gap-4{gap:16px}.section-header{font-size:var(--text-section-title);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:24px}.hud-border-bottom{border-bottom:1px solid var(--color-divider);padding-bottom:12px}.anti-cheat-table-container{width:100%}.anti-cheat-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.search-box{position:relative;flex:1;min-width:200px}.search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:14px}.search-box input{width:100%;padding:10px 12px 10px 36px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px}.search-box input:focus{outline:none;border-color:var(--accent)}.filter-select{padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px;min-width:140px}.clear-btn,.export-btn{padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px}.clear-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary)}.clear-btn:hover{background:var(--bg-tertiary)}.export-btn{background:var(--accent);border:none;color:#fff}.export-btn:hover{opacity:.9}.anti-cheat-table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:8px;overflow:hidden}.anti-cheat-table th,.anti-cheat-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.anti-cheat-table th{background:var(--bg-tertiary);font-weight:600;font-size:13px;color:var(--text-secondary);text-transform:uppercase}.anti-cheat-table tr:hover{background:var(--bg-tertiary)}.report-id{font-family:monospace;font-size:12px;color:var(--text-secondary)}.user-cell{display:flex;flex-direction:column}.user-name{font-weight:500}.user-username{font-size:12px;color:var(--text-secondary)}.rating-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase}.violation-cell{font-size:13px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-cell{font-size:12px;color:var(--text-secondary);white-space:nowrap}.status-badge{font-weight:600;font-size:12px}.action-buttons{display:flex;gap:6px}.action-buttons button{padding:6px;border-radius:4px;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.view-btn{background:var(--accent);color:#fff}.view-btn:hover{opacity:.8}.resolve-btn{background:var(--success);color:#fff}.resolve-btn:disabled{opacity:.5;cursor:not-allowed}.clear-btn-icon{background:var(--text-secondary);color:#fff}.clear-btn-icon:disabled{opacity:.5;cursor:not-allowed}.delete-btn{background:var(--danger);color:#fff}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding:16px 0}.pagination-btn{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:6px}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn:hover:not(:disabled){background:var(--bg-tertiary)}.page-info{font-size:14px;color:var(--text-secondary)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.loading-container p{margin-top:16px;color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.empty-icon{font-size:48px;color:var(--text-secondary);margin-bottom:16px}.empty-state p{color:var(--text-secondary)}.anti-cheat-error{text-align:center;padding:40px;background:var(--bg-secondary);border-radius:8px}.anti-cheat-error p{color:var(--danger);margin-bottom:16px}.anti-cheat-error button{padding:10px 20px;background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer}@media(max-width:768px){.anti-cheat-filters{flex-direction:column}.search-box,.filter-select{width:100%}.anti-cheat-table{font-size:12px}.anti-cheat-table th,.anti-cheat-table td{padding:8px}}.payments-page{padding:24px;max-width:1400px;margin:0 auto;color:var(--admin-text-primary)}.payments-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.payments-title h2{margin:0;font-size:24px;font-weight:600}.payments-title p{margin:4px 0 0;font-size:14px;color:var(--admin-text-secondary)}.payments-actions{display:flex;gap:8px}.payments-analytics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.payments-analytics-card{background:var(--admin-bg-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:16px;display:flex;flex-direction:column}.payments-analytics-label{font-size:12px;text-transform:uppercase;color:var(--admin-text-muted);letter-spacing:.05em;margin-bottom:8px}.payments-analytics-value{font-size:24px;font-weight:600}.payments-feedback{padding:12px 16px;border-radius:var(--admin-radius-sm);font-size:14px;margin-bottom:24px}.payments-feedback.info{background:#3b82f626;color:#60a5fa}.payments-feedback.success{background:#34d39926;color:#34d399}.payments-feedback.error{background:#ef444426;color:#f87171}.payments-tabs{display:flex;gap:8px;border-bottom:1px solid var(--admin-border);margin-bottom:24px;overflow-x:auto;white-space:nowrap}.payments-tabs::-webkit-scrollbar{display:none}.payments-tab{padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--admin-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.payments-tab:hover{color:var(--admin-text-primary)}.payments-tab.active{color:var(--admin-accent);border-bottom-color:var(--admin-accent)}.payments-tab-badge{background:var(--admin-bg-tertiary);color:var(--admin-text-secondary);padding:2px 6px;border-radius:10px;font-size:11px}.payments-tab.active .payments-tab-badge{background:#7c5cff33;color:var(--admin-accent)}.payments-filters{background:var(--admin-bg-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:16px;margin-bottom:24px}.payments-filters-header{display:none;justify-content:space-between;align-items:center;margin-bottom:16px}.payments-filters-title{font-size:14px;font-weight:500}.payments-filters-toggle{background:none;border:none;color:var(--admin-accent);font-size:14px;cursor:pointer}.payments-filters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.payments-filter-group{display:flex;flex-direction:column;gap:6px}.payments-filter-group label{font-size:12px;color:var(--admin-text-muted)}.payments-filter-group input,.payments-filter-group select{background:var(--admin-bg-tertiary);border:1px solid var(--admin-border);color:var(--admin-text-primary);padding:10px 12px;border-radius:6px;font-size:14px;width:100%}.payments-filter-group input:focus,.payments-filter-group select:focus{outline:none;border-color:var(--admin-accent)}.payments-filter-search{position:relative}.payments-filter-search input{padding-left:36px}.payments-filter-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--admin-text-muted)}.payments-filters-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.payments-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.payments-btn-secondary{background:var(--admin-bg-tertiary);color:var(--admin-text-primary);border:1px solid var(--admin-border)}.payments-btn-secondary:hover{background:var(--admin-bg-card)}.payments-btn-primary{background:var(--admin-accent);color:#fff}.payments-btn-primary:hover{background:var(--admin-accent-hover)}.payments-btn-danger{background:#ef444426;color:#ef4444}.payments-btn-danger:hover{background:#ef444440}.payments-btn-ghost{background:transparent;color:var(--admin-text-secondary)}.payments-btn-ghost:hover{color:var(--admin-text-primary)}.payments-table-wrapper{overflow-x:auto;background:var(--admin-bg-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius);margin-bottom:24px}.payments-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.payments-table th{padding:14px 16px;background:#0003;color:var(--admin-text-secondary);font-weight:500;border-bottom:1px solid var(--admin-border)}.payments-table td{padding:14px 16px;border-bottom:1px solid var(--admin-border);vertical-align:middle}.payments-table tr:last-child td{border-bottom:none}.payments-table tr:hover{background:#ffffff05}.payments-mobile-list{display:none;flex-direction:column;gap:16px;margin-bottom:24px}.payments-mobile-card{background:var(--admin-bg-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:16px}.payments-mc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.payments-mc-receipt{font-family:monospace;font-size:12px;color:var(--admin-text-secondary);margin-bottom:4px}.payments-mc-amount{font-size:18px;font-weight:600}.payments-mc-details{font-size:13px;color:var(--admin-text-secondary);line-height:1.6;margin-bottom:16px}.payments-mc-details span{display:block}.payments-mc-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--admin-border)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-paid{background:#34d39926;color:#34d399}.status-pending,.status-created{background:#ffffff1a;color:#cbd5e1}.status-authorized{background:#fbbf2426;color:#fbbf24}.status-failed{background:#ef444426;color:#ef4444}.status-cancelled,.status-expired{background:#ffffff0d;color:#94a3b8}.status-refunded,.status-partially_refunded{background:#fbbf2426;color:#fbbf24}.payments-drawer-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:1050;display:flex;justify-content:flex-end}.payments-drawer{width:100%;max-width:480px;height:100%;background:var(--admin-bg-secondary);border-left:1px solid var(--admin-border);box-shadow:-8px 0 32px #00000080;overflow-y:auto}.payments-drawer-content{padding:24px}.payments-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.payments-drawer-header h3{margin:0;font-size:20px}.payments-drawer-close{background:none;border:none;color:var(--admin-text-secondary);font-size:24px;cursor:pointer;padding:4px}.payments-drawer-close:hover{color:var(--admin-text-primary)}.payments-drawer-field{margin-bottom:16px}.payments-drawer-field label{display:block;font-size:12px;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.payments-drawer-field div{font-size:14px;word-break:break-all}.payments-drawer-field.mono div{font-family:monospace}.payments-drawer-audit{margin-top:32px;border-top:1px solid var(--admin-border);padding-top:24px}.payments-drawer-audit h4{font-size:12px;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px}.payments-audit-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.payments-audit-item{display:flex;justify-content:space-between;font-size:13px;gap:16px}.payments-audit-action{font-weight:500;color:var(--admin-text-primary)}.payments-audit-source{color:var(--admin-text-secondary)}.payments-audit-note{display:block;color:var(--admin-text-muted);margin-top:2px}.payments-audit-time{color:var(--admin-text-muted);white-space:nowrap}.payments-empty{padding:48px;text-align:center;color:var(--admin-text-secondary);border:1px dashed var(--admin-border);border-radius:var(--admin-radius);margin-bottom:24px}.payments-loading{padding:48px;text-align:center;color:var(--admin-text-secondary);display:flex;justify-content:center;align-items:center;gap:8px}.payments-queue-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.payments-queue-header p{margin:0;font-size:14px;color:var(--admin-text-secondary)}.payments-queue-actions{display:flex;gap:8px}.payments-queue-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.payments-queue-item{background:var(--admin-bg-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);padding:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.payments-queue-info{min-width:0;flex:1}.payments-queue-id{font-family:monospace;font-size:14px;font-weight:500;margin-bottom:4px}.payments-queue-meta{font-size:13px;color:var(--admin-text-secondary)}.payments-queue-item-actions{display:flex;gap:8px;flex-shrink:0}@media(max-width:900px){.payments-analytics{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px}.payments-analytics-card{min-width:200px;scroll-snap-align:start;flex-shrink:0}.payments-filters-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.payments-header{flex-direction:column;align-items:flex-start}.payments-filters-header{display:flex}.payments-filters-grid{grid-template-columns:1fr;display:none}.payments-filters-grid.open{display:grid}.payments-table-wrapper{display:none}.payments-mobile-list{display:flex}.payments-queue-item{flex-direction:column;align-items:flex-start}.payments-queue-item-actions{width:100%;justify-content:flex-end}}.admin-toki-page{max-width:1200px;margin:0 auto}.admin-toki-header{margin-bottom:24px}.admin-toki-header h2{margin:0;font-size:24px;font-weight:700;color:#fff}.admin-toki-tabs{display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:#a78bfa1a;border-color:#a78bfa4d}.tab-btn.active{background:linear-gradient(135deg,#a78bfa33,#8b5cf633);border-color:#a78bfa80;color:#fff}.tab-icon{font-size:16px}.admin-toki-content{min-height:400px}.tab-content{padding:20px}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-box{display:flex;flex-direction:column;align-items:center;padding:24px;background:linear-gradient(135deg,#1e1e2e,#2d2d44);border:1px solid rgba(255,255,255,.1);border-radius:16px}.stat-box .stat-value{font-size:32px;font-weight:700;color:#a78bfa}.stat-box .stat-label{font-size:12px;color:#fff9;text-align:center;margin-top:8px}.config-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px}.config-link-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;background:linear-gradient(135deg,#1e1e2e,#2d2d44);border:1px solid rgba(255,255,255,.1);border-radius:16px;text-decoration:none;transition:all .2s ease}.config-link-card:hover{border-color:#a78bfa80;transform:translateY(-2px)}.config-link-card.large{grid-column:span 2}.config-link-card .link-icon{font-size:32px}.config-link-card .link-label{font-size:16px;font-weight:600;color:#fff}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.coming-soon .coming-icon{font-size:48px;margin-bottom:16px}.coming-soon p{font-size:18px;color:#fff;margin:0}.coming-soon .hint{font-size:14px;color:#ffffff80;margin-top:8px}.admin-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.admin-access-denied h2{color:#ef4444;margin-bottom:8px}.admin-access-denied p{color:#fff9}.form-section{margin-bottom:24px;padding:20px;background:#ffffff08;border-radius:12px}.form-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#fff}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;color:#fff9}.form-group input,.form-group select{padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#a78bfa80}.btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.btn-danger:hover{box-shadow:0 4px 12px #ef44444d}.table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.admin-table th{font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase}.admin-table td{font-size:14px;color:#fff}.admin-table tr:hover td{background:#ffffff08}.status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}.status-badge.active{background:#22c55e33;color:#22c55e}.status-badge.inactive{background:#ef444433;color:#ef4444}.action-btns{display:flex;gap:8px}.action-btns button{padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:12px;cursor:pointer}.action-btns button:hover{background:#a78bfa33}.ops-dashboard{padding:24px;max-width:1400px;margin:0 auto}.ops-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:12px}.ops-header h1{margin:0;font-size:28px;color:#f1f5f9}.ops-sub{margin:4px 0 0;color:#94a3b8;font-size:14px}.ops-header-actions{display:flex;gap:8px}.ops-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:14px}.ops-banner-ok{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.ops-banner-err{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:24px}.ops-metric{display:flex;align-items:center;gap:14px}.ops-metric-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#6366f126;color:#a5b4fc;font-size:20px;flex-shrink:0}.ops-metric-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.ops-metric-value{font-size:22px;font-weight:600;color:#f1f5f9}.ops-metric-sub{font-size:12px;color:#94a3b8;margin-top:2px}.ops-section{margin-bottom:28px}.ops-section h2{display:flex;align-items:center;gap:8px;font-size:16px;color:#cbd5e1;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.ops-slo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.ops-slo-card{background:#1e293b;border-left:3px solid #475569;border-radius:8px;padding:12px 16px}.ops-slo-healthy{border-left-color:#22c55e}.ops-slo-advisory{border-left-color:#eab308}.ops-slo-warning{border-left-color:#f97316}.ops-slo-critical{border-left-color:#ef4444}.ops-slo-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ops-slo-name{font-weight:500;color:#f1f5f9;flex:1}.ops-slo-actual{font-size:14px;color:#cbd5e1;font-variant-numeric:tabular-nums}.ops-slo-message{font-size:13px;color:#94a3b8;margin-bottom:6px}.ops-slo-meta{display:flex;gap:12px;font-size:11px;color:#64748b}.ops-status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.ops-killswitches{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;background:#1e293b;padding:16px;border-radius:10px}.ops-killswitch{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0f172a;border-radius:8px;border:1px solid #334155}.ops-killswitch.on{background:#ef44441a;border-color:#ef444466}.ops-killswitch-label{display:flex;align-items:center;gap:8px;color:#f1f5f9;font-weight:500;font-size:14px}.ops-btn{background:#334155;color:#f1f5f9;border:none;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s}.ops-btn:hover:not(:disabled){background:#475569}.ops-btn:disabled{opacity:.5;cursor:not-allowed}.ops-btn-primary{background:#6366f1}.ops-btn-primary:hover:not(:disabled){background:#4f46e5}.ops-btn-warn{background:#f59e0b;color:#1f2937}.ops-btn-warn:hover:not(:disabled){background:#d97706}.ops-btn-danger{background:#ef4444}.ops-btn-danger:hover:not(:disabled){background:#dc2626}.ops-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:900px){.ops-row{grid-template-columns:1fr}}.ops-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ops-toolbar input{width:60px;padding:4px 8px;background:#0f172a;color:#f1f5f9;border:1px solid #334155;border-radius:4px}.ops-recon-summary{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#cbd5e1}.ops-recon-summary code{background:#0f172a;padding:2px 6px;border-radius:4px;font-size:11px;color:#94a3b8}.ops-alert{margin-top:6px;display:flex;align-items:center;gap:6px;color:#fca5a5;font-weight:500}.ops-empty{color:#64748b;font-size:13px;padding:12px 0}.ops-incident-form{display:flex;gap:6px;margin-bottom:10px}.ops-incident-form input,.ops-incident-form select{background:#0f172a;color:#f1f5f9;border:1px solid #334155;padding:4px 8px;border-radius:4px;font-size:13px}.ops-incident-form input{flex:1}.ops-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ops-list-item{display:flex;align-items:flex-start;gap:10px;padding:8px;background:#0f172a;border-radius:6px;border:1px solid #1e293b}.ops-list-body{flex:1;min-width:0}.ops-list-title{font-size:13px;color:#f1f5f9;font-weight:500}.ops-list-meta{font-size:11px;color:#64748b;margin-top:2px}.spin{animation:ops-spin 1s linear infinite}@keyframes ops-spin{to{transform:rotate(360deg)}}.ranking-dashboard{padding:24px;max-width:1400px;margin:0 auto}.ranking-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:12px}.ranking-header h1{margin:0;font-size:28px;color:#f1f5f9}.ranking-sub{margin:4px 0 0;color:#94a3b8;font-size:14px}.ranking-header-actions{display:flex;gap:8px}.ranking-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:14px}.ranking-banner-ok{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.ranking-banner-err{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.ranking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:24px}.ranking-metric{display:flex;align-items:center;gap:14px}.ranking-metric-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#6366f126;color:#a5b4fc;font-size:20px;flex-shrink:0}.ranking-metric-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.ranking-metric-value{font-size:22px;font-weight:600;color:#f1f5f9}.ranking-metric-sub{font-size:12px;color:#94a3b8;margin-top:2px}.ranking-section{margin-bottom:28px}.ranking-section h2{display:flex;align-items:center;gap:8px;font-size:16px;color:#cbd5e1;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.ranking-card{background:#1e293b;border-radius:10px;padding:20px;border:1px solid #334155}.ranking-card-title{font-size:14px;font-weight:500;color:#cbd5e1;margin:0 0 16px;display:flex;align-items:center;gap:8px}.ranking-stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.ranking-stat-row:last-child{border-bottom:none}.ranking-stat-label{font-size:13px;color:#94a3b8}.ranking-stat-value{font-size:14px;font-weight:600;color:#f1f5f9}.ranking-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.ranking-status-healthy{background:#22c55e26;color:#4ade80}.ranking-status-warning{background:#fbbf2426;color:#fbbf24}.ranking-status-critical{background:#ef444426;color:#ef4444}.ranking-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px}.ranking-btn{background:#334155;color:#f1f5f9;border:none;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s}.ranking-btn:hover:not(:disabled){background:#475569}.ranking-btn:disabled{opacity:.5;cursor:not-allowed}.ranking-btn-primary{background:#6366f1}.ranking-btn-primary:hover:not(:disabled){background:#4f46e5}.ranking-btn-warn{background:#f59e0b;color:#1f2937}.ranking-btn-warn:hover:not(:disabled){background:#d97706}.ranking-btn-danger{background:#ef4444}.ranking-btn-danger:hover:not(:disabled){background:#dc2626}.ranking-btn-outline{background:transparent;border:1px solid #475569}.ranking-btn-outline:hover:not(:disabled){background:#ffffff0d}.ranking-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.ranking-loader{display:flex;align-items:center;justify-content:center;padding:40px;color:#94a3b8;font-size:14px}.ranking-spin{animation:ranking-spin 1s linear infinite}@keyframes ranking-spin{to{transform:rotate(360deg)}}.ranking-empty{color:#64748b;font-size:13px;padding:12px 0}.ranking-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:900px){.ranking-row{grid-template-columns:1fr}}.leaderboard-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.leaderboard-metric{background:#0f172a;border-radius:8px;padding:12px;border:1px solid #1e293b}.leaderboard-metric-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.leaderboard-metric-value{font-size:18px;font-weight:600;color:#f1f5f9}.leaderboard-metric-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;margin-top:4px}.leaderboard-metric-status.ok{color:#4ade80}.leaderboard-metric-status.empty{color:#fbbf24}.ops-table{display:flex;flex-direction:column;gap:2px}.ops-table-header{display:grid;grid-template-columns:2fr 100px 1fr 100px 80px 80px 90px;gap:8px;padding:8px 12px;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #334155}.ops-table-row{display:grid;grid-template-columns:2fr 100px 1fr 100px 80px 80px 90px;gap:8px;padding:10px 12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s}.ops-table-row:hover{background:#ffffff08}.ops-table-row:last-child{border-bottom:none}.ops-job-name{font-size:13px;font-weight:600;color:#f1f5f9;display:block}.ops-job-desc{font-size:11px;color:#64748b;display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-col-job{display:flex;flex-direction:column;min-width:0}.ops-status-ok{color:#4ade80;font-size:12px;display:inline-flex;align-items:center;gap:4px}.ops-status-err{color:#fca5a5;font-size:12px;display:inline-flex;align-items:center;gap:4px}.ops-status-pending{color:#94a3b8;font-size:12px;display:inline-flex;align-items:center;gap:4px}.ops-status-running{color:#60a5fa;font-size:12px;display:inline-flex;align-items:center;gap:4px}.ops-alert{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;border:1px solid transparent}.ops-alert-critical{background:#ef44441a;border-color:#ef44444d}.ops-alert-warning{background:#fbbf241a;border-color:#fbbf244d}.ops-alert-info{background:#60a5fa1a;border-color:#60a5fa4d}.ops-alert-body{flex:1;min-width:0}.ops-alert-title{font-size:13px;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:6px;margin-bottom:4px}.ops-alert-critical .ops-alert-title{color:#fca5a5}.ops-alert-warning .ops-alert-title{color:#fbbf24}.ops-alert-info .ops-alert-title{color:#93c5fd}.ops-alert-msg{font-size:12px;color:#94a3b8;margin-bottom:6px}.ops-alert-meta{font-size:11px;color:#64748b;display:flex;align-items:center;gap:4px}.ops-alert-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:600;background:#ef4444;color:#fff}@media(max-width:1100px){.ops-table-header,.ops-table-row{grid-template-columns:1fr 80px 80px 80px}.ops-col-schedule,.ops-col-records{display:none}}:root{--admin-bg-primary: #0f0f13;--admin-bg-secondary: #16161d;--admin-bg-tertiary: #1c1c26;--admin-bg-card: rgba(28, 28, 38, .6);--admin-border: rgba(255, 255, 255, .06);--admin-border-hover: rgba(255, 255, 255, .12);--admin-text-primary: #ffffff;--admin-text-secondary: rgba(255, 255, 255, .6);--admin-text-muted: rgba(255, 255, 255, .4);--admin-accent: #7c5cff;--admin-accent-hover: #9b7dff;--admin-accent-secondary: #5b46d4;--admin-success: #34d399;--admin-warning: #fbbf24;--admin-danger: #ef4444;--admin-shadow: 0 4px 24px rgba(0, 0, 0, .3);--admin-shadow-hover: 0 8px 40px rgba(0, 0, 0, .4);--admin-radius: 16px;--admin-radius-sm: 10px;--admin-sidebar-width: 280px;--admin-sidebar-collapsed: 80px;--admin-header-height: 72px}.admin-layout{min-height:100vh;background:linear-gradient(180deg,var(--admin-bg-primary) 0%,var(--admin-bg-secondary) 100%)}.admin-container{display:flex;min-height:100vh}.admin-container.sidebar-collapsed .admin-main-wrapper{margin-left:var(--admin-sidebar-collapsed)}.admin-sidebar-toggle{display:none;position:fixed;top:20px;left:20px;z-index:1001;background:var(--admin-bg-card);backdrop-filter:blur(20px);border:1px solid var(--admin-border);color:var(--admin-text-primary);padding:12px 16px;border-radius:var(--admin-radius-sm);cursor:pointer;font-size:1.1rem;transition:all .2s ease}.admin-sidebar-toggle:hover{background:var(--admin-bg-tertiary);border-color:var(--admin-border-hover)}.admin-sidebar{width:var(--admin-sidebar-width);background:var(--admin-bg-secondary);border-right:1px solid var(--admin-border);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:100;transition:width .3s cubic-bezier(.4,0,.2,1)}.admin-sidebar.collapsed{width:var(--admin-sidebar-collapsed)}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--admin-border);display:flex;align-items:center;justify-content:space-between;min-height:var(--admin-header-height)}.sidebar-brand{display:flex;align-items:center;gap:12px}.sidebar-logo{width:40px;height:40px;background:linear-gradient(135deg,var(--admin-accent) 0%,var(--admin-accent-secondary) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#fff}.sidebar-brand-text{display:flex;flex-direction:column}.sidebar-title{font-size:1rem;font-weight:600;color:var(--admin-text-primary);letter-spacing:-.3px}.sidebar-badge{font-size:.65rem;font-weight:600;color:var(--admin-accent);text-transform:uppercase;letter-spacing:1px}.admin-sidebar.collapsed .sidebar-brand-text{display:none}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--admin-bg-tertiary);border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text-secondary);cursor:pointer;transition:all .2s ease}.sidebar-collapse-btn:hover{background:var(--admin-bg-card);border-color:var(--admin-border-hover);color:var(--admin-text-primary)}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--admin-text-secondary);font-size:1.5rem;cursor:pointer;padding:4px}.admin-sidebar.collapsed .sidebar-collapse-btn{margin:0 auto}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--admin-border);border-radius:4px}.sidebar-section{margin-bottom:20px}.sidebar-section-title{font-size:.65rem;font-weight:600;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:1.5px;padding:8px 12px;margin-bottom:4px}.admin-sidebar.collapsed .sidebar-section-title{display:none}.sidebar-link{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--admin-radius-sm);color:var(--admin-text-secondary);text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden}.sidebar-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--admin-accent);border-radius:0 3px 3px 0;transition:height .2s ease}.sidebar-link:hover{background:#7c5cff14;color:var(--admin-text-primary)}.sidebar-link.active{background:#7c5cff26;color:var(--admin-accent)}.sidebar-link.active:before{height:24px}.sidebar-icon{font-size:1.15rem;width:22px;text-align:center;flex-shrink:0}.sidebar-label{font-size:.9rem;font-weight:500;white-space:nowrap}.admin-sidebar.collapsed .sidebar-link{justify-content:center;padding:14px}.admin-sidebar.collapsed .sidebar-label{display:none}.sidebar-footer{padding:16px;border-top:1px solid var(--admin-border)}.sidebar-back-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:transparent;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text-secondary);cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.sidebar-back-btn:hover{background:var(--admin-bg-tertiary);border-color:var(--admin-border-hover);color:var(--admin-text-primary)}.admin-sidebar.collapsed .sidebar-back-btn span:last-child{display:none}.admin-main-wrapper{flex:1;display:flex;flex-direction:column;margin-left:var(--admin-sidebar-width);min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1);background:var(--admin-bg-primary)}.admin-top-header{height:var(--admin-header-height);padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--admin-border);background:#16161dcc;backdrop-filter:blur(12px);position:sticky;top:0;z-index:90}.header-left{display:flex;align-items:center;gap:16px}.header-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500}.breadcrumb-text{color:var(--admin-text-secondary)}.breadcrumb-separator{color:var(--admin-text-muted)}.breadcrumb-current{color:var(--admin-text-primary)}.header-right{display:flex;align-items:center;gap:20px}.header-search{position:relative;width:240px}.header-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--admin-text-muted);font-size:1.1rem}.header-search input{width:100%;background:var(--admin-bg-card);border:1px solid var(--admin-border);border-radius:8px;padding:8px 12px 8px 36px;color:var(--admin-text-primary);font-size:.9rem;transition:all .2s}.header-search input:focus{outline:none;border-color:var(--admin-accent);background:var(--admin-bg-tertiary);box-shadow:0 0 0 3px #7c5cff26}.header-icon-btn{background:transparent;border:none;color:var(--admin-text-secondary);font-size:1.25rem;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;transition:all .2s}.header-icon-btn:hover{background:var(--admin-bg-card);color:var(--admin-text-primary)}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--admin-accent);border-radius:50%;border:2px solid var(--admin-bg-secondary)}.header-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding-left:12px;border-left:1px solid var(--admin-border)}.profile-avatar{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--admin-accent) 0%,var(--admin-accent-secondary) 100%);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.profile-info{display:flex;flex-direction:column}.profile-name{font-size:.9rem;font-weight:600;color:var(--admin-text-primary)}.profile-role{font-size:.75rem;color:var(--admin-text-secondary)}.admin-content-scroll{flex:1;overflow-y:auto}.admin-content-scroll::-webkit-scrollbar{width:8px;height:8px}.admin-content-scroll::-webkit-scrollbar-track{background:transparent}.admin-content-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.admin-content{padding:32px;max-width:1400px;margin:0 auto;width:100%}.mobile-only{display:none!important}.admin-sidebar-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:95}@media(max-width:992px){.admin-main-wrapper{margin-left:0!important}.desktop-only{display:none!important}.mobile-only{display:flex!important}.admin-sidebar{transform:translate(-100%);width:280px!important;z-index:100}.admin-sidebar.open{transform:translate(0)}.admin-top-header{padding:0 16px}.admin-content{padding:20px 16px}}.admin-page-header{margin-bottom:32px}.admin-page-header h1{font-size:1.75rem;font-weight:700;color:var(--admin-text-primary);margin:0 0 8px;letter-spacing:-.5px}.admin-page-header p{color:var(--admin-text-secondary);font-size:.95rem;margin:0}.admin-page-header .header-actions{display:flex;gap:12px;margin-top:20px}.section-title{font-size:1.25rem;font-weight:600;color:var(--admin-text-primary);margin:0 0 20px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:32px}.admin-card{background:var(--admin-bg-card);backdrop-filter:blur(20px);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:24px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--admin-accent),var(--admin-accent-hover));opacity:0;transition:opacity .3s ease}.admin-card:hover{transform:translateY(-4px);border-color:#7c5cff4d;box-shadow:var(--admin-shadow-hover)}.admin-card:hover:before{opacity:1}.admin-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.admin-card-title{font-size:.75rem;font-weight:600;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:1px;margin:0}.admin-card-icon{width:44px;height:44px;border-radius:12px;background:#7c5cff1f;display:flex;align-items:center;justify-content:center;color:var(--admin-accent);font-size:1.1rem}.admin-card-value{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:6px;letter-spacing:-1px}.admin-card-trend{font-size:.8rem;font-weight:600}.admin-card-trend.positive{color:var(--admin-success)}.admin-card-trend.negative{color:var(--admin-danger)}.admin-card-trend.neutral{color:var(--admin-text-secondary)}.admin-dashboard{max-width:1400px}.dashboard-section{margin-bottom:40px}.dashboard-section:last-child{margin-bottom:0}.quick-actions{display:flex;gap:12px;flex-wrap:wrap}.action-btn{padding:14px 28px;background:linear-gradient(135deg,var(--admin-accent) 0%,var(--admin-accent-secondary) 100%);border:none;border-radius:var(--admin-radius-sm);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c5cff59}.action-btn.secondary{background:var(--admin-bg-tertiary);border:1px solid var(--admin-border);color:var(--admin-text-primary)}.action-btn.secondary:hover{background:#ffffff14;border-color:var(--admin-border-hover)}.placeholder-card,.placeholder-content{background:var(--admin-bg-card);backdrop-filter:blur(20px);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:48px;text-align:center}.placeholder-content h2{margin:0 0 12px;color:var(--admin-text-primary);font-size:1.25rem}.placeholder-content p{color:var(--admin-text-secondary);margin:0 0 24px}.feature-preview{text-align:left;background:#ffffff05;padding:24px;border-radius:var(--admin-radius-sm);border:1px solid var(--admin-border)}.feature-preview h3{font-size:1rem;margin:0 0 16px;color:var(--admin-text-primary)}.feature-preview ul{margin:0;padding-left:20px}.feature-preview li{color:var(--admin-text-secondary);margin-bottom:8px;font-size:.9rem}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.search-input-wrapper{position:relative;width:320px;flex-shrink:0}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--admin-text-muted);font-size:1rem}.search-input{width:100%;padding:14px 16px 14px 44px;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);background:var(--admin-bg-card);font-size:.9rem;color:var(--admin-text-primary);transition:all .2s ease}.search-input::placeholder{color:var(--admin-text-muted)}.search-input:focus{outline:none;border-color:var(--admin-accent);background:var(--admin-bg-tertiary);box-shadow:0 0 0 3px #7c5cff26}.users-table-container{background:var(--admin-bg-card);backdrop-filter:blur(20px);border:1px solid var(--admin-border);border-radius:var(--admin-radius);overflow-x:auto;overflow-y:auto;max-height:70vh}.users-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0}.users-table th,.users-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--admin-border);vertical-align:middle}.users-table th{background:#16161df2;backdrop-filter:blur(10px);font-weight:600;font-size:.75rem;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:1px;position:sticky;top:0;z-index:10}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background:#ffffff05}.user-cell{display:flex;align-items:center;gap:14px}.user-avatar{width:42px;height:42px;border-radius:12px;object-fit:cover;background:var(--admin-bg-tertiary)}.user-avatar-placeholder{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#7c5cff33,#5b46d433);display:flex;align-items:center;justify-content:center;color:var(--admin-accent);font-weight:600;font-size:.9rem}.user-name{font-weight:600;color:var(--admin-text-primary);font-size:.95rem}.email-cell,.country-cell{display:flex;align-items:center;gap:10px;color:var(--admin-text-secondary);font-size:.9rem}.id-badge{display:inline-flex;align-items:center;gap:6px;font-family:SF Mono,Monaco,monospace;font-size:.8rem;color:var(--admin-text-secondary);background:#ffffff0d;padding:6px 10px;border-radius:6px;border:1px solid var(--admin-border)}.role-selector{padding:10px 14px;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);background:var(--admin-bg-tertiary);font-size:.85rem;color:var(--admin-text-primary);cursor:pointer;transition:all .2s ease}.role-selector:hover:not(:disabled){border-color:var(--admin-accent)}.role-selector:disabled{opacity:.5;cursor:not-allowed}.role-selector option{background:var(--admin-bg-secondary);color:var(--admin-text-primary)}.role-label{display:inline-block;padding:6px 12px;border-radius:var(--admin-radius-sm);font-size:.8rem;font-weight:500}.role-label.role-view-only{background:#ffffff0d;color:var(--admin-text-secondary);border:1px solid var(--admin-border)}.loading-state,.empty-state{padding:64px;text-align:center;color:var(--admin-text-secondary);background:var(--admin-bg-card);backdrop-filter:blur(20px);border:1px solid var(--admin-border);border-radius:var(--admin-radius)}.empty-state{padding:80px 40px}.empty-icon{font-size:3rem;color:var(--admin-text-muted);margin-bottom:20px}.empty-state h3{margin:0 0 8px;color:var(--admin-text-primary);font-size:1.25rem}.empty-state p{margin:0;color:var(--admin-text-secondary);font-size:.9rem}.loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--admin-border);border-top-color:var(--admin-accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--admin-radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--admin-accent) 0%,var(--admin-accent-secondary) 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c5cff59}.btn-secondary{background:var(--admin-bg-tertiary);color:var(--admin-text-primary);border:1px solid var(--admin-border)}.btn-secondary:hover{background:#ffffff14;border-color:var(--admin-border-hover)}.btn-danger{background:#ef444426;color:var(--admin-danger);border:1px solid rgba(239,68,68,.3)}.btn-warning{background:#f59e0b26;color:var(--admin-warning, #f59e0b);border:1px solid rgba(245,158,11,.3)}.btn-warning:hover{background:#f59e0b40}.btn-success{background:#34d39926;color:var(--admin-success);border:1px solid rgba(52,211,153,.3)}.btn-success:hover{background:#34d39940}@media(max-width:1024px){.admin-sidebar{transform:translate(-100%);transition:transform .3s ease}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-toggle{display:flex}.admin-content{margin-left:0;padding:24px 16px}.search-input-wrapper{width:100%}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:768px){.admin-content{padding:20px 16px}.admin-page-header h1{font-size:1.5rem}.users-header{flex-direction:column;align-items:stretch}.users-table{min-width:600px}}.audit-table-container{background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:24px;overflow:hidden}.audit-table{width:100%;border-collapse:collapse}.audit-table th,.audit-table td{padding:16px 20px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.audit-table th{background:#ffffff08;font-weight:600;font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.action-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.action-badge.role_change{background:#3b82f633;color:#3b82f6}.action-badge.user_ban{background:#ef444433;color:#ef4444}.action-badge.user_unban{background:#10b98133;color:#10b981}@media(max-width:1024px){.admin-header{flex-wrap:wrap;height:auto;padding:16px;gap:12px}.admin-tabs-container{order:3;max-width:100%;margin:0}.admin-header-right{margin-left:auto}}.manage-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:20px}.manage-header-info h1{font-size:1.75rem;color:#fff;margin-bottom:8px}.manage-header-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.manage-header-meta .comp-slug{font-family:monospace;color:#ffffff80}.manage-header-meta .comp-type{color:#fff9;font-size:.875rem}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;color:#fff}.btn-publish{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-publish:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #10b98166}.btn-publish:disabled{opacity:.5;cursor:not-allowed}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:20px;padding:24px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);border-color:#ffffff1a;box-shadow:0 12px 32px #00000040}.stat-value{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:6px;letter-spacing:-1px}.stat-label{font-size:.75rem;color:#ffffff73;text-transform:uppercase;letter-spacing:1px}.manage-sections{display:flex;flex-direction:column;gap:32px}.manage-section{background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:24px;padding:28px}.manage-section h2{font-size:1.15rem;color:#fff;margin:0 0 24px;font-weight:600}.rounds-table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.data-table th{font-size:.7rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.data-table td{color:#fffc}.round-status{display:inline-block;padding:4px 10px;border-radius:8px;font-size:.7rem;font-weight:600;text-transform:uppercase}.round-status.active{background:#10b98133;color:#10b981}.round-status.pending{background:#6b728033;color:#6b7280}.round-status.completed{background:#8b5cf633;color:#8b5cf6}.btn-control{padding:6px 14px;background:#3b82f633;color:#3b82f6;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-control:hover:not(:disabled){background:#3b82f64d}.btn-control:disabled{opacity:.5;cursor:not-allowed}.btn-control.btn-stop{background:#ef444433;color:#ef4444}.btn-control.btn-stop:hover:not(:disabled){background:#ef44444d}.events-list{display:flex;flex-wrap:wrap;gap:12px}.event-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0003;border-radius:8px;min-width:200px;flex:1}.event-item .event-name{color:#fff;font-weight:500}.event-item .event-scrambles{font-size:.8rem;color:#ffffff80}.scrambles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.scramble-card{background:#0003;border-radius:10px;padding:16px}.scramble-card h4{color:#fff;font-size:.95rem;margin-bottom:12px}.scramble-list{display:flex;flex-direction:column;gap:8px}.scramble-item{display:flex;gap:10px;font-size:.8rem}.scramble-num{color:#fff6;min-width:20px}.scramble-text{color:#ffffffb3;font-family:monospace;word-break:break-all}.registrations-list{display:flex;flex-direction:column;gap:12px}.registration-item{display:flex;align-items:center;gap:16px;padding:16px;background:#0003;border-radius:10px;flex-wrap:wrap}.reg-user{display:flex;flex-direction:column;min-width:150px}.reg-name{color:#fff;font-weight:500}.reg-email{font-size:.8rem;color:#ffffff80}.reg-events{flex:1;color:#fff9;font-size:.85rem;min-width:200px}.reg-status{display:flex;gap:8px}.reg-badge{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase}.reg-badge.pending{background:#fbbf2433;color:#fbbf24}.reg-badge.approved{background:#10b98133;color:#10b981}.reg-badge.rejected{background:#ef444433;color:#ef4444}.reg-badge.paid{background:#3b82f633;color:#3b82f6}.reg-actions{display:flex;gap:8px}.btn-approve{padding:6px 12px;background:#10b98133;color:#10b981;border:none;border-radius:6px;font-size:.75rem;cursor:pointer}.btn-approve:hover{background:#10b9814d}.btn-reject{padding:6px 12px;background:#ef444433;color:#ef4444;border:none;border-radius:6px;font-size:.75rem;cursor:pointer}.btn-reject:hover{background:#ef44444d}.empty-section{padding:32px;text-align:center;color:#fff6}.competitions-table-wrapper{background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:24px;overflow:hidden;box-shadow:0 4px 24px #0003}.competitions-table{width:100%;border-collapse:collapse}.competitions-table th,.competitions-table td{padding:18px 24px;text-align:left;border-bottom:.5px solid rgba(255,255,255,.04)}.competitions-table th{background:#ffffff05;font-weight:600;font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:1.2px}.competitions-table tr{transition:all .2s ease}.competitions-table tr:hover{background:#ffffff08}.competitions-table tr:last-child td{border-bottom:none}.comp-name{display:flex;flex-direction:column;gap:4px}.comp-name strong{color:#fff;font-weight:600;font-size:.95rem}.comp-slug{font-size:.75rem;color:#ffffff59;font-family:monospace}.comp-type,.comp-events{color:#ffffffb3;font-size:.875rem}.comp-status{display:inline-block;padding:6px 14px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;color:#fff;letter-spacing:.5px}.comp-visibility{color:#fff9;font-size:.875rem}.comp-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-action{padding:10px 18px;border:none;border-radius:14px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-manage{background:#3b82f626;color:#60a5fa;border:.5px solid rgba(59,130,246,.2)}.btn-manage:hover{background:#3b82f640;transform:translateY(-2px)}.btn-edit{background:#a855f726;color:#c084fc;border:.5px solid rgba(168,85,247,.2)}.btn-edit:hover{background:#a855f740;transform:translateY(-2px)}.btn-results{background:#10b98126;color:#34d399;border:.5px solid rgba(16,185,129,.2)}.btn-results:hover{background:#10b98140;transform:translateY(-2px)}.btn-delete{background:#ef444433;color:#ef4444}.btn-delete:hover{background:#ef44444d}.steps-indicator{display:flex;gap:8px;margin-bottom:32px;overflow-x:auto;padding-bottom:8px}.step{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border-radius:8px;cursor:default;transition:all .2s ease}.step.active{background:linear-gradient(135deg,#667eea4d,#764ba24d)}.step.current{background:#667eea66;cursor:default}.step-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;font-size:.75rem;font-weight:600}.step.active .step-num{background:#667eea80;color:#fff}.step-label{font-size:.8rem;color:#fff9;white-space:nowrap}.step.active .step-label{color:#fff}.create-form{background:linear-gradient(135deg,#1a1a2e,#16162a);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;margin-bottom:24px}.form-step h2{font-size:1.25rem;color:#fff;margin-bottom:24px}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#fffc;margin-bottom:8px}.form-group input[type=text],.form-group input[type=number],.form-group input[type=datetime-local],.form-group textarea,.form-group select{width:100%;padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea80}.form-hint{display:block;font-size:.75rem;color:#fff6;margin-top:6px}.form-info{font-size:.875rem;color:#fff9;margin-bottom:20px;padding:12px;background:#667eea1a;border-radius:8px;border-left:3px solid rgba(102,126,234,.5)}.form-warning{font-size:.8rem;color:#fbbf24cc;margin-top:16px;padding:12px;background:#fbbf241a;border-radius:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-group label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:20px}.event-card{padding:16px;background:#ffffff0d;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.event-card:hover{background:#ffffff14;border-color:#667eea4d}.event-card.selected{background:#667eea33;border-color:#667eea}.event-name{color:#fff;font-weight:500}.event-check{color:#10b981;font-weight:700}.rounds-list{margin-bottom:20px}.round-config{padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:16px}.round-config h4{color:#fff;margin-bottom:16px}.btn-remove{padding:8px 16px;background:#ef444433;color:#ef4444;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;margin-top:12px}.btn-remove:hover{background:#ef44444d}.btn-generate-scrambles{padding:14px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-generate-scrambles:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #667eea66}.btn-generate-scrambles:disabled{opacity:.5;cursor:not-allowed}.scrambles-generated{margin-bottom:20px}.scrambles-success{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#10b981;margin-bottom:16px}.check-icon{font-size:1.2rem}.scrambles-list{display:flex;flex-direction:column;gap:8px}.scramble-event{display:flex;justify-content:space-between;padding:10px 14px;background:#0003;border-radius:6px;color:#ffffffb3}.scrambles-empty{padding:32px;text-align:center;color:#fff6;background:#ffffff08;border-radius:8px;margin-bottom:20px}.review-summary{background:#0003;border-radius:10px;padding:24px}.review-summary h3{color:#fff;margin-bottom:16px}.review-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#ffffffb3}.review-item strong{color:#fff}.error-banner{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;margin-bottom:20px}.form-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;border-top:.5px solid rgba(255,255,255,.06);margin-top:32px}.nav-spacer{flex:1}.btn-back{padding:14px 28px;background:#ffffff0d;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);color:#ffffffb3;border:.5px solid rgba(255,255,255,.1);border-radius:16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-2px);color:#fff}.btn-next{padding:14px 36px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 16px #6366f14d}.btn-next:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #6366f166}.btn-next:disabled{opacity:.5;cursor:not-allowed}.btn-create{padding:14px 36px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 16px #10b9814d}.btn-create:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #10b98166}.btn-create:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:10px 20px;background:#ffffff1a;color:#fff;border:1px dashed rgba(255,255,255,.2);border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}@media(max-width:768px){.admin-tabs-scroll{padding:4px 0}.admin-tab{padding:8px 12px;font-size:.8rem}.admin-tab .tab-label{display:none}.admin-content{padding:20px}.admin-stats{grid-template-columns:1fr}.search-input-wrapper{width:100%}.users-table-container{overflow-x:auto}.users-table{min-width:600px}.steps-indicator{flex-wrap:nowrap;overflow-x:auto}.form-row{grid-template-columns:1fr}.events-grid{grid-template-columns:repeat(2,1fr)}.comp-actions{flex-direction:column}}.competitions-page{min-height:100vh;background:#0a0a12;padding:40px 24px}.competitions-header{text-align:center;margin-bottom:40px}.competitions-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.competitions-header p{color:#fff9;font-size:1.1rem}.competitions-controls{display:flex;gap:16px;margin-bottom:24px;max-width:900px;margin-left:auto;margin-right:auto}.search-bar{flex:1;position:relative;display:flex;align-items:center}.search-bar .search-icon{position:absolute;left:16px;width:20px;height:20px;color:#fff6}.search-bar .search-input{width:100%;padding:14px 16px 14px 48px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem}.search-bar .search-input:focus{outline:none;border-color:#667eea}.event-filter{padding:14px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;min-width:160px}.competitions-tabs{display:flex;gap:8px;margin-bottom:32px;max-width:900px;margin-left:auto;margin-right:auto;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.competitions-tabs .tab{padding:12px 24px;background:transparent;border:none;color:#fff9;font-size:1rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s}.competitions-tabs .tab:hover{color:#fff;background:#ffffff0d}.competitions-tabs .tab.active{color:#fff;background:linear-gradient(135deg,#667eea4d,#764ba24d)}.competitions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}@media(max-width:1024px){.competitions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.competitions-grid{grid-template-columns:1fr}.competitions-controls{flex-direction:column}}.Competition-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:all .3s}.Competition-card:hover{transform:translateY(-4px);border-color:#667eea4d;box-shadow:0 8px 32px #0000004d}.Competition-card .card-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:flex-start}.Competition-card .card-header h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.Competition-card .card-body{padding:20px}.competition-description{color:#fff9;font-size:.9rem;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.competition-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.competition-meta .meta-item{display:flex;flex-direction:column}.competition-meta .meta-label{font-size:.75rem;color:#fff6;text-transform:uppercase;margin-bottom:4px}.competition-meta .meta-value{font-size:.9rem;color:#fff}.card-events{display:flex;flex-wrap:wrap;gap:8px}.event-tag{padding:4px 10px;background:#667eea33;border-radius:6px;font-size:.75rem;color:#667eea}.event-tag.more{background:#ffffff1a;color:#fff9}.Competition-card .card-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:flex-end}.registered-badge{padding:8px 16px;background:#10b98133;border-radius:8px;color:#10b981;font-weight:500}.status-badge{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.upcoming{background:#3b82f633;color:#3b82f6}.status-badge.active{background:#10b98133;color:#10b981}.status-badge.completed{background:#8b5cf633;color:#8b5cf6}.edit-competition-page{padding:24px;max-width:900px;margin:0 auto}.edit-competition-page .page-header{margin-bottom:32px}.edit-competition-page .page-header h1{font-size:1.75rem;color:#fff;margin:16px 0 8px}.edit-competition-page .page-header p{color:#fff9}.edit-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;margin-bottom:24px}.edit-section h2{font-size:1.25rem;color:#fff;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.section-note{color:#ffffff80;font-size:.875rem;margin-bottom:16px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#fffc;font-size:.9rem;margin-bottom:8px}.form-group .form-input,.form-group .form-select,.form-group textarea{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem}.form-group .form-input:focus,.form-group .form-select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group input[type=checkbox]{margin-right:8px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.scrambles-section .scrambles-list{background:#0003;border-radius:8px;padding:16px}.scramble-event{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.scramble-event:last-child{border-bottom:none}.scramble-event strong{color:#fff}.scramble-event span{color:#ffffff80}.no-scrambles{color:#fff6;text-align:center;padding:20px}.round-item{background:#0003;border-radius:8px;padding:16px;margin-bottom:16px}.round-item .round-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.round-item .round-header h4{color:#fff;margin:0}.btn-remove{padding:6px 12px;background:#ef444433;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-size:.85rem}.btn-add-round{padding:12px 24px;background:#667eea33;border:1px dashed rgba(102,126,234,.5);border-radius:8px;color:#667eea;cursor:pointer;width:100%;font-size:1rem;transition:all .2s}.btn-add-round:hover{background:#667eea4d}.btn-save-rounds{margin-top:12px;padding:12px 24px;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem}.btn-save-rounds:disabled{opacity:.5;cursor:not-allowed}.form-actions{display:flex;gap:16px;justify-content:flex-end;padding-top:24px}.btn-cancel{padding:12px 24px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffc;cursor:pointer;font-size:1rem}.btn-save{padding:12px 32px;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500}.btn-save:disabled{opacity:.5;cursor:not-allowed}.success-message{padding:12px 20px;background:#10b98133;border:1px solid rgba(16,185,129,.4);border-radius:8px;color:#10b981;margin-bottom:24px}.error-message{padding:12px 20px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#ef4444;margin-bottom:24px}.results-page{padding:24px}.results-header{margin-bottom:24px}.results-header .header-info h1{font-size:1.5rem;color:#fff;margin:16px 0 8px}.results-header .header-info p{color:#fff9}.results-controls{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.results-controls .form-select{padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;min-width:180px}.btn-refresh{padding:12px 20px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer}.results-actions{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.btn-lock{padding:10px 20px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#ef4444;cursor:pointer}.btn-unlock{padding:10px 20px;background:#10b98133;border:1px solid rgba(16,185,129,.4);border-radius:8px;color:#10b981;cursor:pointer}.btn-lock:disabled,.btn-unlock:disabled{opacity:.5;cursor:not-allowed}.export-buttons{display:flex;gap:8px}.btn-export{padding:10px 16px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem}.btn-export:hover{background:#ffffff26}.results-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.results-tabs .tab{padding:12px 20px;background:transparent;border:none;color:#fff9;cursor:pointer;border-radius:8px;font-size:.95rem}.results-tabs .tab:hover{color:#fff}.results-tabs .tab.active{color:#fff;background:#667eea33}.results-table-wrapper{overflow-x:auto}.results-table{width:100%;border-collapse:collapse;background:#ffffff08;border-radius:12px;overflow:hidden}.results-table th,.results-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.results-table th{background:#0003;color:#ffffffb3;font-weight:600;font-size:.85rem;text-transform:uppercase}.results-table td{color:#fff}.results-table .empty-cell{text-align:center;color:#fff6;padding:40px}.btn-verify{padding:6px 12px;background:#10b98133;border:none;border-radius:6px;color:#10b981;cursor:pointer;font-size:.8rem}.btn-flag{padding:6px 12px;background:#fbbf2433;border:none;border-radius:6px;color:#fbbf24;cursor:pointer;font-size:.8rem}.btn-disqualify{padding:6px 12px;background:#ef444433;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-size:.8rem}.btn-unverify{padding:6px 12px;background:#fbbf2433;border:none;border-radius:6px;color:#fbbf24;cursor:pointer;font-size:.8rem}.btn-unflag{padding:6px 12px;background:#6b728033;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.8rem}.btn-restore{padding:6px 12px;background:#10b98133;border:none;border-radius:6px;color:#10b981;cursor:pointer;font-size:.8rem}.status-verified{color:#10b981;font-weight:500}.status-flagged{color:#fbbf24;font-weight:500}.status-dnf{color:#ef4444;font-weight:500}.penalty-\+2{color:#fbbf24}.penalty-DNF,.status-locked{color:#ef4444}.status-unlocked{color:#10b981}.verification-section h3{color:#fff;margin-bottom:16px}.verification-list{display:flex;flex-direction:column;gap:12px}.verification-item{display:flex;align-items:center;gap:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:16px}.verification-item .user-info{flex:1}.verification-item .user-info strong{color:#fff;display:block}.verification-item .user-info .time{color:#ffffff80}.verification-item .video-section{display:flex;flex-direction:column;gap:8px}.verification-item .video-status{display:flex;gap:8px}.verification-item .video-link-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#667eea33;color:#667eea;border-radius:6px;text-decoration:none;font-size:.875rem;transition:all .2s}.verification-item .video-link-btn:hover{background:#667eea4d}.verification-item .no-video{color:#fff6;font-size:.875rem}.verification-item .expand-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:4px 8px;border-radius:4px;font-size:.75rem;cursor:pointer;margin-left:12px}.verification-item .expand-btn:hover{background:#ffffff1a;color:#fff}.verification-item.expanded{flex-direction:column;align-items:stretch}.solves-expand{padding:12px;background:#0003;border-radius:8px;margin:12px 0}.solves-expand .solves-grid{display:flex;gap:8px;flex-wrap:wrap}.solves-expand .solve-item{background:#ffffff14;padding:8px 12px;border-radius:6px;display:flex;flex-direction:column;align-items:center;min-width:60px}.solves-expand .solve-num{font-size:.7rem;color:#ffffff80}.solves-expand .solve-time{font-size:.875rem;font-weight:600;color:#fff}.solves-expand .solve-item.dnf .solve-time{color:#ef4444}.solves-expand .solve-item.plus-two .solve-time{color:#fbbf24}.verification-item .video-link a{color:#667eea}.verification-item .verification-status .verified{color:#10b981}.no-videos{color:#fff6;text-align:center;padding:40px}.qualification-section h3{color:#fff;margin-bottom:16px}.qualification-info{background:#0003;border-radius:8px;padding:16px;margin-bottom:20px}.qualification-info p{color:#fffc;margin:8px 0}.qualification-actions{margin-bottom:16px}.btn-run-qualification{padding:14px 28px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500}.btn-run-qualification:disabled{opacity:.5;cursor:not-allowed}.qualification-note{color:#ffffff80;font-size:.9rem}.select-prompt{text-align:center;padding:60px;color:#fff6}.ban-dropdown{position:relative}.ban-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:.8rem}.ban-dropdown-trigger:hover{background:#ffffff1a}.ban-status{font-weight:500}.ban-status.active{color:#ffffffb3}.ban-status.partial{color:#fbbf24}.ban-status.banned{color:#ef4444}.dropdown-arrow{font-size:.7rem;color:#ffffff80;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.ban-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:linear-gradient(135deg,#1a1a2e,#16162a);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 0;min-width:180px;z-index:100;box-shadow:0 8px 24px #0006}.dropdown-section-title{padding:8px 12px 4px;font-size:.65rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;color:#fffc;font-size:.8rem;cursor:pointer;transition:all .15s ease;text-align:left}.dropdown-item:hover{background:#ffffff0d;color:#fff}.dropdown-item.unban{color:#10b981}.dropdown-item.unban:hover{background:#10b9811a}.dropdown-item.active{color:#fbbf24}.dropdown-item .check-icon{margin-left:auto;color:#10b981;font-size:.75rem}.dropdown-divider{height:1px;background:#ffffff14;margin:8px 0}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16162a);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;max-width:450px;width:90%}.modal-content h3{color:#fff;margin-bottom:8px;font-size:1.25rem}.ban-type-label{color:#fff9;margin-bottom:20px;font-size:.9rem}.modal-content label{display:block;color:#fffc;margin-bottom:8px;font-size:.875rem}.modal-content textarea{width:100%;padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;resize:vertical;margin-bottom:20px}.modal-content textarea:focus{outline:none;border-color:#667eea80}.confirm-text{color:#ffffffb3;margin-bottom:20px;padding:16px;background:#fbbf241a;border-radius:8px;border-left:3px solid #fbbf24}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:#ffffff1a}.btn-confirm{padding:10px 20px;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.btn-confirm.btn-ban{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-confirm.btn-ban:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #ef444466}.btn-confirm.btn-unban{background:linear-gradient(135deg,#10b981,#059669)}.btn-confirm.btn-unban:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #10b98166}.btn-confirm:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.admin-security-page .section-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.security-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.security-tabs .tab-btn{padding:.75rem 1.5rem;border-radius:8px;border:none;background:transparent;color:#fff9;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.security-tabs .tab-btn:hover{background:#ffffff0d;color:#fff}.security-tabs .tab-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.admin-battle-reports{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem}.admin-battle-reports .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.admin-battle-reports .section-header .section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;color:#fff;margin:0}.admin-battle-reports .refresh-btn{padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff08;color:#ffffffb3;font-size:.875rem;cursor:pointer;transition:all .2s}.admin-battle-reports .refresh-btn:hover{background:#ffffff14;color:#fff}.admin-battle-reports .filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.admin-battle-reports .search-input{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;flex:1;min-width:200px}.admin-battle-reports .search-input svg{color:#fff6}.admin-battle-reports .search-input input{flex:1;background:none;border:none;color:#fff;font-size:.875rem;outline:none}.admin-battle-reports .search-input input::placeholder{color:#fff6}.admin-battle-reports .filter-group{display:flex;gap:.75rem}.admin-battle-reports .filter-group select{padding:.625rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.875rem;cursor:pointer;outline:none}.admin-battle-reports .filter-group select option{background:#1a1a24}.reports-table-container{overflow-x:auto}.reports-table{width:100%;border-collapse:collapse}.reports-table th{text-align:left;padding:.875rem 1rem;font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.06)}.reports-table td{padding:1rem;font-size:.875rem;color:#fffc;border-bottom:1px solid rgba(255,255,255,.04)}.reports-table tr:hover{background:#ffffff05}.reports-table .user-cell{display:flex;flex-direction:column;gap:.25rem}.reports-table .user-cell .user-name{font-weight:500;color:#fff}.reports-table .user-cell .user-uid{font-size:.75rem;color:#fff6}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.open{background:#f59e0b26;color:#fbbf24}.status-badge.reviewed{background:#6366f126;color:#a5b4fc}.status-badge.resolved{background:#10b98126;color:#34d399}.status-badge.dismissed{background:#6b728026;color:#9ca3af}.action-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.action-badge.none{background:#6b728026;color:#9ca3af}.action-badge.warned{background:#f59e0b26;color:#fbbf24}.action-badge.banned{background:#ef444426;color:#fca5a5}.action-badge.dismissed{background:#6b728026;color:#9ca3af}.view-btn{padding:.5rem;border-radius:8px;border:none;background:#6366f126;color:#a5b4fc;cursor:pointer;transition:all .2s}.view-btn:hover{background:#6366f14d;color:#fff}.empty-state,.loading-state{text-align:center;padding:3rem;color:#ffffff80;font-size:.875rem}.report-detail-modal{max-width:700px;max-height:85vh}.report-detail-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.report-detail-modal .modal-header h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.report-detail-modal .modal-close{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1rem}.report-detail-modal .modal-close:hover{color:#fff}.report-detail-modal .modal-body{max-height:60vh;overflow-y:auto}.report-detail-modal .detail-section{margin-bottom:1.5rem}.report-detail-modal .detail-section h4{font-size:.875rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.report-detail-modal .detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.report-detail-modal .detail-item{background:#ffffff08;padding:.625rem .875rem;border-radius:8px}.report-detail-modal .detail-item.full-width{grid-column:span 2}.report-detail-modal .detail-label{display:block;font-size:.75rem;color:#ffffff80;margin-bottom:.25rem}.report-detail-modal .detail-value{font-size:.875rem;color:#fff}.report-detail-modal .moderator-notes-input{width:100%;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.875rem;resize:vertical}.report-detail-modal .moderator-notes-input:focus{outline:none;border-color:#8b5cf680}.report-detail-modal .action-section{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:1rem}.report-detail-modal .action-buttons{display:flex;gap:.75rem;margin-bottom:1rem}.report-detail-modal .action-btn{flex:1;padding:.625rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffffb3;font-size:.8125rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.report-detail-modal .action-btn:hover{background:#ffffff14}.report-detail-modal .action-btn.selected{background:#6366f133;border-color:#6366f180;color:#fff}.report-detail-modal .action-btn.dismiss.selected{background:#6b728033;border-color:#6b728080}.report-detail-modal .action-btn.warn.selected{background:#f59e0b33;border-color:#f59e0b80}.report-detail-modal .action-btn.ban.selected{background:#ef444433;border-color:#ef444480}.report-detail-modal .ban-options{margin-bottom:1rem}.report-detail-modal .ban-options label{display:block;font-size:.8125rem;color:#ffffffb3;margin-bottom:.5rem}.report-detail-modal .ban-options select{width:100%;padding:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.875rem}.report-detail-modal .action-reason{margin-bottom:1rem}.report-detail-modal .action-reason label{display:block;font-size:.8125rem;color:#ffffffb3;margin-bottom:.5rem}.report-detail-modal .action-reason input{width:100%;padding:.625rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.875rem}.report-detail-modal .action-reason input:focus{outline:none;border-color:#8b5cf680}.report-detail-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.admin-battles{width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:20px}.page-header .section-title{margin:0}.filter-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-tabs{display:flex;gap:6px;background:#ffffff08;padding:6px;border-radius:12px;border:.5px solid rgba(255,255,255,.06)}.filter-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:none;border-radius:8px;color:#fff9;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#ffffff0d;color:#fff}.filter-btn.active{background:#667eea33;color:#667eea}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 6px;background:#ffffff14;border-radius:10px;font-size:.7rem;font-weight:600}.filter-btn.active .filter-count{background:#667eea4d;color:#a5b4fc}.refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff0d;border:.5px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:#fff}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn.refreshing svg{animation:spin 1s linear infinite}.battles-table-container{background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:16px;overflow-x:auto}.battles-table{width:100%;min-width:900px;border-collapse:collapse}.battles-table th,.battles-table td{padding:16px 20px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.battles-table th{background:#ffffff05;font-weight:600;font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:1px}.battles-table tr:hover{background:#ffffff05}.battles-table tr:last-child td{border-bottom:none}.battle-id{font-family:SF Mono,Monaco,monospace;font-size:.85rem;color:#ffffffb3}.battle-id-display{font-family:SF Mono,Monaco,monospace;color:#ffffff80}.bot-indicator{display:inline-block;margin-left:8px;padding:2px 8px;background:#8b5cf633;color:#8b5cf6;border-radius:6px;font-size:.65rem;font-weight:600;text-transform:uppercase}.type-badge{display:inline-block;padding:6px 12px;background:#3b82f626;color:#60a5fa;border-radius:8px;font-size:.75rem;font-weight:500}.format-badge{display:inline-block;padding:4px 10px;background:#ffffff14;color:#ffffffb3;border-radius:6px;font-size:.7rem;font-weight:600;font-family:SF Mono,Monaco,monospace}.status-badge{display:inline-block;padding:6px 14px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-waiting{background:#fbbf2433;color:#fbbf24}.badge-live{background:#10b98133;color:#10b981}.badge-completed{background:#8b5cf633;color:#8b5cf6}.badge-cancelled{background:#ef444433;color:#ef4444}.badge-default{background:#6b728033;color:#9ca3af}.players-cell{display:flex;flex-direction:column;gap:4px}.player-row{display:flex;align-items:center;gap:8px}.player-name{color:#fffc;font-size:.85rem}.bot-label{display:inline-block;padding:2px 6px;background:#8b5cf633;color:#8b5cf6;border-radius:4px;font-size:.6rem;font-weight:600;text-transform:uppercase}.scores-cell{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:#ffffffb3}.score-waiting{color:#ffffff80;font-size:.85rem}.score-live{color:#10b981;font-size:.85rem;font-weight:500}.score-result{color:#fff9;font-size:.85rem}.date-cell{color:#ffffff80;font-size:.85rem;white-space:nowrap}.action-buttons{display:flex;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#ffffff0d;border:.5px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#ffffff1a;color:#fff}.view-btn:hover{background:#3b82f633;border-color:#3b82f666;color:#60a5fa}.delete-btn:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:24px}.empty-icon{font-size:3rem;color:#fff3;margin-bottom:20px}.empty-state h3{margin:0 0 8px;color:#fff;font-size:1.25rem}.empty-state p{margin:0;color:#ffffff80;font-size:.9rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:24px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16162a);border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:700px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 80px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h3{margin:0;font-size:1.1rem;color:#fff;font-weight:600}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:none;border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.08)}.delete-modal{max-width:420px}.delete-modal .modal-body p{margin:0 0 12px;color:#fffc;font-size:.95rem}.delete-modal .warning-text{color:#ef4444;font-size:.85rem;font-weight:500}.battle-details-modal{max-width:800px}.details-section{margin-bottom:28px}.details-section:last-child{margin-bottom:0}.details-section h4{margin:0 0 16px;font-size:.85rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.detail-row{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:#0003;border-radius:10px}.detail-label{font-size:.75rem;color:#fff6}.detail-value{font-size:.9rem;color:#ffffffe6;font-weight:500}.players-list{display:flex;flex-direction:column;gap:12px}.player-detail{padding:16px;background:#0003;border-radius:12px}.player-detail .player-info{display:flex;align-items:center;gap:10px;margin-bottom:8px}.player-detail .player-name{font-size:1rem;font-weight:600;color:#fff}.player-meta{display:flex;gap:16px;flex-wrap:wrap}.player-meta span{font-size:.8rem;color:#ffffff80}.player-team,.player-rating{padding:2px 8px;background:#ffffff0d;border-radius:4px}.battle-results{margin-top:20px}.results-table{overflow-x:auto}.results-table table{width:100%;border-collapse:collapse}.results-table th,.results-table td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.results-table th{background:#ffffff08;font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.results-table td{font-size:.9rem;color:#fffc}.results-table .avg-row{background:#667eea1a}.results-table .avg-row td{font-weight:600;color:#a5b4fc}.solve-result{display:inline-flex;align-items:center;gap:6px}.penalty-badge{font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:600}.penalty-ok{color:#10b981}.penalty-dnf{color:#ef4444}.penalty-dnf .penalty-badge{background:#ef444433;color:#ef4444}.winner-display{margin-top:16px;padding:12px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:10px;color:#10b981;font-size:.9rem}.scrambles-list{display:flex;flex-direction:column;gap:10px}.scramble-item{display:flex;gap:12px;padding:12px 16px;background:#0003;border-radius:8px}.scramble-num{color:#fff6;font-size:.8rem;min-width:60px}.scramble-text{color:#ffffffb3;font-family:SF Mono,Monaco,monospace;font-size:.85rem;word-break:break-all}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary{background:#ffffff14;color:#fffc;border:.5px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff1f;color:#fff}.btn-danger{background:#ef444433;color:#ef4444;border:.5px solid rgba(239,68,68,.3)}.text-muted{color:#fff6}@media(max-width:768px){.page-header,.filter-bar{flex-direction:column;align-items:stretch}.filter-tabs{overflow-x:auto}.battles-table{min-width:700px}.modal-content{max-height:90vh}}.security-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:0}.security-tabs .tab-btn{padding:12px 24px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.security-tabs .tab-btn:hover{color:var(--text-primary)}.security-tabs .tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.anticheat-section{width:100%}.anticheat-header{margin-bottom:24px}.anticheat-header h3{font-size:20px;font-weight:600;margin-bottom:8px}.anticheat-header p{color:var(--text-secondary);font-size:14px}.anti-cheat-modal{max-width:600px;max-height:90vh;overflow-y:auto}.anti-cheat-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border)}.anti-cheat-modal .modal-header h3{font-size:18px;font-weight:600}.anti-cheat-modal .modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;font-size:18px}.anti-cheat-modal .modal-body{padding:24px}.anti-cheat-modal .detail-section{margin-bottom:24px}.anti-cheat-modal .detail-section h4{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.anti-cheat-modal .detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.anti-cheat-modal .detail-item{display:flex;flex-direction:column;gap:4px}.anti-cheat-modal .detail-item.full-width{grid-column:span 2}.anti-cheat-modal .detail-label{font-size:12px;color:var(--text-secondary)}.anti-cheat-modal .detail-value{font-size:14px;color:var(--text-primary)}.anti-cheat-modal .detail-value.status-value{font-weight:600}.anti-cheat-modal .detail-value.user-id{font-family:monospace;font-size:12px}.anti-cheat-modal .detail-value .rating-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.anti-cheat-modal .detail-value.violation-details{background:var(--bg-tertiary);padding:8px;border-radius:4px;font-size:13px}.anti-cheat-modal .modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid var(--border);flex-wrap:wrap}.anti-cheat-modal .action-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.anti-cheat-modal .action-btn.resolve{background:var(--success);color:#fff}.anti-cheat-modal .action-btn.clear{background:var(--text-secondary);color:#fff}.anti-cheat-modal .action-btn.delete{background:var(--danger);color:#fff}.anti-cheat-modal .action-btn:disabled{opacity:.5;cursor:not-allowed}.anti-cheat-modal .confirm-btn{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.anti-cheat-modal .confirm-btn:disabled{opacity:.5}.validation-dashboard{padding:1.5rem;background:var(--admin-bg);min-height:100vh}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:var(--admin-text-secondary)}.error-state button{padding:.5rem 1rem;background:var(--admin-accent);color:#fff;border:none;border-radius:6px;cursor:pointer}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--admin-border)}.header-info h1{font-size:1.5rem;font-weight:600;color:var(--admin-text);margin:0 0 .25rem}.competition-name{color:var(--admin-text-secondary);font-size:.875rem;margin:0}.header-actions{display:flex;gap:.5rem}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:6px;color:var(--admin-text);font-size:.875rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--admin-bg-tertiary)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-size:1.75rem;font-weight:700;color:var(--admin-accent)}.stat-label{font-size:.75rem;color:var(--admin-text-secondary);text-transform:uppercase}.filters-bar{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.search-box input{padding:.5rem 1rem;background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:6px;color:var(--admin-text);font-size:.875rem;min-width:250px}.search-box input:focus{outline:none;border-color:var(--admin-accent)}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-size:.75rem;color:var(--admin-text-secondary);text-transform:uppercase}.filter-group select{padding:.5rem;background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:6px;color:var(--admin-text);font-size:.875rem}.sort-direction{padding:.5rem;background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:6px;color:var(--admin-text);cursor:pointer}.bulk-actions-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;margin-bottom:1rem}.bulk-actions-bar span{flex:1;color:var(--admin-accent);font-weight:500}.bulk-actions-bar button{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:4px;color:var(--admin-text);font-size:.75rem;cursor:pointer}.bulk-actions-bar button:hover{background:var(--admin-bg-tertiary)}.table-container{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:8px;overflow:hidden}.validation-table{width:100%;border-collapse:collapse}.validation-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--admin-text-secondary);text-transform:uppercase;background:var(--admin-bg-tertiary);border-bottom:1px solid var(--admin-border)}.validation-table td{padding:.75rem 1rem;border-bottom:1px solid var(--admin-border);font-size:.875rem;color:var(--admin-text);vertical-align:middle}.validation-table tr:last-child td{border-bottom:none}.validation-table tr:hover{background:var(--admin-bg-tertiary)}.checkbox-col{width:40px;text-align:center}.participant-cell{min-width:150px}.participant-info{display:flex;flex-direction:column;gap:.15rem}.participant-name{font-weight:500;color:var(--admin-text)}.participant-email{font-size:.75rem;color:var(--admin-text-secondary)}.events-cell{max-width:200px}.events-list{display:flex;flex-wrap:wrap;gap:.35rem}.event-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#8b5cf626;border-radius:4px;font-size:.7rem;color:var(--admin-accent)}.time-cell{font-family:monospace;font-size:.875rem}.video-cell .video-status{padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.video-status.not_required{background:#6b728033;color:#9ca3af}.video-status.pending{background:#fbbf2433;color:#fbbf24}.video-status.uploaded{background:#3b82f633;color:#60a5fa}.video-status.submitted{background:#8b5cf633;color:#a78bfa}.video-status.approved{background:#10b98133;color:#34d399}.video-status.rejected,.video-status.not_submitted{background:#ef444433;color:#f87171}.payment-cell .payment-paid,.payment-cell .payment-unpaid{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem}.payment-paid{color:#34d399}.payment-unpaid{color:#f87171}.status-cell .status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.status-pending{background:#fbbf2433;color:#fbbf24}.status-approved{background:#10b98133;color:#34d399}.status-rejected{background:#ef444433;color:#f87171}.status-flagged,.status-disqualified{background:#ef44444d;color:#ef4444}.actions-cell{width:200px}.action-buttons{display:flex;gap:.35rem}.action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--admin-border);border-radius:4px;background:var(--admin-bg);color:var(--admin-text-secondary);cursor:pointer;transition:all .2s;font-size:.75rem}.action-btn:hover:not(:disabled){background:var(--admin-bg-tertiary);color:var(--admin-text)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.approve:hover:not(:disabled){color:#34d399;border-color:#34d399}.action-btn.reject:hover:not(:disabled){color:#f87171;border-color:#f87171}.action-btn.reupload:hover:not(:disabled){color:#60a5fa;border-color:#60a5fa}.action-btn.dq:hover:not(:disabled){color:#ef4444;border-color:#ef4444}.action-btn.flag:hover:not(:disabled){color:#fbbf24;border-color:#fbbf24}.action-btn.view:hover:not(:disabled){color:var(--admin-accent);border-color:var(--admin-accent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--admin-text-secondary)}.empty-state svg{font-size:3rem;margin-bottom:1rem;color:var(--admin-border)}.empty-state h3{margin:0 0 .5rem;color:var(--admin-text)}.empty-state p{margin:0;font-size:.875rem}.loading-spinner{width:32px;height:32px;border:3px solid var(--admin-border);border-top-color:var(--admin-accent);border-radius:50%;animation:spin 1s linear infinite}.mobile-timer-container{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--background, #14121a);color:var(--on-surface, #e6e0ec);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overscroll-behavior:none}.exit-btn{width:36px;height:36px;background:var(--surface-container, #211e27);border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 12px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #a1a1aa);transition:all .2s ease}.exit-btn:hover{background:var(--surface-container-high, #2b2931);color:var(--on-surface, #e6e0ec)}.mobile-timer-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;min-height:0}.timer-display-area{text-align:center;margin-bottom:1.5rem}.state-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;transition:color .2s ease}.timer-display{font-family:var(--font-mono, "JetBrains Mono", "Fira Code", monospace);font-size:clamp(3rem,15vw,6rem);font-weight:700;letter-spacing:-.02em;transition:all .2s ease}.penalty-buttons{display:flex;gap:.75rem;margin-bottom:1rem;transition:opacity .2s ease}.penalty-btn{padding:.5rem 1rem;border-radius:var(--radius-md, 12px);font-size:.875rem;font-weight:600;cursor:pointer;border:2px solid var(--outline, #938f9a);background:transparent;color:var(--text-secondary, #a1a1aa);transition:all .15s ease}.penalty-btn.ok.active{border-color:var(--success, #22c55e);background:#22c55e1a;color:var(--success, #22c55e)}.penalty-btn.plus2.active{border-color:var(--warning, #f59e0b);background:#f59e0b1a;color:var(--warning, #f59e0b)}.penalty-btn.dnf.active{border-color:var(--error, #ef4444);background:#ef44441a;color:var(--error, #ef4444)}.confirm-buttons{display:flex;gap:.75rem;transition:opacity .2s ease}.confirm-buttons .cancel-btn{padding:.75rem 1.5rem;border-radius:var(--radius-md, 12px);font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid var(--outline, #938f9a);background:transparent;color:var(--text-secondary, #a1a1aa);transition:all .15s ease}.confirm-buttons .confirm-btn{padding:.75rem 1.5rem;border-radius:var(--radius-md, 12px);font-size:.875rem;font-weight:600;cursor:pointer;border:none;background:var(--primary, #e6deff);color:var(--on-primary, #1c1148);transition:all .15s ease}.confirm-buttons .confirm-btn:hover{background:var(--primary-fixed, #e6deff);transform:translateY(-1px)}.mobile-timer-footer{display:flex;flex:0 0 45%;min-height:200px;padding:1rem;gap:.5rem}.touch-zone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:var(--surface-container, #211e27);border:2px dashed var(--outline-variant, #48454f);border-radius:var(--radius-lg, 16px);cursor:pointer;transition:all .15s ease;touch-action:none}.touch-zone.ready{border-color:var(--success, #22c55e);border-style:solid;background:#22c55e26;box-shadow:0 0 20px #22c55e4d,inset 0 0 20px #22c55e1a;animation:readyPulse 1s ease-in-out infinite}@keyframes readyPulse{0%,to{box-shadow:0 0 20px #22c55e4d,inset 0 0 20px #22c55e1a}50%{box-shadow:0 0 30px #22c55e80,inset 0 0 30px #22c55e26}}.touch-indicator{width:48px;height:48px;color:var(--text-muted, #71717a);transition:color .15s ease}.touch-zone.pressed .touch-indicator{color:var(--primary, #e6deff)}.touch-zone.ready .touch-indicator{color:var(--success, #22c55e)}.touch-indicator svg{width:100%;height:100%}.touch-zone span{font-size:.875rem;font-weight:600;color:var(--text-muted, #71717a);text-transform:uppercase;letter-spacing:.05em}.touch-zone.pressed span{color:var(--primary, #e6deff)}.touch-zone.ready span{color:var(--success, #22c55e)}.palm-zone-visual{display:flex;align-items:center;justify-content:center;width:80px;height:80px}.palm-indicator.idle{opacity:.4}.palm-indicator.detected{opacity:.7;animation:palmDetected .5s ease-in-out infinite}@keyframes palmDetected{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ready-glow-overlay{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(34,197,94,.1) 0%,transparent 70%);animation:glowFade .5s ease-out}@media(min-width:768px){.mobile-timer-header{padding:1rem 1.5rem}.timer-label{font-size:1rem}.mobile-timer-main{padding:2rem}.state-label{font-size:1rem}.mobile-timer-footer{flex:0 0 35%;min-height:250px;padding:1.5rem;gap:1rem}.touch-zone{border-radius:var(--radius-xl, 20px)}.touch-indicator{width:64px;height:64px}.touch-zone span{font-size:1rem}}@media(orientation:portrait){.mobile-timer-container{display:none}}.mobile-timer-onboarding{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,var(--background, #14121a) 0%,var(--surface-container-low, #1d1a23) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;color:var(--on-surface, #e6e0ec);font-family:var(--font-body, "Hanken Grotesk", sans-serif)}.onboarding-content{max-width:400px;width:100%;text-align:center}.onboarding-header{margin-bottom:2rem}.onboarding-header .logo img{width:64px;height:64px;margin-bottom:1rem}.onboarding-header h1{font-family:var(--font-display, "Sora", sans-serif);font-size:1.75rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary, #e6deff) 0%,var(--tertiary, #7df4ff) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-header .tagline{font-size:1rem;color:var(--text-secondary, #a1a1aa)}.onboarding-steps{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.step{display:flex;align-items:center;gap:1rem;text-align:left;background:var(--surface-container, #211e27);border-radius:var(--radius-lg, 16px);padding:1rem;border:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.step-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-number{width:24px;height:24px;background:var(--primary, #e6deff);color:var(--on-primary, #1c1148);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.step p{font-size:.875rem;line-height:1.4;color:var(--text-secondary, #a1a1aa);margin:0}.hand-icon{width:32px;height:40px;color:var(--primary, #e6deff)}.hand-icon.left{margin-right:-8px}.hand-icon.right{margin-left:-8px}.ready-indicator{background:var(--success, #22c55e);color:#fff;padding:.375rem .75rem;border-radius:var(--radius-full, 9999px);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.release-indicator{width:32px;height:32px;color:var(--tertiary, #7df4ff)}.release-indicator svg{width:100%;height:100%}.timer-indicator{background:var(--surface-container-high, #2b2931);border:2px solid var(--primary, #e6deff);border-radius:var(--radius-md, 12px);padding:.25rem .5rem;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.875rem;font-weight:600;color:var(--primary, #e6deff)}.stop-indicator{width:32px;height:32px;color:var(--error, #ef4444)}.stop-indicator svg{width:100%;height:100%}.onboarding-actions{display:flex;flex-direction:column;gap:.75rem}.btn-primary{background:var(--primary, #e6deff);color:var(--on-primary, #1c1148);border:none;border-radius:var(--radius-lg, 16px);padding:1rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:var(--primary-fixed, #e6deff);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--text-secondary, #a1a1aa);border:none;padding:.75rem;font-size:.875rem;cursor:pointer;transition:color .2s ease}.btn-secondary:hover{color:var(--on-surface, #e6e0ec)}.onboarding-graphic{display:none}@media(min-width:768px){.mobile-timer-onboarding{flex-direction:row;gap:4rem;padding:2rem}.onboarding-content{flex:1;max-width:450px;text-align:left}.onboarding-header{text-align:left}.onboarding-header h1{font-size:2rem}.onboarding-steps{flex-direction:row;flex-wrap:wrap}.step{flex:1 1 calc(50% - .5rem);min-width:200px}.onboarding-graphic{display:flex;align-items:center;justify-content:center;flex:1}.phone-mockup{width:200px;height:120px;background:var(--surface-container-high, #2b2931);border:3px solid var(--outline, #938f9a);border-radius:16px;display:flex;position:relative;overflow:hidden}.touch-area{flex:1;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--text-muted, #71717a);border:1px dashed var(--outline-variant, #48454f);margin:.5rem;border-radius:8px}}.mobile-timer-debug-panel{position:fixed;top:1rem;right:1rem;width:320px;max-height:calc(100vh - 2rem);background:var(--surface-container, #211e27);border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 16px);box-shadow:0 8px 32px #0006;z-index:9999;overflow:hidden;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.75rem;color:var(--text-primary, #f4f4f5)}.debug-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface-container-high, #2b2931);border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.debug-header h3{font-size:.875rem;font-weight:600;margin:0;color:var(--primary, #e6deff)}.debug-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text-secondary, #a1a1aa);border-radius:var(--radius-sm, 8px);transition:all .15s ease}.debug-close:hover{background:var(--surface-container-highest, #36333c);color:var(--on-surface, #e6e0ec)}.debug-close svg{width:14px;height:14px}.debug-content{padding:.75rem;overflow-y:auto;max-height:calc(100vh - 100px)}.debug-section{margin-bottom:1rem}.debug-section:last-child{margin-bottom:0}.debug-section h4{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted, #71717a);margin:0 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.debug-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.debug-label{color:var(--text-secondary, #a1a1aa)}.debug-value{font-weight:500;color:var(--text-primary, #f4f4f5)}.debug-value.debug-mono{font-size:.625rem;word-break:break-all}.debug-value.debug-muted{color:var(--text-muted, #71717a);font-style:italic}.mobile-timer-page{min-height:100vh;min-height:100dvh;background:var(--background, #14121a);color:var(--on-surface, #e6e0ec)}.mobile-timer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.mobile-timer-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--surface-container, #211e27);border-top-color:var(--primary, #e6deff);border-radius:50%;animation:spin 1s linear infinite}.mobile-timer-loading p{font-size:.875rem;color:var(--text-secondary, #a1a1aa)}.mobile-timer-desktop-blocked{display:flex;align-items:center;justify-content:center;padding:2rem}.desktop-message{text-align:center;max-width:400px}.desktop-icon{width:80px;height:80px;margin:0 auto 1.5rem;color:var(--text-muted, #71717a)}.desktop-icon svg{width:100%;height:100%}.desktop-message h1{font-family:var(--font-display, "Sora", sans-serif);font-size:1.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary, #e6deff) 0%,var(--tertiary, #7df4ff) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.desktop-message p{color:var(--text-secondary, #a1a1aa);margin-bottom:.5rem;line-height:1.5}.desktop-instruction{font-weight:600;color:var(--on-surface, #e6e0ec)!important;margin-top:1rem!important;margin-bottom:2rem!important}.desktop-message .btn-primary{background:var(--primary, #e6deff);color:var(--on-primary, #1c1148);border:none;border-radius:var(--radius-lg, 16px);padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.desktop-message .btn-primary:hover{background:var(--primary-fixed, #e6deff);transform:translateY(-1px)}.mobile-timer-portrait{display:flex;align-items:center;justify-content:center;padding:2rem}.rotate-message{text-align:center;max-width:300px}.rotate-icon{width:100px;height:100px;margin:0 auto 1.5rem;position:relative;color:var(--primary, #e6deff)}.rotate-icon svg{width:100%;height:100%}.rotate-arrow{position:absolute;bottom:0;right:0;width:30px;height:30px;border:3px solid var(--tertiary, #7df4ff);border-radius:50%;animation:rotate-hint 2s ease-in-out infinite}@keyframes rotate-hint{0%,to{transform:translate(5px,5px);opacity:.5}50%{transform:translate(-5px,-5px);opacity:1}}.rotate-message h2{font-family:var(--font-display, "Sora", sans-serif);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.rotate-message p{font-size:.875rem;color:var(--text-secondary, #a1a1aa)}.mobile-timer-ready{height:100vh;height:100dvh;overflow:hidden}.qr-display{background:#1e1e32f2;border-radius:16px;padding:24px;text-align:center;min-width:280px}.qr-start{display:flex;flex-direction:column;align-items:center;gap:16px}.qr-icon-large{font-size:3rem}.qr-start h3{font-size:1.25rem;margin:0}.qr-start p{color:#a0a0a0;font-size:.9rem;margin:0;max-width:220px}.btn-generate{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:14px 28px;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.qr-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px}.qr-showing{display:flex;flex-direction:column;align-items:center;gap:20px}.qr-waiting-header{display:flex;flex-direction:column;align-items:center;gap:8px}.qr-waiting-icon{font-size:2.5rem}.qr-waiting-header h3{margin:0;font-size:1.1rem;color:#fff}.qr-code-box{background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:20px}.qr-box-pattern{font-family:monospace;font-size:.9rem;color:#ffffff4d;margin-bottom:12px;letter-spacing:4px}.qr-code-area{background:#fff;border-radius:12px;padding:12px;display:flex;justify-content:center;align-items:center}.qr-placeholder{width:180px;height:180px;background:#f5f5f5;border-radius:8px;display:flex;justify-content:center;align-items:center}.qr-pattern{font-size:.6rem;color:#333;word-break:break-all;max-width:160px;line-height:1.4}.pair-code-display{display:flex;flex-direction:column;align-items:center;gap:4px}.pair-code{font-size:2.5rem;font-weight:700;letter-spacing:12px;font-family:SF Mono,Monaco,Inconsolata,monospace;color:#667eea;margin:0}.pair-code-label{color:#a0a0a0;font-size:.75rem;text-transform:uppercase;letter-spacing:2px}.countdown-badge{background:#ffffff1a;padding:8px 16px;border-radius:20px;font-size:.9rem;color:#fbbf24;font-family:monospace}.waiting-dots{display:flex;align-items:center;gap:2px;color:#a0a0a0;font-size:.9rem}.waiting-dots .dot{animation:blink 1.4s infinite both}.waiting-dots .dot:nth-child(2){animation-delay:.2s}.waiting-dots .dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.pairing-help{background:#ffffff0d;border-radius:8px;padding:12px 16px;margin-top:8px;text-align:left;width:100%}.help-title{margin:0 0 8px;font-size:.8rem;color:#a0a0a0;font-weight:600}.help-steps{margin:0;padding-left:20px;font-size:.8rem;color:#888;line-height:1.6}.btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.2);color:#a0a0a0;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background .2s;margin-top:8px}.btn-cancel:hover{background:#ffffff0d}.qr-connected{display:flex;flex-direction:column;align-items:center;gap:16px;background:#22c55e1a;border:1px solid #22c55e;border-radius:16px;padding:24px}.connected-status{display:flex;flex-direction:column;align-items:center;gap:8px}.status-icon{font-size:2.5rem}.connected-status h3{margin:0;color:#22c55e;font-size:1.2rem}.connected-status .device-name{margin:0;color:#fff;font-size:1rem;font-weight:600}.connected-status .device-status{margin:0;color:#a0a0a0;font-size:.85rem}.connection-stats-grid{display:flex;gap:24px;padding:12px 20px;background:#0003;border-radius:12px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:1.1rem;font-weight:700;color:#22c55e;font-family:monospace}.stat-label{font-size:.7rem;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px}.btn-disconnect{background:#ef444433;border:1px solid #ef4444;color:#ef4444;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s}.btn-disconnect:hover{background:#ef44444d}.qr-error{background:#ef444433;border:1px solid #ef4444;border-radius:8px;padding:10px 16px;color:#ef4444;font-size:.9rem;width:100%;text-align:center}.qr-image{width:200px;height:200px;object-fit:contain}.qr-connecting,.qr-reconnecting,.qr-pair-verified{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px}.connecting-icon,.reconnecting-icon,.verified-icon{font-size:3rem}.qr-connecting h3,.qr-reconnecting h3,.qr-pair-verified h3{margin:0;font-size:1.2rem}.qr-connecting p,.qr-reconnecting p,.qr-pair-verified p{margin:0;color:#a0a0a0;font-size:.9rem}.connection-stats{font-size:.8rem;color:#22c55e!important;margin-top:4px!important}.spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.stackmat-timer-container{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--background, #14121a);color:var(--on-surface, #e6e0ec);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overscroll-behavior:none;position:relative}.stackmat-portrait-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background, #14121a);z-index:100}.stackmat-portrait-overlay .rotate-icon{width:80px;height:80px;color:var(--text-muted, #71717a);margin-bottom:1.5rem;animation:rotateHint 2s ease-in-out infinite}.stackmat-portrait-overlay .rotate-icon svg{width:100%;height:100%}.stackmat-portrait-overlay h2{font-size:1.5rem;font-weight:600;color:var(--on-surface, #e6e0ec);margin:0 0 .5rem}.stackmat-portrait-overlay p{font-size:.875rem;color:var(--text-secondary, #a1a1aa);margin:0}@keyframes rotateHint{0%,to{transform:rotate(0)}25%{transform:rotate(-20deg)}75%{transform:rotate(20deg)}}.stackmat-timer-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface-container, #211e27);border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .06));position:relative;z-index:10}.connection-status{display:flex;align-items:center;gap:.5rem}.connection-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.connection-label{font-size:.75rem;color:var(--text-secondary, #a1a1aa)}.latency-indicator{font-size:.625rem;color:var(--text-muted, #71717a);font-family:var(--font-mono, "JetBrains Mono", monospace)}.header-center{position:absolute;left:50%;transform:translate(-50%)}.timer-label{font-size:.875rem;font-weight:600;color:var(--text-secondary, #a1a1aa)}.header-right{display:flex;align-items:center;gap:.75rem}.battery-indicator{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-secondary, #a1a1aa)}.battery-indicator svg{width:20px;height:20px}.battery-indicator.low{color:var(--error, #ef4444)}.exit-btn{width:36px;height:36px;background:var(--surface-container-high, #2b2931);border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 12px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #a1a1aa);transition:all .2s ease}.exit-btn:hover{background:var(--surface-container-highest, #35323d);color:var(--on-surface, #e6e0ec)}.exit-btn svg{width:18px;height:18px}.stackmat-timer-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;min-height:0}.timer-display-area{text-align:center}.state-label{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;transition:color .2s ease}.timer-display{font-family:var(--font-mono, "JetBrains Mono", "Fira Code", monospace);font-size:clamp(4rem,20vw,8rem);font-weight:700;letter-spacing:-.02em;transition:all .2s ease;line-height:1}.stackmat-timer-footer{display:flex;flex:0 0 50%;min-height:220px;padding:1rem;gap:.5rem}.touch-zone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:var(--surface-container, #211e27);border:2px dashed var(--outline-variant, #48454f);border-radius:var(--radius-xl, 20px);cursor:pointer;transition:all .15s ease;touch-action:none}.touch-zone.active{border-color:var(--primary, #e6deff);border-style:solid}.touch-zone.ready{border-color:var(--success, #22c55e);border-style:solid;background:#22c55e26;box-shadow:0 0 30px #22c55e66,inset 0 0 30px #22c55e1a;animation:readyPulse 1s ease-in-out infinite}@keyframes readyPulse{0%,to{box-shadow:0 0 30px #22c55e66,inset 0 0 30px #22c55e1a}50%{box-shadow:0 0 40px #22c55e99,inset 0 0 40px #22c55e26}}.touch-zone.pressed{background:#8b5cf633;border-color:var(--primary, #e6deff);border-style:solid;transform:scale(.98)}.touch-zone:active{transform:scale(.98)}.palm-zone-visual{display:flex;align-items:center;justify-content:center;width:100px;height:100px}.palm-indicator{display:flex;align-items:center;justify-content:center;transition:all .2s ease}.palm-indicator svg{width:80px;height:80px}.palm-indicator.idle{opacity:.3;color:var(--text-muted, #71717a)}.palm-indicator.detected{opacity:.7;color:var(--primary, #e6deff);animation:palmDetected .5s ease-in-out infinite}@keyframes palmDetected{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}.palm-indicator.ready{opacity:1;color:var(--success, #22c55e);animation:palmReady .3s ease-in-out}@keyframes palmReady{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.zone-label{font-size:1rem;font-weight:600;color:var(--text-muted, #71717a);text-transform:uppercase;letter-spacing:.05em}.touch-zone.active .zone-label{color:var(--primary, #e6deff)}.touch-zone.ready .zone-label{color:var(--success, #22c55e)}.ready-glow-overlay{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(34,197,94,.15) 0%,transparent 70%);animation:glowFade .5s ease-out;z-index:5}@keyframes glowFade{0%{opacity:0}50%{opacity:1}to{opacity:.6}}.touch-zone-divider{width:1px;background:transparent}.diagnostics-panel{position:fixed;bottom:1rem;left:1rem;background:var(--surface-container, #211e27);border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 16px);padding:.75rem 1rem;font-size:.75rem;z-index:50;min-width:180px}.diagnostics-title{font-weight:600;color:var(--on-surface, #e6e0ec);margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .06))}.diagnostics-row{display:flex;justify-content:space-between;gap:1rem;padding:.125rem 0;color:var(--text-secondary, #a1a1aa)}.diagnostics-row span:last-child{font-family:var(--font-mono, "JetBrains Mono", monospace);color:var(--on-surface, #e6e0ec)}.diagnostics-divider{height:1px;background:var(--glass-border, rgba(255, 255, 255, .06));margin:.5rem 0}.touch-log{margin-top:.5rem;max-height:120px;overflow-y:auto;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.625rem}.touch-log-entry{display:flex;gap:.5rem;padding:.125rem 0;color:var(--text-secondary, #a1a1aa)}.touch-seq{color:var(--text-muted, #71717a);min-width:28px}.touch-type{color:var(--on-surface, #e6e0ec)}.diagnostics-toggle{position:fixed;bottom:1rem;right:1rem;width:40px;height:40px;background:var(--surface-container, #211e27);border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted, #71717a);z-index:50;transition:all .2s ease}.diagnostics-toggle:hover{background:var(--surface-container-high, #2b2931);color:var(--on-surface, #e6e0ec)}.diagnostics-toggle svg{width:20px;height:20px}@media(min-width:768px){.stackmat-timer-header{padding:1rem 1.5rem}.timer-label{font-size:1rem}.stackmat-timer-main{padding:2rem}.state-label{font-size:1.125rem}.stackmat-timer-footer{flex:0 0 40%;min-height:280px;padding:1.5rem;gap:1rem}.touch-zone{border-radius:var(--radius-2xl, 24px)}.palm-zone-visual{width:120px;height:120px}.palm-indicator svg{width:100px;height:100px}.zone-label{font-size:1.125rem}.diagnostics-toggle{width:44px;height:44px}.diagnostics-toggle svg{width:22px;height:22px}}@media(orientation:portrait){.stackmat-timer-container{display:flex}}.stackmat-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:20px}.stackmat-container{max-width:480px;margin:0 auto;padding:20px}.stackmat-header{text-align:center;margin-bottom:40px}.stackmat-header h1{font-size:2rem;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stackmat-header .subtitle{color:#a0a0a0;font-size:1rem}.stackmat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.stackmat-error{background:#ef444433;border:1px solid #ef4444;border-radius:12px;padding:16px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.stackmat-error button{background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:.9rem}.stackmat-connected{text-align:center;padding:40px 20px;background:#22c55e1a;border:1px solid #22c55e;border-radius:16px}.stackmat-connected .connected-icon{font-size:4rem;margin-bottom:20px}.stackmat-connected h2{color:#22c55e;margin-bottom:10px}.stackmat-connected p{color:#a0a0a0;margin-bottom:20px}.stackmat-trusted-devices h2{font-size:1.5rem;margin-bottom:20px;text-align:center}.device-list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.device-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center}.device-info{display:flex;align-items:center;gap:12px}.device-icon{font-size:2rem}.device-info h3{font-size:1rem;margin-bottom:4px}.device-info p{font-size:.8rem;color:#a0a0a0}.device-actions{display:flex;gap:8px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#ffffff26}.btn-danger{background:#ef444433;border:1px solid #ef4444;color:#ef4444;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-danger:hover{background:#ef44444d}.btn-large{padding:14px 28px;font-size:1.1rem}.no-devices{text-align:center;padding:30px;color:#a0a0a0}.no-devices p:first-child{font-size:1.1rem;margin-bottom:8px}.pairing-options{display:flex;flex-direction:column;gap:12px}.stackmat-scanning h2{text-align:center;margin-bottom:10px}.stackmat-scanning>p{text-align:center;color:#a0a0a0;margin-bottom:30px}.qr-placeholder{background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:16px;padding:60px 20px;text-align:center;margin-bottom:30px}.qr-icon{font-size:4rem;margin-bottom:16px}.qr-placeholder p{color:#a0a0a0}.qr-placeholder .hint{font-size:.85rem;margin-top:8px}.manual-entry h3{font-size:1rem;margin-bottom:12px;text-align:center}.code-input-group{display:flex;gap:12px}.code-input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:14px;font-size:1.5rem;text-align:center;letter-spacing:8px;color:#fff;font-family:monospace}.code-input::placeholder{color:#ffffff4d;letter-spacing:4px}.code-input:focus{outline:none;border-color:#667eea}.stackmat-scanning>button{display:block;width:100%;margin-top:16px}.stackmat-pairing{text-align:center;padding:60px 20px}.pairing-icon{font-size:4rem;margin-bottom:20px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.stackmat-footer{margin-top:40px;text-align:center;color:#666;font-size:.85rem}.customization-background-engine{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;background-color:var(--timer-bg-color);transition:background-color .5s ease;overflow:hidden}.customization-background-engine.reduced-motion *{animation-play-state:paused!important;transition:none!important}.customization-background-blur-layer{position:absolute;inset:0;width:100%;height:100%;z-index:10}body[data-timer-state=running] .customization-background-engine{filter:brightness(.85);transition:filter .5s ease}body[data-timer-state=inspection] .customization-background-engine{box-shadow:inset 0 0 100px #f59e0b1a}body[data-timer-state=confirming] .customization-background-engine{filter:brightness(1);transition:filter .2s ease}.bg-mesh{position:absolute;inset:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,var(--timer-accent-color, #3b82f6) 0%,transparent 40%),radial-gradient(circle at 80% 20%,var(--timer-plus-two-color, #f97316) 0%,transparent 30%),radial-gradient(circle at 20% 80%,var(--timer-dnf-color, #ef4444) 0%,transparent 40%);opacity:.15;filter:blur(80px);animation:mesh-rotate 20s linear infinite;transform-origin:center center}body[data-timer-state=running] .bg-mesh{animation-play-state:paused}@keyframes mesh-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg-cyber-grid{position:absolute;inset:0;background-size:50px 50px;background-image:linear-gradient(to right,rgba(0,255,65,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,255,65,.05) 1px,transparent 1px);transform:perspective(500px) rotateX(60deg) translateY(-100px) scale(3);animation:grid-move 5s linear infinite}body[data-timer-state=running] .bg-cyber-grid{animation:grid-move 2s linear infinite;opacity:.2}@keyframes grid-move{0%{background-position:0 0}to{background-position:0 50px}}.bg-aurora{position:absolute;inset:-20%;background:linear-gradient(120deg,var(--timer-running-color, #6ee7b7) 0%,transparent 30%,var(--timer-accent-color, #10b981) 70%,transparent 100%);opacity:.2;filter:blur(60px);animation:aurora-wave 15s ease-in-out infinite alternate}body[data-timer-state=running] .bg-aurora{animation-play-state:paused}@keyframes aurora-wave{0%{transform:translateY(-10%) rotate(-5deg) scale(1)}to{transform:translateY(10%) rotate(5deg) scale(1.1)}}.bg-particles{position:absolute;width:4px;height:4px;background:transparent;border-radius:50%}.bg-glass{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);backdrop-filter:blur(40px)}.ann-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.ann-card{position:relative;max-width:480px;width:100%;background:linear-gradient(160deg,#0f0f1a,#1a1a2e 40%,#16213e);border-radius:24px;padding:0;overflow:hidden;box-shadow:0 0 60px #6366f126,0 20px 80px #0009;border:1px solid rgba(99,102,241,.2)}.ann-card:before{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1px;background:linear-gradient(135deg,#6366f166,#8b5cf633,#06b6d466,#6366f166);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.ann-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.08) 0%,transparent 60%);pointer-events:none;animation:ann-glow-pulse 4s ease-in-out infinite}@keyframes ann-glow-pulse{0%,to{opacity:.5}50%{opacity:1}}.ann-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 2rem 0;position:relative;z-index:1}.ann-close{background:#ffffff14;border:none;color:#ffffff80;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-left:auto}.ann-close:hover{background:#ffffff26;color:#fff}.ann-slides-wrapper{position:relative;overflow:hidden}.ann-slides-track{display:flex;transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform}.ann-slide{flex:0 0 100%;min-width:0}.ann-body{padding:1.25rem 2rem 1.5rem;position:relative;z-index:1}.ann-type-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .75rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.ann-type-badge.battle{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.ann-type-badge.learn{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.ann-icon-container{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;margin-bottom:1.25rem}.ann-icon-container.battle{background:linear-gradient(135deg,#ef444433,#ef44440d);color:#ef4444;box-shadow:0 0 30px #ef444426}.ann-icon-container.learn{background:linear-gradient(135deg,#06b6d433,#06b6d40d);color:#06b6d4;box-shadow:0 0 30px #06b6d426}.ann-title{font-size:1.6rem;font-weight:800;color:#fff;margin:0 0 .5rem;line-height:1.2;letter-spacing:-.02em}.ann-title-gradient{background:linear-gradient(135deg,#818cf8,#c084fc,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ann-description{color:#ffffffa6;font-size:.9rem;line-height:1.6;margin:0 0 1.25rem}.ann-highlights{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.ann-highlight-item{display:flex;align-items:flex-start;gap:.625rem;color:#ffffffbf;font-size:.85rem;line-height:1.4}.ann-highlight-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;margin-top:.5em}.ann-highlight-dot.battle{background:#ef4444;box-shadow:0 0 8px #ef444480}.ann-highlight-dot.learn{background:#06b6d4;box-shadow:0 0 8px #06b6d480}.ann-dots{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 2rem 1rem;position:relative;z-index:1}.ann-dot{width:8px;height:8px;border-radius:50%;border:none;background:#fff3;cursor:pointer;transition:all .3s ease;padding:0}.ann-dot.active{background:#818cf8;box-shadow:0 0 12px #818cf880;width:24px;border-radius:4px}.ann-dot:hover:not(.active){background:#fff6}.ann-actions{display:flex;flex-direction:column;gap:.625rem;padding:0 2rem 1.5rem;position:relative;z-index:1}.ann-btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s ease;color:#fff;position:relative;overflow:hidden}.ann-btn-primary.battle{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 20px #ef444459}.ann-btn-primary.learn{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 20px #06b6d459}.ann-btn-primary:hover{transform:translateY(-2px)}.ann-btn-primary.battle:hover{box-shadow:0 8px 30px #ef444480}.ann-btn-primary.learn:hover{box-shadow:0 8px 30px #06b6d480}.ann-btn-primary:active{transform:translateY(0)}.ann-btn-dismiss{background:none;border:none;color:#ffffff59;font-size:.8rem;cursor:pointer;padding:.5rem;transition:color .2s ease;text-decoration:underline;text-underline-offset:2px;width:100%;text-align:center}.ann-btn-dismiss:hover{color:#fff9}.ann-arrow-icon{transition:transform .25s ease}.ann-btn-primary:hover .ann-arrow-icon{transform:translate(4px)}.ann-nav-area{position:absolute;top:0;bottom:0;width:40%;z-index:2;cursor:pointer;display:flex;align-items:center}.ann-nav-area.prev{left:0;justify-content:flex-start;padding-left:.5rem}.ann-nav-area.next{right:0;justify-content:flex-end;padding-right:.5rem}.ann-nav-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffff80;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0;pointer-events:none}.ann-nav-area:hover .ann-nav-btn,.ann-nav-btn:focus-visible{opacity:1;pointer-events:auto}.ann-nav-btn:hover{background:#ffffff1f;color:#fff}.ann-slide-counter{color:#ffffff4d;font-size:.75rem;font-weight:600;letter-spacing:.05em;position:relative;z-index:1}@media(max-width:768px){.ann-nav-btn{opacity:.6;pointer-events:auto}}:root,[data-theme=dark]{--ds-surface-base: #0d0d12;--ds-surface-raised: #12121a;--ds-surface-card: rgba(255, 255, 255, .03);--ds-surface-card-hover: rgba(255, 255, 255, .06);--ds-surface-modal: rgba(15, 15, 25, .98);--ds-surface-drawer: #0d0d12;--ds-surface-overlay: rgba(0, 0, 0, .7);--ds-surface-input: rgba(255, 255, 255, .05);--ds-surface-admin: #0f0f13;--ds-surface-admin-card: rgba(28, 28, 38, .6);--ds-surface-header: rgba(13, 13, 18, .85);--ds-purple-50: #f5f3ff;--ds-purple-100: #ede9fe;--ds-purple-200: #ddd6fe;--ds-purple-300: #c4b5fd;--ds-purple-400: #a78bfa;--ds-purple-500: #8b5cf6;--ds-purple-600: #7c5cff;--ds-purple-700: #6d28d9;--ds-purple-800: #5b21b6;--ds-purple-900: #4c1d95;--ds-indigo-400: #818cf8;--ds-indigo-500: #6366f1;--ds-indigo-600: #4f46e5;--ds-cyan-400: #22d3ee;--ds-cyan-500: #06b6d4;--ds-success: #22c55e;--ds-success-bg: rgba(34, 197, 94, .15);--ds-success-border: rgba(34, 197, 94, .3);--ds-warning: #f59e0b;--ds-warning-bg: rgba(245, 158, 11, .15);--ds-warning-border: rgba(245, 158, 11, .3);--ds-danger: #ef4444;--ds-danger-bg: rgba(239, 68, 68, .15);--ds-danger-border: rgba(239, 68, 68, .3);--ds-info: #3b82f6;--ds-info-bg: rgba(59, 130, 246, .15);--ds-neutral: #6b7280;--ds-neutral-bg: rgba(107, 114, 128, .15);--ds-text-primary: #f4f4f5;--ds-text-secondary: #a1a1aa;--ds-text-muted: #71717a;--ds-text-low: #52525b;--ds-text-white: #ffffff;--ds-border-subtle: rgba(255, 255, 255, .04);--ds-border-soft: rgba(255, 255, 255, .06);--ds-border-default: rgba(255, 255, 255, .1);--ds-border-strong: rgba(255, 255, 255, .15);--ds-border-accent: rgba(139, 92, 246, .3);--ds-border-accent-hover: rgba(139, 92, 246, .5);--ds-border-input: rgba(255, 255, 255, .12);--ds-gradient-primary: linear-gradient(135deg, #6366f1, #8b5cf6);--ds-gradient-primary-hover: linear-gradient(135deg, #818cf8, #a78bfa);--ds-gradient-card: linear-gradient(135deg, #1e1e2e, #2a2a3e);--ds-gradient-modal: linear-gradient(145deg, #1a1a2e, #16162a);--ds-gradient-success: linear-gradient(135deg, #22c55e, #16a34a);--ds-gradient-amber: linear-gradient(135deg, #f59e0b, #d97706);--ds-gradient-teal: linear-gradient(135deg, #10b981, #059669);--ds-gradient-hero-title: linear-gradient(135deg, #00d4ff, #a855f7, #ec4899);--ds-gradient-text: linear-gradient(135deg, #ffffff, #a5b4fc);--ds-glass-bg: rgba(255, 255, 255, .03);--ds-glass-bg-hover: rgba(255, 255, 255, .06);--ds-glass-bg-strong: rgba(255, 255, 255, .08);--ds-glass-border: rgba(255, 255, 255, .06);--ds-glass-border-hover: rgba(255, 255, 255, .12);--ds-glass-blur: 24px;--ds-glass-blur-strong: 32px;--ds-glass-blur-medium: 16px;--ds-glass-blur-light: 12px;--ds-glass-saturate: saturate(180%);--ds-shadow-xs: 0 2px 8px rgba(0, 0, 0, .15);--ds-shadow-sm: 0 4px 12px rgba(0, 0, 0, .15);--ds-shadow-md: 0 4px 24px rgba(0, 0, 0, .2);--ds-shadow-lg: 0 8px 32px rgba(0, 0, 0, .25);--ds-shadow-xl: 0 8px 40px rgba(0, 0, 0, .3);--ds-shadow-2xl: 0 20px 60px rgba(0, 0, 0, .4);--ds-shadow-floating: 0 8px 32px rgba(0, 0, 0, .3);--ds-shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .25);--ds-shadow-btn-hover: 0 4px 16px rgba(0, 0, 0, .2);--ds-glow-purple: 0 0 20px rgba(139, 92, 246, .3);--ds-glow-purple-strong: 0 0 30px rgba(139, 92, 246, .5);--ds-glow-purple-btn: 0 4px 15px rgba(139, 92, 246, .4);--ds-glow-success: 0 0 20px rgba(34, 197, 94, .3);--ds-glow-warning: 0 0 20px rgba(245, 158, 11, .3);--ds-glow-danger: 0 0 20px rgba(239, 68, 68, .3);--ds-radius-xs: 4px;--ds-radius-sm: 6px;--ds-radius-md: 8px;--ds-radius-lg: 12px;--ds-radius-xl: 16px;--ds-radius-2xl: 20px;--ds-radius-3xl: 24px;--ds-radius-pill: 9999px;--ds-radius-full: 50%;--ds-font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ds-font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--ds-text-hero: clamp(2.2rem, 8vw, 4rem);--ds-text-hero-weight: 900;--ds-text-page-title: 2rem;--ds-text-page-title-weight: 800;--ds-text-section-title: 1.5rem;--ds-text-section-title-weight: 700;--ds-text-card-title: 1.1rem;--ds-text-card-title-weight: 600;--ds-text-subtitle: .95rem;--ds-text-subtitle-weight: 500;--ds-text-body: .9rem;--ds-text-body-weight: 400;--ds-text-caption: .8rem;--ds-text-caption-weight: 500;--ds-text-label: .75rem;--ds-text-label-weight: 600;--ds-text-small: .7rem;--ds-text-tiny: .65rem;--ds-text-button: .9rem;--ds-text-button-weight: 600;--ds-text-mono: .85rem;--ds-text-mono-weight: 500;--ds-letter-spacing-wide: .05em;--ds-letter-spacing-wider: .1em;--ds-space-2: 2px;--ds-space-4: 4px;--ds-space-6: 6px;--ds-space-8: 8px;--ds-space-10: 10px;--ds-space-12: 12px;--ds-space-14: 14px;--ds-space-16: 16px;--ds-space-20: 20px;--ds-space-24: 24px;--ds-space-28: 28px;--ds-space-32: 32px;--ds-space-36: 36px;--ds-space-40: 40px;--ds-space-48: 48px;--ds-space-56: 56px;--ds-space-64: 64px;--ds-icon-xs: 12px;--ds-icon-sm: 14px;--ds-icon-md: 16px;--ds-icon-lg: 18px;--ds-icon-xl: 20px;--ds-icon-2xl: 24px;--ds-max-width-content: 900px;--ds-max-width-wide: 1200px;--ds-max-width-dashboard: 1400px;--ds-z-dropdown: 100;--ds-z-sticky: 100;--ds-z-nav: 200;--ds-z-modal: 1000;--ds-z-overlay: 1000;--ds-z-popup: 1100;--ds-z-toast: 1200;--ds-z-tooltip: 1300;--ds-transition-fast: .15s ease;--ds-transition-normal: .2s ease;--ds-transition-slow: .3s ease;--ds-transition-hover: .3s ease}[data-theme=light]{--ds-surface-base: #ffffff;--ds-surface-raised: #f8f9fa;--ds-surface-card: #ffffff;--ds-surface-card-hover: #f8f9fa;--ds-surface-modal: rgba(255, 255, 255, .98);--ds-surface-drawer: #ffffff;--ds-surface-overlay: rgba(0, 0, 0, .4);--ds-surface-input: #f3f4f6;--ds-surface-admin: #f8f9fa;--ds-surface-admin-card: #ffffff;--ds-surface-header: rgba(255, 255, 255, .85);--ds-purple-500: #7c3aed;--ds-purple-600: #6d28d9;--ds-purple-700: #5b21b6;--ds-indigo-500: #4f46e5;--ds-indigo-600: #4338ca;--ds-success: #16a34a;--ds-success-bg: rgba(22, 163, 74, .12);--ds-warning: #d97706;--ds-warning-bg: rgba(217, 119, 6, .12);--ds-danger: #dc2626;--ds-danger-bg: rgba(220, 38, 38, .12);--ds-info: #2563eb;--ds-info-bg: rgba(37, 99, 235, .12);--ds-text-primary: #0a0a12;--ds-text-secondary: #2d2d3a;--ds-text-muted: #5c5c6e;--ds-text-low: #9ca3af;--ds-text-white: #0a0a12;--ds-border-subtle: rgba(0, 0, 0, .04);--ds-border-soft: rgba(0, 0, 0, .06);--ds-border-default: rgba(0, 0, 0, .1);--ds-border-strong: rgba(0, 0, 0, .15);--ds-border-accent: rgba(99, 102, 241, .3);--ds-border-accent-hover: rgba(99, 102, 241, .5);--ds-gradient-primary: linear-gradient(135deg, #4f46e5, #7c3aed);--ds-gradient-card: linear-gradient(135deg, #f8f9fa, #e9ecef);--ds-gradient-modal: linear-gradient(145deg, #ffffff, #f8f9fa);--ds-gradient-hero-title: linear-gradient(135deg, #06b6d4, #7c3aed, #ec4899);--ds-gradient-text: linear-gradient(135deg, #0a0a12, #4f46e5);--ds-glass-bg: rgba(255, 255, 255, .8);--ds-glass-bg-hover: rgba(255, 255, 255, .9);--ds-glass-border: rgba(0, 0, 0, .08);--ds-glass-border-hover: rgba(0, 0, 0, .12);--ds-shadow-xs: 0 2px 8px rgba(0, 0, 0, .06);--ds-shadow-sm: 0 4px 12px rgba(0, 0, 0, .08);--ds-shadow-md: 0 4px 24px rgba(0, 0, 0, .1);--ds-shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--ds-shadow-xl: 0 8px 40px rgba(0, 0, 0, .15);--ds-shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .12);--ds-glass-blur: 20px;--ds-glass-blur-strong: 28px;--ds-glass-blur-medium: 12px;--ds-glass-blur-light: 8px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--ds-font-sans);background:var(--ds-surface-base);color:var(--ds-text-primary);min-height:100vh;overflow-x:hidden;max-width:100%;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:1.2}::selection{background:var(--ds-purple-500);color:#fff}.glass{background:var(--ds-glass-bg);backdrop-filter:blur(var(--ds-glass-blur)) var(--ds-glass-saturate);-webkit-backdrop-filter:blur(var(--ds-glass-blur)) var(--ds-glass-saturate);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-xl)}.glass-sm{background:var(--ds-glass-bg);backdrop-filter:blur(var(--ds-glass-blur-light)) var(--ds-glass-saturate);-webkit-backdrop-filter:blur(var(--ds-glass-blur-light)) var(--ds-glass-saturate);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-lg)}.glass-strong{background:var(--ds-glass-bg-strong);backdrop-filter:blur(var(--ds-glass-blur-strong)) var(--ds-glass-saturate);-webkit-backdrop-filter:blur(var(--ds-glass-blur-strong)) var(--ds-glass-saturate);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-xl)}.ds-card{background:var(--ds-glass-bg);backdrop-filter:blur(var(--ds-glass-blur)) var(--ds-glass-saturate);-webkit-backdrop-filter:blur(var(--ds-glass-blur)) var(--ds-glass-saturate);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-xl);padding:var(--ds-space-24);transition:all var(--ds-transition-slow)}.ds-card:hover{background:var(--ds-glass-bg-hover);border-color:var(--ds-glass-border-hover);box-shadow:var(--ds-shadow-card-hover);transform:translateY(-2px)}.ds-card-sm{padding:var(--ds-space-16);border-radius:var(--ds-radius-lg)}.ds-card-lg{padding:var(--ds-space-32);border-radius:var(--ds-radius-2xl)}.ds-card-hero{background:var(--ds-gradient-primary);border-radius:var(--ds-radius-2xl);padding:var(--ds-space-32);box-shadow:var(--ds-glow-purple-btn);border:none}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-8);padding:var(--ds-space-12) var(--ds-space-24);font-size:var(--ds-text-button);font-weight:var(--ds-text-button-weight);font-family:var(--ds-font-sans);border-radius:var(--ds-radius-lg);cursor:pointer;transition:all var(--ds-transition-normal);line-height:1;white-space:nowrap;border:none;text-decoration:none}.ds-btn:hover{transform:translateY(-2px)}.ds-btn:active{transform:translateY(0)}.ds-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ds-btn-primary{background:var(--ds-gradient-primary);color:var(--ds-text-white);box-shadow:var(--ds-glow-purple)}.ds-btn-primary:hover{box-shadow:var(--ds-glow-purple-strong);border-color:var(--ds-border-accent-hover)}.ds-btn-primary:disabled{box-shadow:none}.ds-btn-secondary{background:var(--ds-glass-bg-strong);backdrop-filter:blur(var(--ds-glass-blur-light));border:.5px solid var(--ds-border-soft);color:var(--ds-text-secondary)}.ds-btn-secondary:hover{background:var(--ds-glass-bg-hover);border-color:var(--ds-border-default);color:var(--ds-text-primary)}.ds-btn-danger{background:var(--ds-danger-bg);border:.5px solid var(--ds-danger-border);color:var(--ds-danger)}.ds-btn-danger:hover{background:#ef444440;border-color:#ef444480;box-shadow:var(--ds-glow-danger)}.ds-btn-success{background:var(--ds-gradient-success);color:var(--ds-text-white);box-shadow:var(--ds-glow-success)}.ds-btn-success:hover{filter:brightness(1.1)}.ds-btn-warning{background:var(--ds-gradient-amber);color:var(--ds-text-white);box-shadow:var(--ds-glow-warning)}.ds-btn-ghost{background:transparent;color:var(--ds-text-secondary)}.ds-btn-ghost:hover{background:var(--ds-glass-bg);color:var(--ds-text-primary)}.ds-btn-outline{background:transparent;border:1px solid var(--ds-border-default);color:var(--ds-text-primary)}.ds-btn-outline:hover{border-color:var(--ds-purple-500);background:#8b5cf61a}.ds-btn-sm{padding:var(--ds-space-8) var(--ds-space-14);font-size:var(--ds-text-caption);border-radius:var(--ds-radius-md)}.ds-btn-lg{padding:var(--ds-space-16) var(--ds-space-32);font-size:1.1rem;border-radius:var(--ds-radius-xl)}.ds-btn-icon{width:44px;height:44px;padding:0;border-radius:var(--ds-radius-lg);background:var(--ds-glass-bg);backdrop-filter:blur(var(--ds-glass-blur-light));border:.5px solid var(--ds-border-soft);color:var(--ds-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--ds-transition-normal)}.ds-btn-icon:hover{background:var(--ds-glass-bg-strong);border-color:var(--ds-border-default);color:var(--ds-text-primary);transform:scale(1.05)}.ds-btn-icon-sm{width:36px;height:36px;border-radius:var(--ds-radius-md)}.ds-input-wrapper{display:flex;flex-direction:column;gap:var(--ds-space-6);width:100%}.ds-input-wrapper label{font-size:var(--ds-text-caption);font-weight:var(--ds-text-caption-weight);color:var(--ds-text-secondary)}.ds-input{padding:var(--ds-space-12) var(--ds-space-16);font-size:var(--ds-text-body);font-family:var(--ds-font-sans);background:var(--ds-surface-input);border:.5px solid var(--ds-border-input);border-radius:var(--ds-radius-lg);color:var(--ds-text-primary);outline:none;transition:all var(--ds-transition-normal);width:100%}.ds-input:hover{border-color:var(--ds-border-strong)}.ds-input:focus{border-color:var(--ds-purple-500);box-shadow:0 0 0 3px #8b5cf633}.ds-input::placeholder{color:var(--ds-text-muted)}.ds-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.ds-tabs{display:flex;gap:var(--ds-space-8);background:transparent;padding:0}.ds-tabs-pill{background:#0003;padding:var(--ds-space-4);border-radius:var(--ds-radius-lg)}.ds-tab{flex:1;padding:var(--ds-space-12) var(--ds-space-20);font-size:var(--ds-text-body);font-weight:var(--ds-text-caption-weight);color:var(--ds-text-secondary);text-decoration:none;border-radius:var(--ds-radius-lg);transition:all var(--ds-transition-normal);text-align:center;background:transparent;border:none;cursor:pointer;font-family:var(--ds-font-sans);white-space:nowrap}.ds-tab:hover{color:var(--ds-text-primary);background:var(--ds-glass-bg)}.ds-tab.active{background:var(--ds-glass-bg-strong);color:var(--ds-text-primary);box-shadow:var(--ds-shadow-xs)}.ds-badge{display:inline-flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-4) var(--ds-space-10);font-size:var(--ds-text-small);font-weight:var(--ds-text-label-weight);border-radius:var(--ds-radius-pill);text-transform:uppercase;letter-spacing:var(--ds-letter-spacing-wide);line-height:1}.ds-badge-success{background:var(--ds-success-bg);color:var(--ds-success);border:.5px solid var(--ds-success-border)}.ds-badge-warning{background:var(--ds-warning-bg);color:var(--ds-warning);border:.5px solid var(--ds-warning-border)}.ds-badge-danger{background:var(--ds-danger-bg);color:var(--ds-danger);border:.5px solid var(--ds-danger-border)}.ds-badge-info{background:var(--ds-info-bg);color:var(--ds-info)}.ds-badge-neutral{background:var(--ds-neutral-bg);color:var(--ds-neutral)}.ds-badge-purple{background:#8b5cf626;color:var(--ds-purple-400);border:.5px solid rgba(139,92,246,.3)}.ds-badge-live{background:#ef444426;color:var(--ds-danger)}.ds-modal-overlay{position:fixed;inset:0;background:var(--ds-surface-overlay);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal)}.ds-modal{background:var(--ds-surface-modal);backdrop-filter:blur(var(--ds-glass-blur)) var(--ds-glass-saturate);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-2xl);width:90%;max-width:480px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--ds-shadow-2xl)}.ds-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-20) var(--ds-space-24);border-bottom:.5px solid var(--ds-glass-border);flex-shrink:0}.ds-modal-header h3{font-size:var(--ds-text-card-title);font-weight:var(--ds-text-card-title-weight);color:var(--ds-text-primary)}.ds-modal-body{padding:var(--ds-space-24);overflow-y:auto;flex:1}.ds-modal-footer{display:flex;gap:var(--ds-space-12);justify-content:flex-end;padding:var(--ds-space-16) var(--ds-space-24);border-top:.5px solid var(--ds-glass-border)}.ds-stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--ds-space-20) var(--ds-space-12);border-radius:var(--ds-radius-xl);background:var(--ds-glass-bg);backdrop-filter:blur(var(--ds-glass-blur-light)) var(--ds-glass-saturate);border:.5px solid var(--ds-glass-border);transition:all var(--ds-transition-slow)}.ds-stat-card:hover{background:var(--ds-glass-bg-hover);border-color:var(--ds-border-accent);transform:translateY(-2px);box-shadow:var(--ds-shadow-sm)}.ds-stat-value{font-family:var(--ds-font-mono);font-size:2rem;font-weight:700;color:var(--ds-text-primary);margin-bottom:var(--ds-space-4)}.ds-stat-label{font-size:var(--ds-text-small);text-transform:uppercase;letter-spacing:var(--ds-letter-spacing-wide);color:var(--ds-text-muted)}.ds-status{display:inline-flex;align-items:center;gap:var(--ds-space-6);padding:var(--ds-space-6) var(--ds-space-12);border-radius:var(--ds-radius-pill);font-size:var(--ds-text-small);font-weight:var(--ds-text-label-weight);line-height:1}.ds-status:before{content:"";width:6px;height:6px;border-radius:var(--ds-radius-full);background:currentColor}.ds-status-completed{background:var(--ds-success-bg);color:var(--ds-success)}.ds-status-live{background:var(--ds-danger-bg);color:var(--ds-danger)}.ds-status-live:before{animation:ds-pulse 1.5s ease-in-out infinite}.ds-status-pending{background:var(--ds-warning-bg);color:var(--ds-warning)}.ds-status-waiting{background:var(--ds-neutral-bg);color:var(--ds-neutral)}.ds-status-approved{background:var(--ds-success-bg);color:var(--ds-success)}.ds-status-rejected{background:var(--ds-danger-bg);color:var(--ds-danger)}.ds-status-disputed{background:var(--ds-warning-bg);color:var(--ds-warning)}@keyframes ds-pulse{0%,to{opacity:1}50%{opacity:.3}}.ds-skeleton{border-radius:var(--ds-radius-md);animation:ds-shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%}@keyframes ds-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ds-page{min-height:100vh;background:var(--ds-surface-base);background-image:radial-gradient(ellipse at 50% 0%,rgba(139,92,246,.05) 0%,transparent 60%)}.ds-container{max-width:var(--ds-max-width-content);margin:0 auto;padding:var(--ds-space-32) var(--ds-space-16);width:100%}.ds-container-wide{max-width:var(--ds-max-width-wide)}.ds-container-full{max-width:var(--ds-max-width-dashboard)}.ds-table-container{width:100%;overflow-x:auto;background:var(--ds-glass-bg);backdrop-filter:blur(var(--ds-glass-blur)) var(--ds-glass-saturate);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-xl)}.ds-table{width:100%;border-collapse:collapse;font-size:var(--ds-text-caption)}.ds-table th{padding:var(--ds-space-12) var(--ds-space-16);text-align:left;font-weight:var(--ds-text-label-weight);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:var(--ds-letter-spacing-wide);border-bottom:.5px solid var(--ds-glass-border);font-size:var(--ds-text-small)}.ds-table td{padding:var(--ds-space-12) var(--ds-space-16);border-bottom:.5px solid var(--ds-glass-border);color:var(--ds-text-primary)}.ds-table tr:last-child td{border-bottom:none}.ds-table tr:hover td{background:var(--ds-glass-bg-hover)}.ds-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-48) var(--ds-space-24);text-align:center;background:var(--ds-glass-bg);border:.5px solid var(--ds-glass-border);border-radius:var(--ds-radius-xl)}.ds-empty-text{font-size:var(--ds-text-body);color:var(--ds-text-muted);margin-top:var(--ds-space-12)}.ds-section{margin-bottom:var(--ds-space-24)}.ds-section-title{font-size:var(--ds-text-section-title);font-weight:var(--ds-text-section-title-weight);color:var(--ds-text-primary);margin-bottom:var(--ds-space-16)}.ds-glow-orbs{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.ds-glow-orb{position:absolute;border-radius:50%;filter:blur(130px);opacity:.3}.ds-glow-orb-1{width:550px;height:550px;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,transparent 70%);top:-180px;right:-140px}.ds-glow-orb-2{width:420px;height:420px;background:radial-gradient(circle,rgba(6,182,212,.3) 0%,transparent 70%);bottom:8%;left:-120px}.ds-glow-orb-3{width:360px;height:360px;background:radial-gradient(circle,rgba(236,72,153,.2) 0%,transparent 70%);top:55%;right:15%}.ds-spinner{width:48px;height:48px;border:3px solid rgba(139,92,246,.15);border-top-color:var(--ds-purple-500);border-radius:50%;animation:ds-spin .8s linear infinite}.ds-spinner-sm{width:24px;height:24px;border-width:2px}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-divider{height:.5px;background:var(--ds-glass-border);margin:var(--ds-space-16) 0;border:none}.ds-toggle{position:relative;width:48px;height:26px;border-radius:13px;cursor:pointer;transition:all var(--ds-transition-normal);background:var(--ds-surface-input);border:none;flex-shrink:0}.ds-toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--ds-text-low);transition:transform var(--ds-transition-normal)}.ds-toggle.active{background:var(--ds-purple-500)}.ds-toggle.active:after{transform:translate(22px);background:#fff}:root{--bg-primary: #0f0f14;--bg-secondary: #18181f;--bg-tertiary: #22222a;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-primary: #8b5cf6;--accent-secondary: #a78bfa;--accent-glow: rgba(139, 92, 246, .4);--success: #22c55e;--warning: #f59e0b;--border: #2e2e3a}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #0a0a12;--text-secondary: #2d2d3a;--text-muted: #5c5c6e;--accent-primary: #6366f1;--accent-secondary: #818cf8;--accent-glow: rgba(99, 102, 241, .2);--border: #ced4da}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;max-width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(180deg,#0d0d12,#12121a);color:var(--text-primary);min-height:100vh;overflow-x:hidden;max-width:100%}#root{min-height:100vh;max-width:100%;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;max-width:100%;overflow-x:hidden}.theme-toggle{position:absolute;right:1rem;background:transparent;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:background .2s}.theme-toggle:hover{background:var(--bg-tertiary)}.logo{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toolbar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem .75rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);gap:.5rem;box-sizing:border-box;border-radius:16px;overflow:visible}.timer-subtoolbar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem .75rem;gap:.5rem;box-sizing:border-box}.timer-dashboard-layout{width:100%;max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:24px;align-items:stretch;min-height:calc(100vh - 80px);transition:grid-template-columns .25s ease}.timer-dashboard-layout:has(.profile-sidebar.collapsed){grid-template-columns:72px minmax(0,1fr)}.timer-main-content{min-width:0;display:flex;flex-direction:column;gap:12px}@media(max-width:995px){.timer-dashboard-layout,.profile-dashboard-layout.timer-dashboard-layout{grid-template-columns:minmax(0,1fr)!important;gap:0}.timer-dashboard-layout:has(.profile-sidebar.collapsed),.profile-dashboard-layout.timer-dashboard-layout:has(.profile-sidebar.collapsed){grid-template-columns:minmax(0,1fr)!important}.timer-main-content{width:100%}}.timer-subtoolbar-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;overflow:visible;justify-content:flex-start}.timer-subtoolbar-right{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:flex-end}.toolbar-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;overflow:visible;justify-content:flex-start}.timer-toolbar-logo{height:32px;display:block;object-fit:contain}.toolbar-center{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0 1rem;min-width:0}.toolbar-right{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:flex-end}@media(max-width:768px){.timer-toolbar-logo,.toolbar-center{display:none}}@media(min-width:769px){.toolbar{max-width:1200px;margin:0 auto .5rem}.toolbar-left{flex:1;justify-content:flex-start}.toolbar-center{flex:0 0 auto}.toolbar-right{flex:1;justify-content:flex-end}}.menu-toggle-btn{display:none;background:transparent;border:none;color:var(--text-primary);font-size:1rem;cursor:pointer;padding:.4rem .5rem;margin-right:.25rem}.mobile-only{display:none}.desktop-only{display:flex}.toolbar.desktop-only{display:none}@media(min-width:769px){.toolbar.desktop-only{display:flex}.mobile-timer-toolbar{display:none!important}.mobile-timer-page{padding-bottom:0}}.toolbar-popup{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.5rem;box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;gap:.25rem}.toolbar-popup-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;color:var(--text-secondary);text-decoration:none;font-size:.9rem}.toolbar-popup-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toolbar-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.toolbar-link{padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}.toolbar-link:hover{border-color:var(--accent-primary);color:var(--text-primary)}.toolbar-link.active{background:#8b5cf626;border-color:var(--accent-primary);color:var(--accent-primary)}.toolbar-left>*{display:flex;align-items:center;gap:.5rem}select{padding:.4rem .75rem;font-size:.8rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;cursor:pointer}select:focus{outline:none;border-color:var(--accent-primary)}.new-session-btn,.toolbar-btn{padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.new-session-btn:hover,.toolbar-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.toolbar-btn.active{background:#8b5cf626;border-color:var(--accent-primary);color:var(--accent-primary)}.toolbar-btn .btn-text{margin-left:.3rem}@media(max-width:500px){.toolbar-btn .btn-text{display:inline}}.toolbar-icon-btn{padding:.5rem;display:flex;align-items:center;justify-content:center}.toolbar-icon-btn svg{stroke:var(--text-secondary)}.toolbar-icon-btn:hover svg{stroke:var(--text-primary)}.toolbar-icon-btn.active{background:#22c55e26;border-color:#22c55e;color:#22c55e}.toolbar-stats-btn{display:none}.desktop-only{display:inline-flex}.mobile-only,.mobile-only-stats{display:none}.solve-list-header-right{display:flex;gap:.5rem;align-items:center}.export-dropdown{position:relative}.export-menu{position:absolute;top:100%;right:0;margin-top:.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.5rem;min-width:150px;z-index:100;box-shadow:0 4px 12px #0000004d}.export-menu button{display:block;width:100%;padding:.5rem .75rem;text-align:left;background:transparent;border:none;border-radius:4px;color:var(--text-primary);font-size:.85rem;cursor:pointer}.export-menu button:hover{background:var(--bg-tertiary)}.main{flex:1;display:flex;flex-direction:column;align-items:center;padding:1rem 16px;gap:1rem;width:100%;box-sizing:border-box;overflow-x:hidden;max-width:100%}@media(max-width:995px){.main{padding:.75rem 0;gap:.75rem;width:100%;max-width:100%;overflow-x:hidden}.timer-layout{padding:0 4px;gap:.75rem}.timer-center>*{max-width:100%;overflow-x:hidden}.scramble-container{max-width:100%;overflow-x:hidden}.solve-list-container{max-width:100%;padding:0;margin-left:-4px;margin-right:-4px;width:calc(100% + 8px)}}.content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:500px}.timer-layout{display:flex!important;align-items:flex-start;justify-content:center;gap:2rem;width:100%;max-width:1100px;padding:0 1rem;box-sizing:border-box;overflow-x:hidden}@media(max-width:768px){.timer-layout{padding:0 16px;max-width:100%}}.timer-widgets-left,.timer-widgets-right{display:flex!important;flex-direction:column;gap:1rem;width:180px;flex-shrink:0;visibility:visible!important;opacity:1!important;max-width:100%;box-sizing:border-box}.timer-center{display:flex;flex-direction:column;align-items:center;gap:1rem;flex:1;min-width:0;width:100%;box-sizing:border-box;max-width:100%;overflow-x:hidden}@media(max-width:900px){.timer-layout{flex-direction:column;align-items:center;gap:1rem;padding:0 8px;max-width:100%;width:100%;box-sizing:border-box;overflow-x:hidden}.timer-widgets-left,.timer-widgets-right{flex-direction:row;width:100%;max-width:100%;justify-content:center;flex-wrap:wrap;box-sizing:border-box;padding:0;gap:12px;overflow-x:hidden}.timer-widgets-left>*,.timer-widgets-right>*{flex:0 0 calc(50% - 6px);min-width:0;max-width:50%;box-sizing:border-box}.timer-center{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.widget-card{max-width:50%;min-width:0}.scramble-container{max-width:100%}}@media(max-width:600px){.timer-layout>*{max-width:100%;box-sizing:border-box}.timer-widgets-left>*,.timer-widgets-right>*{max-width:48%}}.widget-card{background:var(--timer-widget-bg, rgba(255, 255, 255, .03));border:.5px solid var(--timer-widget-border, rgba(255, 255, 255, .05));border-radius:16px;padding:1.5rem;min-height:280px;transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box;backdrop-filter:blur(var(--timer-bg-blur, 0px))}.widget-title{font-size:1rem;font-weight:600;color:var(--timer-text-secondary, rgba(255, 255, 255, .5));text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem}.progress-chart-widget,.streak-calendar-widget{background:var(--timer-widget-bg, rgba(255, 255, 255, .03));border:.5px solid var(--timer-widget-border, rgba(255, 255, 255, .05));border-radius:16px;padding:1.5rem;min-height:280px;transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box;backdrop-filter:blur(var(--timer-bg-blur, 0px))}.performance-trends-widget,.histogram-widget{background:var(--timer-widget-bg, rgba(255, 255, 255, .03));border:.5px solid var(--timer-widget-border, rgba(255, 255, 255, .05));border-radius:16px;padding:2.5rem;min-height:280px;transition:all .3s ease;width:100%;backdrop-filter:blur(var(--timer-bg-blur, 0px))}.widget-card:hover,.progress-chart-widget:hover,.streak-calendar-widget:hover,.performance-trends-widget:hover,.histogram-widget:hover{background:var(--timer-widget-hover, rgba(255, 255, 255, .05));border-color:var(--timer-accent-color, rgba(255, 255, 255, .1));transform:translateY(-2px)}.widget-title{font-size:.85rem;font-weight:600;color:var(--timer-text-secondary, rgba(255, 255, 255, .5));text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.25rem}.widget-empty{font-size:.75rem;color:var(--text-muted);text-align:center;padding:.5rem}.mini-stats-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;background:var(--timer-widget-bg, rgba(255, 255, 255, .03));border:.5px solid var(--timer-widget-border, rgba(255, 255, 255, .05));border-radius:16px;padding:1rem;min-height:140px;transition:all .3s ease;backdrop-filter:blur(var(--timer-bg-blur, 0px))}.mini-stats-cards:hover{background:var(--timer-widget-hover, rgba(255, 255, 255, .05));border-color:var(--timer-accent-color, rgba(255, 255, 255, .1));transform:translateY(-2px)}.mini-stat-card{background:transparent;border:none;border-radius:0;padding:.5rem;text-align:center}.mini-stat-label{font-size:.75rem;color:var(--timer-text-secondary, rgba(255, 255, 255, .5));text-transform:uppercase;margin-bottom:.5rem}.mini-stat-value{font-family:var(--timer-font-family, "JetBrains Mono", monospace);font-size:1.25rem;font-weight:700;color:var(--timer-text-primary, #fff)}.mini-stat-value{font-family:var(--timer-font-family, "JetBrains Mono", monospace);font-size:1rem;font-weight:700;color:var(--timer-text-primary, #fff)}.mini-stat-value.dnf{color:#ef4444}.mini-stat-value.plus2{color:#f59e0b}.penalty-badge{font-size:.5rem;padding:.1rem .25rem;border-radius:3px;margin-left:.25rem}.penalty-badge.dnf{background:#ef444433;color:#ef4444}.penalty-badge.plus2{background:#f59e0b33;color:#f59e0b}.performance-trends-widget{background:var(--timer-widget-bg, rgba(255, 255, 255, .03));border:.5px solid var(--timer-widget-border, rgba(255, 255, 255, .05));border-radius:16px;padding:1.25rem;min-height:160px;transition:all .3s ease}.performance-trends-widget:hover{background:var(--timer-widget-hover, rgba(255, 255, 255, .05));border-color:var(--timer-accent-color, rgba(255, 255, 255, .1));transform:translateY(-2px)}.trends-summary{margin-bottom:.75rem}.trend-badge{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.trend-badge.improving{background:var(--timer-positive-state, rgba(34, 197, 94, .15));color:var(--timer-positive-state, #22c55e)}.trend-badge.declining{background:var(--timer-negative-state, rgba(239, 68, 68, .15));color:var(--timer-negative-state, #ef4444)}.trend-badge.stable{background:var(--timer-widget-bg, rgba(255, 255, 255, .05));color:var(--timer-text-muted, var(--text-muted))}.trends-stats{display:flex;flex-direction:column;gap:.5rem}.trend-stat{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;border-bottom:1px solid var(--timer-widget-border, rgba(255, 255, 255, .05))}.trend-stat:last-child{border-bottom:none}.trend-label{font-size:.9rem;color:var(--timer-text-secondary, rgba(255, 255, 255, .5))}.trend-value{font-family:var(--timer-font-family, "JetBrains Mono", monospace);font-size:1.25rem;font-weight:700;color:var(--timer-text-primary, #fff)}.trend-value.positive{color:var(--timer-positive-state, #22c55e)}.trend-value.negative{color:var(--timer-negative-state, #ef4444)}.progress-chart-widget,.streak-calendar-widget,.performance-trends-widget,.histogram-widget{background:#ffffff08;border:.5px solid rgba(255,255,255,.05);border-radius:16px;padding:1.75rem;min-height:200px;transition:all .3s ease}.streak-calendar-widget{background:#ffffff08;border:.5px solid rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;min-height:180px;transition:all .3s ease}.performance-trends-widget,.histogram-widget{background:#ffffff08;border:.5px solid rgba(255,255,255,.05);border-radius:16px;padding:2.5rem;min-height:280px;transition:all .3s ease;width:100%}.progress-chart-widget:hover{background:var(--timer-widget-hover, rgba(255, 255, 255, .05));border-color:var(--timer-accent-color, rgba(255, 255, 255, .1));transform:translateY(-2px)}.chart-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.chart-time{font-family:var(--timer-font-family, "JetBrains Mono", monospace);font-size:1.5rem;font-weight:700;color:var(--timer-text-primary, #fff)}.chart-trend{font-size:.85rem}.chart-trend.down{color:var(--timer-positive-state, #22c55e)}.chart-trend.up{color:var(--timer-negative-state, #ef4444)}.chart-trend.flat{color:var(--timer-text-muted, var(--text-muted))}.progress-chart-svg{width:100%;height:auto}.chart-line{stroke:var(--timer-chart-line, #3b82f6)}.chart-dot{fill:var(--timer-chart-line, #3b82f6)}.grid-line{stroke:var(--timer-widget-border, rgba(255, 255, 255, .1))}.axis-label{font-size:.5rem;fill:var(--timer-text-muted, var(--text-muted))}.streak-calendar-widget{background:var(--timer-widget-bg, rgba(255, 255, 255, .03));border:.5px solid var(--timer-widget-border, rgba(255, 255, 255, .05));border-radius:16px;padding:1.25rem;min-height:160px;transition:all .3s ease}.streak-calendar-widget:hover{background:var(--timer-widget-hover, rgba(255, 255, 255, .05));border-color:var(--timer-accent-color, rgba(255, 255, 255, .1));transform:translateY(-2px)}.streak-icon{margin-right:.25rem}.streak-count{font-family:var(--timer-font-family, "JetBrains Mono", monospace);font-size:2.5rem;font-weight:700;color:var(--timer-warning-state, #f59e0b);margin-bottom:1rem}.calendar-grid{display:flex;flex-direction:column;gap:.25rem}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day-name{font-size:.45rem;color:var(--timer-text-muted, var(--text-muted));text-align:center}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{aspect-ratio:1;font-size:.45rem;display:flex;align-items:center;justify-content:center;border-radius:3px;background:var(--timer-widget-bg, rgba(255, 255, 255, .05));color:var(--timer-text-muted, var(--text-muted))}.calendar-day.active{background:var(--timer-chart-fill, var(--timer-warning-state, rgba(245, 158, 11, .3)));color:var(--timer-chart-line, var(--timer-warning-state, #f59e0b));border:1px solid var(--timer-chart-line, transparent);box-shadow:0 0 10px var(--timer-chart-fill, transparent)}.calendar-day.empty{background:transparent}.histogram-widget{background:var(--timer-widget-bg, rgba(255, 255, 255, .03));border:.5px solid var(--timer-widget-border, rgba(255, 255, 255, .05));border-radius:16px;padding:1.25rem;min-height:160px;transition:all .3s ease}.histogram-widget:hover{background:var(--timer-widget-hover, rgba(255, 255, 255, .05));border-color:var(--timer-accent-color, rgba(255, 255, 255, .1));transform:translateY(-2px)}.histogram-container{display:flex;flex-direction:column;gap:.5rem}.histogram-bars{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:6px;height:120px;padding-top:10px}.histogram-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.histogram-bar{width:100%;background:linear-gradient(180deg,var(--timer-chart-line, var(--timer-histogram-color, #8b5cf6)) 0%,transparent 100%);background-color:var(--timer-chart-fill, rgba(139, 92, 246, .2));border-radius:4px 4px 0 0;border-top:1px solid var(--timer-chart-line, var(--timer-histogram-color, #8b5cf6));min-height:2px;position:relative;transition:all .3s ease}.histogram-bar:hover{background:linear-gradient(180deg,var(--timer-chart-line, var(--timer-accent-light, #a78bfa)) 0%,var(--timer-chart-fill, rgba(139, 92, 246, .4)) 100%);filter:brightness(1.2)}.bar-count{position:absolute;top:-.75rem;left:50%;transform:translate(-50%);font-size:.45rem;color:var(--timer-text-primary, var(--text-primary))}.histogram-label{font-size:.4rem;color:var(--timer-text-muted, var(--text-muted));margin-top:.25rem;white-space:nowrap}.histogram-summary{display:flex;justify-content:space-between;font-size:.65rem}.histogram-avg{color:var(--timer-text-primary, var(--text-primary));font-weight:600}.histogram-range{color:var(--text-muted)}.scramble-container{width:100%;max-width:100%;background:var(--timer-scramble-bg, var(--timer-widget-bg, rgba(255, 255, 255, .03)));backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid var(--timer-scramble-border, var(--timer-widget-border, rgba(255, 255, 255, .06)));border-radius:20px;padding:1rem;text-align:center;box-sizing:border-box;box-shadow:var(--timer-panel-shadow, 0 4px 24px rgba(0, 0, 0, .2))}.scramble-label{font-size:.7rem;font-weight:600;color:var(--timer-text-muted, rgba(255, 255, 255, .5));letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.scramble-text{font-family:var(--timer-font-family, "JetBrains Mono", monospace);font-size:.95rem;color:var(--timer-scramble-text, var(--timer-text-secondary, rgba(255, 255, 255, .8)));line-height:1.6;word-spacing:.2em;margin-bottom:1rem;padding:1rem;background:var(--timer-widget-bg, rgba(255, 255, 255, .02));border-radius:12px}.scramble-image-container{display:flex;justify-content:center;align-items:center;margin:.5rem auto 0;cursor:pointer;width:150px;height:150px;overflow:hidden}.scramble-image-container>div{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.scramble-image-container svg{display:block;width:100%;height:100%;max-width:140px!important;max-height:140px!important;object-fit:contain}.scramble-loading{color:#fff6;font-size:.85rem;padding:1rem}.puzzle-preview{display:flex;justify-content:center;align-items:center;cursor:pointer;padding:2px;overflow:hidden}.puzzle-preview svg{display:block;width:100%;height:auto;max-width:60px;max-height:50px}.scramble-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.scramble-header .scramble-label{margin-bottom:0}.scramble-actions{display:flex;gap:.5rem}.scramble-icon-btn{background:var(--timer-widget-bg, rgba(255, 255, 255, .03));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:.5px solid var(--timer-widget-border, rgba(255, 255, 255, .06));font-size:1rem;cursor:pointer;padding:8px 12px;border-radius:10px;transition:all .3s ease;color:var(--timer-text-muted, rgba(255, 255, 255, .6))}.scramble-icon-btn:hover{background:var(--timer-widget-hover, rgba(255, 255, 255, .08));border-color:var(--timer-accent-color, rgba(255, 255, 255, .12));color:var(--timer-text-primary, #fff);transform:translateY(-2px)}.scramble-icon-btn.bluetooth-connected{background:#22c55e26;border-color:#22c55e4d;color:#22c55e}.scramble-icon-btn.bluetooth-connected:hover{background:#22c55e40}.bluetooth-spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scramble-popup-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.scramble-popup{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;max-width:90vw;max-height:90vh;width:500px}.scramble-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:600}.scramble-popup-content{display:flex;justify-content:center;min-height:400px;padding:20px}.scramble-popup-content twisty-player{width:100%;height:400px}.scramble-popup-text{margin-top:1rem;font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--text-secondary);text-align:center;word-spacing:.2em}.timer-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overscroll-behavior:none}.timer-container.typing-mode{touch-action:manipulation}body{overflow-x:hidden}body.timer-active{overflow:hidden!important;position:fixed;width:100%;height:100%}.timer-display{font-family:JetBrains Mono,monospace;font-size:clamp(2.5rem,12vw,5rem);font-weight:700;cursor:pointer;padding:.5rem 1.5rem;border-radius:12px;transition:all .2s;user-select:none;color:var(--text-primary)}.timer-display:hover{transform:scale(1.02)}.timer-display:active{transform:scale(.98)}.timer-display.tapping{transform:scale(.95);background:var(--bg-tertiary)}.timer-area{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;overscroll-behavior:contain;padding:1rem 2rem}.timer-area.primary-timer-area{touch-action:manipulation}@media(max-width:768px){.timer-area{padding:1.5rem 3rem}}@media(max-width:480px){.timer-area{padding:2rem 4rem}}.timer-warning{animation:pulse-warning .5s ease-in-out infinite}.timer-small{font-size:clamp(1.5rem,8vw,3rem)!important}.timer-large{font-size:clamp(3.5rem,16vw,7rem)!important}.timer-extra-large{font-size:clamp(5rem,24vw,10rem)!important}.timer-digital{font-family:Courier New,Courier,monospace!important;font-weight:900!important}.timer-classic{font-family:Times New Roman,serif!important;font-style:italic!important}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.timer-hint{font-size:.8rem;color:var(--text-muted);text-align:center}.confirm-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem}.penalty-buttons{display:flex;gap:.5rem}.penalty-btn{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;padding:.4rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.penalty-btn:hover{border-color:var(--accent-primary)}.penalty-btn.active{border-color:currentColor}.penalty-btn.ok{color:#22c55e}.penalty-btn.ok.active{background:#22c55e33}.penalty-btn.plus2{color:#f59e0b}.penalty-btn.plus2.active{background:#f59e0b33}.penalty-btn.dnf{color:#ef4444}.penalty-btn.dnf.active{background:#ef444433}.confirm-btn{font-size:.9rem;font-weight:600;padding:.5rem 1.5rem;border-radius:10px;border:none;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;cursor:pointer;transition:all .2s}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--accent-glow)}.solve-list-container{width:100%;max-width:600px;margin-top:.5rem}.solve-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;width:100%}.solve-list-header-left{display:flex;align-items:center;gap:.75rem}.solve-list-title{font-size:.85rem;font-weight:600;color:var(--timer-text-secondary, rgba(255, 255, 255, .7))}.solve-list-stats{display:flex;gap:.5rem;font-size:.7rem;color:var(--timer-text-muted, rgba(255, 255, 255, .4))}.solve-list-stats span{white-space:nowrap}.view-all-btn{font-size:.8rem;color:var(--timer-accent-color, #818cf8);background:none;border:none;cursor:pointer;transition:all .3s ease}.view-all-btn:hover{color:var(--timer-accent-light, #a5b4fc);text-decoration:underline}.solve-list{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto}@media(min-width:769px){.solve-list{display:flex!important;flex-wrap:nowrap!important;overflow-x:visible!important;gap:.75rem;width:100%;justify-content:flex-start}.solve-list-container{width:100%;max-width:100%}.solve-item{flex-shrink:0!important;white-space:nowrap}}.solve-item{display:inline-flex;align-items:center;justify-content:center;background:var(--timer-solve-item-bg, var(--timer-widget-bg, rgba(255, 255, 255, .03)));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:.5px solid var(--timer-solve-item-border, var(--timer-widget-border, rgba(255, 255, 255, .06)));border-radius:10px;padding:.5rem 1rem;font-family:var(--timer-font-family, "JetBrains Mono", monospace);font-size:.85rem;color:var(--timer-text-primary, var(--text-primary, #fff));min-width:60px;text-align:center;flex-shrink:1;white-space:nowrap;transition:all .2s ease}@media(max-width:768px){.solve-item{flex-shrink:0}}.solve-item:hover{background:var(--timer-solve-item-hover, var(--timer-widget-hover, rgba(255, 255, 255, .06)));transform:translateY(-1px)}.solve-item.plus2{border-color:var(--timer-warning-state, rgba(245, 158, 11, .5))}.solve-item.dnf{border-color:var(--timer-negative-state, rgba(239, 68, 68, .5));color:var(--timer-negative-state, #ef4444)}.plus2-badge,.dnf-badge{font-size:.65rem;padding:.1rem .3rem;border-radius:3px;margin-left:.3rem}.plus2-badge{background:var(--timer-warning-state, rgba(245, 158, 11, .2));color:var(--timer-warning-state, #f59e0b)}.dnf-badge{background:var(--timer-negative-state, rgba(239, 68, 68, .2));color:var(--timer-negative-state, #ef4444)}.solve-popup-overlay,.statistics-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.solve-popup,.statistics-popup{background:#0f0f19fa;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.08);border-radius:20px;width:90%;max-width:400px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.solve-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:.5px solid rgba(255,255,255,.06);flex-shrink:0}.solve-popup-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.solve-detail-inline-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.solve-popup-header h3,.statistics-header h3{font-size:1rem;font-weight:700;color:#fff}.solve-popup-header-actions{display:flex;align-items:center;gap:.5rem}.edit-mode-btn,.done-edit-btn{background:#ffffff0d;border:.5px solid rgba(255,255,255,.1);border-radius:8px;padding:.4rem .8rem;font-size:.75rem;font-weight:600;color:#ffffffb3;cursor:pointer;transition:all .2s}.edit-mode-btn:hover{background:#ffffff1a;color:#fff}.done-edit-btn{background:#818cf826;color:#a5b4fc;border-color:#818cf833}.done-edit-btn:hover{background:#818cf840}.close-btn{background:transparent;border:none;font-size:1.25rem;color:#ffffff80;cursor:pointer;line-height:1;box-sizing:border-box}.solve-popup-list{overflow-y:auto;padding:.75rem;flex:1;min-height:0}.solve-popup-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;border-radius:10px;margin-bottom:.4rem;background:#ffffff08;border:.5px solid rgba(255,255,255,.04);transition:all .2s}.solve-popup-item:hover{background:#ffffff0f}.solve-popup-item.plus2{border-left:3px solid #fbbf24}.solve-popup-item.dnf{border-left:3px solid #f87171}.solve-delete-btn{background:transparent;border:none;color:#f87171;font-size:.9rem;cursor:pointer;padding:.4rem;border-radius:6px;display:flex;align-items:center;justify-content:center}.solve-delete-btn:hover{background:#ef444426}.solve-index{color:#fff6;font-size:.75rem}.solve-popup-pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;padding:.75rem;border-top:.5px solid rgba(255,255,255,.06)}.solve-popup-pagination button{background:#ffffff0d;border:.5px solid rgba(255,255,255,.1);color:#ffffffb3;padding:.35rem .75rem;border-radius:6px;cursor:pointer;font-size:.8rem}.solve-popup-pagination button:disabled{opacity:.5;cursor:not-allowed}.solve-popup-pagination span{color:#fff9;font-size:.8rem}.statistics-content{padding:1rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.5rem}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.stat-item{background:var(--bg-tertiary);padding:.6rem .5rem;border-radius:8px;text-align:center}.stat-item.highlight{background:#8b5cf626;border:1px solid rgba(139,92,246,.3)}.stat-label{display:block;font-size:.6rem;color:var(--text-muted);margin-bottom:.2rem;text-transform:uppercase}.stat-value{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600}.stat-item.highlight .stat-value{color:var(--accent-secondary)}.stat-divider{height:1px;background:var(--border);margin:.4rem 0}.stat-counts{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.3rem}.count-item{text-align:center;flex:1 1 45%;min-width:60px;padding:.3rem}.count-value{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;display:block}.count-label{font-size:.55rem;color:var(--text-muted);display:block}.count-item.dnf .count-value{color:#ef4444}.count-item.plus2 .count-value{color:#f59e0b}.count-item.success .count-value{color:#22c55e}.count-item.streak .count-value{color:#8b5cf6}.stats-section-title{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:.3rem;letter-spacing:.5px}.detailed-stats-btn{width:100%;padding:.7rem;margin-top:1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s;flex-shrink:0}.detailed-stats-btn:hover{opacity:.9}@media(max-width:500px){.statistics-popup{width:95%;max-width:95%;max-height:90vh;border-radius:12px}.statistics-content{max-height:calc(90vh - 60px);padding:.75rem}.statistics-header{padding:.75rem}.statistics-header h3{font-size:.95rem}.stat-grid{gap:.35rem}.stat-item{padding:.5rem .35rem}.stat-value{font-size:.85rem}.stat-label{font-size:.5rem}.stats-section-title{font-size:.6rem;margin-bottom:.2rem}.count-item{flex:1 1 48%;padding:.25rem}.count-value{font-size:.9rem}.count-label{font-size:.5rem}.stat-divider{margin:.3rem 0}.detailed-stats-btn{padding:.65rem;font-size:.9rem;margin-top:.4rem}}@media(max-width:360px){.statistics-popup{width:98%;max-width:98%;max-height:92vh}.statistics-content{max-height:calc(92vh - 55px);padding:.5rem}.stat-grid{gap:.25rem}.stat-item{padding:.4rem .25rem}}.scramble-actions .focus-btn:hover{background:var(--accent-primary);color:#fff}.scramble-actions .exit-focus{color:#ef4444}.scramble-actions .exit-focus:hover{background:#ef4444;color:#fff}.main.focus-mode{min-height:calc(100vh - 52px);display:flex;flex-direction:column;justify-content:center;padding:1rem}.main.focus-mode .content{align-items:center}@media(max-width:500px){.toolbar{flex-direction:column;gap:.5rem;position:relative}.toolbar-left,.toolbar-right{width:100%;justify-content:flex-start;flex-wrap:wrap}.mobile-only{display:flex}.desktop-only{display:none}.menu-toggle-btn{display:block}.toolbar-right{display:none}.toolbar-popup{display:flex}.timer-display{font-size:2.5rem}}.left-pane{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.auth-page .left-pane{width:100%}.profile-page{min-height:100vh;padding:1rem;width:100%;max-width:100%}.profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.profile-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.profile-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.profile-avatar{width:100px;height:100px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:600}.profile-info{width:100%;display:flex;flex-direction:column;gap:1rem}.profile-field{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:8px}.profile-field label{font-size:.9rem;color:var(--text-secondary)}.profile-field span{font-size:.95rem;color:var(--text-primary)}.sync-status.synced{color:#22c55e}.sync-status.syncing{color:#f59e0b}.profile-actions{display:flex;gap:1rem;margin-top:1rem}.profile-form{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary)}.auth-card{width:100%;max-width:500px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:2rem;position:relative}.auth-card.signup-card{max-width:800px}.auth-card h1{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-message{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:.4rem}.form-group input,.form-group select{width:100%;padding:.75rem;font-size:.9rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary)}.form-row{display:flex;gap:.75rem}.form-row .form-group{flex:1}.checkbox-group{margin-bottom:.75rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary)}.checkbox-group a{color:var(--accent-primary);text-decoration:none}.btn-primary{width:100%;padding:.875rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .2s;margin-top:.5rem}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-link{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--text-secondary)}.auth-link a{color:var(--accent-primary);text-decoration:none;font-weight:500}.auth-link a:hover{text-decoration:underline}.settings-page{min-height:100vh;background:linear-gradient(180deg,#0d0d12,#12121a)}.settings-page .stats-header-modern{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding:1.5rem .25rem 1rem;position:relative;border-bottom:.5px solid rgba(255,255,255,.06);background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.settings-page .header-left{display:flex;align-items:center;gap:.5rem;flex-shrink:0;position:absolute;left:.75rem}.settings-page .stats-header-modern .back-btn{padding:.4rem .6rem;min-width:auto;font-size:.85rem}.settings-page .header-center{text-align:center}.settings-page .header-center h1{font-size:1.25rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.settings-page .header-center .header-subtitle{font-size:.65rem;color:#ffffff80;margin:.25rem 0 0}.settings-header{display:flex;align-items:center;justify-content:center;padding:1.5rem;border-bottom:.5px solid rgba(255,255,255,.06);background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);position:relative}.settings-header h1{font-size:1.5rem;font-weight:700;color:#fff}.back-btn{position:absolute;left:1.5rem;padding:10px 18px;background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:.5px solid rgba(255,255,255,.08);border-radius:14px;color:#ffffffb3;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#fff;transform:translateY(-2px)}.settings-tabs{display:flex;justify-content:center;gap:8px;padding:1rem .75rem;background:#ffffff05;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:.5px solid rgba(255,255,255,.04);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs button{padding:12px 20px;background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:.5px solid rgba(255,255,255,.05);border-radius:14px;color:#ffffff80;font-size:.85rem;white-space:nowrap;scroll-snap-align:center;font-weight:500;cursor:pointer;transition:all .3s ease;flex-shrink:0}.settings-tabs button:hover{background:#ffffff0f;border-color:#ffffff1a;color:#fffc}.settings-tabs button.active{background:linear-gradient(135deg,#ffffff1f,#ffffff0a);border-color:#ffffff26;color:#fff;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff14}.settings-content{max-width:1200px;margin:0 auto;padding:1.5rem;width:100%;box-sizing:border-box}@media(min-width:1201px){.settings-content{padding:2rem}}.tab-content h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.settings-section{background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:24px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 24px #0003,inset 0 .5px #ffffff0a}.settings-section h2{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#fff}.settings-section h3{font-size:.9rem;font-weight:600;margin-bottom:1rem;margin-top:1.25rem;color:#fffc}.settings-section h3:first-child{margin-top:0}.toggle-row{margin-bottom:1rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.toggle-label input[type=checkbox]{appearance:none;width:48px;height:26px;background:#ffffff1a;border-radius:13px;position:relative;cursor:pointer;transition:all .3s ease;border:.5px solid rgba(255,255,255,.1)}.toggle-label input[type=checkbox]:checked{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f180}.toggle-label input[type=checkbox]:after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle-label input[type=checkbox]:checked:after{transform:translate(22px)}.toggle-label span{font-size:.9rem;color:#fffc}.bluetooth-settings-container{margin:1rem 0;padding:1rem;background:#ffffff05;border:.5px solid rgba(255,255,255,.08);border-radius:16px}.bluetooth-status-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.bluetooth-status-label{font-size:.85rem;color:#fff9}.bluetooth-status-value{font-size:.85rem;font-weight:500;color:#fffc}.bluetooth-status-value.connected{color:#22c55e}.bluetooth-status-value.connecting{color:#f59e0b}.bluetooth-status-value.error,.bluetooth-status-value.disconnected{color:#ef4444}.bluetooth-connecting-message{font-size:.8rem;color:#ffffff80;margin-bottom:.75rem}.bluetooth-device-info{margin-bottom:.75rem}.bluetooth-device-row,.bluetooth-battery-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.bluetooth-device-label,.bluetooth-battery-label{font-size:.8rem;color:#ffffff80}.bluetooth-device-name,.bluetooth-battery-value{font-size:.8rem;color:#fffc}.bluetooth-battery-value{color:#22c55e}.bluetooth-error{font-size:.8rem;color:#ef4444;background:#ef44441a;padding:.5rem .75rem;border-radius:8px;margin-bottom:.75rem}.bluetooth-warning{font-size:.75rem;color:#f59e0b;background:#f59e0b1a;padding:.5rem .75rem;border-radius:8px;margin-bottom:.75rem}.bluetooth-button-row{display:flex;gap:.5rem}.bluetooth-connect-btn,.bluetooth-disconnect-btn{padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.bluetooth-connect-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.bluetooth-connect-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.bluetooth-connect-btn:disabled{opacity:.6;cursor:not-allowed}.bluetooth-disconnect-btn{background:#ffffff1a;color:#fffc;border:.5px solid rgba(255,255,255,.1)}.bluetooth-disconnect-btn:hover{background:#ffffff26}.bluetooth-help-text{font-size:.75rem;color:#fff6;margin-top:.75rem}.section-description{font-size:.8rem;color:#ffffff73;margin-bottom:1rem;line-height:1.5}.security-stat-card{background:#ffffff08;border:.5px solid rgba(255,255,255,.06);border-radius:16px;padding:16px;backdrop-filter:blur(24px) saturate(180%)}.security-stat-card .stat-label{font-size:.8rem;color:#ffffff80;margin-bottom:4px}.security-stat-card .stat-value{font-size:1.1rem;font-weight:600;color:#fff}.provider-row{transition:all .2s ease}.provider-row:hover{background:#ffffff0f!important;border-color:#ffffff1a!important}.last-sync{font-size:.8rem;color:#ffffff80;margin-bottom:1rem}.sync-message{margin-top:12px;padding:10px 14px;border-radius:8px;font-size:14px}.sync-message.success{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.sync-message.error{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.setting-row label{font-size:.9rem;color:#fffc}.setting-row select{padding:12px 16px;background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:.5px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:160px}.setting-row select:focus{outline:none;border-color:#818cf880;box-shadow:0 0 0 3px #818cf826}.setting-row select option{background:#1a1a2e;color:#fff}.file-input-label{display:inline-block;padding:12px 24px;background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:.5px solid rgba(255,255,255,.1);border-radius:14px;color:#fffc;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.file-input-label:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.file-input-label input{display:none}.import-history-list{list-style:none;padding:0;margin:0 0 .75rem}.import-history-list li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.85rem;color:var(--text-secondary)}.import-history-list li:last-child{border-bottom:none}.btn-small{padding:.25rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all .2s}.btn-small:hover{background:var(--bg-hover)}.btn-secondary{padding:12px 24px;background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:.5px solid rgba(255,255,255,.1);border-radius:14px;color:#fffc;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{padding:12px 24px;background:#ef44441a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:.5px solid rgba(239,68,68,.2);border-radius:14px;color:#f87171;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-danger:hover:not(:disabled){background:#ef444433;border-color:#ef44444d;transform:translateY(-2px)}.danger-zone{border-color:#ef44444d}.danger-zone h2{color:#ef4444}.danger-zone ul{margin:.75rem 0;padding-left:1.25rem;font-size:.85rem;color:var(--text-secondary)}.danger-zone li{margin-bottom:.25rem}.warning{color:#ef4444;font-size:.85rem;font-weight:500;margin:.75rem 0}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px)}.modal{background:#1e1e2df2;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:.5px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;width:90%;max-width:450px;box-shadow:0 8px 32px #0006,inset 0 .5px #ffffff0d}.modal h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#fff}.modal p{font-size:.9rem;color:#fff9;margin-bottom:.75rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.import-preview-content{text-align:left}.import-preview-content p{margin-bottom:.5rem;color:var(--text-primary)}.session-stats-panel{display:flex;justify-content:center;gap:1.5rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;margin-top:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.session-stats-panel::-webkit-scrollbar{display:none}.session-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.session-stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.session-stat-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.manual-time-input{margin-top:.5rem}.manual-time-input input{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem;text-align:center;width:200px}.manual-time-input input:focus{outline:none;border-color:var(--accent-color)}.typing-time-input{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:320px;margin:0 auto}.typing-input-row{display:flex;gap:.5rem;width:100%}.typing-input{flex:1;padding:.75rem 1rem;border-radius:8px;border:2px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:1.25rem;text-align:center;font-family:var(--font-mono, monospace)}.typing-input:focus{outline:none;border-color:var(--accent-color)}.typing-input.error{border-color:#ef4444}.typing-input.valid{border-color:#22c55e}.typing-clear-btn{padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.875rem;cursor:pointer;white-space:nowrap}.typing-clear-btn:hover:not(:disabled){background:var(--bg-hover)}.typing-clear-btn:disabled{opacity:.5;cursor:not-allowed}.typing-error{color:#ef4444;font-size:.875rem;text-align:center}.typing-preview{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.typing-preview-time{font-size:2rem;font-family:var(--font-mono, monospace);font-weight:700;color:var(--text-primary)}.typing-save-btn{width:100%;padding:.75rem 1rem;border-radius:8px;border:none;background:var(--accent-color);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.typing-save-btn:hover{opacity:.9}.typing-hint{font-size:.75rem;color:var(--text-muted);text-align:center}.editable-time-input{margin-top:.5rem}.typing-edit-input{padding:.5rem 1rem;border-radius:8px;border:2px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:1.5rem;font-family:var(--font-mono, monospace);text-align:center;width:200px}.typing-edit-input:focus{outline:none;border-color:var(--accent-color)}.typing-input-container{margin-top:.5rem}.import-modal{max-width:500px}.import-filename{font-size:.85rem;color:var(--text-muted);margin-bottom:.25rem}.import-format{font-size:.75rem;color:var(--accent-primary);margin-bottom:1rem;text-transform:uppercase;font-weight:600}.import-summary{display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.import-stat{display:flex;flex-direction:column;align-items:center}.import-stat-value{font-size:1.5rem;font-weight:600;color:var(--accent-primary)}.import-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.import-sessions{max-height:200px;overflow-y:auto}.import-sessions h3{font-size:.9rem;margin-bottom:.5rem}.import-session-item{display:flex;justify-content:space-between;padding:.5rem;background:var(--bg-tertiary);border-radius:4px;margin-bottom:.25rem;font-size:.85rem}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:.5rem 1rem;border-radius:6px;cursor:pointer}.btn-secondary:hover{background:var(--bg-tertiary)}.no-imports{color:var(--text-muted);font-size:.85rem;text-align:center;padding:1rem}.import-history-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.import-history-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-tertiary);border-radius:8px}.import-history-info{display:flex;flex-direction:column;gap:.25rem}.import-date{font-size:.85rem;color:var(--text-primary)}.import-count{font-size:.75rem;color:var(--text-secondary)}.import-event{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.btn-undo{padding:.4rem .75rem;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.8rem;cursor:pointer}.btn-undo:hover{background:#f59e0b26;border-color:#f59e0b;color:#f59e0b}.btn-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem}.btn-danger:hover{background:#ef444440}.export-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.export-buttons .btn-secondary{flex:1;min-width:140px}.btn-primary{background:var(--accent-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500}.btn-primary:hover{opacity:.9}.stats-page{min-height:100vh;padding:2rem;width:100%;max-width:100%;background:linear-gradient(180deg,#0d0d12,#12121a)}.stats-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap;padding:0 .5rem}.stats-header h1{font-size:1.75rem;font-weight:700;color:#fff;flex:1;min-width:200px}.back-btn{padding:12px 20px;background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:.5px solid rgba(255,255,255,.08);border-radius:14px;color:#ffffffb3;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.back-btn:hover{background:#6366f133;border-color:#6366f14d;color:#fff}@media(max-width:600px){.stats-header{gap:.75rem;padding:.5rem}.stats-header h1{font-size:1.25rem;margin-top:.5rem;width:100%}.back-btn{padding:10px 16px;font-size:.85rem}}.stats-event-selector{margin-bottom:1.5rem;padding:0 .5rem}.stats-event-selector select{width:100%;max-width:280px;padding:14px 18px;font-size:.95rem;border-radius:14px;border:.5px solid rgba(255,255,255,.1);background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;transition:all .3s ease}.stats-event-selector select:focus{outline:none;border-color:#818cf880;box-shadow:0 0 0 3px #818cf826}.stats-event-selector select option{background:#1a1a2e;color:#fff}.stats-empty{text-align:center;padding:4rem 2rem;color:#fff6}.stats-empty p{margin-bottom:1.25rem;font-size:1.1rem}.stats-empty button{padding:14px 28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:16px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 16px #6366f14d}.stats-empty button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #6366f166}.stats-section{margin-bottom:1.5rem;margin-top:.5rem;background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:24px;padding:1.5rem;box-shadow:0 4px 24px #0003,inset 0 .5px #ffffff0a}.stats-section h2{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#fff;padding-bottom:.75rem;border-bottom:.5px solid rgba(255,255,255,.06)}.stats-section h3{font-size:.8rem;font-weight:600;margin:1rem 0 .75rem;color:#fff9}.stats-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{background:#ffffff08;border:.5px solid rgba(255,255,255,.05);border-radius:16px;padding:1rem;text-align:center;transition:all .3s ease}.stat-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.stat-card.highlight,.stat-card.span-2{grid-column:span 2}.stat-card.highlight{background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:.5px solid rgba(139,92,246,.3)}.stat-card-label{display:block;font-size:.7rem;color:#ffffff80;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.5px}.stat-card-value{display:block;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;color:#fff}.stat-card-value.fast{color:#34d399}.stat-card-value.slow{color:#fbbf24}.stat-card-value.dnf{color:#f87171}.stat-card-value.streak{color:#a78bfa}.stat-card .best{color:#34d399}.averages-table{background:#ffffff05;border-radius:16px;overflow:hidden;border:.5px solid rgba(255,255,255,.05)}.averages-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:.75rem;border-bottom:.5px solid rgba(255,255,255,.04);font-family:JetBrains Mono,monospace;font-size:.8rem;color:#ffffffb3}.averages-row:last-child{border-bottom:none}.averages-row.header{background:var(--bg-primary);font-weight:600;color:var(--text-muted);font-size:.6rem;text-transform:uppercase;letter-spacing:.3px}.averages-row .best{color:#22c55e}.distribution-chart{background:var(--bg-tertiary);border-radius:8px;padding:.6rem}.distribution-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.distribution-bar:last-child{margin-bottom:0}.distribution-label{width:55px;font-size:.65rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.distribution-bar-container{flex:1;height:16px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.distribution-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:3px;transition:width .3s ease}.distribution-count{width:28px;text-align:right;font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-secondary)}.session-table{background:var(--bg-tertiary);border-radius:8px;overflow:hidden;overflow-x:auto}.session-row{display:grid;grid-template-columns:2fr .7fr .7fr .7fr .7fr;padding:.5rem .6rem;border-bottom:1px solid var(--border);font-size:.75rem;align-items:center;white-space:nowrap}.session-row:last-child{border-bottom:none}.session-row.header{background:var(--bg-primary);font-weight:600;color:var(--text-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.3px}.session-name{font-weight:500;overflow:hidden;text-overflow:ellipsis}.session-row .best{color:#22c55e;font-family:JetBrains Mono,monospace}.session-row .date{color:var(--text-muted);font-size:.65rem}.session-row .date{color:var(--text-muted);font-size:.8rem}@media(max-width:768px){.stats-cards{grid-template-columns:1fr;gap:.4rem}.stat-card{padding:.5rem}.stat-card-value{font-size:.85rem}.stat-card-label{font-size:.55rem}.stat-card.highlight,.stat-card.span-2{grid-column:span 1}.session-row{grid-template-columns:1.5fr .6fr .6fr .6fr;gap:.3rem;font-size:.7rem;padding:.4rem .5rem}.session-row .date,.session-row.header span:nth-child(5){display:none}.averages-row{font-size:.7rem;padding:.4rem .5rem}.distribution-label{width:45px;font-size:.55rem}.distribution-count{width:22px;font-size:.6rem}.distribution-bar-container{height:12px}.milestones-grid{grid-template-columns:repeat(3,1fr)}.penalty-chart{flex-direction:column;align-items:flex-start;gap:.75rem}.time-pattern-chart{grid-template-columns:repeat(2,1fr)}.trend-summary{margin-bottom:.5rem}}.import-progress-container{text-align:center;padding:2rem}.progress-bar{width:100%;height:24px;background:var(--bg-tertiary);border-radius:12px;overflow:hidden;margin:1rem 0}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transition:width .3s ease;border-radius:12px}.session-list{list-style:none;padding:0;margin:1rem 0;max-height:400px;overflow-y:auto}.session-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;margin-bottom:.5rem}.session-item span{flex:1}.stats-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.tab-btn{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.tab-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.tab-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.trend-summary{display:flex;justify-content:center;margin-bottom:.75rem}.trend-indicator{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px}.trend-indicator.improving{border-color:#22c55e;background:#22c55e1a}.trend-indicator.declining{border-color:#ef4444;background:#ef44441a}.trend-indicator.stable{border-color:#6b7280;background:#6b72801a}.trend-icon{font-size:1rem}.trend-indicator.improving .trend-icon{color:#22c55e}.trend-indicator.declining .trend-icon{color:#ef4444}.trend-indicator.stable .trend-icon{color:#6b7280}.trend-text{font-weight:600;font-size:.85rem}.trend-chart{margin-top:.5rem}.mini-chart{display:flex;align-items:flex-end;gap:1px;height:50px;background:var(--bg-tertiary);border-radius:6px;padding:.3rem;margin-top:.5rem}.mini-bar{flex:1;background:var(--accent-primary);border-radius:1px;min-height:2px;transition:height .2s}.milestones-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.milestone-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:.5rem;text-align:center;opacity:.5}.milestone-card.achieved{opacity:1;border-color:#22c55e;background:#22c55e1a}.milestone-label{display:block;font-size:.65rem;font-weight:600;color:var(--text-primary);margin-bottom:.15rem}.milestone-status{display:block;font-size:.6rem;color:var(--text-muted)}.milestone-card.achieved .milestone-status{color:#22c55e}.penalty-chart{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.donut-chart{position:relative;width:70px;height:70px;flex-shrink:0}.donut-chart svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-total{display:block;font-size:.9rem;font-weight:700;color:var(--text-primary)}.donut-label{font-size:.55rem;color:var(--text-muted)}.penalty-legend{display:flex;flex-direction:column;gap:.3rem}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.75rem}.legend-color{width:10px;height:10px;border-radius:2px;flex-shrink:0}.time-pattern-chart{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.time-block-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:.5rem;text-align:center}.time-block-label{display:block;font-size:.6rem;color:var(--text-muted);margin-bottom:.25rem}.time-block-avg{display:block;font-size:.9rem;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--text-primary)}.time-block-count{display:block;font-size:.55rem;color:var(--text-muted);margin-top:.15rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.legend-color{width:12px;height:12px;border-radius:3px}.legend-color.clean{background:#4ade80}.legend-color.plus2{background:#fbbf24}.legend-color.dnf{background:#f87171}.time-pattern-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.time-block-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1rem;text-align:center;transition:all .2s}.time-block-card.best{border-color:#22c55e;background:#22c55e1a}.time-block-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.time-block-avg{display:block;font-size:1.1rem;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--text-primary)}.time-block-count{display:block;font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.best-time-note{text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:1rem}.best-time-note strong{color:#22c55e}.heatmap-container{margin-top:.75rem}.heatmap-container h3{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.heatmap{display:grid;grid-template-columns:repeat(15,1fr);gap:2px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:.4rem}.heatmap-cell{aspect-ratio:1;background:var(--bg-primary);border-radius:2px;min-width:6px;min-height:6px}.heatmap-cell.low{background:#22c55e40}.heatmap-cell.medium{background:#22c55e80}.heatmap-cell.high{background:#22c55e}.efficiency-score{display:flex;justify-content:center;margin-bottom:1.5rem}.score-circle{position:relative;width:150px;height:150px}.score-circle svg{transform:rotate(-90deg)}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number{display:block;font-size:2rem;font-weight:700;color:var(--text-primary)}.score-label{font-size:.85rem;color:var(--text-muted)}.box-plot{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.box-plot-scale{position:relative;height:60px}.bp-label{position:absolute;font-size:.7rem;color:var(--text-muted)}.bp-label:first-child{top:0;left:0}.bp-label:last-child{top:0;right:0}.bp-container{position:absolute;top:20px;left:10%;right:10%;height:30px}.bp-whisker-left,.bp-whisker-right{position:absolute;top:50%;width:10%;height:2px;background:var(--text-muted)}.bp-whisker-left{left:0}.bp-whisker-right{right:0}.bp-box{position:absolute;top:0;height:100%;background:#8b5cf64d;border:1px solid rgba(139,92,246,.5);border-radius:4px}.bp-median{position:absolute;top:0;width:2px;height:100%;background:#8b5cf6}.stat-card-value.positive{color:#22c55e}.stat-card-value.negative{color:#ef4444}@media(max-width:768px){.stats-tabs{flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.tab-btn{padding:.4rem .75rem;font-size:.75rem}.penalty-chart{flex-direction:column}.time-pattern-chart{grid-template-columns:repeat(2,1fr)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stats-section{animation:fadeSlideUp .35s ease-out forwards;opacity:0}.stats-section:nth-child(2){animation-delay:.05s}.stats-section:nth-child(3){animation-delay:.1s}.stats-section:nth-child(4){animation-delay:.15s}.stats-section:nth-child(5){animation-delay:.2s}.stats-section:nth-child(6){animation-delay:.25s}.stats-section:nth-child(7){animation-delay:.3s}.stats-section:nth-child(8){animation-delay:.35s}.stats-section:nth-child(9){animation-delay:.4s}.stats-section:nth-child(10){animation-delay:.45s}.stats-section:nth-child(11){animation-delay:.5s}.stat-card{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-card:active{transform:scale(.98)}@keyframes barGrow{0%{width:0}}.distribution-bar-fill{animation:barGrow .7s ease-out forwards}.distribution-bar:nth-child(1) .distribution-bar-fill{animation-delay:.1s}.distribution-bar:nth-child(2) .distribution-bar-fill{animation-delay:.15s}.distribution-bar:nth-child(3) .distribution-bar-fill{animation-delay:.2s}.distribution-bar:nth-child(4) .distribution-bar-fill{animation-delay:.25s}.distribution-bar:nth-child(5) .distribution-bar-fill{animation-delay:.3s}.distribution-bar:nth-child(6) .distribution-bar-fill{animation-delay:.35s}.distribution-bar:nth-child(7) .distribution-bar-fill{animation-delay:.4s}.session-row{transition:background .15s ease,transform .12s ease}.session-row:not(.header):hover{background:#8b5cf61a;transform:translate(2px)}@keyframes milestonePop{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}.milestone-card.achieved{animation:milestonePop .4s ease-out forwards}.milestone-card{transition:transform .2s ease,box-shadow .2s ease}.milestone-card:hover{transform:scale(1.02)}@keyframes drawCircle{0%{stroke-dashoffset:251}}.donut-chart circle{animation:drawCircle .8s ease-out forwards}.heatmap-cell{transition:transform .15s ease,filter .15s ease}.heatmap-cell:hover{transform:scale(1.15);filter:brightness(1.2);z-index:1}@keyframes trendPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.trend-indicator.improving .trend-icon{animation:trendPulse 2s ease-in-out infinite}.mini-bar{transition:background .15s ease}.mini-bar:hover{background:var(--accent-secondary)}.stats-event-selector select,.back-btn,.tab-btn{transition:transform .15s ease,box-shadow .15s ease}.stats-event-selector select:hover,.back-btn:hover{transform:scale(1.02)}.stats-event-selector select:active,.back-btn:active{transform:scale(.98)}.time-block-card{transition:transform .2s ease,border-color .2s ease}.time-block-card:hover{transform:translateY(-2px)}.averages-row{transition:background .15s ease}.averages-row:not(.header):hover{background:#8b5cf614}.stat-card{animation:fadeSlideUp .3s ease-out forwards;opacity:0}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.15s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.25s}.stat-card:nth-child(5){animation-delay:.3s}.stat-card:nth-child(6){animation-delay:.35s}.stat-card:nth-child(7){animation-delay:.4s}.stat-card:nth-child(8){animation-delay:.45s}.sync-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:9999;pointer-events:none}.sync-banner{display:flex;align-items:center;gap:10px;background:#fffffff2;padding:14px 24px;border-radius:10px;font-size:16px;font-weight:500;color:#333;box-shadow:0 4px 20px #0000004d;white-space:nowrap}.sync-icon{font-size:18px}.sync-text{font-size:15px}@media(max-width:480px){.sync-banner{padding:12px 18px;font-size:14px;gap:8px}.sync-icon{font-size:16px}.sync-text{font-size:13px}.modal{max-width:95%;max-height:85vh;overflow-y:auto}.import-preview-content{padding:12px;max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.import-preview-section{margin-bottom:16px}.event-list{padding-left:0}.event-list li{font-size:13px;margin-bottom:6px;padding:10px 12px}.event-override select{width:100%;padding:12px;font-size:14px}.session-stats-panel{justify-content:flex-start;padding:.75rem .5rem;gap:.6rem;min-width:min-content}.session-stat{min-width:48px;flex-shrink:0}.session-stat-label{font-size:.65rem}.session-stat-value{font-size:.75rem}.content{max-width:100%;padding:0 .5rem;overflow-x:hidden}.solve-list-container{max-width:100%;overflow:visible;width:100%;padding:0 .5rem;box-sizing:border-box}.solve-list{display:flex;flex-direction:row;gap:.4rem;flex-wrap:wrap;padding-bottom:.5rem;width:100%}.solve-item{display:inline-flex;flex-shrink:0;min-width:fit-content;padding:.25rem .4rem;font-size:.65rem}.modal-actions{position:sticky;bottom:0;background:var(--bg-secondary);padding:12px 0;margin-top:16px;border-top:1px solid var(--border)}.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-only-stats{display:inline-flex!important}.hide-on-mobile,.hide-on-mobile-worst{display:none!important}.solve-list-header-right{display:flex;gap:.5rem;align-items:center}}.import-preview-content{padding:16px}.import-preview-section{margin-bottom:20px}.import-preview-section h4{margin:0 0 10px;font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.event-list{list-style:none;padding:0;margin:0}.event-list li{display:flex;justify-content:space-between;padding:8px 12px;background:var(--bg-tertiary);border-radius:6px;margin-bottom:6px;font-size:14px}.event-single{display:flex;justify-content:space-between;padding:12px 16px;background:var(--bg-tertiary);border-radius:8px;font-size:15px;font-weight:500}.event-name{color:var(--text-primary)}.event-count{color:var(--text-secondary);font-weight:400}.session-summary{text-align:center;padding:12px;background:var(--bg-secondary);border-radius:8px;font-size:14px;color:var(--text-secondary)}.session-summary strong{color:var(--accent-primary)}.total-solves{text-align:center;font-size:18px;font-weight:600;padding:16px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.large-import{text-align:center;color:var(--warning)!important;font-size:13px;padding:8px;background:#f59e0b1a;border-radius:6px;margin:12px 0}.event-override{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.event-override label{display:block;margin-bottom:8px;font-size:13px;color:var(--text-secondary)}.event-override select{width:100%;padding:12px;font-size:15px;border:1px solid var(--border);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer}.event-override select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.section-description{margin-top:16px;font-size:13px;color:var(--text-muted);text-align:center}.share-popup-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.share-popup{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:90%;max-width:320px;overflow:hidden}.share-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border)}.share-popup-header h3{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.share-popup-content{padding:1rem}.share-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;border-radius:8px;margin-bottom:.5rem;background:var(--bg-tertiary);color:var(--text-primary);transition:all .2s}.share-option:hover:not(.disabled){background:var(--bg-primary)}.share-option.selected{background:#8b5cf626;border:1px solid var(--accent-primary)}.share-option.disabled{opacity:.5;cursor:not-allowed}.share-option input[type=radio]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.share-option.disabled input[type=radio]{cursor:not-allowed}.share-option span{font-size:.95rem}.share-popup-actions{display:flex;gap:.75rem;padding:1rem;border-top:1px solid var(--border)}.share-popup-actions button{flex:1;padding:.75rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.share-popup-actions .btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary)}.share-popup-actions .btn-secondary:hover{background:var(--bg-primary)}.share-popup-actions .btn-primary{background:var(--accent-primary);border:none;color:#fff}.share-popup-actions .btn-primary:hover{background:var(--accent-secondary)}.layout-manager{width:100%;height:100%}.layout-container{display:flex;flex-direction:column;height:100%;gap:1rem;width:100%;box-sizing:border-box}.layout-standard .layout-zone-left{grid-area:left;display:flex;flex-direction:column;gap:1rem;min-width:0}.layout-standard .layout-zone-center{grid-area:center;display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:0;width:100%}.layout-standard .layout-zone-right{grid-area:right;display:flex;flex-direction:column;gap:1rem;min-width:0}.layout-standard .layout-zone-dashboard{grid-area:dashboard;width:100%;max-width:1080px;margin:0 auto;box-sizing:border-box}.layout-standard .layout-zone-bottom,.layout-standard .layout-zone-top,.layout-standard .layout-zone-bottomLeft,.layout-standard .layout-zone-bottomRight,.layout-standard .layout-zone-bottom-grid{display:none}.layout-zone{display:flex;flex-direction:column;gap:1rem}.layout-zone-top{order:1}.layout-zone-left{order:2;display:flex;flex-direction:column;gap:.5rem;width:180px;flex-shrink:0}.layout-zone-center{order:3;flex:1;display:flex;align-items:center;justify-content:center}.layout-zone-right{order:4;display:flex;flex-direction:column;gap:.5rem;width:180px;flex-shrink:0}.layout-zone-bottom{order:5}.layout-zone-bottomLeft{order:6}.layout-zone-bottomRight{order:7}.layout-zone-bottom-grid{order:8}.layout-zone-dashboard{order:9;width:100%;box-sizing:border-box}.layout-standard .layout-zone-top{padding:.5rem;width:100%;max-width:500px;margin:0 auto}.layout-standard .layout-zone-bottom{display:flex;flex-direction:column;gap:0;width:100%;max-width:500px;margin:0 auto}.layout-standard .layout-zone-bottom .widget-solveList{max-height:300px;overflow-y:auto}.layout-standard .layout-zone-bottom .widget-sessionStats{padding:0}.layout-standard .layout-zone-bottom .widget-sessionStats .session-stats-panel{border-radius:0;border-left:none;border-right:none;border-bottom:none;margin-top:1rem}.layout-focus .content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem}.layout-focus .layout-zone-bottomLeft,.layout-focus .layout-zone-bottomRight{display:flex;flex-direction:row;gap:2rem;justify-content:center;padding:1rem}.layout-focus .layout-zone-bottomLeft{position:absolute;bottom:2rem;left:2rem}.layout-focus .layout-zone-bottomRight{position:absolute;bottom:2rem;right:2rem}.layout-compact .layout-zone-bottomLeft,.layout-compact .layout-zone-bottomRight{display:flex;flex-direction:row;gap:1rem;justify-content:center;padding:.5rem}.layout-stream .layout-zone-bottomLeft,.layout-stream .layout-zone-bottomRight{display:flex;flex-direction:row;gap:2rem;justify-content:center;padding:1rem}.grid-widgets{display:grid;gap:1rem;padding:1rem}.grid-widgets.grid-desktop{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto)}.grid-widgets.grid-mobile{grid-template-columns:1fr}.layout-selector{position:relative;display:inline-block}.layout-selector-trigger{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s}.layout-selector-trigger:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.layout-selector-trigger svg{opacity:.7}.layout-name{font-weight:500}.layout-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:220px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 20px #0000004d;z-index:1000;overflow:hidden}.layout-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);cursor:pointer;transition:background .2s;text-align:left}.layout-option:hover{background:var(--bg-tertiary)}.layout-option.active{background:var(--accent-primary);color:#fff}.layout-option.active svg{color:#fff}.layout-option-content{display:flex;flex-direction:column;gap:.2rem}.layout-option-name{font-weight:500;font-size:.9rem}.layout-option-desc{font-size:.75rem;color:var(--text-muted)}.layout-option.active .layout-option-desc{color:#ffffffb3}.widget-wrapper{display:flex;flex-direction:column}.widget-scramble{width:100%}.widget-timer{width:100%;display:flex;justify-content:center;align-items:center}.widget-scrambleImage{max-width:300px}.widget-scrambleImage twisty-player{width:100%;height:auto;aspect-ratio:1}.widget-session-stats,.widget-stats-overview{padding:.5rem}.widget-recent-solves{max-height:250px;overflow-y:auto}.stats-overview-widget{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px}.stats-overview-row{display:flex;justify-content:space-around;gap:.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.stat-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.recent-solves-widget{background:var(--bg-secondary);border-radius:8px;padding:.75rem;margin-bottom:1rem}.recent-solves-widget.empty{display:flex;align-items:center;justify-content:center;min-height:100px}.empty-message{color:var(--text-muted);font-size:.85rem}.recent-solves-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem;font-weight:500}.solve-count{font-size:.75rem;color:var(--text-muted)}.recent-solves-list{display:flex;flex-direction:column;gap:.25rem}@media(min-width:769px){.recent-solves-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem .5rem}}.solve-row{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.85rem;background:transparent;border-radius:4px}@media(min-width:769px){.solve-row{background:var(--bg-tertiary);padding:.25rem .5rem}}.solve-index{color:var(--text-muted);font-size:.75rem;min-width:30px}.solve-time{font-weight:600;flex:1;color:#fff}.solve-time.time-dnf{color:#f87171}.solve-time.time-plus2{color:#fbbf24}.penalty{font-size:.75rem;opacity:.7}.solve-popup-item .solve-delete-btn{background:transparent;border:none;color:#ef4444;font-size:.9rem;cursor:pointer;padding:.3rem;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:1;transition:background .2s}.solve-popup-item .solve-stat-btn{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:.3rem;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;margin-right:.25rem}.solve-popup-item:hover .solve-stat-btn{opacity:1}.solve-popup-item .solve-stat-btn:hover{color:#818cf8;background:#818cf826}.solve-popup-item .solve-delete-btn:hover{background:#ef444426}.solve-row:hover .solve-delete-btn{opacity:1}.solve-delete-btn:hover{color:var(--warning)}.scramble-image-widget{background:var(--bg-secondary);border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center;width:120px;height:120px}.scramble-image-widget svg{width:100%!important;height:100%!important;max-width:120px!important;max-height:120px!important;object-fit:contain!important}@media(max-width:768px){*{max-width:100%;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100%}.layout-container{gap:.5rem;flex-direction:column;padding:.5rem;width:100%;max-width:100%;overflow-x:hidden}.layout-manager{width:100%;max-width:100%;overflow-x:hidden}.layout-standard .layout-container{display:flex;flex-direction:column;width:100%;max-width:100%;padding:.75rem;gap:.65rem}.layout-standard .layout-zone-center{flex:1;max-width:100%;width:100%;min-width:auto;padding:.5rem 0;gap:.5rem;overflow-x:hidden}.layout-standard .layout-zone-dashboard{max-width:100%;padding:0}.layout-standard .layout-zone-left,.layout-standard .layout-zone-right{width:100%;max-width:100%;min-width:0;display:flex;flex-direction:column;gap:.65rem}.layout-standard .layout-zone-left>*,.layout-standard .layout-zone-right>*{flex:0 0 auto}.dashboard-grid{grid-template-columns:1fr}.scramble-container{width:100%;max-width:100%;padding:1rem;margin:0}.scramble-text{font-size:.9rem;padding:.75rem;word-wrap:break-word;overflow-wrap:break-word;width:100%}.timer-container{width:100%;max-width:100%;padding:.5rem;overflow-x:hidden}.timer-display{font-size:clamp(2rem,12vw,3.5rem)!important;padding:.5rem 1rem}.solve-list-container{max-width:320px;padding:.5rem;width:100%;box-sizing:border-box}.solve-list{flex-direction:row;flex-wrap:nowrap;max-width:100%;gap:.3rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.solve-item{display:inline-flex;flex-shrink:0;padding:.25rem .4rem;font-size:.65rem;min-width:fit-content}.session-stats-panel{padding:.5rem;gap:.5rem;width:100%;max-width:100%;overflow-x:auto;flex-wrap:wrap}.session-stat-label{font-size:.6rem}.session-stat-value{font-size:.8rem}.toolbar{flex-wrap:wrap;width:100%;max-width:100%;overflow-x:hidden;padding:.5rem;gap:.5rem}.toolbar-left,.toolbar-right{flex-wrap:wrap;max-width:100%;gap:.5rem}.mobile-timer-toolbar{display:flex;max-width:calc(100% - 32px);width:auto}}.timer-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;transition:filter .3s ease,opacity .3s ease}.timer-background-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:var(--bg-primary);pointer-events:none;transition:opacity .3s ease}@media(max-width:768px){.timer-background{background-size:cover;background-position:center center}}@media(min-width:769px)and (max-width:1200px){.timer-background{background-size:cover}}@media(min-width:1920px){.timer-background{background-size:cover;background-position:center}}.background-preview{margin-bottom:1rem;border-radius:8px;overflow:hidden;max-width:200px}.background-preview img{width:100%;height:auto;display:block}.slider-setting{margin-bottom:1rem}.slider-setting>label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.slider-setting .slider-row{display:flex;align-items:center;gap:1rem}.slider-setting input[type=range]{flex:1;height:4px;background:var(--bg-tertiary);border-radius:2px;outline:none;-webkit-appearance:none}.slider-setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent-primary);border-radius:50%;cursor:pointer}.slider-setting input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--accent-primary);border-radius:50%;cursor:pointer;border:none}.slider-value{min-width:45px;text-align:right;font-size:.85rem;color:var(--text-secondary)}.nav-overlay{position:fixed;inset:0;z-index:998;display:flex;align-items:center;justify-content:center}.nav-popup-wrapper{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;pointer-events:none}.nav-popup{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:90%;max-width:400px;overflow:hidden;box-shadow:0 10px 40px #0000004d;pointer-events:auto}.nav-popup-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.nav-popup-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.nav-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.nav-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-list{padding:.5rem}.nav-item{display:flex;align-items:center;gap:1rem;width:100%;padding:.875rem 1rem;background:transparent;border:none;border-radius:12px;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .2s;text-align:left;position:relative}.nav-item:hover{background:var(--bg-tertiary)}.nav-item.active{background:var(--accent-primary);color:#fff}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.nav-label{font-weight:500}.nav-active-indicator{position:absolute;right:1rem;width:8px;height:8px;background:currentColor;border-radius:50%}.nav-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s}.nav-menu-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}@media(max-width:768px){.nav-popup-wrapper{align-items:flex-end}.nav-popup{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;border-radius:20px 20px 0 0;max-height:80vh;overflow-y:auto}.nav-list{padding:.75rem}.nav-item{padding:1rem;font-size:1.05rem}}@media(max-width:400px){.toolbar{padding:.3rem .35rem;min-height:44px;gap:.25rem}.toolbar-left{gap:.2rem}.toolbar-left select{max-width:45px;font-size:.6rem;padding:.12rem .2rem;border-radius:3px}.session-selector select{max-width:35px;font-size:.6rem;padding:.12rem .2rem;border-radius:3px}.new-session-btn{width:18px;height:18px;font-size:.65rem;padding:0;border-radius:3px;flex-shrink:0}.nav-menu-btn{width:24px;height:24px;min-width:24px;border-radius:3px;flex-shrink:0}.nav-menu-btn svg{width:12px;height:12px}}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);position:relative;z-index:100}.header-container{max-width:1400px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;position:relative}.header-brand{display:flex;align-items:center;gap:.75rem;cursor:pointer;flex-shrink:0;position:absolute;left:1.5rem}.header-logo-img{height:32px;width:auto;object-fit:contain}.header-logo-icon{font-size:1.5rem}.header-logo-text{font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;align-items:center;gap:.5rem}.header-nav-secondary{display:flex;align-items:center;gap:.5rem;position:absolute;right:1.5rem}.theme-toggle-wrapper{position:relative}.theme-toggle-segmented{display:flex;background:var(--glass-bg);backdrop-filter:blur(var(--blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--blur-md)) saturate(var(--glass-saturation));border:1px solid var(--glass-border);border-radius:10px;padding:3px;gap:2px}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;border:none;background:transparent;border-radius:7px;font-size:1rem;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.theme-toggle-btn:hover:not(.active){background:var(--glass-bg-hover);color:var(--text-primary)}.theme-toggle-btn.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px -2px #8b5cf666}.theme-toggle-btn.disabled{opacity:.4;cursor:not-allowed}.header-profile-link{padding:4px}.header-profile-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--accent-primary);display:flex;align-items:center;justify-content:center}.header-avatar-img{width:100%;height:100%;object-fit:cover}.header-avatar-initial{color:#fff;font-size:14px;font-weight:600}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;text-decoration:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all .2s ease}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background:#8b5cf626;color:var(--accent-primary)}.nav-link.disabled{cursor:not-allowed;opacity:.7}.nav-link.disabled:hover{background:var(--bg-tertiary)}.nav-badge{font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.3px;margin-left:4px}.nav-badge.beta{background:linear-gradient(135deg,#f59e0b33,#ea580c33);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.nav-badge.alpha{background:linear-gradient(135deg,#3b82f633,#2563eb33);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.nav-badge.coming-soon{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.nav-icon{font-size:1rem}.nav-link-wrapper{position:relative;display:flex;align-items:center}.nav-link-dropdown{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;text-decoration:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all .2s ease;background:transparent;border:none;cursor:pointer}.nav-link-dropdown:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link-dropdown.active{background:#8b5cf626;color:var(--accent-primary)}.nav-link-expand{display:flex;align-items:center;justify-content:center;padding:.25rem;margin-left:-.25rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:transform .2s ease}.nav-link-expand:hover{color:var(--text-primary)}.nav-link-expand.open{transform:rotate(180deg)}.battle-submenu{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:var(--surface-raised);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-2);z-index:100;animation:dropdownFadeIn .15s ease}.battle-submenu-item{display:block;padding:var(--space-2) var(--space-3);color:var(--text-secondary);text-decoration:none;font-size:.875rem;border-radius:var(--radius-sm);transition:all .15s ease}.battle-submenu-item:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.battle-submenu-item.active{background:#8b5cf626;color:var(--accent-primary)}.battle-submenu-header{display:block;padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;pointer-events:none}.mobile-nav-item-group{width:100%}.mobile-nav-expand-icon{margin-left:auto;display:flex;align-items:center;transition:transform .2s ease}.mobile-nav-expand-icon.expanded{transform:rotate(90deg)}.mobile-nav-submenu{padding-left:var(--space-6);animation:accordionExpand .2s ease}@keyframes accordionExpand{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.mobile-nav-submenu-item{display:block;width:100%;padding:var(--space-2) var(--space-4);background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.mobile-nav-submenu-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.mobile-nav-submenu-item.active{color:var(--accent-primary)}.mobile-nav-submenu-header{display:block;padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;pointer-events:none}.mobile-nav-auth-row{display:flex;gap:var(--space-2);padding:0 var(--space-4);margin-top:var(--space-2)}.mobile-nav-auth-row .mobile-nav-link{flex:1;justify-content:center;background:var(--glass-bg);backdrop-filter:blur(var(--blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--blur-md)) saturate(var(--glass-saturation));border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);border-radius:var(--radius-sm);transition:all .2s ease}.mobile-nav-auth-row .mobile-nav-link:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.mobile-theme-options{padding:var(--space-2) var(--space-4)}.mobile-theme-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.5rem .25rem;margin-bottom:.25rem}.mobile-theme-options .theme-toggle-segmented{width:100%}.mobile-theme-options .theme-toggle-btn{flex:1;height:40px;font-size:1.1rem}.login-link{background:transparent}.signup-link{background:var(--accent-primary);color:#fff;padding:.5rem 1rem;border-radius:8px}.signup-link:hover{background:var(--accent-primary-hover, var(--accent-primary));opacity:.9}.header-timer-controls{display:flex;align-items:center;gap:.75rem}.event-selector-wrapper,.session-selector-wrapper{display:flex;align-items:center;gap:.5rem;position:relative}.event-selector-trigger{display:flex;align-items:center;gap:.5rem;padding:8px 12px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-radius-sm, 12px);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.event-selector-trigger:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.event-selector-arrow{font-size:.6rem;opacity:.6;margin-left:.25rem}.event-selector-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:9999;min-width:320px;padding:12px;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.event-selector-section{margin-bottom:12px}.event-selector-section:last-child{margin-bottom:0}.event-selector-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;padding:0 4px}.event-selector-subsection{margin-top:6px;margin-bottom:10px}.event-selector-subsection:last-child{margin-bottom:0}.event-selector-subheader{padding:4px 4px 6px}.event-selector-subtitle{font-size:.62rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);opacity:.7}.event-selector-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.event-selector-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.event-selector-option:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.event-selector-option.active{background:var(--primary);border-color:var(--primary);color:#fff}.event-selector-option-label{font-size:.65rem;white-space:nowrap}.event-selector-option-arrow{font-size:.7rem;color:var(--text-muted);margin-left:2px}@media(max-width:768px){.event-selector-trigger{padding:8px 12px}.event-name-label{font-size:1rem}.event-selector-dropdown{min-width:280px;left:50%;transform:translate(-50%)}.event-selector-grid{grid-template-columns:repeat(4,1fr)}}.event-name-label{color:var(--text-primary);font-size:.9rem;font-weight:500;white-space:nowrap}.session-selector-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:.4rem .75rem;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-selector-btn:hover{border-color:var(--primary);background:var(--bg-hover)}.new-session-btn{padding:.4rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.new-session-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#8b5cf61a}.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--text-primary);font-size:1.25rem;cursor:pointer;padding:.5rem}.mobile-settings-toggle{display:none;background:transparent;border:none;color:var(--text-primary);font-size:1.25rem;cursor:pointer;padding:.5rem;margin-left:.5rem;text-decoration:none}.mobile-nav{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-primary);z-index:200;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto}.mobile-nav.open{transform:translate(0)}.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:150}.mobile-nav-header{padding:1rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.mobile-nav-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border:none;border-radius:8px;color:var(--text-primary);font-size:1.25rem;cursor:pointer;transition:all .2s ease}.mobile-nav-close:hover{background:var(--bg-secondary);color:var(--accent-primary)}.mobile-nav-links{padding:.5rem}.mobile-nav-section-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.75rem .5rem;margin-top:.5rem}.mobile-nav-link{display:flex;align-items:center;gap:1rem;width:100%;padding:.875rem 1rem;border:none;background:transparent;color:var(--text-primary);font-size:1rem;text-align:left;cursor:pointer;border-radius:10px;transition:all .2s ease}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--bg-secondary);color:var(--accent-primary)}.mobile-nav-link.disabled{opacity:.5;cursor:not-allowed}.nav-icon{font-size:1.1rem;width:24px;display:flex;align-items:center;justify-content:center}.nav-badge{margin-left:auto;font-size:.65rem;padding:.2rem .5rem;border-radius:4px;font-weight:600}.nav-badge.beta{background:#8b5cf633;color:var(--accent-primary)}.nav-badge.alpha{background:#f59e0b33;color:#f59e0b}.mobile-timer-controls{padding:1rem;border-top:1px solid var(--border)}.mobile-timer-controls .control-group{margin-bottom:1rem}.mobile-timer-controls label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.mobile-timer-controls .event-select,.mobile-timer-controls .session-select{width:100%}@media(max-width:900px){.header-nav,.header-nav-secondary,.header-timer-controls{display:none}.header-container{padding:1rem;position:relative;justify-content:center;width:100%}.header-brand{position:relative;margin-right:0}.mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center;flex-shrink:0;position:absolute!important;right:1rem!important;top:50%;transform:translateY(-50%);z-index:2;padding:.5rem}.mobile-settings-toggle{display:none}.mobile-nav,.mobile-nav-overlay{display:block}}@media(max-width:480px){.header-logo-text{font-size:1rem}.header-logo-icon{font-size:1.25rem}.header-container{padding:.75rem .25rem}}.footer{background-color:var(--bg-secondary);color:var(--text-primary);padding:4rem 1.5rem 2rem;border-top:1px solid var(--border);font-family:Inter,sans-serif;width:100%;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto}.footer-main{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3rem;margin-bottom:3rem}.footer-brand{flex:1;min-width:280px;max-width:360px}.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-logo-img{width:130px;height:35px;object-fit:contain}.logo-icon{font-size:1.75rem}.logo-text{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.footer-social{display:flex;gap:.75rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);font-size:1.1rem;transition:all .25s ease}.social-link svg{display:block}.social-link:hover{color:#fff;background:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 4px 12px #8b5cf64d}.footer-links{display:flex;flex-wrap:wrap;gap:3rem}.footer-column h4,.footer-column-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.05em}.footer-column-header{background:none;border:none;padding:0;cursor:pointer;display:none}.footer-column-header h4{margin-bottom:1.25rem}.footer-chevron{display:none}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column-list{display:block}.footer-column ul li{margin-bottom:.75rem}.footer-column ul li a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all .2s ease;position:relative}.footer-column ul li a:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:var(--accent-primary);transition:width .2s ease}.footer-column ul li a:hover{color:var(--accent-primary);padding-left:4px}.footer-column ul li a:hover:after{width:100%}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--border);flex-wrap:wrap;gap:1rem}.footer-bottom .copyright,.footer-bottom .footer-credit{color:var(--text-muted);font-size:.85rem}.footer-credit:before{content:"❤️ "}.footer-bottom .footer-version{color:var(--text-muted);font-size:.75rem;opacity:.6;font-family:var(--font-mono, monospace)}@media(max-width:900px){.footer-main{flex-direction:column;gap:2.5rem}.footer-brand{max-width:100%;text-align:center}.footer-logo{justify-content:center}.footer-tagline{text-align:center}.footer-social{justify-content:center}.footer-links{justify-content:center;gap:2rem;width:100%}.footer-column{text-align:center;min-width:140px;width:calc(50% - 1rem)}.footer-column-header{display:flex;align-items:center;justify-content:center;gap:.5rem;background:none;border:none;width:100%;padding:.5rem 0;cursor:pointer}.footer-column-header h4{margin:0}.footer-chevron{display:inline-block;font-size:.75rem;transition:transform .3s ease;color:var(--text-secondary)}.footer-chevron.open{transform:rotate(180deg)}.footer-column-list{display:none;padding-top:.5rem}.footer-column-list.open{display:block}.footer-column ul li a:hover{padding-left:0}.footer-column ul li a:after{display:none}}@media(max-width:480px){.footer{padding:3rem 1rem 1.5rem}.footer-links{flex-direction:column;align-items:center}.footer-column{width:100%;border-bottom:1px solid var(--border);padding-bottom:.5rem}.footer-column:last-child{border-bottom:none}.footer-bottom{flex-direction:column;text-align:center}}.restriction-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.restriction-modal-content{background:linear-gradient(135deg,#1a1a2e,#16162a);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:48px 40px;max-width:420px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.restriction-icon{width:80px;height:80px;margin:0 auto 24px;background:#ef444426;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.restriction-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-.5px}.restriction-description{color:#ffffffb3;font-size:.95rem;margin:0 0 24px;line-height:1.5}.restriction-reason{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:12px;padding:16px;margin-bottom:24px;text-align:left}.restriction-reason .reason-label{display:block;font-size:.75rem;font-weight:600;color:#fbbf24;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.restriction-reason .reason-text{color:#ffffffd9;font-size:.9rem;line-height:1.4}.restriction-contact-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.restriction-contact-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}@media(max-width:480px){.restriction-modal-content{padding:32px 24px}.restriction-icon{width:64px;height:64px;font-size:1.5rem}.restriction-title{font-size:1.25rem}}.restricted-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0d0d12,#12121a);padding:40px 20px}.restricted-content{background:linear-gradient(135deg,#1a1a2e,#16162a);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:64px 48px;max-width:480px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.restricted-icon{width:100px;height:100px;margin:0 auto 32px;background:#ef444426;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.restricted-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-.5px}.restricted-description{color:#ffffffb3;font-size:1rem;margin:0 0 32px;line-height:1.6}.restricted-reason{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:12px;padding:20px;margin-bottom:32px;text-align:left}.restricted-reason .reason-label{display:block;font-size:.75rem;font-weight:600;color:#fbbf24;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.restricted-reason .reason-text{color:#ffffffd9;font-size:.95rem;line-height:1.5}.restricted-contact-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.restricted-contact-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}@media(max-width:480px){.restricted-content{padding:40px 24px}.restricted-icon{width:80px;height:80px;font-size:2rem}.restricted-title{font-size:1.5rem}}.session-manager-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:.5rem;box-sizing:border-box}.session-manager-popup{background:var(--bg-secondary);border-radius:12px;width:100%;max-width:420px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;box-sizing:border-box}.session-manager-header{display:flex;justify-content:space-between;align-items:center;padding:1rem .5rem;border-bottom:1px solid var(--border);flex-shrink:0;box-sizing:border-box}.session-manager-header h3{font-size:1rem;font-weight:600;margin:0}.session-manager-search{display:flex;align-items:center;gap:.5rem;padding:.6rem .5rem;border-bottom:1px solid var(--border);flex-shrink:0;overflow:hidden;box-sizing:border-box;width:100%}.session-manager-search input{flex:1 1 auto;min-width:0;background:transparent;border:none;outline:none;font-size:.9rem;color:var(--text-primary)}.session-manager-search input::placeholder{color:var(--text-muted)}.session-manager-search .clear-search-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;box-sizing:border-box}.create-session-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:calc(100% - 1rem);padding:.5rem .75rem;margin:.5rem;background:#6366f126;border:1px dashed rgba(99,102,241,.4);border-radius:10px;color:#6366f1e6;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.create-session-btn:hover{background:#6366f140;border-style:solid}.session-create-form{display:flex;gap:.5rem;padding:.5rem;margin:.5rem;background:#ffffff08;border-radius:10px;box-sizing:border-box}.session-create-form input{flex:1;padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;box-sizing:border-box}.session-create-form input:focus{outline:none;border-color:var(--accent-primary)}.session-create-form .save-btn{padding:.5rem .75rem;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;box-sizing:border-box}.session-create-form .cancel-btn{padding:.5rem .75rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;box-sizing:border-box}.session-manager-list{flex:1;min-height:0;padding:.5rem;max-height:50vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent;box-sizing:border-box}.session-manager-list::-webkit-scrollbar{width:6px}.session-manager-list::-webkit-scrollbar-track{background:transparent}.session-manager-list::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.no-sessions{text-align:center;color:var(--text-muted);padding:2rem;font-size:.9rem}.session-row{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:8px;margin-bottom:.25rem;background:var(--bg-tertiary);cursor:pointer;transition:all .15s ease;box-sizing:border-box}.session-row:hover{background:var(--bg-hover)}.session-row.active{background:var(--primary);color:#fff}.session-row.active .session-count{color:#ffffffb3}.session-row.dragging{opacity:.5}.drag-handle{color:var(--text-muted);cursor:grab;padding:.25rem;display:flex;align-items:center}.drag-handle:active{cursor:grabbing}.session-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.session-name{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-count{font-size:.75rem;color:var(--text-muted)}.pin-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.4rem;border-radius:4px;display:flex;align-items:center;transition:all .15s}.pin-btn:hover{background:#8b5cf626;color:var(--primary)}.pin-btn.pinned{color:var(--primary);transform:rotate(45deg)}.session-menu-wrapper{position:relative}.menu-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.4rem;border-radius:4px;display:flex;align-items:center}.menu-btn:hover{background:var(--bg-hover)}.session-menu{position:absolute;right:0;top:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;min-width:140px;z-index:100;box-shadow:0 4px 16px #0003;overflow:hidden}.session-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.65rem .9rem;background:transparent;border:none;color:var(--text-primary);font-size:.85rem;cursor:pointer;text-align:left}.session-menu button:hover{background:var(--bg-hover)}.session-menu button.delete{color:#ef4444}.session-menu button.delete:hover{background:#ef44441a}.session-edit-form{flex:1;display:flex;gap:.5rem;min-width:0;align-items:center}.session-edit-form input{flex:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:.4rem .6rem;font-size:.9rem;color:var(--text-primary);outline:none;white-space:normal;word-break:break-word;min-width:100px}.session-edit-form input:focus{border-color:var(--primary)}.session-edit-form .save-btn{background:var(--primary);color:#fff;border:none;border-radius:4px;padding:.4rem .6rem;font-size:.8rem;cursor:pointer}.session-edit-form .cancel-btn{background:transparent;border:1px solid var(--border);border-radius:4px;padding:.4rem .6rem;font-size:.8rem;color:var(--text-muted);cursor:pointer}@media(max-width:480px){.session-manager-popup{max-height:90vh;width:calc(100% - 1.5rem);max-width:calc(100% - 1.5rem);margin:0 auto}.session-manager-header{padding:.75rem .5rem}.session-manager-search{padding:.5rem;gap:.4rem}.session-manager-search input{font-size:.85rem;min-width:0}.session-manager-search .clear-search-btn{width:20px;height:20px;padding:.2rem}.session-create-form{padding:.5rem;margin:.5rem;gap:.4rem}.session-create-form input{padding:.4rem .5rem;font-size:.85rem}.create-session-btn{width:calc(100% - 1rem);margin:.5rem;padding:.5rem;font-size:.85rem}.session-row{padding:.6rem}.session-menu{right:-10px}}.mobile-timer-toolbar{display:none;position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:.6rem 1rem;z-index:100;justify-content:space-around;align-items:center;gap:.25rem;box-shadow:0 4px 20px #00000040;width:calc(100% - 32px);max-width:none;box-sizing:border-box}.mobile-toolbar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.5rem .4rem;background:transparent;border:none;color:var(--text-secondary);text-decoration:none;border-radius:8px;cursor:pointer;transition:all .2s;min-width:50px}.mobile-toolbar-btn:hover,.mobile-toolbar-btn:active{background:var(--bg-hover);color:var(--text-primary)}.toolbar-btn-icon{font-size:1.1rem;display:flex;align-items:center}.toolbar-btn-label{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.event-btn,.session-btn{background:var(--bg-tertiary);padding:.4rem .5rem}.event-btn.active,.session-btn.active{background:var(--primary);color:#fff}.event-quick-menu{position:fixed;inset:0;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.event-quick-menu-content{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--glass-radius-lg);box-shadow:0 0 0 1px var(--glass-highlight),0 20px 60px -10px #00000080,0 0 60px -20px #8b5cf633;width:100%;max-width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.event-quick-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--glass-border);font-weight:600;color:var(--text-primary);flex-shrink:0}.event-quick-menu-header button{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--glass-radius-sm);transition:all .2s}.event-quick-menu-header button:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.event-quick-menu-body{overflow-y:auto;flex:1;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1.25rem}.event-quick-section{display:flex;flex-direction:column;gap:.5rem}.event-quick-section-header{font-size:var(--text-caption);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding-bottom:.25rem;border-bottom:1px solid var(--glass-border)}.event-quick-menu-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}.event-quick-btn{background:transparent;border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:.5rem .25rem;color:var(--text-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:.25rem;position:relative;overflow:hidden}.event-quick-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%);opacity:1}.event-quick-btn:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-1px)}.event-quick-btn-label{font-size:9px;color:var(--text-secondary);white-space:nowrap;text-align:center;line-height:1.1}.event-quick-btn.active{background:#8b5cf633;border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.mobile-timer-page{padding-bottom:80px}@media(max-width:768px){.mobile-timer-toolbar{display:flex}.solve-popup-content{flex:1;min-height:0;overflow-y:auto}.solve-detail-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1200;backdrop-filter:blur(4px);padding:1rem}.solve-detail-modal{background:#0f0f19fa;backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.08);border-radius:20px;width:90%;max-width:400px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.solve-detail-header-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:.5px solid rgba(255,255,255,.06);flex-shrink:0}.solve-detail-header-row h3{font-size:1rem;font-weight:700;color:#fff}.detail-close-btn{background:transparent;border:none;color:#ffffff80;font-size:1.25rem;cursor:pointer;padding:.25rem;display:flex;align-items:center}.detail-close-btn:hover{color:#fff}.solve-detail-content{flex:1;min-height:0;overflow-y:auto;padding:1rem}.solve-detail-content .detail-card{flex-shrink:0}@media(min-width:480px){.solve-detail-modal{max-width:420px}}.solve-detail-inline{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.solve-detail-inline .solve-detail-header-row{flex-shrink:0;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.solve-detail-inline .solve-detail-header-row h3{font-size:.95rem;font-weight:700;color:#fff}.detail-back-btn{background:#ffffff0d;border:.5px solid rgba(255,255,255,.1);border-radius:8px;padding:.4rem .8rem;font-size:.75rem;font-weight:600;color:#ffffffb3;cursor:pointer;transition:all .2s}.detail-back-btn:hover{background:#ffffff1a;color:#fff}.detail-card{display:flex;flex-direction:column;gap:.75rem}.detail-main{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:16px}.detail-time{display:flex;align-items:center;justify-content:center;gap:.6rem}.detail-time .time-large{font-size:2rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.detail-time .time-large.dnf{color:#f87171}.detail-time .time-large.plus2{color:#fbbf24}.detail-time .penalty-tag{font-size:.7rem;font-weight:700;padding:.3rem .6rem;border-radius:8px;text-transform:uppercase}.detail-time .penalty-tag.dnf{background:#f8717126;color:#f87171;border:.5px solid rgba(248,113,113,.2)}.detail-time .penalty-tag.plus2{background:#fbbf2426;color:#fbbf24;border:.5px solid rgba(251,191,36,.2)}.detail-meta{display:flex;justify-content:space-between;gap:1rem}.meta-item{display:flex;flex-direction:column;gap:.2rem;text-align:center}.meta-item .meta-label{font-size:.65rem;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.meta-item .meta-value{font-size:.85rem;font-weight:600;color:#fff}.scramble-card{padding:.75rem 1rem;background:#ffffff08;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:.5px solid rgba(255,255,255,.06);border-radius:16px}.scramble-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.scramble-label{font-size:.65rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.scramble-card .copy-btn{display:flex;align-items:center;gap:.3rem;padding:.35rem .6rem;font-size:.7rem;font-weight:600;color:#fff9;background:#ffffff0d;border:.5px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit}.scramble-card .copy-btn:hover{background:#ffffff1a;color:#fff}.scramble-card .copy-btn.copied{background:#22c55e26;color:#4ade80;border-color:#22c55e4d}.scramble-text{font-size:.85rem;font-family:monospace;color:#ffffffe6;line-height:1.5;word-break:break-word}.detail-actions{display:flex;gap:.5rem}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem;font-size:.85rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.action-btn.delete-btn{background:#ef444426;color:#f87171;border:.5px solid rgba(239,68,68,.2)}.action-btn.delete-btn:hover{background:#ef444440}.action-btn.close-btn{background:#818cf826;color:#a5b4fc;border:.5px solid rgba(129,140,248,.2)}.action-btn.close-btn:hover{background:#818cf840}@media(max-width:400px){.detail-time .time-large{font-size:1.6rem}.detail-meta{flex-direction:column;gap:.5rem}.meta-item{flex-direction:row;justify-content:space-between}}@media(min-width:480px){.solve-detail-wrapper{padding:1.25rem}.detail-time .time-large{font-size:2.5rem}.scramble-text{font-size:.9rem}}.toolbar.mobile-only-stats{display:none!important}.solve-list-container .solve-list-header{padding:.5rem}.solve-list-title{font-size:.85rem}.view-all-btn{font-size:.75rem;padding:.35rem .6rem}}.stats-page{min-height:100vh;padding:1.5rem;width:100%;max-width:1400px;margin:0 auto;background:linear-gradient(180deg,#0d0d12,#12121a)}.stats-header-modern{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;padding:0 .25rem;position:relative}.header-left{display:flex;align-items:center;gap:.5rem;flex-shrink:0;position:absolute;left:0}.stats-header-modern .back-btn{padding:.4rem .6rem;min-width:auto;font-size:.85rem}.header-center{text-align:center}.header-center h1{font-size:1.25rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.header-center .header-subtitle{font-size:.65rem;color:#ffffff80;margin:.25rem 0 0}.header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0;position:absolute;right:0}.header-title-group h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.header-subtitle{font-size:.85rem;color:#ffffff80;margin:.25rem 0 0}.header-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.date-range-selector{display:flex;gap:.25rem;background:#ffffff08;border:.5px solid rgba(255,255,255,.08);border-radius:12px;padding:.25rem}.range-pill{padding:.4rem .75rem;background:transparent;border:none;border-radius:8px;color:#fff9;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.range-pill:hover{background:#ffffff0d;color:#fff}.range-pill.active{background:#8b5cf64d;color:#fff}.share-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#ffffff08;border:.5px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.share-btn:hover{background:#8b5cf633;border-color:#8b5cf666;color:#fff}.badges-strip{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.badge-chip{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:#ffffff08;border:.5px solid rgba(255,255,255,.08);border-radius:20px;font-size:.7rem;font-weight:600;color:#fffc}.badge-chip.orange{background:#f9731626;border-color:#f973164d;color:#fb923c}.badge-chip.green{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}.badge-chip.gold{background:#eab30826;border-color:#eab3084d;color:#facc15}.badge-chip.purple{background:#8b5cf626;border-color:#8b5cf64d;color:#a78bfa}.hero-section{display:grid;grid-template-columns:1fr 2fr;gap:1rem;margin-bottom:1.25rem}.hero-main-card{background:linear-gradient(135deg,#8b5cf633,#6366f11a);border:.5px solid rgba(139,92,246,.3);border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.hero-main-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.15) 0%,transparent 70%);pointer-events:none}.hero-stat-primary{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.hero-label{font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.hero-value{font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:700;color:#fff;line-height:1}.hero-badge{display:inline-block;margin-top:.75rem;padding:.25rem .6rem;background:#22c55e26;border:.5px solid rgba(34,197,94,.3);border-radius:6px;font-size:.6rem;font-weight:600;color:#4ade80;text-transform:uppercase;letter-spacing:.3px}.hero-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.hero-stat-card{background:#ffffff08;border:.5px solid rgba(255,255,255,.06);border-radius:20px;padding:1rem;text-align:center;transition:all .3s ease}.hero-stat-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.hero-stat-card.highlight{background:#8b5cf614;border-color:#8b5cf633}.hero-stat-label{display:block;font-size:.65rem;color:#ffffff80;text-transform:uppercase;margin-bottom:.35rem;letter-spacing:.3px}.hero-stat-value{display:block;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700;color:#fff}.hero-stat-value.best{color:#4ade80}.snapshot-strip{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.25rem}.snapshot-chip{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;background:#ffffff08;border:.5px solid rgba(255,255,255,.06);border-radius:14px;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.snapshot-chip:hover{background:#ffffff0f}.snapshot-icon{font-size:.85rem;color:#ffffff80}.snapshot-icon.streak{color:#f97316}.snapshot-content{display:flex;flex-direction:column}.snapshot-value{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;color:#fff;line-height:1.2}.snapshot-label{font-size:.6rem;color:#fff6;text-transform:uppercase}.section-modern{background:#ffffff05;border:.5px solid rgba(255,255,255,.05);border-radius:20px;padding:1.25rem;margin-bottom:1rem;animation:fadeSlideUp .4s ease-out forwards;opacity:0}.section-modern:nth-child(7){animation-delay:.05s}.section-modern:nth-child(8){animation-delay:.1s}.section-modern:nth-child(9){animation-delay:.15s}.section-modern:nth-child(10){animation-delay:.2s}.section-modern:nth-child(11){animation-delay:.25s}.section-modern:nth-child(12){animation-delay:.3s}.section-modern:nth-child(13){animation-delay:.35s}.section-modern:nth-child(14){animation-delay:.4s}.section-modern:nth-child(15){animation-delay:.45s}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.section-header h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#fff;margin:0}.section-header h2 svg{font-size:.9rem;color:#8b5cf6cc}.section-subtitle{font-size:.8rem;color:#fff6;margin:.25rem 0 0;width:100%}.trend-pill{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.trend-pill.improving{background:#22c55e26;border:.5px solid rgba(34,197,94,.3);color:#4ade80}.trend-pill.declining{background:#ef444426;border:.5px solid rgba(239,68,68,.3);color:#f87171}.trend-pill.stable{background:#6b728026;border:.5px solid rgba(107,114,128,.3);color:#9ca3af}.form-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.form-card{background:#ffffff08;border:.5px solid rgba(255,255,255,.05);border-radius:14px;padding:.85rem;text-align:center;transition:all .2s ease}.form-card:hover{background:#ffffff0f}.form-label{display:block;font-size:.65rem;font-weight:600;color:#ffffff80;text-transform:uppercase;margin-bottom:.4rem}.form-value{display:block;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;color:#fff;margin-bottom:.25rem}.form-count{display:block;font-size:.55rem;color:#ffffff59}.momentum-stats{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.momentum-stat{display:flex;flex-direction:column;padding:.75rem 1rem;background:#ffffff05;border:.5px solid rgba(255,255,255,.05);border-radius:12px;flex:1;min-width:140px}.momentum-label{font-size:.65rem;color:#ffffff80;text-transform:uppercase;margin-bottom:.25rem}.momentum-value{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;color:#fff}.momentum-value.positive{color:#4ade80}.momentum-value.negative{color:#f87171}.sparkline-chart{margin-top:.75rem}.sparkline{display:flex;align-items:flex-end;gap:2px;height:60px;background:#ffffff05;border-radius:8px;padding:.5rem}.spark-bar{flex:1;background:linear-gradient(180deg,#8b5cf6cc,#8b5cf666);border-radius:2px;min-height:2px;transition:all .2s ease}.spark-bar:hover{background:#8b5cf6}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem}.insight-card{display:flex;align-items:flex-start;gap:.6rem;padding:.85rem;background:#ffffff05;border:.5px solid rgba(255,255,255,.05);border-radius:14px;transition:all .2s ease}.insight-card:hover{background:#ffffff0a}.insight-card.success{border-color:#22c55e33;background:#22c55e0d}.insight-card.warning{border-color:#f9731633;background:#f973160d}.insight-card.info{border-color:#3b82f633;background:#3b82f60d}.insight-icon{font-size:.9rem;color:#8b5cf6cc;flex-shrink:0;margin-top:2px}.insight-text{font-size:.8rem;color:#fffc;line-height:1.4}.insight-pill{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .85rem;border-radius:10px;font-size:.75rem;font-weight:500}.insight-pill.success{background:#22c55e1a;border:.5px solid rgba(34,197,94,.2);color:#4ade80}.milestones-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.milestone-card{background:#ffffff05;border:.5px solid rgba(255,255,255,.05);border-radius:16px;padding:1rem;text-align:center;transition:all .3s ease;position:relative}.milestone-card.achieved{border-color:#22c55e4d;background:#22c55e14}.milestone-card.locked{opacity:.5}.milestone-card:hover{transform:translateY(-2px)}.milestone-icon{font-size:1rem;margin-bottom:.4rem}.milestone-card.achieved .milestone-icon{color:#4ade80}.milestone-card.locked .milestone-icon{color:#ffffff4d}.milestone-label{display:block;font-size:.65rem;font-weight:600;color:#fff;margin-bottom:.25rem;text-transform:uppercase}.milestone-date{display:block;font-size:.6rem;color:#fff6}.milestone-card.achieved .milestone-date{color:#4ade80}.quality-grid{display:flex;align-items:center;gap:1.5rem;margin-bottom:.75rem}.donut-chart-modern{position:relative;width:90px;height:90px;flex-shrink:0}.donut-chart-modern svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-center-modern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-center-modern .donut-total{display:block;font-size:1.1rem;font-weight:700;color:#fff}.donut-center-modern .donut-label{font-size:.55rem;color:#fff6}.quality-legend{display:flex;flex-direction:column;gap:.6rem;flex:1}.quality-item{display:flex;align-items:center;gap:.6rem}.quality-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.quality-color.clean{background:#4ade80}.quality-color.plus2{background:#fbbf24}.quality-color.dnf{background:#f87171}.quality-info{display:flex;flex-direction:column}.quality-name{font-size:.75rem;font-weight:600;color:#fff}.quality-value{font-size:.65rem;color:#ffffff80}.distribution-chart-modern{background:#ffffff05;border-radius:12px;padding:.75rem}.distribution-bar-modern{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.distribution-bar-modern:last-child{margin-bottom:0}.distribution-bar-modern .distribution-label{width:50px;font-size:.65rem;color:#ffffff80;font-family:JetBrains Mono,monospace}.distribution-bar-modern .distribution-bar-container{flex:1;height:14px;background:#ffffff0d;border-radius:4px;overflow:hidden}.distribution-bar-modern .distribution-bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:4px;transition:width .5s ease-out}.distribution-bar-modern .distribution-count{width:30px;text-align:right;font-family:JetBrains Mono,monospace;font-size:.7rem;color:#fff9}.time-pattern-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.time-block-modern{background:#ffffff08;border:.5px solid rgba(255,255,255,.06);border-radius:16px;padding:1rem;text-align:center;transition:all .2s ease}.time-block-modern:hover{background:#ffffff0d}.time-block-modern.best{border-color:#22c55e66;background:#22c55e14}.time-block-header{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-bottom:.5rem}.time-block-modern .time-block-label{font-size:.7rem;font-weight:600;color:#fff9}.best-badge{font-size:.5rem;padding:.15rem .35rem;background:#22c55e33;border-radius:4px;color:#4ade80;font-weight:600}.time-block-modern .time-block-avg{display:block;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.2rem}.time-block-modern .time-block-count{display:block;font-size:.6rem;color:#fff6}.activity-summary{display:flex;gap:1rem;font-size:.7rem;color:#ffffff80}.activity-summary span{display:flex;align-items:center;gap:.25rem}.heatmap-modern{display:grid;grid-template-columns:repeat(15,1fr);gap:3px;background:#ffffff05;border:.5px solid rgba(255,255,255,.05);border-radius:10px;padding:.5rem;margin-top:.75rem}.heatmap-cell-modern{aspect-ratio:1;background:#ffffff0d;border-radius:3px;min-width:8px;min-height:8px;transition:all .15s ease}.heatmap-cell-modern.active.low{background:#22c55e40}.heatmap-cell-modern.active.medium{background:#22c55e80}.heatmap-cell-modern.active.high{background:#22c55e}.heatmap-cell-modern:hover{transform:scale(1.2);z-index:1}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;margin-top:.5rem;font-size:.55rem;color:#fff6}.heatmap-legend .heatmap-cell-modern{width:10px;height:10px}.toggle-advanced{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#ffffff08;border:.5px solid rgba(255,255,255,.08);border-radius:8px;color:#fff9;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-advanced:hover{background:#ffffff0f;color:#fff}.toggle-advanced svg{transition:transform .2s ease}.toggle-advanced svg.rotated{transform:rotate(180deg)}.consistency-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.consistency-card{background:#ffffff05;border:.5px solid rgba(255,255,255,.05);border-radius:12px;padding:.85rem;text-align:center}.consistency-label{display:flex;align-items:center;justify-content:center;gap:.3rem;font-size:.6rem;color:#ffffff80;text-transform:uppercase;margin-bottom:.4rem}.consistency-label .tooltip{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:#ffffff1a;border-radius:50%;font-size:.5rem;color:#fff6;cursor:help}.consistency-value{display:block;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700;color:#fff}.advanced-stats{margin-top:1rem;padding-top:1rem;border-top:.5px solid rgba(255,255,255,.05)}.box-plot-modern{padding:1rem;background:#ffffff05;border-radius:10px}.box-plot-scale{display:flex;justify-content:space-between;font-size:.6rem;color:#fff6;margin-bottom:.5rem;font-family:JetBrains Mono,monospace}.box-plot-track{position:relative;height:20px;background:#ffffff0d;border-radius:4px}.box-plot-whisker{position:absolute;left:5%;right:5%;top:50%;height:2px;background:#fff3;transform:translateY(-50%)}.box-plot-range{position:absolute;top:50%;height:14px;background:#8b5cf64d;border:1px solid rgba(139,92,246,.5);border-radius:3px;transform:translateY(-50%)}.box-plot-median{position:absolute;top:0;bottom:0;width:2px;background:#8b5cf6;transform:translate(-50%)}.session-table-modern{background:#ffffff05;border-radius:12px;overflow:hidden}.session-row-modern{display:grid;grid-template-columns:2fr .6fr .7fr .7fr .8fr;padding:.7rem .85rem;border-bottom:.5px solid rgba(255,255,255,.04);font-size:.75rem;align-items:center;transition:all .15s ease}.session-row-modern:last-child{border-bottom:none}.session-row-modern:hover:not(.header){background:#ffffff08}.session-row-modern.header{background:#ffffff08;font-weight:600;color:#ffffff80;font-size:.6rem;text-transform:uppercase;letter-spacing:.3px}.session-row-modern .session-name{font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-row-modern .best{color:#4ade80;font-family:JetBrains Mono,monospace}.session-row-modern .date{color:#fff6}.goals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.goal-card{background:#ffffff05;border:.5px solid rgba(255,255,255,.05);border-radius:14px;padding:.85rem;transition:all .2s ease}.goal-card:hover{background:#ffffff0a}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.goal-title{font-size:.7rem;font-weight:600;color:#ffffffb3}.goal-progress-text{font-size:.7rem;font-weight:700;color:#fff}.goal-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:.35rem}.goal-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:3px;transition:width .5s ease-out}.goal-detail{font-size:.6rem;color:#fff6;font-family:JetBrains Mono,monospace}.averages-table-modern{background:#ffffff05;border-radius:12px;overflow:hidden}.averages-row-modern{display:grid;grid-template-columns:1fr 1fr 1fr;padding:.6rem .85rem;border-bottom:.5px solid rgba(255,255,255,.04);font-family:JetBrains Mono,monospace;font-size:.8rem;color:#ffffffb3}.averages-row-modern:last-child{border-bottom:none}.averages-row-modern.header{background:#ffffff08;font-weight:600;color:#ffffff80;font-size:.6rem;text-transform:uppercase;letter-spacing:.3px}.averages-row-modern .best{color:#4ade80}.stats-empty-modern{text-align:center;padding:4rem 2rem;background:#ffffff05;border-radius:20px;border:.5px solid rgba(255,255,255,.05)}.stats-empty-modern .empty-icon{font-size:3rem;margin-bottom:1rem}.stats-empty-modern h2{font-size:1.25rem;color:#fff;margin-bottom:.5rem}.stats-empty-modern p{color:#ffffff80;margin-bottom:1.5rem}.stats-empty-modern button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease}.stats-empty-modern button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f14d}@media(max-width:900px){.hero-section{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(3,1fr)}.consistency-grid,.time-pattern-modern{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stats-page{padding:1rem}.stats-header-modern{flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.header-left{position:static}.header-center h1{font-size:1.1rem}.header-center .header-subtitle{font-size:.6rem}.header-right{position:static}.stats-header-modern .back-btn{padding:.4rem .6rem;font-size:.75rem;min-width:auto}.date-range-selector{overflow-x:auto;flex:1}.range-pill{padding:.35rem .5rem;font-size:.65rem}.share-btn span{display:none}.share-btn{padding:.4rem .6rem}.hero-value{font-size:2rem}.hero-stats-grid,.form-grid{grid-template-columns:repeat(2,1fr)}.momentum-stats{flex-direction:column}.milestones-grid{grid-template-columns:repeat(2,1fr)}.quality-grid{flex-direction:column;align-items:flex-start}.time-pattern-modern{grid-template-columns:repeat(2,1fr)}.session-row-modern{grid-template-columns:1.5fr .5fr .6fr}.session-row-modern span:nth-child(4),.session-row-modern span:nth-child(5),.session-row-modern.header span:nth-child(4),.session-row-modern.header span:nth-child(5){display:none}.goals-grid{grid-template-columns:1fr}.activity-summary{display:none}.consistency-grid,.insights-grid{grid-template-columns:1fr}.settings-page .stats-header-modern{padding:1rem .25rem;flex-direction:row;align-items:center;justify-content:center}.settings-page .header-left{position:static}.settings-page .header-center h1{font-size:1.1rem}.settings-page .header-center .header-subtitle{font-size:.6rem}.settings-page .stats-header-modern .back-btn{padding:.35rem .5rem;font-size:.75rem}.settings-page .settings-tabs{padding:.75rem .5rem;gap:6px}.settings-page .settings-tabs button{padding:10px 14px;font-size:.75rem}.settings-page .settings-content{padding:1rem .75rem}}@media(min-width:769px){.solve-list.solve-list{display:flex!important;flex-wrap:nowrap!important;flex-direction:row!important}.solve-list-container.solve-list-container{max-width:100%!important;width:100%!important}.solve-item.solve-item{flex-shrink:0!important}}@media(max-width:768px){*{max-width:100%;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100%}.layout-container{gap:.5rem;flex-direction:row;flex-wrap:wrap;padding:.5rem 1.5rem;width:100%;max-width:100%;overflow-x:hidden}.layout-zone,.dashboard-grid,.grid-widgets{display:contents!important}.widget-wrapper{width:100%;order:10}.widget-scramble,.widget-inspection{width:calc(50% - .25rem);order:1}.widget-recentSolves{width:100%;order:2}.widget-todayProgress,.widget-dailyGoal{width:calc(50% - .25rem);order:3}.widget-sessionStats{width:100%;order:4}.widget-solveProgressChart,.widget-timeDistribution{width:calc(50% - .25rem);order:5}.widget-performanceTrends,.widget-timer{width:calc(50% - .25rem);order:6}.layout-manager{width:100%;max-width:100%;overflow-x:hidden}}.events-page{min-height:100vh;padding:2rem;max-width:1200px;margin:0 auto}.events-page-header{text-align:center;margin-bottom:3rem}.events-page-header h1{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.events-page-header p{font-size:1.125rem;color:var(--text-secondary);margin:0}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.event-card{display:block;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius-lg);padding:1.5rem;text-decoration:none;transition:all .2s ease}.event-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:0 8px 24px -8px #0000004d}.event-card-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--glass-bg-strong);border-radius:var(--glass-radius);margin-bottom:1rem}.event-card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.event-card-categories{font-size:var(--text-body-sm);color:var(--text-muted);margin:0 0 1rem}.event-card-preview{display:flex;flex-wrap:wrap;gap:.375rem}.category-tag{display:inline-block;padding:.25rem .5rem;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--glass-radius-sm);font-size:.75rem;color:var(--text-secondary)}.category-tag.more{color:var(--text-muted)}.event-detail-page{min-height:100vh;padding:2rem;max-width:1200px;margin:0 auto}.event-detail-header{margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--text-body-sm);color:var(--text-muted);text-decoration:none;margin-bottom:1.5rem;transition:color .2s ease}.back-link:hover{color:var(--text-primary)}.event-header-content{display:flex;align-items:center;gap:1.5rem}.event-header-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius-lg)}.event-header-info h1{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.event-header-info p{font-size:1rem;color:var(--text-muted);margin:0}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.category-card{display:block;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:1.25rem;text-decoration:none;transition:all .2s ease}.category-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.category-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.category-card-name{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.category-card-count{font-size:var(--text-body-sm);color:var(--text-muted)}.category-card-groups{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}.group-tag{display:inline-block;padding:.25rem .5rem;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--glass-radius-sm);font-size:.75rem;color:var(--text-secondary)}.group-tag.more{color:var(--text-muted)}.category-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--glass-border)}.category-card-mode{font-size:var(--text-body-sm);color:var(--text-muted)}.category-detail-page{min-height:100vh;padding:2rem;max-width:900px;margin:0 auto}.category-detail-header{margin-bottom:2rem}.category-header-content{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.category-header-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius)}.category-header-info{flex:1}.category-header-info h1{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.category-header-info p{font-size:var(--text-body-sm);color:var(--text-muted);margin:0}.settings-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);color:var(--text-secondary);font-size:var(--text-body-sm);cursor:pointer;transition:all .2s ease}.settings-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.category-stats{display:flex;gap:2rem;padding:1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);margin-bottom:1rem}.stat{display:flex;flex-direction:column}.stat-value{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.stat-label{font-size:var(--text-body-sm);color:var(--text-muted)}.category-search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);color:var(--text-muted)}.category-search input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:var(--text-body);outline:none}.category-search input::placeholder{color:var(--text-muted)}.cases-list{display:flex;flex-direction:column;gap:.75rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted)}.spinner{width:32px;height:32px;border:2px solid var(--glass-border);border-top-color:var(--text-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.case-group{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);overflow:hidden}.case-group-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem;background:transparent;border:none;cursor:pointer;transition:background .2s ease}.case-group-header:hover{background:var(--glass-bg-hover)}.case-group-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--glass-border);border-radius:4px;color:var(--text-primary)}.case-group-check .partial{width:8px;height:8px;background:var(--text-muted);border-radius:2px}.case-group-check .empty{width:8px;height:8px;background:transparent;border-radius:2px}.case-group-name{flex:1;text-align:left;font-weight:500;color:var(--text-primary)}.case-group-count{font-size:var(--text-body-sm);color:var(--text-muted)}.case-group-header .chevron{color:var(--text-muted);transition:transform .2s ease}.case-group-header .chevron.expanded{transform:rotate(180deg)}.case-group-cases{padding:.5rem;background:var(--glass-bg);border-top:1px solid var(--glass-border)}.case-row{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:var(--glass-radius-sm);transition:background .2s ease}.case-row.enabled{background:var(--glass-bg-hover)}.case-row.disabled{opacity:.5}.case-preview{flex-shrink:0}.case-info{flex:1;display:flex;align-items:center;gap:.5rem}.case-name{font-weight:500;color:var(--text-primary)}.case-weight{font-size:var(--text-body-sm);color:var(--text-muted)}.case-toggle{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.case-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:11px;transition:all .2s ease}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:var(--text-muted);border-radius:50%;transition:all .2s ease}.case-toggle input:checked+.toggle-slider{background:var(--color-primary);border-color:var(--color-primary)}.case-toggle input:checked+.toggle-slider:before{transform:translate(18px);background:#fff}.trainer-page{min-height:100vh;padding:2rem;max-width:800px;margin:0 auto}.trainer-header{margin-bottom:2rem}.trainer-info{display:flex;align-items:center;gap:1rem;margin-top:1rem}.trainer-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius)}.trainer-title h1{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.trainer-title .case-count{font-size:var(--text-body-sm);color:var(--text-muted)}.trainer-content{display:flex;flex-direction:column;align-items:center;padding:2rem}.scramble-display{width:100%;text-align:center;padding:2rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius-lg);margin-bottom:2rem}.case-name-display{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.case-name-display .label{font-size:var(--text-body-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.case-name-display .value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-primary)}.scramble-text{font-family:monospace;font-size:1.25rem;color:var(--text-secondary);margin-bottom:1.5rem;word-break:break-word}.scramble-actions{display:flex;justify-content:center;gap:1rem}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);color:var(--text-secondary);font-size:var(--text-body-sm);cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.trainer-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.control-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--glass-radius);font-size:var(--text-body);font-weight:500;cursor:pointer;transition:all .2s ease}.control-btn.primary{background:var(--color-primary);color:#fff}.control-btn.primary:hover{background:var(--color-primary-hover);transform:scale(1.02)}.trainer-hint{text-align:center;color:var(--text-muted);font-size:var(--text-body-sm)}.trainer-hint kbd{display:inline-block;padding:.125rem .375rem;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:4px;font-family:monospace;font-size:.875em}.no-cases-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-muted)}.no-cases-state h2{font-size:1.25rem;color:var(--text-primary);margin:1rem 0 .5rem}.no-cases-state p{margin:0 0 1.5rem}.settings-link{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--glass-radius);transition:background .2s ease}.settings-link:hover{background:var(--color-primary-hover)}.case-selection-dialog-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:overlayFadeIn .2s ease forwards;padding:1rem}.case-selection-dialog-overlay.closing{animation:overlayFadeOut .2s ease forwards}.case-selection-dialog{width:100%;max-width:640px;max-height:90vh;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--glass-radius-lg);box-shadow:0 0 0 1px var(--glass-highlight),0 25px 80px -20px #0009,0 0 60px -20px #8b5cf626;overflow:hidden;display:flex;flex-direction:column;animation:modalScaleIn .3s cubic-bezier(.4,0,.2,1) forwards}.case-selection-dialog.closing{animation:modalScaleOut .2s ease forwards}.case-dialog-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:var(--glass-bg);border-bottom:1px solid var(--glass-border);flex-shrink:0}.case-dialog-header-content{flex:1;min-width:0}.case-dialog-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.case-dialog-subtitle{font-size:var(--text-body-sm);color:var(--text-muted);margin:.375rem 0 0;line-height:1.5}.case-dialog-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:1rem}.case-dialog-close:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary);transform:scale(1.05)}.case-dialog-body{flex:1;overflow-y:auto;padding:1.5rem}.case-summary-card{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1rem;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--glass-radius);margin-bottom:1rem}.case-summary-stat{display:flex;flex-direction:column;align-items:center}.case-summary-value{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary)}.case-summary-label{font-size:var(--text-body-sm);color:var(--text-muted)}.case-summary-divider{width:1px;height:32px;background:var(--glass-border)}.case-quick-actions{display:flex;gap:.5rem;margin-bottom:1rem}.case-action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius-sm);color:var(--text-secondary);font-size:var(--text-body-sm);cursor:pointer;transition:all .2s ease}.case-action-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.case-search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);margin-bottom:1rem;color:var(--text-muted)}.case-search-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:var(--text-body);outline:none}.case-search-input::placeholder{color:var(--text-muted)}.case-probability-selector{margin-bottom:1rem}.case-section-label{display:block;font-size:var(--text-body-sm);font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.case-segmented-control{display:flex;gap:.5rem}.case-segment{flex:1;display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius-sm);cursor:pointer;transition:all .2s ease}.case-segment:hover{background:var(--glass-bg-hover)}.case-segment.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.case-segment-label{font-weight:500;font-size:var(--text-body-sm)}.case-segment-desc{font-size:.75rem;opacity:.7}.case-categories{display:flex;flex-direction:column;gap:.5rem}.case-category-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);overflow:hidden}.case-category-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem;background:transparent;border:none;cursor:pointer;transition:background .2s ease}.case-category-header:hover{background:var(--glass-bg-hover)}.case-category-check{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:4px;color:var(--text-primary)}.case-category-partial{width:8px;height:8px;background:var(--text-muted);border-radius:2px}.case-category-empty{width:8px;height:8px;background:transparent}.case-category-name{flex:1;text-align:left;font-weight:500;color:var(--text-primary)}.case-category-count{font-size:var(--text-body-sm);color:var(--text-muted)}.case-category-chevron{color:var(--text-muted);transition:transform .2s ease}.case-category-chevron.expanded{transform:rotate(180deg)}.case-category-cases{padding:.5rem;background:var(--glass-bg-strong);border-top:1px solid var(--glass-border)}.case-case-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--glass-radius-sm);cursor:pointer;transition:background .2s ease}.case-case-row:hover{background:var(--glass-bg-hover)}.case-case-row input[type=checkbox]{display:none}.case-case-checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:4px;color:#fff;flex-shrink:0}.case-case-row.selected .case-case-checkbox{background:var(--color-primary);border-color:var(--color-primary)}.case-case-preview{flex-shrink:0}.case-case-name{flex:1;font-size:var(--text-body-sm);color:var(--text-primary)}.case-case-weight{font-size:var(--text-body-sm);color:var(--text-muted)}.case-empty-state{display:flex;flex-direction:column;align-items:center;padding:2rem;color:var(--text-muted)}.case-empty-state span{margin-top:.5rem}.case-dialog-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:var(--glass-bg);border-top:1px solid var(--glass-border);flex-shrink:0}.case-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border:none;border-radius:var(--glass-radius);font-size:var(--text-body);font-weight:500;cursor:pointer;transition:all .2s ease}.case-btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary)}.case-btn-secondary:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.case-btn-primary{background:var(--color-primary);color:#fff}.case-btn-primary:hover{background:var(--color-primary-hover)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalScaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media(max-width:640px){.events-page,.event-detail-page,.category-detail-page,.trainer-page{padding:1rem}.events-grid,.categories-grid{grid-template-columns:1fr}.case-summary-card{flex-wrap:wrap;gap:1rem}.case-summary-divider{display:none}.case-segmented-control{flex-direction:column}.oll-summary-probability{font-size:1rem}}