.toast-container{position:fixed;top:50%;right:20px;transform:translateY(-50%);z-index:100000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{position:relative;background:linear-gradient(135deg,#141419f2,#0f0f14fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px #0006,0 2px 8px #0000004d,inset 0 1px #ffffff1a;padding:18px 22px;display:flex;align-items:center;gap:16px;min-width:340px;max-width:420px;opacity:0;transform:translate(450px) scale(.95);transition:all .4s cubic-bezier(.34,1.56,.64,1);pointer-events:auto;cursor:pointer;border:1px solid rgba(255,255,255,.1);overflow:hidden}.toast:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 3s infinite;pointer-events:none}@keyframes shimmer{0%{left:-100%}50%,to{left:100%}}.toast.show{opacity:1;transform:translate(0) scale(1)}.toast-icon{position:relative;font-size:32px;flex-shrink:0;line-height:1;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}.toast-icon-emoji{font-size:28px;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.toast-icon-img{width:36px;height:36px;object-fit:contain;border-radius:6px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.toast-content{flex:1;min-width:0}.toast-title{font-family:var(--font-headline, "Space Grotesk", sans-serif);font-weight:700;font-size:15px;color:#fff;margin-bottom:4px;letter-spacing:.3px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.toast-message{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;color:#ffffffbf;line-height:1.5;letter-spacing:.2px}.toast-success{border-left:3px solid #10b981;box-shadow:0 8px 32px #0006,0 2px 8px #10b9814d,inset 0 1px #ffffff1a,0 0 20px #10b98133}.toast-success .toast-icon{background:#10b98126;border-color:#10b9814d;box-shadow:0 0 20px #10b98166}.toast-error{border-left:3px solid #ef4444;box-shadow:0 8px 32px #0006,0 2px 8px #ef44444d,inset 0 1px #ffffff1a,0 0 20px #ef444433}.toast-error .toast-icon{background:#ef444426;border-color:#ef44444d;box-shadow:0 0 20px #ef444466}.toast-warning{border-left:3px solid #f59e0b;box-shadow:0 8px 32px #0006,0 2px 8px #f59e0b4d,inset 0 1px #ffffff1a,0 0 20px #f59e0b33}.toast-warning .toast-icon{background:#f59e0b26;border-color:#f59e0b4d;box-shadow:0 0 20px #f59e0b66}.toast-info{border-left:3px solid #3b82f6;box-shadow:0 8px 32px #0006,0 2px 8px #3b82f64d,inset 0 1px #ffffff1a,0 0 20px #3b82f633}.toast-info .toast-icon{background:#3b82f626;border-color:#3b82f64d;box-shadow:0 0 20px #3b82f666}.toast-achievement{border-left:3px solid #c4a962;box-shadow:0 8px 32px #0006,0 2px 8px #c4a96266,inset 0 1px #ffffff26,0 0 24px #c4a9624d;background:linear-gradient(135deg,#19140ff2,#14120ffa)}.toast-achievement .toast-icon{background:linear-gradient(135deg,#c4a96233,#c4a9621a);border-color:#c4a96266;box-shadow:0 0 24px #c4a96280,inset 0 1px 12px #c4a96233;animation:achievementIconPulse 2s ease-in-out infinite}@keyframes achievementIconPulse{0%,to{transform:scale(1);box-shadow:0 0 24px #c4a96280,inset 0 1px 12px #c4a96233}50%{transform:scale(1.08);box-shadow:0 0 32px #c4a962b3,inset 0 1px 16px #c4a9624d}}.toast-achievement .toast-title{background:linear-gradient(135deg,#f4e4b0,#c4a962,#f4e4b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:.5px}.toast:hover{transform:translateY(-3px) scale(1.02);border-color:#fff3}.toast-success:hover{box-shadow:0 12px 40px #00000080,0 4px 16px #10b98166,inset 0 1px #ffffff26,0 0 32px #10b9814d}.toast-error:hover{box-shadow:0 12px 40px #00000080,0 4px 16px #ef444466,inset 0 1px #ffffff26,0 0 32px #ef44444d}.toast-warning:hover{box-shadow:0 12px 40px #00000080,0 4px 16px #f59e0b66,inset 0 1px #ffffff26,0 0 32px #f59e0b4d}.toast-info:hover{box-shadow:0 12px 40px #00000080,0 4px 16px #3b82f666,inset 0 1px #ffffff26,0 0 32px #3b82f64d}.toast-achievement:hover{box-shadow:0 12px 40px #00000080,0 4px 16px #c4a96280,inset 0 1px #fff3,0 0 40px #c4a96266}@media(max-width:768px){.toast-container{left:16px;right:16px;top:50%;transform:translateY(-50%)}.toast{min-width:auto;max-width:100%;padding:16px 18px;gap:14px}.toast-icon{width:44px;height:44px}.toast-icon-emoji{font-size:26px}.toast-icon-img{width:32px;height:32px}.toast-title{font-size:14px}.toast-message{font-size:12px}}@media(max-width:480px){.toast{padding:14px 16px;gap:12px;border-radius:12px}.toast-icon{width:40px;height:40px;border-radius:10px}.toast-icon-emoji{font-size:24px}.toast-icon-img{width:28px;height:28px}}.mobile-nav-backdrop{position:fixed;inset:0;background-color:var(--rank-overlay-dark);z-index:9999;animation:fadeIn .3s ease-out}.mobile-nav-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80vw;background:var(--rank-bg-smoke);box-shadow:4px 0 20px var(--rank-shadow-elevated);transform:translate(-100%);transition:transform .3s ease-out;overflow-y:auto;z-index:10000}.mobile-nav-drawer.open{transform:translate(0)}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid var(--rank-accent-gold);background-color:var(--rank-bg-smoke)}.mobile-nav-title{font-family:var(--font-headline);font-size:1.5rem;font-weight:700;color:var(--rank-accent-gold);margin:0}.mobile-nav-close{background:none;border:none;color:var(--rank-text-secondary);font-size:2.5rem;line-height:1;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.mobile-nav-close:hover{background-color:var(--rank-overlay-glass);color:var(--rank-text-primary)}.mobile-nav-links{display:flex;flex-direction:column;padding:10px 0}.mobile-nav-link{color:var(--rank-text-secondary);text-decoration:none;font-weight:600;font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px;padding:18px 20px;border-left:4px solid transparent;transition:all .3s ease;display:block}.mobile-nav-link:hover,.mobile-nav-link.active{background-color:var(--rank-overlay-glass);border-left-color:var(--rank-accent-gold);color:var(--rank-text-primary)}@media(min-width:768px){.mobile-nav-backdrop,.mobile-nav-drawer{display:none}}.main-nav{background:var(--rank-neutral-800);padding:10px 0;box-shadow:var(--rank-shadow-card)}.nav-container{max-width:1400px;margin:0 auto;padding:0 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{display:flex;align-items:center;flex-shrink:0;cursor:pointer;transition:opacity .2s ease}.logo:hover{opacity:.8}.logo-img{height:50px;width:auto;filter:brightness(1.1)}.nav-links{display:flex;gap:18px;flex:1;justify-content:center;align-items:center}.nav-link{color:var(--rank-neutral-200);text-decoration:none;font-family:var(--font-body);font-weight:var(--font-label-weight);font-size:var(--font-label-size);text-transform:var(--font-label-transform);letter-spacing:var(--font-label-letter-spacing);padding:8px 10px;border-radius:4px;transition:all .3s ease;white-space:nowrap;background:none;border:none;cursor:pointer;line-height:1}.nav-link:hover,.nav-link.active{color:var(--rank-text-white);background:var(--rank-button-secondary-bg)}.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-actions,.user-profile{display:flex;gap:10px;align-items:center}.logout-btn{background:var(--rank-button-secondary-bg);border:1px solid var(--rank-border-default);color:var(--rank-neutral-200);cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin:0;line-height:1}.logout-btn svg{display:block;margin:0;padding:0}.logout-btn:hover{background:var(--rank-button-secondary-hover);color:var(--rank-text-white);transform:translate(2px)}.search-container{position:relative;display:flex;align-items:center;background:transparent;border:1px solid var(--rank-border-hover);border-radius:6px;padding:0;transition:all .3s ease;min-width:280px}.search-container:focus-within{border-color:var(--rank-border-focus)}.nav-search-input{background:transparent!important;background-color:transparent!important;border:none!important;color:var(--rank-input-text);outline:none!important;box-shadow:none!important;font-family:var(--font-body);font-size:var(--font-body-size);width:100%;padding:12px 8px 12px 16px;margin:0;flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:text}.nav-search-input:focus{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;background-color:transparent!important}.nav-search-input:-webkit-autofill,.nav-search-input:-webkit-autofill:hover,.nav-search-input:-webkit-autofill:focus,.nav-search-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--rank-neutral-800) inset!important;-webkit-text-fill-color:var(--rank-input-text)!important;caret-color:var(--rank-input-text)}.nav-search-input::placeholder{color:var(--rank-input-placeholder)}.search-btn{background:none;border:none;color:var(--rank-text-white);cursor:pointer;padding:12px 12px 12px 0;margin:0;display:flex;align-items:center;transition:color .2s ease;flex-shrink:0;pointer-events:all}.search-btn:hover{color:var(--rank-gold)}.search-btn svg{display:block}.search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:var(--rank-neutral-700);border:1px solid var(--rank-border-default);border-radius:8px;box-shadow:var(--rank-shadow-elevated);max-height:400px;overflow-y:auto;display:none;z-index:1000}.search-dropdown.active{display:block}.search-dropdown-section{padding:12px 0;border-bottom:1px solid var(--rank-border-default)}.search-dropdown-section:last-child{border-bottom:none}.search-dropdown-section-title{padding:0 16px 8px;font-family:var(--font-body);font-size:var(--font-label-small-size);font-weight:var(--font-label-weight);color:var(--rank-neutral-300);text-transform:uppercase;letter-spacing:var(--font-label-letter-spacing)}.search-dropdown-item{padding:12px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .2s ease}.search-dropdown-item:hover{background:var(--rank-card-hover-bg)}.search-dropdown-item-image{width:40px;height:40px;object-fit:cover;border-radius:4px;background:var(--rank-neutral-600)}.search-dropdown-item-info{flex:1}.search-dropdown-item-title{font-family:var(--font-body);font-weight:600;color:var(--rank-text-white);margin-bottom:2px}.search-dropdown-item-subtitle{font-family:var(--font-body);font-size:var(--font-small-size);color:var(--rank-neutral-300)}.search-dropdown-empty{padding:20px;text-align:center;font-family:var(--font-body);color:var(--rank-neutral-300)}.hamburger-btn{display:none;background:none;border:none;color:var(--rank-text-white);cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.hamburger-btn:hover{background:var(--rank-button-secondary-bg);color:var(--rank-gold)}.hamburger-btn svg{display:block}@media(max-width:999px){.main-nav{padding:8px 0}.nav-container{padding:0 20px;gap:12px}.hamburger-btn{display:flex!important;align-items:center;justify-content:center;order:1}.logo{order:2;flex-shrink:0}.logo-img{height:48px}.nav-actions{order:3;gap:10px;flex-shrink:0;margin-left:auto}nav.main-nav .nav-container .nav-links{display:none!important}.user-actions{flex-shrink:0}.search-container{min-width:220px;flex-shrink:0}.nav-search-input{font-size:14px;padding:10px 6px 10px 12px}.search-btn{padding:10px 10px 10px 0}.logout-btn{padding:6px}}@media(max-width:767px){.nav-container{padding:0 12px;gap:8px}.logo-img{height:45px}.search-container{min-width:0;max-width:160px;flex-shrink:1}.nav-search-input{font-size:13px;padding:8px 6px 8px 10px;min-width:0}.search-btn{padding:8px 8px 8px 0}.search-btn svg{width:16px;height:16px}.logout-btn{padding:5px}.logout-btn svg{width:16px;height:16px}.user-actions{flex-shrink:1}.nav-actions{gap:8px;flex-shrink:1}}@media(max-width:479px){.nav-container{padding:0 10px;gap:6px}.logo-img{height:38px}.search-container{min-width:0;max-width:120px;flex-shrink:1}.nav-search-input{font-size:12px;padding:7px 4px 7px 8px}.nav-search-input::placeholder{font-size:11px}.search-btn{padding:7px 7px 7px 0}.search-btn svg{width:14px;height:14px}.logout-btn{padding:4px}.logout-btn svg{width:14px;height:14px}.nav-actions{gap:6px}.hamburger-btn{padding:6px}.hamburger-btn svg{width:20px;height:20px}}.site-footer{background:var(--rank-gradient-dark);color:var(--rank-text-white);padding:60px 0 0;margin-top:80px;border-top:4px solid var(--rank-gold)}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.footer-section{display:flex;flex-direction:column;gap:15px}.footer-section h4{color:var(--rank-gold);font-family:var(--font-body);font-size:var(--font-body-size);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;padding-bottom:10px;border-bottom:2px solid var(--rank-border-default)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-links li{margin:0}.footer-links a{color:var(--rank-neutral-200);text-decoration:none;font-family:var(--font-body);font-size:var(--font-small-size);transition:all .3s ease;display:inline-block;position:relative}.footer-links a:before{content:"›";position:absolute;left:-15px;opacity:0;transition:all .3s ease;color:var(--rank-gold)}.footer-links a:hover{color:var(--rank-text-white);transform:translate(10px);text-decoration:none}.footer-links a:hover:before{opacity:1;left:-12px}.footer-bottom{background:var(--rank-overlay-dark);padding:20px;text-align:center;border-top:1px solid var(--rank-border-default)}.footer-bottom p{margin:0;color:var(--rank-neutral-300);font-family:var(--font-body);font-size:var(--font-small-size)}@media(min-width:769px){.site-footer{margin-top:20px;padding:30px 0 0}}@media(max-width:768px){.site-footer{padding:40px 0 0;margin-top:60px}.footer-content{grid-template-columns:repeat(2,1fr);gap:30px;padding:0 20px 30px}.footer-section h4,.footer-links a{font-size:var(--font-small-size)}}@media(max-width:480px){.footer-content{grid-template-columns:1fr;gap:25px}}.page-loader{display:flex;justify-content:center;align-items:center;min-height:400px;width:100%}.page-loader-spinner{width:50px;height:50px;border:4px solid var(--rank-neutral-100);border-top:4px solid var(--rank-loading-spinner);border-radius:50%;animation:page-loader-spin 1s linear infinite}@keyframes page-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;min-height:80vh;padding-bottom:40px}[class*=go][role=region]{position:fixed!important;top:16px!important;right:16px!important;z-index:999999!important;pointer-events:none!important}[class*=go][role=region]>div{pointer-events:auto!important}.admin-toast{position:relative;background:linear-gradient(135deg,#f5f1e8,#ede7db);border:2px solid #c4a962;border-radius:8px;box-shadow:0 4px 12px #7b8b5226,0 2px 4px #0000001a;color:#3d3d3d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;padding:16px 20px;min-width:320px;max-width:420px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-toast>div{display:flex;align-items:flex-start;gap:12px}.admin-toast .toast-icon{font-size:24px;flex-shrink:0;margin-top:2px}.admin-toast .toast-message{flex:1;white-space:pre-line;font-weight:500}.admin-toast-success{background:linear-gradient(135deg,#5d6a3e,#4d5a2e);border-color:#3d4a1e;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.admin-toast-success .toast-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.admin-toast-error{background:linear-gradient(135deg,#b94a48,#a43c3a);border-color:#8b312e;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.admin-toast-error .toast-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.admin-toast-loading{background:linear-gradient(135deg,#6b5340,#5a4230);border-color:#4a3220;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.admin-toast-loading .toast-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:rotate 1s linear infinite}.admin-toast-info{background:linear-gradient(135deg,#5bc0de,#46b8da);border-color:#31b0d5;color:#fff}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-toast:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7b8b5233,0 4px 8px #00000026;cursor:pointer}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.admin-toast{animation:slideInRight .3s ease-out}.admin-toast:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);border-radius:6px;pointer-events:none;opacity:.3}.admin-toast .toast-message strong{font-weight:600}.admin-toast .toast-divider{border-top:1px solid rgba(255,255,255,.2);margin:8px 0}:root{--rank-bg-charcoal: #0F0F0F;--rank-bg-card: #1A1A1A;--rank-bg-card-elevated: #2A2A2A;--rank-line-steel: #3D3D3D;--rank-bg-input: #2A2A2A;--rank-text-white: #FFFFFF;--rank-text-soft-white: #E5E5E5;--rank-text-warm-white: #F2F2F2;--rank-text-headline: #F5F5F5;--rank-text-body: #CCCCCC;--rank-text-p1: #A0A0A0;--rank-text-p2: #6C6C6C;--rank-text-muted: #999999;--rank-text-label: #777777;--rank-text-soft-gray: #5C5C5C;--rank-text-rank-number: #FFC46A;--rank-gold: #FFD873;--rank-amber: #FF8A2B;--rank-ember: #FF4D2E;--rank-bronze: #CD7F32;--rank-silver: #C0C0C0;--rank-gold-metal: #FFD700;--rank-platinum: #E5E4E2;--rank-diamond: #B9F2FF;--rank-neutral-900: #0a0a0a;--rank-neutral-800: #1a1a1a;--rank-neutral-700: #2a2a2a;--rank-neutral-600: #3d3d3d;--rank-neutral-500: #5c5c5c;--rank-neutral-400: #777777;--rank-neutral-300: #999999;--rank-neutral-200: #cccccc;--rank-neutral-100: #e5e5e5;--rank-neutral-50: #f2f2f2;--rank-disabled-bg: #2a2a2a;--rank-disabled-text: #5c5c5c;--rank-disabled-border: #3d3d3d;--rank-text-primary: var(--rank-text-soft-white);--rank-text-secondary: var(--rank-text-body);--rank-text-tertiary: var(--rank-text-muted);--rank-text-subtle: var(--rank-text-label);--rank-text-inverted: var(--rank-button-primary-text);--rank-bg-obsidian: var(--rank-neutral-800);--rank-bg-slate: var(--rank-neutral-700);--rank-bg-smoke: var(--rank-neutral-600);--rank-bg-ash: var(--rank-neutral-500);--rank-bg-neutral: var(--rank-bg-card-elevated);--rank-accent-gold: var(--rank-gold);--rank-accent-amber: var(--rank-amber);--rank-accent-ember: var(--rank-ember);--rank-tier-bronze: var(--rank-bronze);--rank-tier-silver: var(--rank-silver);--rank-tier-gold: var(--rank-gold-metal);--rank-tier-platinum: var(--rank-platinum);--rank-tier-diamond: var(--rank-diamond);--rank-border-light: var(--rank-border-hover);--rank-overlay-success: var(--rank-toast-success-bg);--rank-shadow-dark-soft: var(--rank-shadow-card);--rank-shadow-button-primary: var(--rank-shadow-glow);--rank-gradient-amber: linear-gradient(135deg, #FF8A2B 0%, #FFD873 100%);--rank-gradient-gold: linear-gradient(135deg, #FFD873 0%, #FFA500 100%);--rank-gradient-dark: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 60%, #2d2d2d 100%);--rank-focus-ring: #FFD873;--rank-error: #FF4D2E;--rank-success: #4CAF50;--rank-warning: #FFA500;--rank-info: #2196F3;--rank-button-primary-bg: rgba(255, 138, 43, .1);--rank-button-primary-hover: rgba(255, 138, 43, .15);--rank-button-primary-active: rgba(255, 138, 43, .2);--rank-button-primary-text: #FF8A2B;--rank-button-primary-border: rgba(255, 138, 43, .2);--rank-button-primary-border-hover: rgba(255, 138, 43, .3);--rank-button-gold-bg: #FFD873;--rank-button-gold-hover: #FFA500;--rank-button-gold-active: #FF8A00;--rank-button-gold-text: #0F0F0F;--rank-button-secondary-bg: rgba(255, 255, 255, .1);--rank-button-secondary-hover: rgba(255, 255, 255, .15);--rank-button-secondary-active: rgba(255, 255, 255, .2);--rank-button-secondary-text: #E5E5E5;--rank-button-danger-bg: #FF4D2E;--rank-button-danger-hover: #E6442A;--rank-button-danger-active: #CC3B25;--rank-button-danger-text: #FFFFFF;--rank-link-default: #FFD873;--rank-link-hover: #FFA500;--rank-link-visited: #C0C0C0;--rank-link-active: #FF8A00;--rank-card-hover-bg: #2A2A2A;--rank-card-selected-bg: #2d2d2d;--rank-card-selected-border: #FFD873;--rank-border-default: #3D3D3D;--rank-border-hover: #5c5c5c;--rank-border-focus: #FFD873;--rank-border-error: #FF4D2E;--rank-border-success: #4CAF50;--rank-skeleton-bg: #1A1A1A;--rank-skeleton-shimmer: rgba(255, 255, 255, .1);--rank-loading-spinner: #FFD873;--rank-toast-success-bg: rgba(76, 175, 80, .15);--rank-toast-error-bg: rgba(255, 77, 46, .15);--rank-toast-warning-bg: rgba(255, 165, 0, .15);--rank-toast-info-bg: rgba(33, 150, 243, .15);--rank-input-bg: #2A2A2A;--rank-input-border: #3D3D3D;--rank-input-border-hover: #5c5c5c;--rank-input-border-focus: #FFD873;--rank-input-text: #F5F5F5;--rank-input-placeholder: #6C6C6C;--rank-input-size: 1rem;--rank-input-weight: 400;--rank-input-line-height: 1.5;--rank-glow-amber: rgba(255, 138, 43, .4);--rank-glow-gold: rgba(255, 216, 115, .3);--rank-glow-podium: rgba(218, 165, 32, .2);--rank-overlay-dark: rgba(0, 0, 0, .7);--rank-overlay-card: rgba(255, 255, 255, .05);--rank-overlay-glass: rgba(255, 255, 255, .15);--rank-shadow-card: 0 8px 32px rgba(0, 0, 0, .3);--rank-shadow-elevated: 0 12px 48px rgba(0, 0, 0, .4);--rank-shadow-glow: 0 4px 30px rgba(255, 216, 115, .3);--font-headline: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--font-stats: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-h1-size: 3.5rem;--font-h1-weight: 700;--font-h1-line-height: 1.2;--font-h1-letter-spacing: -1%;--font-h2-size: 2.125rem;--font-h2-weight: 600;--font-h2-line-height: 1.3;--font-h2-letter-spacing: 0;--font-h3-size: 1.75rem;--font-h3-weight: 600;--font-h3-line-height: 1.4;--font-h3-letter-spacing: 0;--font-h4-size: 1.25rem;--font-h4-weight: 500;--font-h4-line-height: 1.5;--font-h4-letter-spacing: 0;--font-body-size: 1rem;--font-body-weight: 400;--font-body-line-height: 1.6;--font-body-medium-size: 1rem;--font-body-medium-weight: 500;--font-body-medium-line-height: 1.6;--font-small-size: .875rem;--font-small-weight: 400;--font-small-line-height: 1.5;--font-p1-size: 1.125rem;--font-p1-weight: 400;--font-p1-line-height: 1.6;--font-p1-color: var(--rank-text-p1);--font-p2-size: .9375rem;--font-p2-weight: 400;--font-p2-line-height: 1.6;--font-p2-color: var(--rank-text-p2);--font-p3-size: .8125rem;--font-p3-weight: 500;--font-p3-line-height: 1.5;--font-p3-color: var(--rank-text-p2);--font-mono-size: 1rem;--font-mono-weight: 500;--font-mono-line-height: 1.4;--font-label-size: .875rem;--font-label-weight: 500;--font-label-line-height: 1.4;--font-label-letter-spacing: .3px;--font-label-transform: uppercase;--font-label-small-size: .75rem;--font-label-small-weight: 500;--font-label-small-line-height: 1.3;--font-hero-size: 4.5rem;--font-hero-weight: 800;--font-hero-line-height: 1.1;--font-hero-letter-spacing: -1px;--font-dashboard-hero-size: 2.5rem;--font-dashboard-hero-weight: 700;--font-dashboard-hero-line-height: 1.1;--font-dashboard-hero-letter-spacing: -.02em;--font-eyebrow-size: .875rem;--font-eyebrow-weight: 600;--font-eyebrow-line-height: 1.4;--font-eyebrow-letter-spacing: 1.5px;--font-eyebrow-transform: uppercase;--font-section-subtitle-size: 1.125rem;--font-section-subtitle-weight: 400;--font-section-subtitle-line-height: 1.6;--font-stat-large-size: 1.75rem;--font-stat-large-weight: 700;--font-stat-large-line-height: 1.2;--font-stat-medium-size: 1.5rem;--font-stat-medium-weight: 600;--font-stat-medium-line-height: 1.3;--font-stat-small-size: 1.25rem;--font-stat-small-weight: 600;--font-stat-small-line-height: 1.4;--font-rank-number-size: 1.25rem;--font-rank-number-weight: 700;--font-rank-number-line-height: 1.2;--font-rank-number-color: var(--rank-text-rank-number);--font-button-size: .9375rem;--font-button-weight: 600;--font-button-line-height: 1;--font-button-letter-spacing: .5px;--font-button-transform: uppercase;--font-tab-size: .9375rem;--font-tab-weight: 500;--font-tab-line-height: 1.4;--font-tab-active-color: var(--rank-amber);--font-tab-inactive-color: var(--rank-text-p1);--font-caption-size: .75rem;--font-caption-weight: 400;--font-caption-line-height: 1.4;--space-xxs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-xxl: 4rem;--space-xxxl: 6rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-narrow: 1000px;--container-xl: 1200px;--container-max: 1400px;--grid-columns: 12;--grid-gap: var(--space-lg);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-smooth: cubic-bezier(.4, 0, .2, 1)}@media(max-width:768px){:root{--font-hero-size: 3rem;--font-h1-size: 2.5rem;--font-h2-size: 2rem;--font-h3-size: 1.5rem;--font-h4-size: 1.125rem;--font-body-size: .9375rem;--font-body-medium-size: .9375rem;--font-small-size: .8125rem;--font-mono-size: .875rem;--font-stat-large-size: 1.5rem;--font-stat-medium-size: 1.25rem;--font-stat-small-size: .875rem;--font-label-size: .75rem;--font-label-small-size: .6875rem;--font-eyebrow-size: .75rem;--font-section-subtitle-size: 1rem;--font-button-size: .8125rem;--font-caption-size: .6875rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--font-body-size);font-weight:var(--font-body-weight);line-height:var(--font-body-line-height);color:var(--rank-text-body);background-color:var(--rank-bg-charcoal);overflow-x:hidden;width:100%;max-width:100vw}h1{font-family:var(--font-headline);font-size:var(--font-h1-size);font-weight:var(--font-h1-weight);line-height:var(--font-h1-line-height);letter-spacing:var(--font-h1-letter-spacing);color:var(--rank-text-headline)}h2{font-family:var(--font-headline);font-size:var(--font-h2-size);font-weight:var(--font-h2-weight);line-height:var(--font-h2-line-height);letter-spacing:var(--font-h2-letter-spacing);color:var(--rank-text-headline)}h3{font-family:var(--font-headline);font-size:var(--font-h3-size);font-weight:var(--font-h3-weight);line-height:var(--font-h3-line-height);letter-spacing:var(--font-h3-letter-spacing);color:var(--rank-text-headline)}h4{font-family:var(--font-headline);font-size:var(--font-h4-size);font-weight:var(--font-h4-weight);line-height:var(--font-h4-line-height);letter-spacing:var(--font-h4-letter-spacing);color:var(--rank-text-headline)}p{font-family:var(--font-body);color:var(--rank-text-body)}.stat-value,.xp-display,.rank-score,.mono-text{font-family:var(--font-mono);font-size:var(--font-mono-size);font-weight:var(--font-mono-weight);line-height:var(--font-mono-line-height);color:var(--rank-gold)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .2s ease-in}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;overflow:hidden;position:relative;background:var(--avatar-bg, linear-gradient(135deg, #7b8b52, #c4a962));color:#fff}.avatar-small{width:40px;height:40px;font-size:16px}.avatar-medium{width:64px;height:64px;font-size:1.4em}.avatar-card{width:80px;height:80px;font-size:2em}.avatar-large{width:120px;height:120px;font-size:3em}.avatar-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.avatar-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.avatar-interactive{cursor:pointer;transition:transform .2s ease}.avatar-interactive:hover{transform:scale(1.1)}