:root{--bg: #EFECE5;--text: #1F2B20;--text-muted: #6B5F53;--navbar-bg: #EFECE5;--navbar-text: #1F2B20;--navbar-outline: #B8B2AA;--card-bg: #FFFFFF;--card-outline: #124F33;--tile-bg: #F3F1EB;--tile-outline: #124F33;--accent: #0E4A31;--accent-2: #0B3A28;--accent-warm: #C94D22;--shadow: 0 4px 12px rgba(0,0,0,0.16);--border-radius: 10px;--nav-h: 56px}html[data-theme="light"]{--bg: #0A1410;--text: #F5F5F5;--text-muted: #8FB39A;--navbar-bg: #0C1612;--navbar-text: #F5F5F5;--navbar-outline: #1F4A35;--card-bg: #0B100E;--card-outline: #1F4A35;--tile-bg: #0E1411;--tile-outline: #1F4A35;--accent: #E0442D;--accent-2: #2D6B47;--accent-warm: #E65A28;--shadow: 0 4px 24px rgba(0,0,0,0.60)}html[data-theme="dark"]{--bg: #0F131A;--text: #F4F4F4;--text-muted: #A0B9D2;--navbar-bg: #131A22;--navbar-text: #F4F4F4;--navbar-outline: #3A6C99;--card-bg: #101010;--card-outline: #3A6C99;--tile-bg: #151B23;--tile-outline: #3A6C99;--accent: #E0442D;--accent-2: #5785AC;--accent-warm: #E65A28;--shadow: 0 4px 22px rgba(0,0,0,0.55)}*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,p,ul,li,figure{margin:0;padding:0}ul{list-style:none}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:'Bangers', cursive}html[data-theme="light"] body{background-color:var(--bg);background-image:url(/assets/lightgrain-3fbfcd1396a46ded22a825209b524e018d7d22ac38e7aa81fbb0f7abe512e542.png);background-size:420px;background-repeat:repeat}html[data-theme="dark"] body{background-color:var(--bg);background-image:url(/assets/darkgrain-5642c013a36322991927a94ec22316ecaff88240b485b0e909752bfa0c958d97.png);background-size:420px;background-repeat:repeat}#page-content{padding-top:var(--nav-h);min-height:calc(100vh - var(--nav-h))}@media (max-width: 900px){#page-content{padding-top:56px;min-height:calc(100vh - 56px)}}@media (max-width: 480px){#page-content{padding-top:52px;min-height:calc(100vh - 52px)}}h1,h2,h3,h4,h5,h6,p,div,span,section,article{text-align:center}.left{text-align:left !important}html,body,main,.wrapper,.page-container{display:block;flex:none !important}.page-container{width:100%;max-width:1400px;margin:0 auto}body{font-family:"Inter", system-ui, sans-serif}.heading-popcorn,.dashboard-title,.sub-heading,.sub-heading-2,.countdown .number,.countdown .label,.brand,.nav-btn,.drawer-link,.drawer-toggle,.hub-label{font-family:"Bangers", cursive;text-shadow:1px 1px 0 #000}.sub-heading{font-size:2rem;margin-top:-10px;color:var(--text)}strong{font-weight:600}h1,h2{text-align:center}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-h);display:flex;justify-content:space-between;align-items:center;padding:6px 16px;box-sizing:border-box;background:rgba(0,0,0,0.45);backdrop-filter:blur(10px);box-shadow:0 2px 6px rgba(0,0,0,0.45);z-index:1100;font-family:"Bangers", cursive;text-shadow:1px 1px 0 #000;transform:translateZ(0);will-change:transform;overflow:visible}.navbar-left{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0;position:relative;overflow:visible}.hamburger-desktop,.hamburger-mobile{display:none}@media (min-width: 901px){.hamburger-desktop{display:flex !important}.hamburger-mobile{display:none !important}}@media (max-width: 900px){.hamburger-mobile{display:flex !important}.hamburger-desktop{display:none !important}}.navbar-center{display:flex;align-items:center;justify-content:center;flex:1;position:absolute;left:50%;transform:translateX(-50%);z-index:1}.brand-flame{display:flex;align-items:center;justify-content:center;text-decoration:none;padding:4px;transition:transform 0.2s ease}.brand-flame:hover{transform:scale(1.1)}.flame-logo{width:auto;height:48px;max-width:280px;object-fit:contain;flex-shrink:0}@media (min-width: 901px){.brand-text-desktop{display:flex}.brand-flame{display:none}}@media (max-width: 900px){.brand-flame{display:flex}.brand-text-desktop{display:none}}.brand-kampfire{display:flex;align-items:center;text-decoration:none;color:var(--accent);flex-shrink:1;min-width:0;overflow:hidden;margin-right:16px}.brand-text{display:flex;flex-direction:column;line-height:0.95;overflow:hidden;text-align:left}.brand-title{font-size:1.5rem;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--accent)}.brand-subtitle{font-size:0.72rem;opacity:0.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--accent-2)}.brand-kampfire:hover .brand-title{color:var(--accent-2)}.hamburger,.hamburger-desktop,.hamburger-mobile{width:30px;min-width:30px;height:24px;display:none;flex-direction:column;justify-content:space-between;background:none;border:none;cursor:pointer;position:relative;top:0;padding:0;margin:0;flex-shrink:0;overflow:visible}.hamburger .bar,.hamburger-desktop .bar,.hamburger-mobile .bar{width:100%;height:4px;background:var(--accent-2);border-radius:4px;box-shadow:1px 1px 0 #000;transition:0.25s ease;transform-origin:center}.hamburger.active .top,.hamburger-desktop.active .top,.hamburger-mobile.active .top{transform:translateY(10px) rotate(45deg)}.hamburger.active .middle,.hamburger-desktop.active .middle,.hamburger-mobile.active .middle{opacity:0}.hamburger.active .bottom,.hamburger-desktop.active .bottom,.hamburger-mobile.active .bottom{transform:translateY(-10px) rotate(-45deg)}@media (max-width: 900px){.hamburger-mobile{margin-left:0;position:relative;left:0}.hamburger-mobile.active .top{transform:translateY(8px) rotate(45deg)}.hamburger-mobile.active .bottom{transform:translateY(-8px) rotate(-45deg)}.hamburger-mobile.active .top,.hamburger-mobile.active .bottom{transform-origin:center center}}@media (max-width: 480px){.hamburger-mobile{margin-left:0;position:relative;left:0}.hamburger-mobile.active .top{transform:translateY(7px) rotate(45deg)}.hamburger-mobile.active .bottom{transform:translateY(-7px) rotate(-45deg)}.hamburger-mobile.active .top,.hamburger-mobile.active .bottom{transform-origin:center center}}.navbar-right{flex:0 1 auto;display:flex;justify-content:flex-end;align-items:center;gap:8px;min-width:0;max-width:calc(50% - 20px);padding-left:8px}.nav-btn{background:var(--tile-bg);border:2px solid var(--tile-outline);padding:6px 16px;border-radius:14px;text-decoration:none;color:var(--accent-2);box-shadow:2px 2px 0 #000;font-family:"Bangers"}.nav-btn:hover{background:var(--accent-2);color:#000}.navbar .theme-toggle{background:transparent;border:none;color:var(--accent-2);padding:8px;border-radius:8px;cursor:pointer;font-size:1.5rem;line-height:1;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;box-shadow:none}.navbar .theme-toggle:hover{background:rgba(255,255,255,0.1);color:var(--accent-2);transform:scale(1.1)}html[data-theme="light"] .navbar .theme-toggle{color:var(--accent)}html[data-theme="light"] .navbar .theme-toggle:hover{background:rgba(34,197,94,0.1)}.brand-stacked-mobile{display:none}.stacked-logo-mobile{height:36px;width:auto;max-width:140px;object-fit:contain;flex-shrink:0}@media (max-width: 900px){.navbar{height:56px;padding-left:32px;padding-right:12px;padding-top:6px;padding-bottom:6px}.navbar-left{flex:0 0 auto;width:auto;min-width:28px;padding-left:0;padding-right:8px}.navbar-center{display:flex}.navbar-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:6px;min-width:0;padding-left:6px;padding-right:6px}.brand-text-desktop{display:none}.brand-stacked-mobile{display:flex;align-items:center;text-decoration:none;margin-right:0}.stacked-logo-mobile{height:40px;max-width:160px}.nav-btn{display:none}.hamburger-mobile{width:26px;min-width:26px;height:20px}.hamburger .bar{height:3px}}@media (max-width: 480px){.navbar{height:52px;padding-left:30px;padding-right:10px;padding-top:5px;padding-bottom:5px}.navbar-left{flex:0 0 auto;width:auto;min-width:26px;padding-left:0;padding-right:6px}.navbar-center{display:none}.navbar-right{max-width:calc(100% - 46px);gap:4px;padding-left:4px;padding-right:4px}.stacked-logo-mobile{height:36px;max-width:140px}.hamburger{width:24px;min-width:24px;height:18px}.hamburger .bar{height:2.5px}}.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:1050;backdrop-filter:blur(2px)}.mobile-overlay.open{display:block}.mobile-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;max-height:100vh;background:var(--navbar-bg);padding:80px 26px 30px;padding-bottom:30px;display:flex;flex-direction:column;gap:16px;box-shadow:-3px 0 12px rgba(0,0,0,0.45);transition:right 0.28s ease-out;z-index:1080;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:100vh;box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent-2) rgba(255,255,255,0.1)}.mobile-menu::-webkit-scrollbar{width:6px}.mobile-menu::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:10px}.mobile-menu::-webkit-scrollbar-thumb{background:var(--accent-2);border-radius:10px}.mobile-menu::-webkit-scrollbar-thumb:hover{background:var(--accent)}.mobile-menu.open{right:0}.drawer-link{font-family:"Bangers";font-size:1.1rem;text-decoration:none;padding:12px 4px;color:var(--accent-2);border-bottom:2px solid rgba(0,0,0,0.25)}.drawer-section{margin-top:10px}.drawer-toggle{width:100%;background:none;border:none;font-family:"Bangers";font-size:1.1rem;padding:10px 6px;color:var(--accent-2);display:flex;justify-content:space-between}.drawer-toggle .arrow{margin-left:6px;transition:transform 0.2s ease}.drawer-toggle.open .arrow{transform:rotate(90deg)}.drawer-submenu{max-height:0;overflow:hidden;transition:max-height 0.25s ease;opacity:0;transition:max-height 0.25s ease, opacity 0.2s ease;padding-left:14px;padding-top:0;padding-bottom:0;min-height:0;will-change:max-height, opacity}.drawer-toggle.open~.drawer-submenu{opacity:1}.drawer-submenu-nested{padding-left:20px;margin-top:4px;max-height:0;overflow:hidden;opacity:0;transition:max-height 0.25s ease, opacity 0.2s ease}.drawer-toggle-nested.open~.drawer-submenu-nested{opacity:1;overflow:visible}.drawer-submenu{position:relative}.drawer-submenu[style*="max-height: 0"] .drawer-submenu-nested,.drawer-submenu:not([style*="max-height"]) .drawer-submenu-nested{max-height:0 !important;opacity:0 !important;overflow:hidden !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important}.drawer-section-nested{margin-top:8px;margin-bottom:4px}.drawer-toggle-nested{font-size:0.95rem;padding:8px 6px;color:var(--accent);opacity:0.95}.drawer-toggle-nested:hover{opacity:1;background:rgba(255,255,255,0.05);border-radius:6px}.drawer-submenu-nested .submenu-link{padding-left:12px}.submenu-link{font-family:"Bangers";padding:10px 6px;display:block;text-decoration:none;color:var(--accent);transition:all 0.2s ease;border-radius:4px;margin:2px 0}.submenu-link:hover{background:rgba(255,255,255,0.08);padding-left:10px;color:var(--accent-2)}.submenu-section-header{font-family:"Bangers";font-size:0.9rem;padding:8px 6px 4px;color:var(--accent-2);opacity:0.8;text-transform:uppercase;letter-spacing:0.5px;border-bottom:1px solid rgba(0,0,0,0.2);margin-bottom:4px}@media (max-width: 768px){.drawer-submenu-nested{padding-left:16px;border-left:2px solid rgba(255,255,255,0.1);margin-left:8px}.drawer-toggle-nested.open~.drawer-submenu-nested{overflow:visible}.drawer-toggle-nested{font-size:0.9rem;padding:10px 8px;background:rgba(255,255,255,0.03);border-radius:8px;margin:4px 0}.drawer-toggle-nested.open{background:rgba(255,255,255,0.08)}.submenu-link{padding:12px 10px;font-size:0.95rem;border-left:2px solid transparent;transition:all 0.2s ease}.submenu-link:hover,.submenu-link:active{border-left-color:var(--accent-2);padding-left:14px;background:rgba(255,255,255,0.1)}}.drawer-link-nfl{background:linear-gradient(135deg, rgba(13,35,64,0.3) 0%, rgba(13,35,64,0.1) 100%);border:2px solid rgba(13,35,64,0.4);border-radius:8px;margin:8px 0;font-weight:600}.drawer-link-nfl:hover{background:linear-gradient(135deg, rgba(13,35,64,0.5) 0%, rgba(13,35,64,0.3) 100%);border-color:rgba(13,35,64,0.6)}.drawer-logout-btn{background:var(--tile-bg);border:2px solid var(--tile-outline);color:var(--accent-2);font-family:"Bangers";padding:10px;border-radius:12px;box-shadow:2px 2px 0 #000}.drawer-logout-btn:hover{background:var(--accent-2);color:#000}.mobile-menu .theme-toggle{background:transparent;border:none;border-bottom:2px solid rgba(0,0,0,0.25);color:var(--accent-2);font-family:"Bangers";font-size:1.1rem;padding:12px 4px;margin:0;width:100%;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all 0.2s ease;text-align:left;box-shadow:none;border-radius:0}.mobile-menu .theme-toggle:hover{background:rgba(255,255,255,0.05);color:var(--accent-2);padding-left:8px}html[data-theme="light"] .mobile-menu .theme-toggle{color:var(--accent);border-bottom-color:rgba(34,197,94,0.2)}html[data-theme="light"] .mobile-menu .theme-toggle:hover{background:rgba(34,197,94,0.08)}.vdk-btn{background:var(--tile-bg);border:2px solid var(--tile-outline);padding:8px 18px;border-radius:10px;font-family:"Bangers", cursive;color:var(--accent-2);text-decoration:none;box-shadow:3px 3px 0 #000;transition:0.18s ease}.vdk-btn:hover{background:var(--accent-2);color:#000}.vdk-pill{padding:6px 14px;border-radius:999px;background:var(--tile-bg);border:2px solid var(--tile-outline);color:var(--accent-2);font-family:"Bangers";text-decoration:none;box-shadow:2px 2px 0 #000;transition:0.18s ease}.vdk-pill:hover{background:var(--accent-2);color:#000}.vdk-icon-btn{width:34px;height:34px;border-radius:50%;border:2px solid var(--tile-outline);background:var(--tile-bg);display:flex;justify-content:center;align-items:center;color:var(--accent-2);cursor:pointer}.vdk-card{background:var(--card-bg);border:2px solid var(--card-outline);border-radius:12px;padding:14px;text-align:center;box-shadow:var(--shadow);transition:transform 0.15s ease, box-shadow 0.15s ease}.vdk-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,0.35)}.vdk-card-title{font-family:"Bangers", cursive;font-size:1.4rem;margin-bottom:10px;color:var(--text)}.vdk-card-body{font-size:1rem;color:var(--text-muted)}.vdk-input,input[type="text"],input[type="email"],input[type="password"],textarea{width:100%;padding:10px 12px;border-radius:8px;border:2px solid var(--accent);background:var(--tile-bg);color:var(--text);font-family:inherit;box-sizing:border-box;transition:border-color 0.15s ease, background 0.15s ease}.vdk-input:focus,input:focus,textarea:focus{outline:none;border-color:var(--accent-2);background:rgba(255,255,255,0.1)}label{font-family:"Bangers", cursive;margin-bottom:6px;display:block;color:var(--text)}.form-row{margin-bottom:18px}.dropdown-menu{display:none;position:absolute;background:var(--card-bg);border:2px solid var(--card-outline);padding:12px 0;border-radius:10px;box-shadow:var(--shadow);z-index:999999;animation:fadeIn 0.18s ease}.dropdown-menu.open{display:block}.dropdown-item{padding:10px 18px;text-decoration:none;display:block;color:var(--text);font-family:"Bangers", cursive;font-size:20px}.dropdown-item:hover{background:rgba(255,255,255,0.08);color:var(--accent)}#toast{visibility:hidden;min-width:260px;background:#3e2c20cc;color:#fff4e6;text-align:center;border-radius:8px;padding:14px 20px;position:fixed;z-index:9999;left:50%;bottom:60px;transform:translateX(-50%);font-family:"Bangers", cursive;font-size:20px;border:2px solid #d7b48a;box-shadow:0 6px 18px rgba(0,0,0,0.45)}#toast.show{visibility:visible;animation:fadein 0.4s, fadeout 0.4s 2.6s}body.auth-page{background:linear-gradient(135deg, #0a1628 0%, #1a2b3c 50%, #0f1e2e 100%);background-attachment:fixed;color:var(--text);font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;margin:0;padding:0;min-height:100vh}.overlay-auth{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.auth-container{background:linear-gradient(135deg, rgba(18,18,18,0.98) 0%, rgba(30,30,30,0.98) 100%);border:2px solid var(--accent);border-radius:20px;padding:48px 40px;width:100%;max-width:420px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.05);backdrop-filter:blur(10px)}html[data-theme="light"] .auth-container{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.3);box-shadow:0 20px 60px rgba(34,197,94,0.15),0 0 0 1px rgba(34,197,94,0.1)}.auth-title{font-family:"Bangers", cursive;font-size:2.5rem;color:var(--accent);margin:0 0 32px 0;text-shadow:2px 2px 0 rgba(0,0,0,0.3);letter-spacing:1px;line-height:1.2}html[data-theme="light"] .auth-title{text-shadow:1px 1px 0 rgba(255,255,255,0.5)}.auth-container form{margin-bottom:24px}.auth-input{width:100%;padding:14px 18px;border-radius:12px;border:2px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.05);color:var(--text);font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size:16px;font-weight:400;margin-bottom:16px;box-sizing:border-box;transition:all 0.2s ease;outline:none}.auth-input::placeholder{color:rgba(255,255,255,0.5);font-weight:400}html[data-theme="light"] .auth-input{background:rgba(255,255,255,0.9);border-color:rgba(34,197,94,0.2);color:#1a1a1a}html[data-theme="light"] .auth-input::placeholder{color:rgba(0,0,0,0.4)}.auth-input:focus{border-color:var(--accent);background:rgba(255,255,255,0.08);box-shadow:0 0 0 3px rgba(230,90,40,0.1);transform:translateY(-1px)}html[data-theme="light"] .auth-input:focus{background:#fff;border-color:rgba(34,197,94,0.4);box-shadow:0 0 0 3px rgba(34,197,94,0.1)}.auth-submit-btn{width:100%;padding:14px 24px;background:var(--accent);color:#000;border-radius:12px;border:none;cursor:pointer;font-family:"Bangers", cursive;font-size:1.4rem;letter-spacing:1px;font-weight:400;transition:all 0.2s ease;margin-top:8px;box-shadow:0 4px 12px rgba(230,90,40,0.3)}.auth-submit-btn:hover{background:var(--accent-2);transform:translateY(-2px);box-shadow:0 6px 16px rgba(230,90,40,0.4)}.auth-submit-btn:active{transform:translateY(0)}.auth-links{margin-top:24px;margin-bottom:8px}.auth-links a{font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size:0.95rem;font-weight:500;color:rgba(255,255,255,0.7);text-decoration:none;display:inline-block;margin:0 8px;transition:color 0.2s ease}html[data-theme="light"] .auth-links a{color:rgba(0,0,0,0.6)}.auth-links a:hover{color:var(--accent);text-decoration:underline}.auth-links br{display:none}.auth-links a+a::before{content:" • ";margin:0 8px;color:rgba(255,255,255,0.3)}html[data-theme="light"] .auth-links a+a::before{color:rgba(0,0,0,0.2)}.oauth-login{margin-top:32px;display:flex;flex-direction:column;gap:12px}.oauth-btn{display:flex;justify-content:center;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;border:1px solid rgba(255,255,255,0.1);transition:all 0.2s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.oauth-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.oauth-btn:active{transform:translateY(0)}.oauth-google{background:#ffffff;color:#3c4043;border-color:#dadce0}.oauth-google:hover{background:#f8f9fa;border-color:#dadce0;box-shadow:0 1px 3px rgba(0,0,0,0.1)}html[data-theme="light"] .oauth-google{background:#ffffff;border-color:#dadce0}.oauth-spotify{background:#1db954;color:#ffffff;border-color:#1db954}.oauth-spotify:hover{background:#1ed760;border-color:#1ed760;box-shadow:0 4px 12px rgba(29,185,84,0.3)}.oauth-icon{width:20px;height:20px;display:inline-block;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center}.google-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3E%3Cpath fill='%2334A853' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath fill='%23FBBC05' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath fill='%23EA4335' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E")}.spotify-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.84-.179-.84-.66 0-.419.34-.66.719-.779 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.24 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.42 1.56-.299.421-1.02.599-1.559.3z'/%3E%3C/svg%3E")}@media (max-width: 768px){.overlay-auth{padding:16px;align-items:flex-start;padding-top:80px}.auth-container{padding:36px 28px;max-width:100%;border-radius:16px}.auth-title{font-size:2rem;margin-bottom:28px}.auth-input{padding:16px 18px;font-size:16px;margin-bottom:14px}.auth-submit-btn{padding:16px 24px;font-size:1.3rem}.oauth-btn{padding:16px 20px;font-size:15px}.auth-links{margin-top:20px}.auth-links a{display:block;margin:8px 0}.auth-links a+a::before{display:none}}@media (max-width: 480px){.overlay-auth{padding:12px;padding-top:60px}.auth-container{padding:32px 24px}.auth-title{font-size:1.75rem;margin-bottom:24px}.oauth-login{margin-top:28px;gap:10px}}.auth-input:focus-visible,.auth-submit-btn:focus-visible,.oauth-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-submit-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none}.auth-submit-btn:disabled:hover{transform:none}.photos-page{padding:40px 20px;max-width:1400px;margin:0 auto}.photos-stats-bar{display:flex;gap:16px;justify-content:center;margin:30px 0 40px;flex-wrap:wrap}.photos-stat{display:flex;flex-direction:row;align-items:center;gap:8px;padding:10px 16px;background:var(--card-bg);border:2px solid var(--card-outline);border-radius:10px;min-width:auto;white-space:nowrap}.photos-stat-value{font-size:1.5rem;font-weight:700;color:var(--accent);font-family:"Bangers", cursive;letter-spacing:0.5px}html[data-theme="light"] .photos-stat-value{color:var(--accent)}.photos-stat-label{font-size:0.85rem;color:var(--text-muted);margin-top:0;text-transform:uppercase;letter-spacing:0.5px}.photos-controls-bar{background:var(--card-bg);border:2px solid var(--card-outline);border-radius:12px;padding:16px;margin-bottom:40px}html[data-theme="light"] .photos-controls-bar{background:rgba(34,197,94,0.05);border-color:var(--accent-2)}.photos-search-form{display:flex;flex-direction:column;gap:12px}.photos-controls-row{display:flex;gap:12px;align-items:center;flex-wrap:nowrap}.photos-control-item{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.photos-control-label{font-size:0.8rem;font-weight:600;color:var(--text-muted);white-space:nowrap;flex-shrink:0;min-width:fit-content;text-transform:uppercase;letter-spacing:0.3px}.photos-control-label-filter{font-size:0.8rem;white-space:nowrap}.photos-search-input{flex:1;min-width:0;padding:10px 14px;background:var(--tile-bg);border:2px solid var(--card-outline);border-radius:8px;color:var(--text);font-size:0.9rem;transition:all 0.2s ease}html[data-theme="light"] .photos-search-input{background:white;border-color:var(--accent-2)}.photos-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(34,197,94,0.2)}.photos-filter-select{flex:1;min-width:0;padding:10px 14px;background:var(--tile-bg);border:2px solid var(--card-outline);border-radius:8px;color:var(--text);font-size:0.9rem;cursor:pointer;transition:all 0.2s ease}html[data-theme="light"] .photos-filter-select{background:white;border-color:var(--accent-2)}.photos-filter-select:hover{border-color:var(--accent)}.photos-filter-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(34,197,94,0.2)}.photos-clear-wrapper{display:flex;justify-content:flex-start;margin-top:4px}.photos-clear-btn{padding:8px 16px;background:var(--tile-bg);border:2px solid var(--card-outline);border-radius:6px;color:var(--text);text-decoration:none;font-size:0.85rem;font-weight:600;transition:all 0.2s ease}.photos-clear-btn:hover{background:var(--card-bg);border-color:var(--accent)}.photos-grid-modern{display:grid;grid-template-columns:repeat(3, 1fr);gap:0;margin-bottom:40px;max-width:90%;margin-left:auto;margin-right:auto}.photo-card-modern{background:transparent;border:none;border-radius:0;overflow:hidden;transition:opacity 0.2s ease;position:relative;aspect-ratio:1 / 1}.photo-card-modern:hover{opacity:0.9}.photo-card-image-wrapper-modern{position:relative;width:100%;height:100%;overflow:hidden;background:var(--tile-bg);border-radius:0}.photo-card-link-modern{display:block;width:100%;height:100%;text-decoration:none;z-index:1;position:relative}.photo-card-modern:hover .photo-card-link-modern{pointer-events:none}.photo-card-overlay-modern{z-index:10}.photo-card-image-modern{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;display:block}.photo-card-modern:hover .photo-card-image-modern{transform:none}.photo-card-placeholder-modern{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--tile-bg);font-size:3rem;border-radius:0}.photo-card-count-badge-modern{position:absolute;top:8px;right:8px;background:rgba(0,0,0,0.75);color:white;padding:4px 8px;border-radius:12px;font-size:0.75rem;font-weight:700;backdrop-filter:blur(8px);z-index:2}.photo-card-overlay-modern{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;z-index:10;border-radius:0;pointer-events:none}.photo-card-modern:hover .photo-card-overlay-modern{opacity:1;pointer-events:auto}.photo-card-actions-modern{display:flex;gap:12px;align-items:center;justify-content:center}.photo-action-btn-modern{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;transition:all 0.2s ease;box-shadow:0 4px 16px rgba(0,0,0,0.4);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,0.2);pointer-events:auto;cursor:pointer}.photo-action-btn-modern:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.5)}.photo-action-view-modern{background:rgba(59,130,246,0.9);border-color:rgba(59,130,246,0.5)}.photo-action-view-modern:hover{background:#3b82f6;border-color:rgba(59,130,246,0.8)}.photo-action-edit-modern{background:rgba(34,197,94,0.9);border-color:rgba(34,197,94,0.5)}.photo-action-edit-modern:hover{background:#22c55e;border-color:rgba(34,197,94,0.8)}.photo-action-delete-modern{background:rgba(239,68,68,0.9);border-color:rgba(239,68,68,0.5)}.photo-action-delete-modern:hover{background:#ef4444;border-color:rgba(239,68,68,0.8)}.photo-action-btn-modern svg{width:18px;height:18px;stroke-width:2.5}.photo-card-content-modern{padding:12px 4px 0;display:flex;flex-direction:column}.photo-card-title-link{text-decoration:none;color:inherit}.photo-card-title-modern{font-size:0.9rem;font-weight:600;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color 0.2s ease}.photo-card-title-link:hover .photo-card-title-modern{color:var(--accent)}.photos-empty-state{text-align:center;padding:80px 20px;background:var(--card-bg);border:2px solid var(--card-outline);border-radius:16px;margin:40px 0}.photos-empty-icon{font-size:4rem;margin-bottom:20px}.photos-empty-title{font-size:1.8rem;font-weight:700;color:var(--text);margin-bottom:12px}.photos-empty-text{font-size:1.1rem;color:var(--text-muted);margin-bottom:24px}.photos-pagination{margin:40px auto;text-align:center;display:flex;justify-content:center;align-items:center}.photos-pagination .pagination{display:flex;gap:8px;align-items:center;justify-content:center;list-style:none;padding:0;margin:0;flex-wrap:wrap}.photos-pagination .pagination .page,.photos-pagination .pagination .prev,.photos-pagination .pagination .next,.photos-pagination .pagination .first,.photos-pagination .pagination .last{display:inline-block}.photos-pagination .pagination a,.photos-pagination .pagination span{display:inline-block;padding:8px 12px;border-radius:6px;border:1px solid var(--card-outline);background:var(--card-bg);color:var(--text);text-decoration:none;font-family:"Inter", sans-serif;font-size:0.9rem;font-weight:500;transition:all 0.2s ease;min-width:36px;text-align:center}.photos-pagination .pagination a:hover{background:var(--accent);border-color:var(--accent);color:white;transform:translateY(-1px)}.photos-pagination .pagination .page.current span{background:var(--accent);border-color:var(--accent);color:white;font-weight:700}.photos-pagination .pagination .disabled span{opacity:0.5;cursor:not-allowed;pointer-events:none}html[data-theme="light"] .photos-pagination .pagination a:hover{background:var(--accent-2);border-color:var(--accent-2)}html[data-theme="light"] .photos-pagination .pagination .page.current span{background:var(--accent-2);border-color:var(--accent-2)}@media (max-width: 1024px){.photos-grid-modern{grid-template-columns:repeat(3, 1fr);gap:0}.photos-controls-row{gap:10px}.photos-control-label{font-size:0.75rem;min-width:45px}.photos-search-input,.photos-filter-select{padding:10px 12px;font-size:0.85rem}}@media (max-width: 900px){.photos-controls-row{flex-wrap:wrap}.photos-control-item{flex:1 1 calc(50% - 5px);min-width:180px}}@media (min-width: 901px){.photos-controls-row{flex-wrap:nowrap}}@media (max-width: 768px){.photos-page{padding:20px 12px}.photos-stats-bar{margin:16px 0 20px;gap:8px}.photos-stat{padding:8px 12px;gap:6px}.photos-stat-value{font-size:1.2rem}.photos-stat-label{font-size:0.7rem}.photos-page{padding-top:10px}.photos-page .heading-popcorn{margin-top:0;margin-bottom:4px;font-size:1.8rem}.photos-page .sub-heading{margin-top:0;margin-bottom:12px;font-size:0.85rem}.photos-controls-bar{padding:12px;margin-bottom:20px}.photos-controls-row{flex-direction:column;gap:10px}.photos-control-item{flex-direction:row;align-items:center;width:100%}.photos-control-label{font-size:0.75rem;min-width:50px}.photos-search-input,.photos-filter-select{padding:10px 12px;font-size:0.9rem}.photos-clear-btn{padding:8px 14px;font-size:0.8rem}.photos-grid-modern{display:grid !important;grid-template-columns:repeat(3, 1fr) !important;gap:0 !important;padding:0 !important;overflow-x:visible !important;overflow-y:visible !important;scroll-snap-type:none !important;max-width:100% !important;margin:20px 0 !important}.photo-action-btn-modern{width:36px;height:36px}.photo-action-btn-modern svg{width:16px;height:16px}}@media (max-width: 480px){.photos-grid-modern{grid-template-columns:repeat(3, 1fr) !important;gap:0 !important;padding:0 !important}.photo-action-btn-modern{width:32px;height:32px}.photo-action-btn-modern svg{width:14px;height:14px}}.photo-detail-page-modern{padding:0;max-width:100%;margin:0;min-height:100vh;display:flex;flex-direction:column}.photo-detail-nav-modern{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);position:sticky;top:0;z-index:100}.photo-detail-back-btn-modern,.photo-detail-edit-btn-modern{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:8px;color:var(--text);text-decoration:none;font-weight:600;font-size:0.9rem;transition:all 0.2s ease}.photo-detail-back-btn-modern:hover,.photo-detail-edit-btn-modern:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);transform:translateY(-1px)}.photo-detail-edit-btn-modern{background:rgba(34,197,94,0.2);border-color:rgba(34,197,94,0.4);color:var(--accent)}.photo-detail-edit-btn-modern:hover{background:rgba(34,197,94,0.3);border-color:rgba(34,197,94,0.5)}.photo-detail-back-btn-modern svg,.photo-detail-edit-btn-modern svg{width:20px;height:20px;stroke-width:2.5}.photo-detail-title-modern{font-size:1.1rem;font-weight:600;color:var(--text);margin:0;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 20px}.photo-detail-image-container-modern{flex:1;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:20px;background:var(--bg)}.photo-detail-image-wrapper-modern{display:none;max-width:100%;max-height:calc(100vh - 200px)}.photo-detail-image-wrapper-modern.active{display:block}.photo-detail-image-modern{max-width:100%;max-height:calc(100vh - 200px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,0.3)}.photo-detail-empty-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:40px;text-align:center}.photo-detail-empty-icon{font-size:4rem;margin-bottom:20px;opacity:0.5}.photo-detail-empty-text{font-size:1.1rem;color:var(--text-muted)}.photo-detail-metadata-modern{padding:30px 20px;max-width:1200px;margin:0 auto;background:var(--bg)}.photo-metadata-grid-modern{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:16px;margin-bottom:30px}.photo-metadata-section-modern{margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,0.1)}html[data-theme="light"] .photo-metadata-section-modern{border-top-color:rgba(34,197,94,0.2)}.photo-metadata-section-title{font-size:1.1rem;font-weight:700;color:var(--text);margin:0 0 16px 0}.photo-metadata-card{background:var(--card-bg);border:2px solid var(--card-outline);border-radius:12px;padding:20px;display:flex;gap:16px;align-items:flex-start;transition:all 0.2s ease}html[data-theme="light"] .photo-metadata-card{box-shadow:0 2px 8px rgba(34,197,94,0.1)}.photo-metadata-card:hover{border-color:var(--accent);transform:translateY(-2px)}.photo-metadata-icon{font-size:1.8rem;flex-shrink:0}.photo-metadata-content{flex:1;min-width:0}.photo-metadata-label{font-size:0.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px;font-weight:600}.photo-metadata-value{font-size:1rem;color:var(--text);font-weight:500;word-break:break-word}.photo-map-link{margin-left:8px;text-decoration:none;font-size:1.2rem;transition:transform 0.2s ease;display:inline-block}.photo-map-link:hover{transform:scale(1.2)}.photo-user-link{margin-left:8px;color:var(--accent);text-decoration:none;font-size:0.9rem;font-weight:600}.photo-user-link:hover{text-decoration:underline}.photo-detail-section{margin-bottom:40px}.photo-albums-list-modern{display:flex;flex-wrap:wrap;gap:10px}.photo-album-tag-modern{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--accent-2);color:white;border-radius:20px;text-decoration:none;transition:all 0.2s ease;font-weight:600;font-size:0.9rem}html[data-theme="light"] .photo-album-tag-modern{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 2px 8px rgba(34,197,94,0.3)}.photo-album-tag-modern:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(34,197,94,0.4)}.photo-album-remove-modern{background:rgba(255,255,255,0.2);border:none;color:white;width:18px;height:18px;border-radius:50%;cursor:pointer;font-size:0.85rem;line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:all 0.2s ease;margin-left:4px}.photo-album-remove-modern:hover{background:rgba(255,255,255,0.3);transform:scale(1.1)}.photo-add-album-form-modern{display:flex;gap:12px;align-items:flex-end}.photo-form-group-modern{display:flex;gap:12px;flex:1;align-items:flex-end}.photo-album-select-modern{flex:1;padding:10px 14px;border:2px solid var(--card-outline);border-radius:8px;background:var(--card-bg);color:var(--text);font-size:0.95rem;cursor:pointer;transition:border-color 0.2s ease}html[data-theme="light"] .photo-album-select-modern{border-color:var(--accent-2)}.photo-album-select-modern:hover{border-color:var(--accent)}.photo-album-select-modern:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(34,197,94,0.2)}.photo-add-album-btn-modern{padding:10px 20px;background:var(--accent-2);border:2px solid var(--accent-2);border-radius:8px;color:white;font-weight:600;font-size:0.95rem;cursor:pointer;transition:all 0.2s ease}html[data-theme="light"] .photo-add-album-btn-modern{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 2px 8px rgba(34,197,94,0.3)}.photo-add-album-btn-modern:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(34,197,94,0.4)}.photo-detail-navigation{display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding-top:40px;border-top:2px solid var(--card-outline)}.photo-nav-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--card-bg);border:2px solid var(--card-outline);border-radius:10px;text-decoration:none;color:var(--text);font-weight:600;transition:all 0.2s ease}.photo-nav-btn:hover{background:var(--tile-bg);border-color:var(--accent);transform:translateX(4px)}.photo-nav-prev:hover{transform:translateX(-4px)}.photo-nav-icon{font-size:1.2rem}.photo-nav-text{font-size:0.95rem}@media (max-width: 768px){.photo-detail-nav-modern{padding:12px 15px}.photo-detail-title-modern{font-size:1rem;padding:0 10px}.photo-detail-back-btn-modern,.photo-detail-edit-btn-modern{padding:6px 12px;font-size:0.85rem}.photo-detail-back-btn-modern svg,.photo-detail-edit-btn-modern svg{width:18px;height:18px}.photo-detail-image-container-modern{padding:10px;min-height:calc(100vh - 180px)}.photo-detail-image-modern{max-height:calc(100vh - 180px)}.photo-detail-metadata-modern{padding:20px 15px}.photo-metadata-grid-modern{grid-template-columns:1fr;gap:12px}.photo-add-album-form-modern{flex-direction:column;align-items:stretch}.photo-form-group-modern{flex-direction:column;align-items:stretch}.photo-add-album-btn-modern{width:100%}}.photo-upload-page{padding:40px 20px;max-width:700px;margin:0 auto}.photo-upload-card{padding:40px;margin-top:30px}.photo-upload-form{display:flex;flex-direction:column;gap:24px}.photo-drop-zone{position:relative;border:3px dashed var(--card-outline);border-radius:16px;padding:60px 20px;background:var(--tile-bg);cursor:pointer;transition:all 0.3s ease;min-height:200px;display:flex;align-items:center;justify-content:center}html[data-theme="light"] .photo-drop-zone{border-color:var(--accent-2);background:rgba(34,197,94,0.05)}.photo-drop-zone:hover{border-color:var(--accent);background:var(--card-bg);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}html[data-theme="light"] .photo-drop-zone:hover{border-color:var(--accent);background:rgba(34,197,94,0.1);box-shadow:0 4px 16px rgba(34,197,94,0.2)}.photo-drop-zone.dragover{border-color:var(--accent);background:var(--accent);opacity:0.9}html[data-theme="light"] .photo-drop-zone.dragover{background:rgba(34,197,94,0.2);border-color:var(--accent)}.photo-drop-zone-content{text-align:center;pointer-events:none}.photo-drop-zone-icon{font-size:4rem;margin-bottom:16px}.photo-drop-zone-text{font-size:1.2rem;font-weight:600;color:var(--text);margin-bottom:8px}.photo-drop-zone-hint{font-size:0.9rem;color:var(--text-muted)}.photo-file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-file-count{padding:12px 20px;background:var(--tile-bg);border:2px solid var(--card-outline);border-radius:10px;text-align:center;font-weight:600;color:var(--accent-2)}html[data-theme="light"] .photo-file-count{background:rgba(34,197,94,0.1);border-color:var(--accent-2);color:var(--accent)}.photo-form-group{display:flex;flex-direction:column;gap:8px}.photo-form-label{font-weight:600;color:var(--text);font-size:0.95rem}.photo-album-select{padding:12px 16px;border:2px solid var(--card-outline);border-radius:10px;background:var(--card-bg);color:var(--text);font-size:1rem;cursor:pointer;transition:border-color 0.2s ease;width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none;position:relative;z-index:1}html[data-theme="light"] .photo-album-select{border-color:var(--accent-2)}.photo-album-select:hover{border-color:var(--accent)}.photo-album-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(34,197,94,0.2);z-index:10;position:relative}.photo-upload-btn{padding:16px 32px;background:var(--accent-2);color:white;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;gap:8px}html[data-theme="light"] .photo-upload-btn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 4px 16px rgba(34,197,94,0.3)}.photo-upload-btn:hover:not(:disabled){background:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px rgba(34,197,94,0.4)}.photo-upload-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none}.photo-upload-spinner{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.photo-upload-status{margin-top:16px;padding:12px 20px;border-radius:10px;text-align:center;font-weight:600}.photo-upload-status-info{background:rgba(34,197,94,0.1);border:2px solid var(--accent-2);color:var(--accent-2)}html[data-theme="light"] .photo-upload-status-info{background:rgba(34,197,94,0.15);color:var(--accent)}.photo-upload-status-error{background:rgba(239,68,68,0.1);border:2px solid #ef4444;color:#ef4444}html[data-theme="light"] .photo-upload-status-error{background:rgba(239,68,68,0.15)}@media (max-width: 768px){.photo-upload-page{padding:20px 15px}.photo-upload-card{padding:24px;position:relative;overflow:visible}.photo-upload-form{position:relative;z-index:1}.photo-drop-zone{padding:40px 15px;min-height:160px;position:relative;z-index:1}.photo-drop-zone-icon{font-size:3rem}.photo-drop-zone-text{font-size:1rem}.photo-drop-zone-hint{font-size:0.85rem}.photo-form-group{position:relative;z-index:2}.photo-album-select{position:relative;z-index:3;width:100%;max-width:100%}.photo-upload-btn{padding:14px 24px;font-size:1rem;position:relative;z-index:1}}@media (max-width: 480px){.photo-upload-card{padding:20px}.photo-drop-zone{padding:30px 12px;min-height:140px}}.all-photos-page{padding-top:140px;max-width:1200px;margin:0 auto;text-align:center}.photo-search-box{margin:20px auto;max-width:600px;background:var(--card-bg);padding:20px;border:2px solid var(--card-outline);border-radius:12px;box-shadow:3px 3px 0 #000}.albums-page-modern{padding:20px;max-width:1400px;margin:0 auto}.albums-page-modern .heading-popcorn{text-align:center;margin-bottom:8px}.albums-page-modern .sub-heading{text-align:center;color:var(--text-muted);margin-bottom:30px}.albums-grid-modern{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:24px;margin-top:30px;padding:0 10px}@media (min-width: 768px){.albums-grid-modern{grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:30px}}@media (min-width: 1200px){.albums-grid-modern{grid-template-columns:repeat(auto-fill, minmax(320px, 1fr))}}.album-card-modern{background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:16px;overflow:hidden;transition:all 0.3s ease;box-shadow:0 4px 16px rgba(0,0,0,0.3);display:flex;flex-direction:column}html[data-theme="light"] .album-card-modern{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2);box-shadow:0 4px 16px rgba(34,197,94,0.1)}.album-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.4);border-color:rgba(255,255,255,0.2)}html[data-theme="light"] .album-card-modern:hover{box-shadow:0 8px 24px rgba(34,197,94,0.2);border-color:rgba(34,197,94,0.3)}.album-card-cover-wrapper{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:rgba(0,0,0,0.3)}.album-card-cover-modern{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.album-card-link-modern:hover .album-card-cover-modern{transform:scale(1.05)}.album-card-placeholder-modern{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(29,185,84,0.1) 0%, rgba(29,185,84,0.05) 100%);color:var(--text-muted)}html[data-theme="light"] .album-card-placeholder-modern{background:linear-gradient(135deg, rgba(34,197,94,0.15) 0%, rgba(34,197,94,0.08) 100%)}.album-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%);padding:16px;opacity:0;transition:opacity 0.3s ease}.album-card-modern:hover .album-card-overlay{opacity:1}.album-card-photo-count{color:white;font-weight:600;font-size:0.9rem;text-shadow:0 2px 4px rgba(0,0,0,0.5)}.album-card-content-modern{padding:20px;flex:1;display:flex;flex-direction:column}.album-card-link-modern{color:var(--text);text-decoration:none;flex:1;display:flex;flex-direction:column}.album-card-name-modern{font-family:"Bangers", sans-serif;font-size:1.4rem;font-weight:400;letter-spacing:0.5px;color:var(--text);margin:0 0 8px 0;line-height:1.3;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.album-card-description{color:var(--text-muted);font-size:0.9rem;line-height:1.5;margin:0 0 12px 0;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.album-card-meta{color:var(--text-muted);font-size:0.85rem;margin:auto 0 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,0.1)}html[data-theme="light"] .album-card-meta{border-top-color:rgba(34,197,94,0.2)}.album-card-actions-modern{display:flex;gap:8px;padding:0 20px 20px 20px;border-top:1px solid rgba(255,255,255,0.1);padding-top:16px;margin-top:auto}html[data-theme="light"] .album-card-actions-modern{border-top-color:rgba(34,197,94,0.2)}.album-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.05);color:var(--text);text-decoration:none;font-size:0.9rem;font-weight:500;transition:all 0.2s ease;cursor:pointer}html[data-theme="light"] .album-action-btn{border-color:rgba(34,197,94,0.3);background:rgba(34,197,94,0.05);color:var(--text)}.album-action-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3);transform:translateY(-1px)}html[data-theme="light"] .album-action-btn:hover{background:rgba(34,197,94,0.15);border-color:rgba(34,197,94,0.4)}.album-action-edit:hover{color:#60a5fa}html[data-theme="light"] .album-action-edit:hover{color:#2563eb}.album-action-delete:hover{color:#f87171}html[data-theme="light"] .album-action-delete:hover{color:#dc2626}.album-action-btn svg{flex-shrink:0}.albums-pagination{margin:40px auto;text-align:center;padding:20px}.albums-pagination .pagination{justify-content:center}.albums-pagination .page-link{background:var(--card-bg);border-color:var(--card-outline);color:var(--text);padding:8px 16px;margin:0 4px;border-radius:8px;transition:all 0.2s ease}.albums-pagination .page-link:hover{background:var(--accent);border-color:var(--accent);color:white;transform:translateY(-1px)}html[data-theme="light"] .albums-pagination .page-link:hover{background:#22C55E;border-color:#22C55E}.albums-pagination .page-item.active .page-link{background:var(--accent);border-color:var(--accent);color:white}html[data-theme="light"] .albums-pagination .page-item.active .page-link{background:#22C55E;border-color:#22C55E}@media (max-width: 768px){.albums-page-modern{padding:15px}.albums-grid-modern{grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:20px;padding:0}.album-card-content-modern{padding:16px}.album-card-name-modern{font-size:1.2rem}.album-card-actions-modern{padding:0 16px 16px 16px;flex-direction:column}.album-action-btn{width:100%}}@media (max-width: 480px){.albums-grid-modern{grid-template-columns:1fr;gap:16px}.album-card-content-modern{padding:14px}.album-card-name-modern{font-size:1.1rem}}.album-show-header-modern{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;flex-wrap:wrap;gap:20px}.album-show-description-modern{color:var(--text-muted);font-size:1.1rem;margin-top:8px}.album-edit-btn-modern{display:flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.2);border-radius:8px;color:var(--text);text-decoration:none;font-weight:600;font-size:0.9rem;transition:all 0.2s ease}.album-edit-btn-modern:hover{background:rgba(255,255,255,0.15);border-color:var(--accent);transform:translateY(-1px)}.photo-action-remove-modern{background:rgba(251,191,36,0.9);border-color:rgba(251,191,36,0.5)}.photo-action-remove-modern:hover{background:#fbbf24;border-color:rgba(251,191,36,0.7);transform:scale(1.1)}@media (max-width: 768px){.album-show-header-modern{flex-direction:column;margin-bottom:16px;margin-top:10px}.album-show-header-modern .heading-popcorn{margin-top:0;margin-bottom:4px;font-size:1.8rem}.album-show-description-modern{font-size:0.9rem;margin-top:4px}.album-edit-btn-modern{width:100%;justify-content:center;padding:8px 16px;font-size:0.85rem}body.albums-show .photos-grid-modern{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden !important;gap:0 !important;padding:0 !important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 !important;width:100vw;margin-left:calc(-50vw + 50%)}body.albums-show .photos-grid-modern::-webkit-scrollbar{display:none}body.albums-show .photos-grid-modern .photo-card-modern{flex:0 0 100vw !important;max-width:100vw !important;min-width:100vw !important;width:100vw !important;scroll-snap-align:start;scroll-snap-stop:always;margin:0;border-radius:0;box-shadow:none;border:none}body.albums-show .photos-grid-modern .photo-card-image-wrapper-modern{width:100%;aspect-ratio:4/3;border-radius:0}body.albums-show .photos-grid-modern .photo-card-image-modern{width:100%;height:100%;object-fit:contain;border-radius:0}body.albums-show .photos-grid-modern .photo-card-content-modern{padding:12px 16px;background:var(--card-bg);border-top:1px solid var(--card-outline)}body.albums-show .photos-grid-modern .photo-card-title-modern{font-size:0.95rem;text-align:center}}turbo-frame:empty{display:none}body.spotify-index .overlay,body.spotify-index .overlay::before{background:none !important;content:none !important}body.spotify-index{background:var(--bg) !important}.spotify-page{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:4px;padding-bottom:40px}.overlay.spotify-page{padding-top:4px;padding-bottom:40px}.spotify-title-above-menu{font-family:"Bangers", cursive;font-size:1.4rem;color:var(--text);margin:0 auto 8px;line-height:1.2;text-align:center;width:100%}.spotify-results-count-inline{font-size:0.9rem;color:var(--text-muted);font-weight:400;margin-left:8px}.spotify-card{display:flex;align-items:center;gap:12px;margin:12px auto;max-width:960px;width:96%;padding:14px 18px;box-sizing:border-box;font-family:"Inter", "SF Pro Text", "Segoe UI", system-ui, -apple-system, sans-serif}.spotify-cover{width:56px;height:56px;border-radius:12px;object-fit:cover;box-shadow:0 6px 14px rgba(0,0,0,0.28);flex-shrink:0}.spotify-meta{text-align:left;display:grid;grid-template-columns:minmax(0, 2fr) minmax(0, 1.35fr) minmax(0, 1fr);align-items:center;gap:10px 14px;width:100%;font-size:1rem;line-height:1.4}.spotify-track{font-size:1.05rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);letter-spacing:-0.01em;font-family:"Inter", "SF Pro Text", "Segoe UI", system-ui, -apple-system, sans-serif}.spotify-artist,.spotify-album{color:var(--text);opacity:0.82;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;letter-spacing:-0.01em;font-family:"Inter", "SF Pro Text", "Segoe UI", system-ui, -apple-system, sans-serif}.spotify-played{font-size:0.95rem;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;letter-spacing:-0.01em;font-family:"Inter", "SF Pro Text", "Segoe UI", system-ui, -apple-system, sans-serif}.spotify-search-wrapper{max-width:700px;margin:0 auto 30px auto;text-align:center}.spotify-search-inner{display:flex;align-items:center;background:rgba(30,30,30,0.7);border:2px solid rgba(255,255,255,0.15);padding:10px 14px;border-radius:12px;backdrop-filter:blur(6px);transition:0.25s ease}.spotify-search-inner:focus-within{border-color:var(--accent-2);transform:scale(1.02)}.spotify-search-icon{font-size:1.1rem;margin-right:10px;opacity:0.8}.spotify-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:"Inter", system-ui;font-size:1rem}.spotify-search-input::placeholder{color:rgba(255,255,255,0.45)}.spotify-clear-btn{border:none;background:none;font-size:1.4rem;color:rgba(255,255,255,0.6);cursor:pointer}.spotify-clear-btn:hover{color:var(--accent-2)}.spotify-filter-chips{margin:12px auto 6px;display:flex;gap:10px;justify-content:center}.chip{padding:5px 14px;border-radius:20px;border:2px solid rgba(255,255,255,0.15);background:rgba(0,0,0,0.5);color:var(--text);font-family:"Inter", sans-serif;font-size:0.85rem;cursor:pointer;transition:all 0.18s ease}.chip.active{background:rgba(230,90,40,0.1);border-color:var(--accent-2);color:var(--accent-2);box-shadow:0 0 4px rgba(230,90,40,0.4)}.chip:hover{border-color:var(--accent-2);color:var(--accent-2)}.spotify-results-count{margin-top:6px;font-size:0.9rem;font-family:"Inter", system-ui;opacity:0.75}@media (max-width: 900px){.spotify-card{flex-direction:column;align-items:flex-start;padding:16px;width:calc(min(100%, 640px))}.spotify-meta{grid-template-columns:1fr;gap:6px;width:100%}.spotify-track,.spotify-artist,.spotify-played{white-space:normal;word-break:break-word}.spotify-cover{width:52px;height:52px}}@media (max-width: 540px){.spotify-card{gap:10px;padding:14px}.spotify-meta{gap:4px}.spotify-track{font-size:1rem}.spotify-artist,.spotify-played{font-size:0.95rem}}body:not(.mobile) .spotify-page{padding-top:8px;max-width:1100px;margin:0 auto;text-align:center}.spotify-header{font-family:"Bangers";font-size:2.8rem;color:var(--accent)}.spotify-search-wrapper{margin:20px auto 10px auto;max-width:650px}.spotify-search-inner{display:flex;align-items:center;background:rgba(20,20,20,0.65);padding:10px 14px;border-radius:12px}.spotify-results-list{margin-top:20px}.spotify-card{display:flex;align-items:center;background:var(--card-bg);border:2px solid var(--card-outline);border-radius:12px;padding:16px;margin:14px auto;max-width:850px;box-shadow:3px 3px 0 #000}.spotify-stat-row{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;margin:10px auto;max-width:700px;font-family:"Inter", sans-serif;font-size:1rem}.spotify-stat-label{color:var(--text);font-weight:600}.spotify-stat-value{color:var(--accent-2);font-weight:700}.community-period-filter{margin:20px auto;max-width:600px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:0 15px}.period-btn{padding:8px 16px;border-radius:8px;border:2px solid var(--card-outline);background:var(--card-bg);color:var(--text);text-decoration:none;font-family:"Inter", sans-serif;font-size:0.95rem;font-weight:500;transition:all 0.2s ease;display:inline-block;flex:1 1 auto;min-width:80px;text-align:center}.period-btn:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.period-btn.active{background:var(--accent);border-color:var(--accent);color:white}.community-stats{max-width:800px;margin:30px auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:15px;padding:0 15px}.community-stat-card{background:var(--card-bg);border:2px solid var(--card-outline);border-radius:12px;text-align:center;padding:16px}.community-stat-value{font-size:2rem;font-weight:700;color:var(--accent);line-height:1.2}.community-stat-label{font-size:0.9rem;color:var(--text-muted);margin-top:4px}.community-stat-sublabel{font-size:0.75rem;color:var(--text-muted);margin-top:4px;font-weight:500}.community-section-title{margin-top:50px;margin-bottom:10px}.community-section-desc{color:var(--text-muted);margin-bottom:20px;max-width:900px;margin-left:auto;margin-right:auto;padding:0 15px;text-align:center}.spotify-menu-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1600px;margin:0 auto;padding:10px 24px;width:100%;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,0.1);background:rgba(0,0,0,0.02)}html[data-theme="light"] .spotify-menu-bar{border-bottom:1px solid rgba(0,0,0,0.08);background:transparent}.spotify-menu-left{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:0 0 auto}.spotify-menu-left:not(:has(.spotify-user-selector-desktop)){align-items:center;margin:0 auto}.spotify-search-container{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spotify-search-input-clean{padding:8px 16px;border:2px solid var(--accent);border-radius:6px;background:var(--accent);color:white;font-family:"Inter", sans-serif;font-size:0.9rem;outline:none;transition:all 0.2s ease;min-width:250px;box-sizing:border-box}.spotify-search-input-clean::placeholder{color:rgba(255,255,255,0.7)}.spotify-search-input-clean:focus{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px rgba(224,68,45,0.2);color:white}.spotify-search-input-clean:focus::placeholder{color:rgba(255,255,255,0.8)}.spotify-user-selector-desktop{flex:0 0 auto}.spotify-user-selector-mobile{display:none;width:100%;max-width:400px;margin:8px auto 0}@media (max-width: 768px){.spotify-search-container{flex-direction:column;width:100%;align-items:stretch}.spotify-search-input-clean{width:100%;min-width:0}.spotify-user-selector-desktop{display:none}.spotify-user-selector-mobile{display:block}}.spotify-menu-right{display:flex;align-items:center;gap:16px;flex:1;justify-content:flex-end;flex-wrap:wrap}.spotify-nav-icons-menu{display:flex;gap:6px;align-items:center}.spotify-nav-icon-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:60px;min-width:60px;height:60px;padding:4px 6px;background:var(--card-bg);border:1px solid var(--card-outline);border-radius:6px;color:var(--text);text-decoration:none;transition:all 0.2s ease;box-sizing:border-box}.spotify-nav-icon-menu:hover{background:var(--accent);border-color:var(--accent);color:white;transform:translateY(-1px)}.spotify-nav-icon-menu svg{flex-shrink:0}.spotify-nav-icon-title{font-family:"Inter", sans-serif;font-size:0.6rem;color:var(--text);text-transform:uppercase;letter-spacing:0.3px;font-weight:500;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.spotify-nav-icon-menu:hover .spotify-nav-icon-title{color:white}.spotify-title-menu{font-family:"Bangers", cursive;font-size:1.1rem;color:var(--text);margin:0;line-height:1;white-space:nowrap}.spotify-user-selector-menu{flex:0 0 auto}.spotify-user-form-menu{display:inline-block}.spotify-user-dropdown-menu{padding:6px 12px;border-radius:6px;border:1px solid var(--card-outline);background:var(--card-bg);color:var(--text);font-family:"Inter", sans-serif;font-size:0.85rem;cursor:pointer;transition:all 0.2s ease;height:36px;box-sizing:border-box;width:100%}.spotify-user-dropdown-menu:hover{border-color:var(--accent)}.spotify-user-dropdown-menu:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(34,197,94,0.1)}.community-period-filter-row{max-width:1600px;width:100%;padding:0 24px;box-sizing:border-box;margin:8px auto 0}.community-period-filter-menu{display:flex;gap:4px;align-items:center;width:100%;max-width:calc(100% - 48px);margin:0 auto}@media (min-width: 769px){.community-period-filter-menu{max-width:none;width:auto;flex:1;justify-content:space-between}.community-period-filter-row{display:flex;justify-content:center;align-items:center}.community-period-filter-row .community-period-filter-menu{max-width:calc(100% - 48px);width:100%}}.period-btn-menu{padding:6px 12px;border-radius:6px;border:1px solid var(--card-outline);background:var(--card-bg);color:var(--text);text-decoration:none;font-family:"Inter", sans-serif;font-size:0.8rem;font-weight:500;transition:all 0.2s ease;white-space:nowrap;height:36px;display:flex;align-items:center;box-sizing:border-box;flex:1;justify-content:center}.period-btn-menu:hover{border-color:var(--accent);transform:translateY(-1px)}.period-btn-menu.active{background:var(--accent);border-color:var(--accent);color:white}.community-stats-menu{display:flex;gap:6px;align-items:center}.community-stat-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 12px;background:transparent;border:none;border-radius:6px;width:70px;min-width:70px;max-width:70px;height:70px;box-sizing:border-box;overflow:hidden}html[data-theme="light"] .community-stat-menu{background:transparent;border:none}.stat-value-menu{font-weight:700;color:var(--accent);line-height:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.1rem;display:inline-block;max-width:100%}.community-stat-menu .stat-value-menu[data-digits="4"],.community-stat-menu .stat-value-menu[data-digits="5"],.community-stat-menu .stat-value-menu[data-digits="6"]{font-size:0.95rem;transform:scale(0.95);transform-origin:center}.community-stat-menu .stat-value-menu[data-digits="7"]{font-size:0.85rem;transform:scale(0.9);transform-origin:center}.stat-label-menu{font-size:0.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.3px;font-weight:500;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.spotify-header-compact{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;max-width:1400px;margin:12px auto 20px;padding:12px 20px;width:100%;box-sizing:border-box}.spotify-nav-icons-compact{display:flex;gap:6px;align-items:center}.spotify-nav-icon-compact{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:5px;background:var(--card-bg);border:1px solid var(--card-outline);border-radius:6px;color:var(--text);text-decoration:none;transition:all 0.2s ease}.spotify-nav-icon-compact:hover{background:var(--accent);border-color:var(--accent);color:white;transform:translateY(-1px)}.spotify-header-center{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.spotify-title-compact{font-family:"Bangers", cursive;font-size:1.25rem;color:var(--text);margin:0;line-height:1.2}.spotify-user-selector{margin-top:2px}.spotify-user-form{display:inline-block}.spotify-user-dropdown{padding:5px 10px;border-radius:6px;border:1px solid var(--card-outline);background:var(--card-bg);color:var(--text);font-family:"Inter", sans-serif;font-size:0.85rem;cursor:pointer;transition:all 0.2s ease}.spotify-user-dropdown:hover{border-color:var(--accent)}.spotify-user-dropdown:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(34,197,94,0.1)}.spotify-header-right{display:flex;align-items:center;justify-content:flex-end}.spotify-controls-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.community-period-filter-compact{display:flex;gap:4px;align-items:center}.period-btn-compact{padding:5px 10px;border-radius:6px;border:1px solid var(--card-outline);background:var(--card-bg);color:var(--text);text-decoration:none;font-family:"Inter", sans-serif;font-size:0.8rem;font-weight:500;transition:all 0.2s ease;white-space:nowrap;height:28px;display:flex;align-items:center}.period-btn-compact:hover{border-color:var(--accent);transform:translateY(-1px)}.period-btn-compact.active{background:var(--accent);border-color:var(--accent);color:white}.community-stats-compact{display:flex;gap:8px;align-items:center}.community-stat-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 8px;background:var(--card-bg);border:1px solid var(--card-outline);border-radius:6px;min-width:55px;height:28px;box-sizing:border-box}.stat-value-compact{font-size:0.95rem;font-weight:700;color:var(--accent);line-height:1}.stat-label-compact{font-size:0.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.3px;font-weight:500;line-height:1}@media (max-width: 768px){.spotify-title-above-menu{font-size:1.2rem;margin-bottom:6px}.spotify-menu-bar{flex-direction:column;gap:12px;padding:12px 16px;margin:0 auto}.spotify-menu-left{width:100%;flex-direction:column;gap:8px}.spotify-search-left{width:100%;min-width:0}.spotify-user-selector-menu{width:100%}.spotify-user-dropdown-menu{width:100%}.spotify-menu-right{flex-direction:column;align-items:stretch;gap:12px;width:100%}.spotify-nav-icons-menu{justify-content:center;flex-wrap:wrap}.spotify-nav-icon-menu{width:60px;min-width:60px;height:60px}.community-period-filter-menu{justify-content:center;flex-wrap:wrap}.community-stats-menu{justify-content:center;flex-wrap:wrap}.community-stat-menu{width:70px;min-width:70px;max-width:70px;height:70px}.spotify-header-compact{grid-template-columns:1fr;gap:12px;text-align:center;margin:8px auto 16px;padding:10px 16px}.spotify-nav-icons-compact{justify-content:center}.spotify-header-right{align-items:center;justify-content:center}.spotify-controls-row{flex-direction:column;gap:8px;width:100%}.community-period-filter-compact{justify-content:center}.community-stats-compact{justify-content:center;flex-wrap:wrap}}.spotify-nav-icons{display:flex;justify-content:center;align-items:center;gap:16px;margin:20px auto 30px;padding:0 20px;flex-wrap:wrap;max-width:1200px}.spotify-nav-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--card-bg);border:2px solid var(--card-outline);border-radius:12px;text-decoration:none;color:var(--text);transition:all 0.2s ease;min-width:80px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}html[data-theme="light"] .spotify-nav-icon{box-shadow:0 2px 8px rgba(34,197,94,0.1)}.spotify-nav-icon:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 4px 16px rgba(29,185,84,0.3);background:rgba(29,185,84,0.05)}html[data-theme="light"] .spotify-nav-icon:hover{box-shadow:0 4px 16px rgba(34,197,94,0.25);background:rgba(34,197,94,0.08)}.spotify-nav-icon svg{width:24px;height:24px;color:var(--accent);transition:transform 0.2s ease}.spotify-nav-icon:hover svg{transform:scale(1.1);color:var(--accent)}.spotify-nav-icon span{font-size:0.75rem;font-weight:600;color:var(--text);text-align:center}.community-activity-grid{max-width:100%;margin:30px 0;padding:8px 20px 20px 20px;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;gap:16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#1DB954 rgba(255,255,255,0.1)}.community-activity-grid::-webkit-scrollbar{height:8px}.community-activity-grid::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:10px}.community-activity-grid::-webkit-scrollbar-thumb{background:#1DB954;border-radius:10px}.community-activity-card-modern{background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:0;overflow:hidden;transition:all 0.3s ease;position:relative;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,0.3);flex:0 0 300px;scroll-snap-align:start;min-width:300px;max-width:300px;width:300px}html[data-theme="light"] .community-activity-card-modern{background:linear-gradient(135deg, rgba(30,30,30,0.98) 0%, rgba(40,40,40,0.98) 100%);border-color:rgba(34,197,94,0.3);box-shadow:0 4px 20px rgba(34,197,94,0.15)}.community-activity-card-modern:hover{transform:translateY(-4px);border-color:#1DB954;box-shadow:0 8px 32px rgba(29,185,84,0.3)}html[data-theme="light"] .community-activity-card-modern:hover{border-color:#22C55E;box-shadow:0 8px 32px rgba(34,197,94,0.25)}.activity-card-artwork{position:relative;width:100%;padding-top:100%;overflow:hidden;background:linear-gradient(135deg, #1DB954 0%, #1ed760 100%);aspect-ratio:1}.activity-artwork-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.activity-artwork-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.community-activity-card-modern:hover .activity-artwork-overlay{opacity:1}.activity-play-button{width:64px;height:64px;background:#1DB954;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;transition:all 0.2s ease;box-shadow:0 4px 16px rgba(29,185,84,0.4)}.activity-play-button:hover{transform:scale(1.1);background:#1ed760;box-shadow:0 6px 20px rgba(29,185,84,0.5)}.activity-play-button svg{width:28px;height:28px;margin-left:3px}.activity-artwork-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #1DB954 0%, #1ed760 100%);display:flex;align-items:center;justify-content:center}.activity-placeholder-icon{font-size:4rem;opacity:0.8}.activity-card-content{padding:12px;flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%)}html[data-theme="light"] .activity-card-content{background:linear-gradient(135deg, rgba(30,30,30,0.95) 0%, rgba(40,40,40,0.95) 100%)}.activity-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.activity-order-number{font-size:0.75rem;font-weight:700;color:#1DB954;background:rgba(29,185,84,0.1);padding:4px 8px;border-radius:12px;letter-spacing:0.5px}html[data-theme="light"] .activity-order-number{color:#22C55E;background:rgba(34,197,94,0.15)}.activity-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.activity-user-badge{font-size:0.75rem;font-weight:600;color:var(--text);background:rgba(255,255,255,0.1);padding:3px 8px;border-radius:10px}html[data-theme="light"] .activity-user-badge{background:rgba(34,197,94,0.1);color:var(--accent-2)}.activity-time-badge{font-size:0.7rem;color:var(--text-muted);font-weight:500}.activity-track-name{font-size:0.95rem;font-weight:700;color:var(--text);margin:0 0 6px 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-0.02em}.activity-artist-name{font-size:0.8rem;font-weight:500;color:var(--text);margin:0 0 4px 0;opacity:0.9;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.activity-album-name{font-size:0.75rem;color:var(--text-muted);margin:0 0 12px 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.activity-spotify-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(29,185,84,0.1);border:1px solid #1DB954;border-radius:20px;color:#1DB954;text-decoration:none;font-size:0.85rem;font-weight:600;transition:all 0.2s ease;margin-top:auto;width:fit-content}html[data-theme="light"] .activity-spotify-link{background:rgba(34,197,94,0.15);border-color:#22C55E;color:#22C55E}.activity-spotify-link:hover{background:#1DB954;color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(29,185,84,0.3)}html[data-theme="light"] .activity-spotify-link:hover{background:#22C55E;border-color:#22C55E}.activity-spotify-link svg{width:16px;height:16px;flex-shrink:0}.community-recommendations-grid{max-width:100%;margin:30px 0;padding:8px 20px 20px 20px;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;gap:16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#1DB954 rgba(255,255,255,0.1)}.community-recommendations-grid::-webkit-scrollbar{height:8px}.community-recommendations-grid::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:10px}.community-recommendations-grid::-webkit-scrollbar-thumb{background:#1DB954;border-radius:10px}.community-recommendation-card{background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:0;overflow:hidden;transition:all 0.3s ease;position:relative;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,0.3);flex:0 0 300px;scroll-snap-align:start;min-width:300px;max-width:300px;width:300px}html[data-theme="light"] .community-recommendation-card{background:linear-gradient(135deg, rgba(30,30,30,0.98) 0%, rgba(40,40,40,0.98) 100%);border-color:rgba(34,197,94,0.3);box-shadow:0 4px 20px rgba(34,197,94,0.15)}.community-recommendation-card:hover{transform:translateY(-4px);border-color:#1DB954;box-shadow:0 8px 32px rgba(29,185,84,0.3)}html[data-theme="light"] .community-recommendation-card:hover{border-color:#22C55E;box-shadow:0 8px 32px rgba(34,197,94,0.25)}.recommendation-card-artwork{position:relative;width:100%;padding-top:100%;overflow:hidden;background:linear-gradient(135deg, #1DB954 0%, #1ed760 100%);aspect-ratio:1}.recommendation-artwork-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.recommendation-artwork-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.community-recommendation-card:hover .recommendation-artwork-overlay{opacity:1}.recommendation-play-button{width:64px;height:64px;background:#1DB954;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;transition:all 0.2s ease;box-shadow:0 4px 16px rgba(29,185,84,0.4)}.recommendation-play-button:hover{transform:scale(1.1);background:#1ed760;box-shadow:0 6px 20px rgba(29,185,84,0.5)}.recommendation-play-button svg{width:28px;height:28px;margin-left:3px}.recommendation-artwork-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #1DB954 0%, #1ed760 100%);display:flex;align-items:center;justify-content:center}.recommendation-placeholder-icon{font-size:4rem;opacity:0.8}.recommendation-card-content{padding:12px;flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%)}html[data-theme="light"] .recommendation-card-content{background:linear-gradient(135deg, rgba(30,30,30,0.95) 0%, rgba(40,40,40,0.95) 100%)}.recommendation-track-name{font-size:0.95rem;font-weight:700;color:var(--text);margin:0 0 6px 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-0.02em}.recommendation-artist-name{font-size:0.8rem;font-weight:500;color:var(--text);margin:0 0 8px 0;opacity:0.9;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.recommendation-play-count{font-size:0.85rem;color:#1DB954;font-weight:600;margin:0 0 12px 0}html[data-theme="light"] .recommendation-play-count{color:#22C55E}.recommendation-spotify-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(29,185,84,0.1);border:1px solid #1DB954;border-radius:20px;color:#1DB954;text-decoration:none;font-size:0.85rem;font-weight:600;transition:all 0.2s ease;margin-top:auto;width:fit-content}html[data-theme="light"] .recommendation-spotify-link{background:rgba(34,197,94,0.15);border-color:#22C55E;color:#22C55E}.recommendation-spotify-link:hover{background:#1DB954;color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(29,185,84,0.3)}html[data-theme="light"] .recommendation-spotify-link:hover{background:#22C55E;border-color:#22C55E}.recommendation-spotify-link svg{width:16px;height:16px;flex-shrink:0}.community-grid{max-width:1200px;margin:20px auto;display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:20px;padding:0 20px;justify-items:center}@media (max-width: 768px){.community-grid,#items-grid{grid-template-columns:repeat(2, 1fr) !important;gap:12px !important;padding:0 10px !important;max-width:100% !important;width:100% !important}.community-card{max-width:100% !important;width:100% !important;min-width:0 !important}}.community-card{background:var(--card-bg);border:2px solid var(--card-outline);border-radius:14px;padding:10px;text-align:center;transition:transform 0.2s ease, border-color 0.2s ease;position:relative;display:flex;flex-direction:column;width:100%;min-height:280px;cursor:pointer;box-sizing:border-box;overflow:visible}.community-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 6px 16px rgba(0,0,0,0.3)}.community-card.discogs-library-card{max-height:350px;overflow:visible;padding-bottom:12px}@media (max-width: 768px){.community-card.discogs-library-card{max-height:none;min-height:auto}}@media (max-width: 480px){.community-card.discogs-library-card{max-height:none;min-height:auto}}.community-card-ranked{padding-top:20px}.community-rank-badge{position:absolute;top:12px;left:12px;background:var(--accent);color:white;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.85rem;z-index:1}.community-card-image-link{display:block;text-decoration:none;width:100%}.community-card-image-wrapper{position:relative;width:100%;aspect-ratio:1;margin-bottom:8px;border-radius:10px;overflow:hidden;background:#1a1a1a;flex-shrink:0}.community-card-image{width:100%;height:100%;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,0.3);display:block;background:linear-gradient(135deg, #1DB954 0%, #1ed760 100%)}.community-card-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;z-index:5;pointer-events:none}.community-card:hover .community-card-image-overlay{opacity:1;pointer-events:auto}.community-card-play-button{width:56px;height:56px;background:#1DB954;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;transition:all 0.2s ease;box-shadow:0 4px 16px rgba(29,185,84,0.4);pointer-events:auto;z-index:10;position:relative;cursor:pointer}.community-card:hover .community-card-play-button{transform:scale(1.1);background:#1ed760;box-shadow:0 6px 20px rgba(29,185,84,0.5)}.community-card-play-button svg{width:24px;height:24px;margin-left:3px}.community-card-placeholder{background:linear-gradient(135deg, #1DB954 0%, #1ed760 100%);display:flex;align-items:center;justify-content:center;font-size:3rem;width:100%;aspect-ratio:1;border-radius:10px;opacity:0.8}.community-card-title{font-weight:600;margin:0 0 2px 0;font-size:0.7rem;color:var(--text);overflow:visible;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.1;min-height:1.54em;max-height:1.54em;text-align:center;word-break:break-word;text-decoration:none}.community-card-subtitle{color:var(--text-muted);margin:0 0 2px 0;font-size:0.65rem;overflow:visible;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.1;min-height:0.715em;max-height:0.715em;text-align:center;word-break:break-word;text-decoration:none}.community-card-count{color:var(--accent-2);font-size:0.65rem;margin:0 0 6px 0;font-weight:600;text-align:center;text-decoration:none;height:0.65em;flex-shrink:0}.community-card-link,.community-card-link *{text-decoration:none !important}.community-card-link:hover,.community-card-link:hover *{text-decoration:none !important}.community-card-top-listeners-link{display:inline-block;margin-top:8px;font-size:0.75rem;font-weight:600;color:var(--text);background:rgba(255,255,255,0.1);padding:3px 8px;border-radius:10px;text-decoration:none;transition:all 0.2s ease;cursor:pointer}html[data-theme="light"] .community-card-top-listeners-link{background:rgba(34,197,94,0.1);color:var(--accent-2)}.community-card-top-listeners-link:hover{background:rgba(255,255,255,0.15);color:var(--text);text-decoration:none;transform:translateY(-1px)}html[data-theme="light"] .community-card-top-listeners-link:hover{background:rgba(34,197,94,0.15);color:var(--accent-2)}.community-card .spotify-play-link{margin-top:4px}.community-card-spotify-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(29,185,84,0.1);border:1px solid #1DB954;border-radius:20px;color:#1DB954;text-decoration:none;font-size:0.85rem;font-weight:600;transition:all 0.2s ease;margin-top:8px;width:fit-content;margin-left:auto;margin-right:auto}html[data-theme="light"] .community-card-spotify-link{background:rgba(34,197,94,0.15);border-color:#22C55E;color:#22C55E}.community-card-spotify-link:hover{background:#1DB954;color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(29,185,84,0.3)}html[data-theme="light"] .community-card-spotify-link:hover{background:#22C55E;border-color:#22C55E}.community-card-spotify-link svg{width:16px;height:16px;flex-shrink:0}@media (max-width: 768px){.spotify-page{padding-top:20px;gap:8px}.heading-popcorn{margin-top:0;margin-bottom:4px;font-size:2rem}.sub-heading{margin-top:0;margin-bottom:12px;font-size:0.9rem}.community-period-filter{gap:6px;padding:0 10px;margin-bottom:16px}.period-btn{padding:8px 10px;font-size:0.85rem;min-width:65px}.community-stats{grid-template-columns:repeat(2, 1fr);gap:10px;padding:0 10px;margin-bottom:20px}.community-stat-card{padding:12px 8px}.community-stat-value{font-size:1.5rem}.community-stat-label{font-size:0.8rem}.community-stat-sublabel{font-size:0.7rem}.community-section-title{margin-top:24px;padding:0 15px;font-size:1.3rem}.community-section-desc{padding:0 15px;font-size:0.9rem}.community-activity-grid{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden !important;gap:12px;padding:0 15px 15px 15px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#1DB954 rgba(255,255,255,0.1);grid-template-columns:none !important;max-width:100% !important;margin:20px 0 !important}.community-activity-grid::-webkit-scrollbar{height:6px}.community-activity-grid::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:10px}.community-activity-grid::-webkit-scrollbar-thumb{background:#1DB954;border-radius:10px}.community-activity-card-modern{flex:0 0 240px !important;scroll-snap-align:start;max-width:240px !important;min-width:240px !important;width:240px !important}.activity-card-content{padding:10px}.activity-track-name{font-size:0.95rem}.activity-artist-name{font-size:0.8rem}.activity-album-name{font-size:0.75rem}.activity-spotify-link{padding:6px 10px;font-size:0.75rem}.activity-order-number{font-size:0.7rem;padding:3px 6px}.activity-user-badge,.activity-time-badge{font-size:0.7rem}.community-recommendations-grid{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden !important;gap:12px;padding:0 15px 15px 15px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#1DB954 rgba(255,255,255,0.1);grid-template-columns:none !important;max-width:100% !important;margin:20px 0 !important}.community-recommendations-grid::-webkit-scrollbar{height:6px}.community-recommendations-grid::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:10px}.community-recommendations-grid::-webkit-scrollbar-thumb{background:#1DB954;border-radius:10px}.community-recommendation-card{flex:0 0 240px !important;scroll-snap-align:start;max-width:240px !important;min-width:240px !important;width:240px !important}.recommendation-card-content{padding:10px;background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%)}html[data-theme="light"] .recommendation-card-content{background:linear-gradient(135deg, rgba(30,30,30,0.95) 0%, rgba(40,40,40,0.95) 100%)}.recommendation-track-name{font-size:0.85rem}.recommendation-artist-name{font-size:0.7rem}.recommendation-spotify-link{padding:6px 10px;font-size:0.75rem}.community-grid,#items-grid{grid-template-columns:repeat(2, 1fr) !important;gap:10px !important;padding:0 8px !important;scroll-padding-top:80px;max-width:100% !important;width:100% !important}.community-card{max-width:100% !important;width:100% !important;min-width:0 !important;box-sizing:border-box}.community-card{padding:8px;scroll-margin-top:80px;min-height:200px}.community-card.discogs-library-card{min-height:260px;max-height:none;overflow:visible}.community-card.discogs-library-card .community-card-image-wrapper{max-width:150px;max-height:150px;margin:0 auto 8px auto}.community-card-image-wrapper{margin-bottom:8px;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#1a1a1a}.community-card-image{width:100%;height:100%;object-fit:cover;display:block}.community-card-title{font-size:0.75rem;margin-bottom:3px;min-height:2em;max-height:2em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.community-card-subtitle{font-size:0.7rem;margin-bottom:3px;min-height:1.2em;max-height:1.2em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.community-card-count{font-size:0.75rem;margin-bottom:6px}.community-card-top-listeners-link{padding:4px 8px;font-size:0.65rem;margin-top:auto;flex-shrink:0;align-self:center}.community-card-image-link{display:block;width:100%;flex-shrink:0}.community-card-spotify-link{padding:6px 10px;font-size:0.75rem}.community-rank-badge{width:24px;height:24px;font-size:0.75rem;top:8px;left:8px}.community-card-title{font-size:0.85rem;-webkit-line-clamp:2;min-height:2.4em}.community-card-subtitle{font-size:0.75rem;-webkit-line-clamp:2;min-height:2.4em}.community-card-count{font-size:0.75rem}.community-card-image,.community-card-placeholder{margin-bottom:10px}.spotify-nav-icons{gap:12px;padding:0 15px;margin:15px auto 20px}.spotify-nav-icon{padding:10px 12px;min-width:70px}.spotify-nav-icon svg{width:20px;height:20px}.spotify-nav-icon span{font-size:0.7rem}}@media (max-width: 480px){.spotify-nav-icons{gap:8px;padding:0 10px;margin:12px auto 18px}.spotify-nav-icon{padding:8px 10px;min-width:60px}.spotify-nav-icon svg{width:18px;height:18px}.spotify-nav-icon span{font-size:0.65rem}}@media (max-width: 480px){.community-period-filter{gap:6px}.period-btn{padding:8px 10px;font-size:0.85rem;min-width:60px}.community-stats{gap:10px}.community-stat-value{font-size:1.5rem}.community-stat-label{font-size:0.8rem}.community-activity-grid{padding:0 12px 12px 12px !important;gap:10px;display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden !important;grid-template-columns:none !important}.community-activity-card-modern{flex:0 0 220px !important;max-width:220px !important;min-width:220px !important;width:220px !important}.activity-card-content{padding:8px}.activity-track-name{font-size:0.9rem;margin-bottom:4px}.activity-artist-name{font-size:0.75rem;margin-bottom:3px}.activity-album-name{font-size:0.7rem;margin-bottom:8px}.activity-spotify-link{padding:5px 8px;font-size:0.7rem}.activity-order-number{font-size:0.65rem;padding:2px 5px}.activity-user-badge{font-size:0.65rem;padding:2px 6px}.activity-time-badge{font-size:0.65rem}.activity-play-button{width:48px;height:48px}.activity-play-button svg{width:20px;height:20px}.community-recommendations-grid{padding:0 12px 12px 12px !important;gap:10px;display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden !important;grid-template-columns:none !important}.community-recommendation-card{flex:0 0 220px !important;max-width:220px !important;min-width:220px !important;width:220px !important}.recommendation-card-content{padding:8px;background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%)}html[data-theme="light"] .recommendation-card-content{background:linear-gradient(135deg, rgba(30,30,30,0.95) 0%, rgba(40,40,40,0.95) 100%)}.recommendation-track-name{font-size:0.8rem;margin-bottom:4px}.recommendation-artist-name{font-size:0.7rem;margin-bottom:6px}.recommendation-play-count{font-size:0.75rem;margin-bottom:8px}.recommendation-spotify-link{padding:5px 8px;font-size:0.7rem}.recommendation-play-button{width:48px;height:48px}.recommendation-play-button svg{width:20px;height:20px}.community-album-header-content{flex-direction:column;text-align:center;gap:16px;padding:0 15px}.community-album-cover{width:160px;height:160px;min-width:160px;margin:0 auto}.community-album-cover-placeholder{width:160px;height:160px;min-width:160px;margin:0 auto;font-size:4rem}.community-album-header-info{text-align:center}.community-album-header-info h1{text-align:center;font-size:1.8rem}.community-album-header-info .sub-heading{text-align:center;font-size:1rem}.spotify-play-btn{padding:10px 18px;font-size:0.9rem}.community-recommendations-grid{padding:0 15px 15px 15px;gap:12px}.community-recommendation-card{flex:0 0 260px;max-width:260px}.recommendation-card-content{padding:12px}.recommendation-track-name{font-size:0.95rem}.recommendation-artist-name{font-size:0.8rem}.community-grid,#items-grid{grid-template-columns:repeat(2, 1fr) !important;gap:8px !important;padding:0 6px !important;max-width:100% !important;width:100% !important}.community-card{max-width:100% !important;width:100% !important;min-width:0 !important;box-sizing:border-box}.community-card{padding:8px;min-height:auto}.community-card.discogs-library-card{min-height:220px;max-height:none;overflow:visible;padding:6px}.community-card.discogs-library-card .community-card-image-wrapper{width:100%;aspect-ratio:1;max-width:120px;max-height:120px;margin:0 auto 6px auto;flex-shrink:0}.community-card.discogs-library-card .community-card-title{font-size:0.65rem;-webkit-line-clamp:2;line-height:1.2;margin-bottom:2px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.community-card.discogs-library-card .community-card-subtitle{font-size:0.6rem;-webkit-line-clamp:1;line-height:1.2;margin-bottom:2px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.community-card.discogs-library-card .community-card-count{font-size:0.6rem;margin-bottom:4px}.community-card.discogs-library-card .discogs-card-actions{margin-top:4px}.community-card.discogs-library-card .discogs-card-actions select{font-size:0.55rem;padding:2px 4px;height:auto}.community-card-image-wrapper{margin-bottom:6px}.community-card-image{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.community-card-title{font-size:0.65rem;-webkit-line-clamp:2;min-height:auto;line-height:1.15;margin-bottom:2px}.community-card-subtitle{font-size:0.6rem;-webkit-line-clamp:1;min-height:auto;line-height:1.1;margin-bottom:2px}.community-card-count{font-size:0.55rem;margin-bottom:2px}.community-card-top-listeners-link{padding:4px 6px;font-size:0.6rem;margin-top:auto;flex-shrink:0;align-self:center}}.spotify-play-btn{display:inline-block;padding:12px 24px;background:#1DB954;color:white;border-radius:24px;text-decoration:none;font-weight:600;font-size:1rem;transition:all 0.2s ease;margin-top:16px;box-shadow:0 4px 12px rgba(29,185,84,0.3)}.spotify-play-btn:hover{background:#1ed760;transform:translateY(-2px);box-shadow:0 6px 16px rgba(29,185,84,0.4);color:white;text-decoration:none}.spotify-play-link{display:inline-block;padding:6px 12px;background:rgba(29,185,84,0.1);color:#1DB954;border:1px solid #1DB954;border-radius:16px;text-decoration:none;font-weight:500;font-size:0.85rem;transition:all 0.2s ease;margin-top:8px}.spotify-play-link:hover{background:#1DB954;color:white;text-decoration:none;transform:translateY(-1px)}turbo-frame#track-details-modal-frame{display:contents}.track-details-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:9998;cursor:pointer;animation:fadeIn 0.2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.track-details-modal-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:linear-gradient(135deg, rgba(18,18,18,0.98) 0%, rgba(30,30,30,0.98) 100%);border:2px solid rgba(29,185,84,0.3);border-radius:20px;box-shadow:0 12px 48px rgba(0,0,0,0.6),0 0 0 1px rgba(29,185,84,0.1);max-width:600px;width:90%;max-height:85vh;z-index:9999;display:flex;flex-direction:column;animation:slideUp 0.3s ease;overflow:hidden}html[data-theme="light"] .track-details-modal-wrapper{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.3);box-shadow:0 12px 48px rgba(34,197,94,0.15),0 0 0 1px rgba(34,197,94,0.1)}@keyframes slideUp{from{opacity:0;transform:translate(-50%, -40%)}to{opacity:1;transform:translate(-50%, -50%)}}.track-details-modal-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0;gap:16px;flex-wrap:wrap}html[data-theme="light"] .track-details-modal-header{border-bottom-color:rgba(34,197,94,0.2)}.track-details-modal-header-content{display:flex;gap:16px;flex:1;min-width:0}.track-details-album-art{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.track-details-album-art img{width:100%;height:100%;object-fit:cover}.track-details-header-text{flex:1;min-width:0;order:1}.track-details-header-text h2{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 8px 0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 768px){.track-details-header-text{width:100%;order:1;margin-bottom:12px}.track-details-header-text h2{font-size:1.25rem;margin-bottom:6px}.track-details-modal-actions{width:100%;order:2;justify-content:space-between}}.track-details-artist{font-size:1rem;font-weight:600;color:var(--text);margin:0 0 4px 0;opacity:0.9}.track-details-album{font-size:0.9rem;color:var(--text-muted);margin:0}.track-details-modal-actions{display:flex;gap:12px;align-items:flex-start;flex-shrink:0}.track-details-spotify-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(29,185,84,0.1);border:1px solid #1DB954;border-radius:20px;color:#1DB954;text-decoration:none;font-size:0.85rem;font-weight:600;transition:all 0.2s ease;white-space:nowrap}html[data-theme="light"] .track-details-spotify-link{background:rgba(34,197,94,0.15);border-color:#22C55E;color:#22C55E}.track-details-spotify-link:hover{background:#1DB954;color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(29,185,84,0.3)}html[data-theme="light"] .track-details-spotify-link:hover{background:#22C55E;border-color:#22C55E}.track-details-spotify-link svg{width:18px;height:18px;flex-shrink:0}.track-details-modal-close{background:transparent;border:2px solid rgba(255,255,255,0.2);color:var(--text);width:36px;height:36px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0}html[data-theme="light"] .track-details-modal-close{border-color:rgba(34,197,94,0.3)}.track-details-modal-close:hover{background:rgba(29,185,84,0.1);border-color:#1DB954;color:#1DB954}html[data-theme="light"] .track-details-modal-close:hover{background:rgba(34,197,94,0.15);border-color:#22C55E;color:#22C55E}.track-details-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.track-details-stats{display:flex;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.1)}html[data-theme="light"] .track-details-stats{border-bottom-color:rgba(34,197,94,0.2)}.track-details-stat{flex:1;text-align:center}.track-details-stat-value{font-size:2rem;font-weight:700;color:#1DB954;margin-bottom:4px}html[data-theme="light"] .track-details-stat-value{color:#22C55E}.track-details-stat-label{font-size:0.85rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:0.5px}.track-details-section{margin-top:24px}.track-details-section-title{font-size:1rem;font-weight:700;color:var(--text);margin:0 0 16px 0;text-transform:uppercase;letter-spacing:0.5px;opacity:0.8}.track-details-players-list{display:flex;flex-direction:column;gap:8px}.track-details-player-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:10px;transition:all 0.2s ease}html[data-theme="light"] .track-details-player-item{background:rgba(34,197,94,0.03);border-color:rgba(34,197,94,0.15)}.track-details-player-item:hover{background:rgba(29,185,84,0.08);border-color:rgba(29,185,84,0.25)}html[data-theme="light"] .track-details-player-item:hover{background:rgba(34,197,94,0.08);border-color:rgba(34,197,94,0.25)}.track-details-player-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.track-details-player-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg, #1DB954 0%, #1ed760 100%);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.9rem;flex-shrink:0}html[data-theme="light"] .track-details-player-avatar{background:linear-gradient(135deg, #22C55E 0%, #4ade80 100%)}.track-details-player-name{font-size:0.9rem;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-details-player-count{font-size:0.85rem;font-weight:600;color:#1DB954;padding:4px 10px;background:rgba(29,185,84,0.08);border-radius:16px;white-space:nowrap;flex-shrink:0}html[data-theme="light"] .track-details-player-count{color:#22C55E;background:rgba(34,197,94,0.12)}.track-details-empty{text-align:center;padding:40px 20px;color:var(--text-muted)}.community-artist-header{text-align:center;margin-bottom:30px}.community-artist-header h1{margin-bottom:8px}.community-album-header{margin-bottom:30px}.community-album-header-content{display:flex;align-items:center;gap:24px;max-width:800px;margin:0 auto;padding:0 20px}.community-album-cover{width:200px;height:200px;min-width:200px;border-radius:12px;object-fit:cover;box-shadow:0 8px 24px rgba(0,0,0,0.3);flex-shrink:0;aspect-ratio:1}.community-album-cover-placeholder{background:var(--card-outline);display:flex;align-items:center;justify-content:center;font-size:5rem;width:200px;height:200px;min-width:200px;border-radius:12px;aspect-ratio:1;flex-shrink:0}.community-album-header-info{flex:1;text-align:left}.community-album-header-info h1{margin-bottom:8px;text-align:left}.community-album-header-info .sub-heading{margin-bottom:16px;text-align:left}@media (max-width: 768px){.community-album-header-content{flex-direction:column;text-align:center;gap:16px}.community-album-cover{width:160px;height:160px}.community-album-header-info{text-align:center}.community-album-header-info h1{text-align:center}.community-album-header-info .sub-heading{text-align:center}.spotify-play-btn{padding:10px 20px;font-size:0.9rem}}@media (max-width: 480px){.community-album-cover{width:120px;height:120px}.community-album-cover-placeholder{font-size:3rem}.spotify-play-btn{padding:8px 16px;font-size:0.85rem}.spotify-play-link{padding:4px 10px;font-size:0.8rem}}.analytics-page{padding-top:140px;padding-bottom:60px;max-width:1100px;margin:0 auto;text-align:center}.analytics-container{display:grid;grid-template-columns:1fr;gap:30px;margin-top:20px}.analytics-card{background:var(--card-bg);border:2px solid var(--card-outline);border-radius:14px;padding:22px 28px;box-shadow:var(--shadow)}.analytics-card h2{font-family:"Bangers", cursive;color:var(--accent-2);margin-bottom:10px}.analytics-select{margin-bottom:12px;padding:6px 10px;font-size:1rem;border-radius:6px;border:2px solid var(--accent);background:var(--tile-bg);color:var(--text)}.charts-grid{margin:40px auto 0;display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:22px;max-width:920px;padding:0 10px}.chart-card{text-decoration:none;background:var(--card-bg);border:2px solid var(--card-outline);border-radius:14px;padding:22px 18px;box-shadow:var(--shadow);transition:transform 0.18s ease, border-color 0.18s ease;display:block}.chart-card:hover{border-color:var(--accent);transform:translateY(-4px)}.chart-card-inner{text-align:center}.chart-icon{font-size:2.4rem;margin-bottom:8px}.chart-title{font-family:"Inter", sans-serif;font-size:1.4rem;font-weight:700;color:var(--text);margin:0}.chart-desc{font-family:"Inter", sans-serif;font-size:0.95rem;color:var(--text-muted);margin-top:6px}.chart-page{max-width:1100px;margin:auto}.section-title{margin-top:40px;font-size:24px;color:var(--text)}.chart-card{background:var(--card-bg);border:2px solid var(--card-outline);padding:20px;border-radius:var(--border-radius);margin-top:20px;box-shadow:var(--shadow)}.chart-card-modern{background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:16px;padding:0;overflow:hidden;margin:30px auto;max-width:1400px;width:95%;box-shadow:0 8px 32px rgba(0,0,0,0.3)}html[data-theme="light"] .chart-card-modern{background:linear-gradient(135deg, rgba(30,30,30,0.98) 0%, rgba(40,40,40,0.98) 100%);border-color:rgba(34,197,94,0.3);box-shadow:0 8px 32px rgba(34,197,94,0.15)}.chart-card-header{padding:24px 28px;border-bottom:1px solid rgba(255,255,255,0.1);background:rgba(29,185,84,0.05)}html[data-theme="light"] .chart-card-header{border-bottom-color:rgba(255,255,255,0.15);background:rgba(29,185,84,0.1)}.chart-card-title{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 4px 0}html[data-theme="light"] .chart-card-title{color:rgba(255,255,255,0.95)}.chart-card-subtitle{font-size:0.95rem;color:var(--text-muted);margin:0}html[data-theme="light"] .chart-card-subtitle{color:rgba(255,255,255,0.7)}.chart-container{padding:24px;position:relative;min-height:400px;width:100%;background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%)}html[data-theme="light"] .chart-container{background:linear-gradient(135deg, rgba(20,20,20,0.98) 0%, rgba(35,35,35,0.98) 100%)}.chart-container canvas{max-height:500px;width:100% !important;height:auto !important}@media (min-width: 1024px){.chart-card-modern{max-width:1600px;width:98%}.chart-container{padding:32px;min-height:450px}.chart-container canvas{max-height:600px}}@media (min-width: 1440px){.chart-card-modern{max-width:1800px}.chart-container{padding:40px;min-height:500px}.chart-container canvas{max-height:700px}}.community-stat-sublabel{font-size:0.75rem;color:var(--text-muted);margin-top:4px;font-weight:500}.trend-up{color:#22c55e !important}.trend-down{color:#ef4444 !important}.chart-insights{margin:40px auto;max-width:1200px;padding:0 20px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:20px;margin-top:20px}.insight-card{background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:14px;padding:24px;display:flex;gap:16px;align-items:flex-start;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(0,0,0,0.2)}html[data-theme="light"] .insight-card{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2);box-shadow:0 4px 20px rgba(34,197,94,0.1)}.insight-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 32px rgba(29,185,84,0.3)}html[data-theme="light"] .insight-card:hover{box-shadow:0 8px 32px rgba(34,197,94,0.25)}.insight-icon{font-size:2.5rem;flex-shrink:0;line-height:1}.insight-content{flex:1}.insight-title{font-size:1.1rem;font-weight:700;color:var(--text);margin:0 0 8px 0}.insight-text{font-size:0.95rem;color:var(--text-muted);margin:0;line-height:1.5}.insight-text strong{color:var(--accent);font-weight:600}.spotify-nav-icon.active{background:rgba(29,185,84,0.15);border-color:var(--accent)}html[data-theme="light"] .spotify-nav-icon.active{background:rgba(34,197,94,0.2);border-color:#22C55E}.spotify-nav-icon.active svg{color:var(--accent)}@media (max-width: 768px){.charts-grid{grid-template-columns:1fr;gap:16px;padding:0 15px;margin:30px auto 0;max-width:100%}.chart-card{padding:20px 16px;width:100%;max-width:100%}.chart-icon{font-size:2rem;margin-bottom:10px}.chart-title{font-size:1.2rem}.chart-desc{font-size:0.9rem}.chart-card-modern{margin:20px 10px;border-radius:12px;width:calc(100% - 20px)}.chart-card-header{padding:18px 20px}.chart-card-title{font-size:1.3rem}.chart-card-subtitle{font-size:0.9rem}.chart-container{padding:16px 12px;min-height:350px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.chart-container canvas{max-height:400px;max-width:100%;width:100% !important;height:auto !important}.heading-popcorn,.sub-heading{padding:0 15px;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.insights-grid{grid-template-columns:1fr;gap:16px}.insight-card{padding:18px}.insight-icon{font-size:2rem}}@media (max-width: 480px){.charts-grid{gap:12px;padding:0 10px;margin:20px auto 0}.chart-card{padding:18px 14px}.chart-icon{font-size:1.8rem;margin-bottom:8px}.chart-title{font-size:1.1rem}.chart-desc{font-size:0.85rem}.chart-card-modern{width:calc(100% - 20px);margin:15px 10px}.chart-container{padding:12px 8px;min-height:300px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.chart-container canvas{max-height:350px;max-width:100%;width:100% !important;height:auto !important}.heading-popcorn,.sub-heading{padding:0 10px;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.chart-card-header{padding:14px 16px}.chart-card-title{font-size:1.1rem}.chart-card-subtitle{font-size:0.85rem}.insight-card{padding:14px;flex-direction:column;text-align:center}.insight-icon{margin:0 auto}}.artist-leaderboard-section{margin:40px auto;max-width:1400px;padding:0 20px}.leaderboard-card-modern{background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.3)}html[data-theme="light"] .leaderboard-card-modern{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2);box-shadow:0 8px 32px rgba(34,197,94,0.15)}.leaderboard-table-wrapper{overflow-x:auto}.leaderboard-table-modern{width:100%;border-collapse:collapse}.leaderboard-table-modern thead{background:rgba(29,185,84,0.1);position:sticky;top:0;z-index:10}html[data-theme="light"] .leaderboard-table-modern thead{background:rgba(34,197,94,0.15)}.leaderboard-table-modern th{padding:16px 12px;text-align:left;font-weight:700;font-size:0.9rem;color:var(--text);text-transform:uppercase;letter-spacing:0.5px;border-bottom:2px solid rgba(255,255,255,0.1)}.leaderboard-table-modern th.sortable{cursor:pointer;user-select:none;transition:color 0.2s ease}.leaderboard-table-modern th.sortable:hover{color:var(--accent)}.leaderboard-table-modern tbody tr{border-bottom:1px solid rgba(255,255,255,0.05);transition:background 0.2s ease}.leaderboard-table-modern tbody tr:hover{background:rgba(29,185,84,0.05)}html[data-theme="light"] .leaderboard-table-modern tbody tr:hover{background:rgba(34,197,94,0.08)}.leaderboard-table-modern td{padding:14px 12px;font-size:0.95rem;color:var(--text)}.leaderboard-rank-cell{font-weight:700;color:var(--accent);text-align:center;width:60px}.leaderboard-artist-cell{min-width:250px}.leaderboard-artist-info{display:flex;align-items:center;gap:12px}.leaderboard-artist-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);flex-shrink:0}.leaderboard-artist-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg, #1DB954 0%, #1ed760 100%);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.leaderboard-artist-name{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-plays-cell{font-weight:600;text-align:center;width:100px}.leaderboard-delta-cell{text-align:center;width:100px;font-weight:600}.leaderboard-date-cell{font-size:0.85rem;color:var(--text-muted);white-space:nowrap}.delta-positive{color:#22c55e}.delta-negative{color:#ef4444}.delta-neutral{color:var(--text-muted)}.surging-artists-section{margin:40px auto;max-width:1400px;padding:0 20px}.surge-list-modern{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px;margin-top:20px}.surge-card-modern{background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:14px;padding:20px;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(0,0,0,0.2)}html[data-theme="light"] .surge-card-modern{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2);box-shadow:0 4px 20px rgba(34,197,94,0.1)}.surge-card-modern:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 32px rgba(29,185,84,0.3)}html[data-theme="light"] .surge-card-modern:hover{box-shadow:0 8px 32px rgba(34,197,94,0.25)}.surge-card-header-modern{display:flex;align-items:center;gap:14px;margin-bottom:16px}.surge-artist-img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);flex-shrink:0}.surge-artist-placeholder{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg, #1DB954 0%, #1ed760 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.surge-info-modern{flex:1;min-width:0}.surge-artist-name{font-size:1.1rem;font-weight:700;color:var(--text);margin:0 0 8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.surge-stats{display:flex;flex-direction:column;gap:4px}.surge-plays{font-size:0.85rem;color:var(--text-muted)}.surge-percent{font-size:1rem;font-weight:700}.surge-positive{color:#22c55e}.surge-negative{color:#ef4444}.surge-sparkline-container{height:60px;margin-top:12px;position:relative}.surge-sparkline{width:100%;height:100%}@media (max-width: 768px){.spotify-page{width:100%;max-width:100%;padding-left:0;padding-right:0;box-sizing:border-box}.artist-leaderboard-section,.surging-artists-section{padding:0 15px;margin:30px auto;max-width:100%;width:100%;box-sizing:border-box}.chart-card-modern{max-width:100%;width:calc(100% - 30px);margin-left:15px;margin-right:15px;box-sizing:border-box}.community-stats{max-width:100%;width:100%;padding:0 15px;box-sizing:border-box}.community-period-filter{max-width:100%;width:100%;padding:0 15px;box-sizing:border-box}.date-range-picker-compact{max-width:100%;width:calc(100% - 30px);margin-left:15px;margin-right:15px;box-sizing:border-box}.leaderboard-card-modern{border-radius:12px;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.leaderboard-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent) rgba(255,255,255,0.1);width:100%;max-width:100%;box-sizing:border-box}.leaderboard-table-modern{font-size:0.8rem;min-width:100%}.leaderboard-table-modern th,.leaderboard-table-modern td{padding:10px 6px}.leaderboard-table-modern th{font-size:0.75rem;padding:12px 6px}.leaderboard-rank{width:50px;min-width:50px}.leaderboard-artist{min-width:180px}.leaderboard-plays{width:70px;min-width:70px}.leaderboard-delta{width:70px;min-width:70px}.leaderboard-first,.leaderboard-last{display:none}.leaderboard-table-modern td:nth-child(5),.leaderboard-table-modern td:nth-child(6){display:none}.leaderboard-artist-img,.leaderboard-artist-placeholder{width:36px;height:36px}.leaderboard-artist-name{font-size:0.85rem}.surge-list-modern{grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:16px}.surge-card-modern{padding:16px}.surge-artist-img,.surge-artist-placeholder{width:56px;height:56px}}@media (max-width: 480px){.spotify-page{width:100%;max-width:100%;padding-left:0;padding-right:0;box-sizing:border-box}.artist-leaderboard-section,.surging-artists-section{padding:0 10px;margin:20px auto;max-width:100%;width:100%;box-sizing:border-box}.chart-card-modern{max-width:100%;width:calc(100% - 20px);margin-left:10px;margin-right:10px;box-sizing:border-box}.community-stats{max-width:100%;width:100%;padding:0 10px;box-sizing:border-box}.community-period-filter{max-width:100%;width:100%;padding:0 10px;box-sizing:border-box}.date-range-picker-compact{max-width:100%;width:calc(100% - 20px);margin-left:10px;margin-right:10px;box-sizing:border-box}.community-section-title{padding:0 10px;box-sizing:border-box}.leaderboard-card-modern{border-radius:10px;width:100%;max-width:100%;box-sizing:border-box}.leaderboard-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent) rgba(255,255,255,0.1);margin:0;padding:0;width:100%;max-width:100%;box-sizing:border-box}.leaderboard-table-modern{font-size:0.75rem;min-width:100%;width:100%}.leaderboard-table-modern th,.leaderboard-table-modern td{padding:8px 4px}.leaderboard-table-modern th{font-size:0.7rem;padding:10px 4px;letter-spacing:0.3px}.leaderboard-rank{width:40px;min-width:40px}.leaderboard-artist{min-width:150px}.leaderboard-plays{width:60px;min-width:60px;font-size:0.85rem}.leaderboard-delta{width:60px;min-width:60px;font-size:0.85rem}.leaderboard-first,.leaderboard-last{display:none}.leaderboard-table-modern td:nth-child(5),.leaderboard-table-modern td:nth-child(6){display:none}.leaderboard-artist-img,.leaderboard-artist-placeholder{width:32px;height:32px}.leaderboard-artist-name{font-size:0.8rem}.leaderboard-artist-info{gap:8px}.surge-list-modern{grid-template-columns:1fr;gap:12px}.surge-card-modern{padding:14px}.surge-artist-img,.surge-artist-placeholder{width:48px;height:48px}}.date-range-picker{background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:16px;padding:24px;margin:30px auto;max-width:800px;box-shadow:0 8px 32px rgba(0,0,0,0.3)}html[data-theme="light"] .date-range-picker{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2);box-shadow:0 8px 32px rgba(34,197,94,0.15)}.date-range-header{margin-bottom:20px;text-align:center}.date-range-title{font-size:1.3rem;font-weight:700;color:var(--text);margin:0 0 4px 0}.date-range-subtitle{font-size:0.9rem;color:var(--text-muted);margin:0}.date-range-form{display:flex;flex-direction:column;gap:16px}.date-inputs{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:16px}.date-input-group{display:flex;flex-direction:column;gap:8px}.date-label{font-size:0.85rem;font-weight:600;color:var(--text)}.date-input{padding:10px 14px;border:2px solid var(--card-outline);border-radius:8px;background:var(--card-bg);color:var(--text);font-size:0.95rem;transition:all 0.2s ease}.date-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(29,185,84,0.1)}html[data-theme="light"] .date-input:focus{box-shadow:0 0 0 3px rgba(34,197,94,0.15)}.date-range-actions{display:flex;gap:12px;justify-content:center;margin-top:8px}.date-range-btn{padding:10px 20px;border-radius:8px;border:2px solid var(--accent);background:var(--accent);color:white;font-weight:600;font-size:0.95rem;cursor:pointer;transition:all 0.2s ease;text-decoration:none;display:inline-block}.date-range-btn:hover{background:#1ed760;border-color:#1ed760;transform:translateY(-1px);box-shadow:0 4px 12px rgba(29,185,84,0.3)}.date-range-btn-secondary{background:transparent;color:var(--accent);border-color:var(--accent)}.date-range-btn-secondary:hover{background:rgba(29,185,84,0.1);color:var(--accent)}html[data-theme="light"] .date-range-btn{background:#22C55E;border-color:#22C55E}html[data-theme="light"] .date-range-btn:hover{background:#16a34a;border-color:#16a34a}.date-range-picker-compact{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px auto;max-width:600px;padding:12px 16px;background:rgba(255,255,255,0.03);border:1px solid var(--card-outline);border-radius:10px;flex-wrap:wrap}html[data-theme="light"] .date-range-picker-compact{background:rgba(34,197,94,0.05);border-color:rgba(34,197,94,0.2)}.date-range-form-compact{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:wrap;justify-content:center}.date-range-compact-label{display:none}.date-inputs-compact{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;max-width:400px}.date-input-compact{flex:1;padding:8px 12px;border:1px solid var(--card-outline);border-radius:6px;background:var(--card-bg);color:var(--text);font-size:0.875rem;transition:all 0.2s ease;min-width:120px}.date-input-compact:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(29,185,84,0.15)}html[data-theme="light"] .date-input-compact:focus{box-shadow:0 0 0 2px rgba(34,197,94,0.2)}.date-range-separator{color:var(--text-muted);font-size:0.9rem;font-weight:600;padding:0 4px;flex-shrink:0}.date-range-actions-compact{display:flex;gap:8px;flex-shrink:0}.date-range-btn-compact{padding:8px 16px;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:white;font-weight:600;font-size:0.85rem;cursor:pointer;transition:all 0.2s ease;text-decoration:none;display:inline-block;white-space:nowrap}.date-range-btn-compact:hover{background:#1ed760;border-color:#1ed760;transform:translateY(-1px);box-shadow:0 2px 8px rgba(29,185,84,0.3)}.date-range-btn-compact-secondary{background:transparent;color:var(--accent);border-color:var(--accent)}.date-range-btn-compact-secondary:hover{background:rgba(29,185,84,0.1);color:var(--accent);transform:translateY(-1px)}html[data-theme="light"] .date-range-btn-compact{background:#22C55E;border-color:#22C55E}html[data-theme="light"] .date-range-btn-compact:hover{background:#16a34a;border-color:#16a34a}html[data-theme="light"] .date-range-btn-compact-secondary{color:#22C55E;border-color:#22C55E}html[data-theme="light"] .date-range-btn-compact-secondary:hover{background:rgba(34,197,94,0.1);color:#22C55E}@media (max-width: 768px){.date-range-picker-compact{padding:10px 12px;margin:15px auto;max-width:100%}.date-range-form-compact{flex-direction:column;align-items:stretch;gap:10px}.date-inputs-compact{max-width:100%;width:100%}.date-input-compact{min-width:0}.date-range-actions-compact{width:100%;justify-content:center}.date-range-btn-compact{flex:1;max-width:120px}}@media (max-width: 480px){.date-range-picker-compact{padding:8px 10px;margin:12px auto}.date-input-compact{font-size:0.8rem;padding:6px 10px}.date-range-btn-compact{font-size:0.8rem;padding:6px 12px}}.history-cards-grid{display:flex;flex-wrap:wrap;gap:20px;margin:30px auto;padding:8px 20px;justify-content:center;align-items:start;width:100%;overflow:visible}.history-card{flex:0 0 280px;max-width:280px}@media (min-width: 1200px){.history-cards-grid{max-width:calc(280px * 4 + 20px * 3 + 40px)}}@media (max-width: 1199px) and (min-width: 900px){.history-cards-grid{max-width:calc(280px * 3 + 20px * 2 + 40px)}}@media (max-width: 899px) and (min-width: 600px){.history-cards-grid{max-width:calc(280px * 2 + 20px * 1 + 40px)}}@media (max-width: 599px){.history-cards-grid{max-width:100%;padding:0 15px}.history-card{flex:0 0 100%;max-width:100%}}.history-card{background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:14px;padding:0;overflow:hidden;transition:all 0.3s ease;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,0.3);flex:0 0 280px;max-width:280px;width:280px}html[data-theme="light"] .history-card{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2);box-shadow:0 4px 20px rgba(34,197,94,0.1)}.history-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 32px rgba(29,185,84,0.3)}html[data-theme="light"] .history-card:hover{box-shadow:0 8px 32px rgba(34,197,94,0.25)}.history-card-image-wrapper{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg, #1DB954 0%, #1ed760 100%)}.history-card-image{width:100%;height:100%;object-fit:cover;display:block}.history-card-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;z-index:5;pointer-events:none}.history-card:hover .history-card-image-overlay{opacity:1;pointer-events:auto}.history-card-play-button{width:56px;height:56px;background:#1DB954;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;transition:all 0.2s ease;box-shadow:0 4px 16px rgba(29,185,84,0.4);pointer-events:auto;z-index:10;position:relative}.history-card-play-button:hover{transform:scale(1.1);background:#1ed760;box-shadow:0 6px 20px rgba(29,185,84,0.5)}.history-card-placeholder{background:linear-gradient(135deg, #1DB954 0%, #1ed760 100%);display:flex;align-items:center;justify-content:center;font-size:3rem;width:100%;height:100%;opacity:0.8}.history-card-content{padding:16px;display:flex;flex-direction:column;gap:8px;flex-grow:1}.history-card-title{font-size:1rem;font-weight:700;color:var(--text);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-card-artist{font-size:0.9rem;font-weight:600;color:var(--text-muted);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.history-card-album{font-size:0.85rem;color:var(--text-muted);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.history-card-time{font-size:0.8rem;color:var(--text-muted);margin:4px 0 0 0;display:flex;align-items:center;gap:6px}.history-card-time-separator{opacity:0.5}.history-card-spotify-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(29,185,84,0.1);border:1px solid #1DB954;border-radius:20px;color:#1DB954;text-decoration:none;font-size:0.85rem;font-weight:600;transition:all 0.2s ease;margin-top:8px;width:fit-content}html[data-theme="light"] .history-card-spotify-link{background:rgba(34,197,94,0.15);border-color:#22C55E;color:#22C55E}.history-card-spotify-link:hover{background:#1DB954;color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(29,185,84,0.3)}html[data-theme="light"] .history-card-spotify-link:hover{background:#22C55E;border-color:#22C55E}.history-card-spotify-link svg{width:16px;height:16px;flex-shrink:0}.spotify-search-wrapper{max-width:800px;margin:30px auto;padding:0 20px}.spotify-search-inner{position:relative;display:flex;align-items:center;background:var(--card-bg);border:2px solid var(--card-outline);border-radius:12px;padding:12px 16px;transition:all 0.2s ease}.spotify-search-inner:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(29,185,84,0.1)}.spotify-search-icon{font-size:1.2rem;margin-right:12px;color:var(--text-muted)}.spotify-search-input{flex:1;border:none;background:transparent;color:var(--text);font-size:1rem;outline:none}.spotify-search-input::placeholder{color:var(--text-muted)}.spotify-clear-btn{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color 0.2s ease}.spotify-clear-btn:hover{color:var(--text)}.spotify-results-count{text-align:center;margin-top:12px;font-size:0.9rem;color:var(--text-muted)}@media (max-width: 768px){.date-range-picker{margin:20px 10px;padding:18px}.date-inputs{grid-template-columns:1fr}.date-range-actions{flex-direction:column}.date-range-btn{width:100%}.history-cards-grid{grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:16px;padding:0 15px}.history-card-content{padding:14px}}@media (max-width: 480px){.date-range-picker{padding:14px}.date-range-title{font-size:1.1rem}.history-cards-grid{grid-template-columns:1fr;gap:12px}.history-card-content{padding:12px}.history-card-title{font-size:0.95rem}.history-card-artist{font-size:0.85rem}}.date-range-container{display:flex;gap:10px;align-items:center;margin:20px 0}.btn-primary{background:var(--accent);padding:8px 14px;border-radius:6px;color:white;cursor:pointer}.btn-primary:hover{background:var(--accent-2)}.leaderboard-card{background:var(--card-bg);border:2px solid var(--card-outline);padding:0;border-radius:var(--border-radius);overflow:hidden}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table thead{background:var(--tile-bg)}.leaderboard-table th,.leaderboard-table td{padding:10px}.leaderboard-table th.sticky{position:sticky;top:0;background:var(--tile-bg);z-index:2}.artist-cell{display:flex;align-items:center;gap:10px}.artist-img{width:40px;height:40px;border-radius:50%;border:2px solid var(--accent)}.artist-img-sm{width:32px;height:32px;border-radius:50%}.delta-positive{color:#22c55e;font-weight:bold}.delta-negative{color:#ef4444;font-weight:bold}.delta-neutral{color:var(--text-muted)}.surge-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:15px;margin-top:15px}.surge-card{background:var(--card-bg);border:2px solid var(--card-outline);padding:15px;border-radius:var(--border-radius);box-shadow:var(--shadow)}.surge-header{display:flex;align-items:center;gap:12px}.cfb-picks-page{padding-top:140px;padding-bottom:80px;max-width:1100px;margin:0 auto;text-align:center}.cfb-week-selector-dropdown{margin:30px auto 20px;max-width:400px;padding:0 20px;display:flex;flex-direction:column;gap:12px;align-items:center}.week-selector-form{width:100%;max-width:300px}.week-selector-dropdown{width:100%;padding:12px 16px;border-radius:12px;border:2px solid var(--card-outline);background:var(--card-bg);color:var(--text);font-family:"Bangers", cursive;font-size:1.1rem;cursor:pointer;transition:all 0.2s ease;appearance:none;text-align:center;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='%2322C55E' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:45px}.week-selector-dropdown:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px rgba(34,197,94,0.2)}.week-selector-dropdown:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(34,197,94,0.1)}html[data-theme="light"] .week-selector-dropdown{background:var(--card-bg) !important;border-color:var(--card-outline);color:var(--text) !important;text-align:center;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='%23E0442D' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}html[data-theme="light"] .week-selector-dropdown option{background:var(--card-bg);color:var(--text)}html[data-theme="light"] .week-selector-dropdown:hover{border-color:var(--accent);box-shadow:0 2px 12px rgba(224,68,45,0.3);background:var(--card-bg) !important}html[data-theme="light"] .week-selector-dropdown:focus{background:var(--card-bg) !important}html[data-theme="light"] .week-selector-dropdown:active{background:var(--card-bg) !important}.week-selector-current{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(34,197,94,0.1);border-radius:8px;border:1px solid rgba(34,197,94,0.2)}.week-selector-label{font-family:"Inter", sans-serif;font-size:0.9rem;color:var(--text-muted);font-weight:500}.week-selector-value{font-family:"Bangers", cursive;font-size:1rem;color:var(--accent);font-weight:600}.week-navigation-buttons{display:flex;align-items:center;gap:12px;width:100%;max-width:400px;justify-content:center}.week-nav-btn{padding:10px 16px;border-radius:8px;border:2px solid var(--card-outline);background:var(--card-bg);color:var(--text);font-family:"Inter", sans-serif;font-size:0.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;flex:0 0 auto}.week-nav-btn:hover{border-color:var(--accent);background:var(--accent);color:white;transform:translateY(-1px);box-shadow:0 2px 8px rgba(34,197,94,0.2)}.week-nav-btn.disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.week-selector-form{flex:1;min-width:0}.cfb-week-selector{margin:30px auto 20px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:0 20px}.cfb-week-pill{padding:8px 16px;border-radius:20px;border:2px solid var(--card-outline);background:var(--card-bg);color:var(--text);text-decoration:none;font-family:"Bangers", cursive;font-size:1rem;transition:all 0.2s ease;display:inline-block}.cfb-week-pill:hover{border-color:var(--accent);transform:translateY(-2px)}.cfb-week-pill.active{background:var(--accent);border-color:var(--accent);color:white}html[data-theme="light"] .cfb-week-pill.active{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 2px 8px rgba(34,197,94,0.3)}.cfb-games-container{margin:30px auto 0;padding:0 20px;display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;justify-items:stretch;align-items:stretch;max-width:900px;width:100%;box-sizing:border-box}.cfb-games-container:has(.cfb-pick-card:nth-child(2):last-child){grid-template-columns:repeat(2, 1fr);max-width:900px;margin-left:auto;margin-right:auto}.cfb-games-container:has(.cfb-pick-card:nth-child(1):last-child){grid-template-columns:1fr;max-width:450px;margin-left:auto;margin-right:auto}.cfb-pick-card{background:var(--card-bg);border:2px solid var(--card-outline);border-radius:14px;padding:24px;margin:0;width:100%;max-width:100%;min-height:280px;box-shadow:var(--shadow);position:relative;transition:transform 0.2s ease, box-shadow 0.2s ease;display:flex;flex-direction:column}html[data-theme="light"] .cfb-pick-card{background:var(--card-bg);border-color:var(--card-outline);box-shadow:var(--shadow)}.cfb-pick-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover, 0 6px 20px rgba(34,197,94,0.18))}html[data-theme="light"] .cfb-pick-card:hover{border-color:var(--accent);box-shadow:0 6px 20px rgba(0,0,0,0.4),0 0 0 1px rgba(224,68,45,0.2)}.cfb-pick-card-locked{opacity:0.7}.cfb-pick-card-header{font-family:"Bangers", cursive;font-size:1.0rem;color:var(--accent-2);margin-bottom:16px;text-align:center;letter-spacing:0.2px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:3px;line-height:1.2;min-height:1.5em}.cfb-pick-header-away,.cfb-pick-header-home{display:inline-flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45%;flex-shrink:1}.favorite-badge{color:#FFD700;font-size:0.9rem;margin-left:4px;display:inline-block;vertical-align:middle;flex-shrink:0}html[data-theme="light"] .favorite-badge{color:#F59E0B}.cfb-pick-header-separator{color:var(--text-muted);font-weight:400;margin:0 4px}.cfb-pick-card-meta{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap;font-size:0.9rem;color:var(--text-muted)}.cfb-pick-network,.cfb-pick-time{font-weight:500}.cfb-pick-network-logo{width:20px;height:20px;object-fit:contain}.cfb-pick-date{font-weight:400;font-size:0.85rem;color:var(--text-muted);opacity:0.8}.cfb-pick-spread{font-weight:600;color:var(--accent)}.cfb-pick-live-info{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:8px;background:rgba(224,68,45,0.1);border-radius:6px;border:1px solid rgba(224,68,45,0.3)}.cfb-pick-live-clock{display:flex;align-items:center;justify-content:center;gap:6px;font-family:"Bangers", cursive;font-size:0.9rem}.cfb-pick-quarter{font-weight:700;color:var(--accent)}.cfb-pick-clock{font-weight:700;color:var(--accent);font-size:1rem}.cfb-pick-down-distance{display:flex;align-items:center;justify-content:center;gap:3px;font-family:"Bangers", cursive;font-size:0.85rem;color:var(--text);flex-wrap:wrap}.cfb-pick-down{font-weight:700;color:var(--accent)}.cfb-pick-and{color:var(--text-muted);margin:0 2px}.cfb-pick-distance{font-weight:700;color:var(--accent)}.cfb-pick-possession{font-size:0.75rem;color:var(--text-muted);margin-left:6px;font-weight:400}html[data-theme="light"] .cfb-pick-live-info{background:rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.3)}html[data-theme="light"] .cfb-pick-quarter,html[data-theme="light"] .cfb-pick-clock,html[data-theme="light"] .cfb-pick-down,html[data-theme="light"] .cfb-pick-distance{color:var(--accent-2)}.cfb-pick-card-body{display:flex;align-items:center;justify-content:space-between;gap:20px}.tiebreaker-section{margin:0;display:flex;flex-direction:column;flex:1}.tiebreaker-title{font-size:1.25rem;font-weight:600;margin-bottom:16px;color:var(--text);text-align:center}.tiebreaker-description{font-size:0.9rem;color:var(--text-muted);margin-bottom:20px;text-align:center}.tiebreaker-form{display:flex;flex-direction:column;flex:1;min-height:0}.tiebreaker-form>div{margin-bottom:16px}.tiebreaker-form label{display:block;margin-bottom:8px;font-weight:500;color:var(--text)}.tiebreaker-select,.tiebreaker-input{width:100%;padding:12px;border-radius:8px;background:rgba(255,255,255,0.1);border:1px solid var(--card-outline);color:var(--text);font-size:1rem}.tiebreaker-input{box-sizing:border-box}.tiebreaker-form small{display:block;margin-top:6px;color:var(--text-muted);font-size:0.85rem}.tiebreaker-locked{padding:16px;background:rgba(244,67,54,0.1);border-radius:8px;color:var(--text);border:1px solid rgba(244,67,54,0.3)}html[data-theme="light"] .tiebreaker-select,html[data-theme="light"] .tiebreaker-input{background:rgba(255,255,255,0.9);border-color:var(--card-outline);color:var(--text)}.cfb-pick-team{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;min-width:0}.cfb-pick-logo{width:100px;height:100px;object-fit:contain;border-radius:8px;background:var(--card-outline);padding:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.cfb-pick-logo-placeholder{display:flex;align-items:center;justify-content:center;font-size:3rem;background:var(--card-outline);border-radius:8px}.cfb-pick-vs{font-family:"Bangers", cursive;font-size:1.2rem;color:var(--text-muted);padding:0 12px;flex-shrink:0;font-weight:400}.cfb-pick-btn{background:var(--tile-bg);border:2px solid var(--tile-outline);color:var(--accent-2);padding:12px 20px;border-radius:12px;font-family:"Bangers", cursive;font-size:1rem;cursor:pointer;transition:all 0.2s ease;width:100%;max-width:200px;text-align:center}.cfb-pick-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2);border-color:var(--accent)}.cfb-pick-btn.selected{background:var(--accent-2);color:#000;border-color:var(--accent-2);font-weight:700}html[data-theme="light"] .cfb-pick-btn.selected{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);color:white;box-shadow:0 4px 12px rgba(34,197,94,0.3)}.cfb-pick-btn.selected:hover{background:var(--accent-2);border-color:var(--accent-2)}html[data-theme="light"] .cfb-pick-btn.selected:hover{background:linear-gradient(135deg, var(--accent-2) 0%, var(--accent-dark) 100%);box-shadow:0 6px 16px rgba(34,197,94,0.4)}.cfb-pick-locked-badge{background:var(--card-outline);color:var(--text-muted);padding:12px 20px;border-radius:12px;font-family:"Bangers", cursive;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;width:100%;max-width:200px;text-align:center}@media (max-width: 768px){.cfb-picks-page{padding-top:120px;padding-bottom:60px}.cfb-week-selector-dropdown{margin:20px auto;padding:0 15px}.cfb-pick-network-logo{width:28px;height:28px}.week-selector-form{max-width:100%}.week-selector-dropdown{font-size:1rem;padding:10px 14px;padding-right:40px}.week-selector-current{flex-direction:column;gap:4px;text-align:center;padding:10px 12px}.week-selector-label{font-size:0.85rem}.week-selector-value{font-size:0.95rem}.cfb-week-selector{gap:8px;padding:0 15px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.cfb-week-pill{padding:8px 14px;font-size:0.9rem;flex-shrink:0}.cfb-games-container{grid-template-columns:1fr;padding:0 15px;gap:20px;max-width:100%}.cfb-games-container:has(.cfb-pick-card:nth-child(1):last-child){max-width:100%}.cfb-pick-card{padding:20px 16px;margin:0;border-radius:12px}.cfb-pick-card-header{font-size:0.95rem;margin-bottom:14px;gap:3px;flex-wrap:wrap;white-space:normal}.cfb-pick-header-separator{margin:0 2px}.cfb-pick-card-meta{gap:12px;margin-bottom:20px;font-size:0.85rem}.cfb-pick-card-body{flex-direction:row;gap:12px;align-items:flex-start}.cfb-pick-team{flex:1;gap:10px}.cfb-pick-logo{width:70px;height:70px;padding:6px}.cfb-pick-logo-placeholder{font-size:2.2rem;width:70px;height:70px}.cfb-pick-vs{font-size:0.9rem;padding:0 8px;align-self:center;flex-shrink:0;min-width:32px}.cfb-pick-btn,.cfb-pick-locked-badge{padding:10px 16px;font-size:0.9rem;max-width:100%}}@media (max-width: 480px){.cfb-picks-page{padding-top:100px;padding-bottom:50px}.cfb-week-selector{gap:6px;padding:0 10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.cfb-pick-network-logo{width:24px;height:24px}.cfb-week-pill{padding:6px 12px;font-size:0.85rem;flex-shrink:0}.cfb-games-container{padding:0 10px}.cfb-pick-card{padding:16px 12px;margin:12px auto;border-radius:10px}.cfb-pick-card-header{font-size:1rem;margin-bottom:12px;gap:2px}.cfb-pick-header-separator{margin:0 1px;font-size:0.9rem}.cfb-pick-card-meta{flex-direction:row;gap:8px;font-size:0.8rem;margin-bottom:16px}.cfb-pick-card-body{gap:10px}.cfb-pick-team{gap:8px}.cfb-pick-logo{width:60px;height:60px;padding:5px}.cfb-pick-logo-placeholder{font-size:1.8rem;width:60px;height:60px}.cfb-pick-vs{font-size:0.85rem;padding:0 6px;min-width:28px}.cfb-pick-btn,.cfb-pick-locked-badge{padding:10px 14px;font-size:0.85rem}}.scoreboard-page{padding-top:140px;padding-bottom:80px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;margin:0;position:relative}.overlay.scoreboard-page{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;margin:0;padding-left:0;padding-right:0}.scoreboard-container{margin:30px auto 0;padding:0 20px;display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;justify-items:center;justify-content:center;align-items:start;max-width:1000px;width:100%;box-sizing:border-box}.scoreboard-container:has(.scoreboard-card:nth-child(2):last-child){grid-template-columns:repeat(2, 1fr);max-width:900px;margin-left:auto;margin-right:auto}.scoreboard-container:has(.scoreboard-card:nth-child(1):last-child){grid-template-columns:1fr;max-width:450px;margin-left:auto;margin-right:auto}.scoreboard-card{background:var(--card-bg);border:2px solid var(--card-outline);border-radius:14px;padding:24px;margin:0;width:100%;max-width:100%;box-shadow:var(--shadow);position:relative;transition:transform 0.2s ease, box-shadow 0.2s ease}html[data-theme="light"] .scoreboard-card{background:var(--card-bg);border-color:var(--card-outline);box-shadow:var(--shadow)}.scoreboard-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover, 0 6px 20px rgba(34,197,94,0.18))}html[data-theme="light"] .scoreboard-card:hover{border-color:var(--accent);box-shadow:0 6px 20px rgba(0,0,0,0.4),0 0 0 1px rgba(224,68,45,0.2)}.scoreboard-card-locked{opacity:0.7}.scoreboard-card-selected{border-color:var(--accent);box-shadow:0 4px 12px rgba(0,0,0,0.2),0 0 0 2px var(--accent)}.scoreboard-card-header{font-family:"Bangers", cursive;font-size:0.9rem;color:var(--accent-2);margin-bottom:16px;text-align:center;letter-spacing:0.3px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:2px;line-height:1.2;white-space:nowrap;overflow:hidden;max-width:100%}.scoreboard-header-away,.scoreboard-header-home{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42%;flex-shrink:1}.scoreboard-header-separator{color:var(--text-muted);font-weight:400;margin:0 4px}.scoreboard-card-meta{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap;font-size:0.9rem;color:var(--text-muted)}.scoreboard-network{display:flex;align-items:center;gap:6px;font-weight:500}.scoreboard-network-logo{width:20px;height:20px;object-fit:contain}.scoreboard-time{font-weight:500}.scoreboard-date{font-weight:400;font-size:0.85rem;color:var(--text-muted);opacity:0.8}.scoreboard-spread{font-weight:600;color:var(--accent)}.scoreboard-card-body{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.scoreboard-team{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;min-width:0}.scoreboard-team-logo{width:100px;height:100px;object-fit:contain;border-radius:8px;background:var(--card-outline);padding:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.scoreboard-team-logo-placeholder{display:flex;align-items:center;justify-content:center;font-size:3rem;background:var(--card-outline);border-radius:8px}.scoreboard-team-info{text-align:center;width:100%}.scoreboard-team-name{font-family:"Bangers", cursive;font-size:1.1rem;color:var(--text);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;max-width:100%;padding:0 4px;display:flex;align-items:center;justify-content:center;gap:4px}.favorite-badge{color:#FFD700;font-size:0.9rem;margin-left:4px;display:inline-block;vertical-align:middle;flex-shrink:0}html[data-theme="light"] .favorite-badge{color:#F59E0B}.scoreboard-team-score{font-family:"Bangers", cursive;font-size:2rem;color:var(--accent-2);font-weight:700;line-height:1}.scoreboard-vs{font-family:"Bangers", cursive;font-size:1.2rem;color:var(--text-muted);padding:0 12px;flex-shrink:0;font-weight:400}.scoreboard-live-info{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:10px;background:rgba(224,68,45,0.1);border-radius:8px;border:1px solid rgba(224,68,45,0.3)}.scoreboard-live-clock{display:flex;align-items:center;justify-content:center;gap:8px;font-family:"Bangers", cursive;font-size:1rem;color:var(--accent)}.scoreboard-quarter{font-weight:700;color:var(--accent)}.scoreboard-clock{font-weight:700;color:var(--accent);font-size:1.1rem}.scoreboard-down-distance{display:flex;align-items:center;justify-content:center;gap:4px;font-family:"Bangers", cursive;font-size:0.95rem;color:var(--text);flex-wrap:wrap}.scoreboard-down{font-weight:700;color:var(--accent)}.scoreboard-and{color:var(--text-muted);margin:0 2px}.scoreboard-distance{font-weight:700;color:var(--accent)}.scoreboard-possession{font-size:0.85rem;color:var(--text-muted);margin-left:8px;font-weight:400}html[data-theme="light"] .scoreboard-live-info{background:rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.3)}html[data-theme="light"] .scoreboard-quarter,html[data-theme="light"] .scoreboard-clock,html[data-theme="light"] .scoreboard-down,html[data-theme="light"] .scoreboard-distance{color:var(--accent-2)}.scoreboard-status-flag{position:absolute;top:16px;right:16px;padding:6px 14px;border-radius:20px;font-family:"Bangers", cursive;font-size:0.9rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;box-shadow:0 2px 6px rgba(0,0,0,0.2)}.scoreboard-status-final{background:var(--accent-2);color:#000}.scoreboard-status-live{background:#ff4444;color:white;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}@media (max-width: 1024px) and (min-width: 769px){.scoreboard-container{grid-template-columns:repeat(2, 1fr);gap:24px;padding:0 20px;max-width:900px}.scoreboard-container:has(.scoreboard-card:nth-child(1):last-child){grid-template-columns:1fr;max-width:450px;margin-left:auto;margin-right:auto}}@media (max-width: 768px){.scoreboard-page{padding-top:120px;padding-bottom:60px}.scoreboard-container{grid-template-columns:1fr;gap:16px;padding:0 20px;max-width:100%;margin-left:auto;margin-right:auto}.scoreboard-container:has(.scoreboard-card:nth-child(1):last-child),.scoreboard-container:has(.scoreboard-card:nth-child(2):last-child),.scoreboard-container:has(.scoreboard-card:nth-child(3):last-child),.scoreboard-container:has(.scoreboard-card:nth-child(4):last-child){grid-template-columns:1fr;max-width:100%}.scoreboard-card{padding:14px 12px;margin:0;border-radius:12px;max-width:100%}.scoreboard-card-header{font-size:0.85rem;margin-bottom:12px;line-height:1.2;padding:0 6px;gap:2px;letter-spacing:0.2px}.scoreboard-header-separator{margin:0 2px}.scoreboard-card-meta{gap:10px;margin-bottom:18px;font-size:0.8rem;flex-wrap:wrap;justify-content:center}.scoreboard-network-logo{width:28px;height:28px}.scoreboard-card-body{flex-direction:row;gap:12px;margin-bottom:12px;align-items:flex-start}.scoreboard-team{flex:1;min-width:0;gap:10px}.scoreboard-team-logo{width:70px;height:70px;padding:6px}.scoreboard-team-logo-placeholder{font-size:2.2rem;width:70px;height:70px}.scoreboard-team-name{font-size:0.9rem;white-space:normal;word-break:break-word;line-height:1.2;max-height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;padding:0 2px}.scoreboard-team-score{font-size:1.6rem;margin-top:4px}.scoreboard-vs{font-size:0.9rem;padding:0 8px;align-self:center;flex-shrink:0;min-width:32px}.scoreboard-status-flag{top:10px;right:10px;padding:4px 10px;font-size:0.75rem;letter-spacing:0.5px}.scoreboard-live-info{padding:8px;gap:6px;margin-top:10px}.scoreboard-live-clock{font-size:0.9rem;gap:6px}.scoreboard-clock{font-size:1rem}.scoreboard-down-distance{font-size:0.85rem;gap:3px}.scoreboard-possession{font-size:0.75rem;margin-left:6px}}@media (max-width: 480px){.scoreboard-page{padding-top:100px;padding-bottom:50px}.scoreboard-container{padding:0 10px}.scoreboard-card{padding:16px 10px;margin:12px auto;border-radius:10px}.scoreboard-card-header{font-size:0.8rem;margin-bottom:12px;line-height:1.2;padding:0 4px;gap:2px;letter-spacing:0.2px}.scoreboard-header-separator{margin:0 1px;font-size:0.85rem}.scoreboard-card-meta{flex-direction:row;gap:8px;font-size:0.75rem;margin-bottom:16px}.scoreboard-network-logo{width:24px;height:24px}.scoreboard-card-body{gap:10px}.scoreboard-team{gap:8px}.scoreboard-team-logo{width:60px;height:60px;padding:5px}.scoreboard-team-logo-placeholder{font-size:1.8rem;width:60px;height:60px}.scoreboard-team-name{font-size:0.85rem;max-height:2.2em;-webkit-line-clamp:2;padding:0}.scoreboard-team-score{font-size:1.4rem}.scoreboard-vs{font-size:0.85rem;padding:0 6px;min-width:28px}.scoreboard-status-flag{top:8px;right:8px;padding:3px 8px;font-size:0.7rem}}.my-picks-page-modern{padding:20px;max-width:1400px;margin:0 auto}.my-picks-page-modern .heading-popcorn{text-align:center;margin-bottom:8px}.my-picks-page-modern .sub-heading{text-align:center;color:var(--text-muted);margin-bottom:30px}.my-picks-section-modern{margin:50px auto;max-width:1400px;padding:0 15px}.my-picks-section-modern .community-section-title{margin-bottom:24px}.my-picks-grid-modern{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;margin-top:20px}@media (max-width: 1024px){.my-picks-grid-modern{grid-template-columns:repeat(2, 1fr);gap:20px}}@media (max-width: 768px){.my-picks-grid-modern{grid-template-columns:1fr;gap:16px}}.my-pick-card-modern{background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:12px;padding:14px;transition:all 0.3s ease;box-shadow:0 4px 16px rgba(0,0,0,0.3);display:flex;flex-direction:column}html[data-theme="light"] .my-pick-card-modern{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2);box-shadow:0 4px 16px rgba(34,197,94,0.1)}.my-pick-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.4);border-color:rgba(255,255,255,0.2)}html[data-theme="light"] .my-pick-card-modern:hover{box-shadow:0 8px 24px rgba(34,197,94,0.2);border-color:rgba(34,197,94,0.3)}.my-pick-card-correct{border-color:#4CAF50}html[data-theme="light"] .my-pick-card-correct{border-color:#22C55E;background:linear-gradient(135deg, rgba(240,253,244,0.98) 0%, rgba(255,255,255,0.98) 100%)}.my-pick-card-wrong{border-color:#f44336}html[data-theme="light"] .my-pick-card-wrong{border-color:#ef4444;background:linear-gradient(135deg, rgba(254,242,242,0.98) 0%, rgba(255,255,255,0.98) 100%)}.my-pick-card-pending{border-color:rgba(255,255,255,0.15);opacity:0.95}html[data-theme="light"] .my-pick-card-pending{border-color:rgba(34,197,94,0.25)}.my-pick-card-header{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1)}html[data-theme="light"] .my-pick-card-header{border-bottom-color:rgba(34,197,94,0.2)}.my-pick-game-title{font-family:"Bangers", cursive;font-size:0.85rem;color:var(--accent-2);text-align:center;letter-spacing:0.3px;line-height:1.2;margin-bottom:6px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:2px;white-space:nowrap;overflow:hidden;max-width:100%}html[data-theme="light"] .my-pick-game-title{color:var(--accent)}.my-pick-away-team,.my-pick-home-team{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42%;flex-shrink:1}.my-pick-at{color:var(--text-muted);font-weight:400;margin:0 4px}.my-pick-game-time{color:var(--text-muted);font-size:0.8rem;text-align:center;margin-top:4px}.my-pick-game-meta{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap;font-size:0.85rem}.my-pick-meta-item{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.my-pick-network-logo{width:18px;height:18px;object-fit:contain}.my-pick-network-name{font-weight:500}.my-pick-spread{font-weight:600;color:var(--accent-2)}html[data-theme="light"] .my-pick-spread{color:var(--accent)}.my-pick-live-info{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:8px;background:rgba(224,68,45,0.1);border-radius:6px;border:1px solid rgba(224,68,45,0.3)}.my-pick-live-clock{display:flex;align-items:center;justify-content:center;gap:6px;font-family:"Bangers", cursive;font-size:0.9rem}.my-pick-quarter{font-weight:700;color:var(--accent)}.my-pick-clock{font-weight:700;color:var(--accent);font-size:1rem}.my-pick-down-distance{display:flex;align-items:center;justify-content:center;gap:3px;font-family:"Bangers", cursive;font-size:0.85rem;color:var(--text);flex-wrap:wrap}.my-pick-down{font-weight:700;color:var(--accent)}.my-pick-and{color:var(--text-muted);margin:0 2px}.my-pick-distance{font-weight:700;color:var(--accent)}.my-pick-possession{font-size:0.75rem;color:var(--text-muted);margin-left:6px;font-weight:400}html[data-theme="light"] .my-pick-live-info{background:rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.3)}html[data-theme="light"] .my-pick-quarter,html[data-theme="light"] .my-pick-clock,html[data-theme="light"] .my-pick-down,html[data-theme="light"] .my-pick-distance{color:var(--accent-2)}.my-pick-teams-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.my-pick-team-block{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:10px;transition:all 0.2s ease;border:2px solid transparent}.my-pick-team-selected{background:rgba(29,185,84,0.15);border-color:var(--accent-2)}html[data-theme="light"] .my-pick-team-selected{background:rgba(34,197,94,0.2);border-color:var(--accent);box-shadow:0 2px 8px rgba(34,197,94,0.2)}.my-pick-team-logo{width:56px;height:56px;object-fit:contain;border-radius:8px;flex-shrink:0}.my-pick-team-logo-placeholder{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:rgba(255,255,255,0.05);border-radius:8px;border:2px solid rgba(255,255,255,0.1)}html[data-theme="light"] .my-pick-team-logo-placeholder{background:rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.2)}.my-pick-team-info{text-align:center;width:100%}.my-pick-team-name{font-weight:600;font-size:0.85rem;color:var(--text);margin-bottom:4px;line-height:1.3;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative}.my-pick-favorite-badge,.favorite-badge{color:#FFD700;font-size:0.9rem;margin-left:4px;display:inline-block;vertical-align:middle}html[data-theme="light"] .my-pick-favorite-badge,html[data-theme="light"] .favorite-badge{color:#F59E0B}.my-pick-team-favorite{position:relative}.my-pick-team-favorite::before{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background:#FFD700;border-radius:50%;box-shadow:0 0 4px rgba(255,215,0,0.6)}html[data-theme="light"] .my-pick-team-favorite::before{background:#F59E0B;box-shadow:0 0 4px rgba(245,158,11,0.6)}.my-pick-team-score{font-size:1.5rem;font-weight:700;color:var(--text);margin-top:2px;font-family:"Bangers", cursive;letter-spacing:0.5px}html[data-theme="light"] .my-pick-team-score{color:var(--accent)}.my-pick-badge{background:var(--accent-2);color:white;font-size:0.65rem;font-weight:700;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:0.5px;margin-top:6px;display:inline-block}html[data-theme="light"] .my-pick-badge{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 2px 4px rgba(34,197,94,0.3)}.my-pick-vs-divider{font-family:"Bangers", cursive;font-size:0.95rem;color:var(--text-muted);padding:0 6px;flex-shrink:0;font-weight:400}.my-pick-result-badge{text-align:center;margin-top:auto;padding-top:12px;border-top:2px solid rgba(255,255,255,0.1)}html[data-theme="light"] .my-pick-result-badge{border-top-color:rgba(34,197,94,0.2)}.my-pick-result-correct{color:#4CAF50;font-weight:700;font-size:0.95rem;display:inline-block;padding:6px 16px;background:rgba(76,175,80,0.15);border-radius:16px}html[data-theme="light"] .my-pick-result-correct{color:#16A34A;background:rgba(34,197,94,0.2)}.my-pick-result-wrong{color:#f44336;font-weight:700;font-size:0.95rem;display:inline-block;padding:6px 16px;background:rgba(244,67,54,0.15);border-radius:16px}html[data-theme="light"] .my-pick-result-wrong{color:#ef4444;background:rgba(239,68,68,0.2)}.my-pick-result-pending{color:var(--text-muted);font-weight:600;font-size:0.9rem;display:inline-block;padding:6px 16px;background:rgba(255,255,255,0.05);border-radius:16px;font-style:italic}html[data-theme="light"] .my-pick-result-pending{background:rgba(34,197,94,0.1)}@media (max-width: 768px){.my-picks-page-modern{padding:15px}.my-pick-network-logo{width:28px;height:28px}.my-picks-section-modern{margin:40px auto;padding:0 10px}.my-pick-card-modern{padding:12px}.my-pick-game-title{font-size:1rem}.my-pick-teams-row{flex-direction:column;gap:10px}.my-pick-vs-divider{transform:rotate(90deg);padding:6px 0}.my-pick-team-logo{width:52px;height:52px}.my-pick-team-logo-placeholder{width:52px;height:52px;font-size:1.8rem}.my-pick-team-score{font-size:1.3rem}.my-pick-game-meta{flex-direction:column;gap:8px;font-size:0.85rem}}@media (max-width: 480px){.my-pick-card-modern{padding:10px}.my-pick-network-logo{width:24px;height:24px}.my-pick-game-title{font-size:0.95rem}.my-pick-team-logo{width:48px;height:48px}.my-pick-team-logo-placeholder{width:48px;height:48px;font-size:1.6rem}.my-pick-team-score{font-size:1.2rem}}.leaderboard-page{padding-top:140px;max-width:700px;margin:0 auto;text-align:center}.lb-entry{background:var(--card-bg);border:2px solid var(--card-outline);padding:14px;border-radius:10px;box-shadow:2px 2px 0 #000;margin:12px 0}.lb-rank{font-family:"Bangers";font-size:1.6rem;color:var(--accent-2)}.lb-name{font-size:1.2rem;color:var(--text)}.lb-score{color:var(--accent)}.cfb-leaderboard-page{padding-top:140px;padding-bottom:80px;max-width:1000px;margin:0 auto;text-align:center}.leaderboard-view-toggle{display:flex;justify-content:center;gap:12px;margin:20px auto 30px;padding:0 20px}.leaderboard-toggle-btn{padding:10px 24px;border-radius:8px;border:2px solid var(--card-outline);background:var(--card-bg);color:var(--text);text-decoration:none;font-family:"Bangers", cursive;font-size:1rem;transition:all 0.2s ease;display:inline-block}.leaderboard-toggle-btn:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 2px 8px rgba(34,197,94,0.2)}.leaderboard-toggle-btn.active{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 2px 8px rgba(34,197,94,0.3)}html[data-theme="light"] .leaderboard-toggle-btn.active{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 2px 12px rgba(34,197,94,0.25)}.cfb-leaderboard-container{margin-top:30px;padding:0 20px;display:flex;flex-direction:column;gap:16px}.cfb-leaderboard-card{background:var(--card-bg);border:2px solid var(--card-outline);border-radius:14px;padding:20px 24px;margin:0 auto;max-width:900px;width:100%;box-shadow:var(--shadow);position:relative;transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto;gap:16px;align-items:center;text-decoration:none;color:inherit}html[data-theme="light"] .cfb-leaderboard-card{background:var(--card-bg);border-color:var(--card-outline);box-shadow:var(--shadow)}.cfb-leaderboard-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover, 0 6px 20px rgba(34,197,94,0.18));border-color:var(--accent)}html[data-theme="light"] .cfb-leaderboard-card:hover{border-color:var(--accent);box-shadow:0 6px 20px rgba(0,0,0,0.4),0 0 0 1px rgba(224,68,45,0.2);background:var(--card-bg)}.cfb-leaderboard-podium{border-width:3px;padding:24px;background:linear-gradient(135deg, var(--card-bg) 0%, rgba(255,255,255,0.02) 100%)}.cfb-leaderboard-podium[data-rank="1"]{border-color:#FFD700;box-shadow:0 4px 16px rgba(255,215,0,0.3),0 0 0 2px rgba(255,215,0,0.1);background:linear-gradient(135deg, rgba(255,215,0,0.05) 0%, var(--card-bg) 100%)}.cfb-leaderboard-podium[data-rank="2"]{border-color:#C0C0C0;box-shadow:0 4px 16px rgba(192,192,192,0.3),0 0 0 2px rgba(192,192,192,0.1);background:linear-gradient(135deg, rgba(192,192,192,0.05) 0%, var(--card-bg) 100%)}.cfb-leaderboard-podium[data-rank="3"]{border-color:#CD7F32;box-shadow:0 4px 16px rgba(205,127,50,0.3),0 0 0 2px rgba(205,127,50,0.1);background:linear-gradient(135deg, rgba(205,127,50,0.05) 0%, var(--card-bg) 100%)}.cfb-leaderboard-current-user{border-color:var(--accent);box-shadow:0 4px 12px rgba(0,0,0,0.2),0 0 0 2px var(--accent);background:linear-gradient(135deg, rgba(var(--accent-rgb, 255, 100, 100), 0.08) 0%, var(--card-bg) 100%)}html[data-theme="light"] .cfb-leaderboard-current-user{border-color:var(--accent);box-shadow:0 4px 16px rgba(224,68,45,0.3),0 0 0 3px rgba(224,68,45,0.2);background:var(--card-bg)}.cfb-leaderboard-current-user:hover{box-shadow:0 6px 16px rgba(0,0,0,0.25),0 0 0 3px var(--accent)}html[data-theme="light"] .cfb-leaderboard-current-user:hover{box-shadow:0 8px 24px rgba(34,197,94,0.3),0 0 0 3px var(--accent);background:linear-gradient(135deg, rgba(34,197,94,0.15) 0%, #ECFDF5 100%)}.cfb-leaderboard-medal{grid-column:1;grid-row:1 / 3;font-size:2.5rem;line-height:1;display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-right:8px}.cfb-leaderboard-medal-gold{filter:drop-shadow(0 2px 4px rgba(255,215,0,0.4))}.cfb-leaderboard-medal-silver{filter:drop-shadow(0 2px 4px rgba(192,192,192,0.4))}.cfb-leaderboard-medal-bronze{filter:drop-shadow(0 2px 4px rgba(205,127,50,0.4))}.cfb-leaderboard-rank{grid-column:1;grid-row:1 / 3;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--card-outline);border-radius:50%;font-family:"Bangers", cursive;font-size:1.4rem;color:var(--text-muted);margin-right:8px}html[data-theme="light"] .cfb-leaderboard-rank{background:linear-gradient(135deg, var(--accent-light) 0%, var(--accent) 100%);color:white;box-shadow:0 2px 6px rgba(34,197,94,0.3)}.cfb-leaderboard-podium .cfb-leaderboard-rank{display:none}.cfb-leaderboard-rank-number{line-height:1}.cfb-leaderboard-user-info{grid-column:2;grid-row:1;text-align:left;min-width:0}.cfb-leaderboard-username{font-size:1.3rem;font-weight:600;color:var(--text);margin-bottom:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cfb-leaderboard-you-badge{background:var(--accent);color:white;font-size:0.7rem;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:0.5px}html[data-theme="light"] .cfb-leaderboard-you-badge{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 2px 4px rgba(34,197,94,0.3)}.cfb-leaderboard-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(80px, 1fr));gap:12px;margin-top:8px}.cfb-leaderboard-stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.cfb-leaderboard-stat-label{font-size:0.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;font-weight:500}.cfb-leaderboard-stat-value{font-size:1.1rem;font-weight:700;color:var(--text);font-family:"Bangers", cursive;letter-spacing:0.5px}.cfb-leaderboard-stat-streak .cfb-leaderboard-stat-value{color:var(--accent-2)}html[data-theme="light"] .cfb-leaderboard-stat-value{color:var(--accent-dark)}html[data-theme="light"] .cfb-leaderboard-stat-streak .cfb-leaderboard-stat-value{color:var(--accent)}.cfb-leaderboard-progress{grid-column:2;grid-row:2;width:100%;height:8px;background:var(--card-outline);border-radius:4px;overflow:hidden;margin-top:4px}.cfb-leaderboard-progress-bar{height:100%;background:linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 100%);border-radius:4px;transition:width 0.6s ease;position:relative}html[data-theme="light"] .cfb-leaderboard-progress-bar{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 2px 8px rgba(34,197,94,0.4)}.cfb-leaderboard-progress-bar::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.2) 50%, transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.cfb-leaderboard-week-performance{grid-column:3;grid-row:1 / 3;display:flex;flex-direction:column;gap:6px;align-items:flex-end;min-width:80px}.cfb-leaderboard-week-badge{background:var(--card-outline);border-radius:6px;padding:4px 8px;font-size:0.75rem;color:var(--text);font-weight:600;white-space:nowrap}.cfb-leaderboard-week-score{font-family:"Bangers", cursive;letter-spacing:0.5px}.cfb-leaderboard-no-picks{font-size:0.75rem;color:var(--text-muted);font-style:italic}.cfb-leaderboard-click-hint{grid-column:2 / 4;grid-row:3;text-align:right;font-size:0.8rem;color:var(--text-muted);opacity:0;transition:opacity 0.2s ease;margin-top:4px}.cfb-leaderboard-card:hover .cfb-leaderboard-click-hint{opacity:1}@media (max-width: 768px){.cfb-leaderboard-page{padding-top:120px;padding-bottom:60px}.cfb-leaderboard-container{padding:0 15px;gap:12px}.cfb-leaderboard-card{padding:16px;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto auto;gap:12px}.cfb-leaderboard-medal{width:50px;height:50px;font-size:2rem;grid-row:1}.cfb-leaderboard-rank{width:40px;height:40px;font-size:1.2rem;grid-row:1}.cfb-leaderboard-user-info{grid-column:2;grid-row:1}.cfb-leaderboard-username{font-size:1.1rem;margin-bottom:6px}.cfb-leaderboard-stats{grid-template-columns:repeat(2, 1fr);gap:8px;margin-top:4px}.cfb-leaderboard-stat-value{font-size:1rem}.cfb-leaderboard-progress{grid-column:1 / 3;grid-row:2;margin-top:0}.cfb-leaderboard-week-performance{grid-column:1 / 3;grid-row:3;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;margin-top:4px}.cfb-leaderboard-click-hint{grid-column:1 / 3;grid-row:4;text-align:center;opacity:0.6}}@media (max-width: 480px){.cfb-leaderboard-page{padding-top:100px;padding-bottom:40px}.cfb-leaderboard-container{padding:0 10px;gap:10px}.cfb-leaderboard-card{padding:14px;gap:10px}.cfb-leaderboard-medal{width:45px;height:45px;font-size:1.8rem}.cfb-leaderboard-rank{width:36px;height:36px;font-size:1.1rem}.cfb-leaderboard-username{font-size:1rem}.cfb-leaderboard-stats{grid-template-columns:repeat(2, 1fr);gap:6px}.cfb-leaderboard-stat-label{font-size:0.7rem}.cfb-leaderboard-stat-value{font-size:0.95rem}.cfb-leaderboard-progress{height:6px}.cfb-leaderboard-week-badge{padding:3px 6px;font-size:0.7rem}.cfb-leaderboard-click-hint{font-size:0.75rem}}.cfb-picks-page-container{margin-top:30px;padding:0 20px;display:flex;flex-direction:column;gap:20px;max-width:900px;margin-left:auto;margin-right:auto}.cfb-pick-detail-card{background:var(--card-bg);border:2px solid var(--card-outline);border-radius:14px;padding:24px;box-shadow:var(--shadow);position:relative;transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease}html[data-theme="light"] .cfb-pick-detail-card{background:var(--card-bg);border-color:var(--card-outline);box-shadow:var(--shadow)}.cfb-pick-detail-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover, 0 6px 20px rgba(34,197,94,0.18))}html[data-theme="light"] .cfb-pick-detail-card:hover{border-color:var(--accent);box-shadow:0 6px 20px rgba(0,0,0,0.4),0 0 0 1px rgba(224,68,45,0.2);background:var(--card-bg)}.cfb-pick-detail-correct{border-color:#4CAF50}html[data-theme="light"] .cfb-pick-detail-correct{border-color:#22C55E;background:linear-gradient(135deg, #F0FDF4 0%, #fff 100%)}.cfb-pick-detail-wrong{border-color:#f44336}html[data-theme="light"] .cfb-pick-detail-wrong{border-color:#ef4444;background:linear-gradient(135deg, #FEF2F2 0%, #fff 100%)}.cfb-pick-detail-pending{border-color:var(--card-outline);opacity:0.9}.cfb-pick-detail-header{font-family:"Bangers", cursive;font-size:1.4rem;color:var(--accent-2);margin-bottom:16px;text-align:center;letter-spacing:0.5px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;line-height:1.3}.cfb-pick-detail-away,.cfb-pick-detail-home{display:inline-block}.cfb-pick-detail-separator{color:var(--text-muted);font-weight:400;margin:0 4px}.cfb-pick-detail-meta{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap;font-size:0.9rem;color:var(--text-muted)}.cfb-pick-detail-network{display:flex;align-items:center;gap:6px;font-weight:500}.cfb-pick-detail-network-logo{width:20px;height:20px;object-fit:contain}.cfb-pick-detail-time{font-weight:500}.cfb-pick-detail-spread{font-weight:600;color:var(--accent)}html[data-theme="light"] .cfb-pick-detail-spread{color:var(--accent-dark)}.cfb-pick-detail-body{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.cfb-pick-detail-team{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border-radius:10px;transition:all 0.2s ease}.cfb-pick-detail-team-selected{background:rgba(34,197,94,0.1);border:2px solid var(--accent)}html[data-theme="light"] .cfb-pick-detail-team-selected{background:rgba(34,197,94,0.15);border-color:var(--accent);box-shadow:0 2px 8px rgba(34,197,94,0.2)}.cfb-pick-detail-logo{width:80px;height:80px;object-fit:contain;border-radius:8px}.cfb-pick-detail-logo-placeholder{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:3rem;background:var(--card-outline);border-radius:8px}.cfb-pick-detail-team-info{text-align:center;width:100%}.cfb-pick-detail-team-name{font-weight:600;font-size:1rem;color:var(--text);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.cfb-pick-detail-badge{background:var(--accent);color:white;font-size:0.7rem;font-weight:700;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:0.5px;margin-top:4px;display:inline-block}html[data-theme="light"] .cfb-pick-detail-badge{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 2px 4px rgba(34,197,94,0.3)}.cfb-pick-detail-vs{font-family:"Bangers", cursive;font-size:1.2rem;color:var(--text-muted);padding:0 12px;flex-shrink:0;font-weight:400}.cfb-pick-detail-result{text-align:center;margin-top:16px;padding-top:16px;border-top:2px solid var(--card-outline)}.cfb-pick-detail-correct-badge{color:#4CAF50;font-weight:700;font-size:1.1rem;display:inline-block;padding:8px 20px;background:rgba(76,175,80,0.1);border-radius:20px}html[data-theme="light"] .cfb-pick-detail-correct-badge{color:#16A34A;background:rgba(34,197,94,0.15)}.cfb-pick-detail-wrong-badge{color:#f44336;font-weight:700;font-size:1.1rem;display:inline-block;padding:8px 20px;background:rgba(244,67,54,0.1);border-radius:20px}html[data-theme="light"] .cfb-pick-detail-wrong-badge{color:#ef4444;background:rgba(239,68,68,0.15)}.cfb-pick-detail-pending-badge{color:var(--text-muted);font-weight:600;font-size:1rem;display:inline-block;padding:8px 20px;background:rgba(0,0,0,0.05);border-radius:20px;font-style:italic}html[data-theme="light"] .cfb-pick-detail-pending-badge{background:rgba(0,0,0,0.03)}@media (max-width: 768px){.cfb-picks-page-container{padding:0 15px;gap:16px}.cfb-pick-detail-card{padding:20px}.cfb-pick-detail-header{font-size:1.2rem}.cfb-pick-detail-meta{gap:12px}.cfb-pick-detail-network-logo{width:28px;height:28px}.cfb-pick-detail-body{flex-direction:column;gap:16px}.cfb-pick-detail-vs{transform:rotate(90deg);padding:8px 0}.cfb-pick-detail-logo{width:70px;height:70px}.cfb-pick-detail-logo-placeholder{width:70px;height:70px;font-size:2.5rem}}@media (max-width: 480px){.cfb-picks-page-container{padding:0 10px;gap:12px}.cfb-pick-detail-card{padding:16px}.cfb-pick-detail-header{font-size:1.1rem}.cfb-pick-detail-meta{flex-direction:column}.cfb-pick-detail-network-logo{width:24px;height:24px}.cfb-pick-detail-logo{width:60px;height:60px}.cfb-pick-detail-logo-placeholder{width:60px;height:60px;font-size:2rem}}.cfb-picks-section{margin-bottom:40px}.cfb-picks-section-title{font-family:"Bangers", cursive;font-size:1.8rem;color:var(--accent-2);margin-bottom:20px;text-align:center;letter-spacing:0.5px}html[data-theme="light"] .cfb-picks-section-title{color:var(--accent-dark)}.cfb-pick-detail-score{font-size:1.5rem;font-weight:700;color:var(--text);margin-top:4px;font-family:"Bangers", cursive}html[data-theme="light"] .cfb-pick-detail-score{color:var(--accent-dark)}turbo-frame#leader-modal-frame{display:contents}.leader-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);z-index:9998;cursor:pointer;animation:fadeIn 0.2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.leader-modal-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:var(--card-bg);border:2px solid var(--card-outline);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.4);max-width:700px;width:90%;max-height:85vh;z-index:9999;display:flex;flex-direction:column;animation:slideUp 0.3s ease;overflow:hidden}@keyframes slideUp{from{opacity:0;transform:translate(-50%, -40%)}to{opacity:1;transform:translate(-50%, -50%)}}.leader-modal-header{padding:20px 24px;border-bottom:2px solid var(--card-outline);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.leader-modal-header h2{font-family:"Bangers", cursive;font-size:1.5rem;color:var(--accent-2);margin:0;letter-spacing:0.5px;text-align:center;flex:1}.leader-modal-actions{display:flex;gap:12px;align-items:center}.leader-compare-btn{background:var(--accent);color:white;border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:background 0.2s ease;font-size:0.9rem}.leader-compare-btn:hover{background:var(--accent-2)}.leader-modal-close{background:transparent;border:2px solid var(--card-outline);color:var(--text);width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.leader-modal-close:hover{background:var(--card-outline);border-color:var(--accent);color:var(--accent)}.leader-modal-body{padding:20px 24px;overflow-y:auto;flex:1;min-height:0;max-height:calc(85vh - 120px)}.pick-row{padding:12px 16px;margin-bottom:8px;background:var(--card-bg);border:2px solid var(--card-outline);border-radius:8px;transition:all 0.2s ease}.pick-row:hover{border-color:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.pick-row.pick-correct{border-color:#4CAF50;background:rgba(76,175,80,0.05)}.pick-row.pick-wrong{border-color:#f44336;background:rgba(244,67,54,0.05)}.pick-row.pick-pending{border-color:var(--card-outline);opacity:0.8}.pick-teams{font-weight:600;font-size:0.95rem;color:var(--text);margin-bottom:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;word-break:break-word;line-height:1.4}.compare-game-body .pick-choice{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:6px;min-height:32px;font-size:inherit;color:inherit}.cfb-network-mini-logo{width:18px;height:18px;object-fit:contain;flex-shrink:0}.pick-choice strong{color:var(--text);font-weight:600}.pick-result{display:flex;align-items:center;gap:8px}.correct-flag{color:#4CAF50;font-weight:600;font-size:0.9rem}.wrong-flag{color:#f44336;font-weight:600;font-size:0.9rem}.pending-flag{color:var(--text-muted);font-size:0.9rem;font-style:italic}.leader-modal-wrapper.compare-mode{max-width:900px}.compare-selector{padding:8px 20px;border-bottom:2px solid var(--card-outline);display:flex;flex-direction:row;gap:12px;align-items:center;flex-wrap:wrap;flex-shrink:0}.compare-user-section{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1;min-width:0;max-width:calc(50% - 15px)}@media (min-width: 769px){.compare-form .compare-user-section{max-width:none;flex:0 1 auto}.compare-user-select{width:100%;min-width:200px}.compare-action-buttons{flex:0 1 auto;width:100%;min-width:200px}.compare-form{justify-content:space-between}}.compare-section-label{font-weight:700;color:var(--text);font-size:0.7rem;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap;flex-shrink:0}.compare-form{display:flex;flex-direction:row;gap:12px;align-items:center;flex-wrap:wrap;width:100%}.compare-form .compare-action-buttons{flex:1 1 100%;order:10}.compare-user-select{padding:6px 30px 6px 10px;background:var(--card-bg);border:2px solid var(--card-outline);border-radius:8px;color:var(--text);font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;flex:1;min-width:0;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='%231a362d' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}html[data-theme="light"] .compare-user-select{background-color:rgba(34,197,94,0.1);border-color:var(--accent-2);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='%2316a34a' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.compare-user-select:hover{border-color:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,0.1)}html[data-theme="light"] .compare-user-select:hover{background-color:rgba(34,197,94,0.2);border-color:var(--accent);box-shadow:0 2px 8px rgba(34,197,94,0.3)}.compare-user-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(34,197,94,0.2)}.compare-vs-divider{font-family:"Bangers", cursive;font-size:1rem;color:var(--accent-2);text-align:center;padding:0 8px;line-height:1;flex-shrink:0}html[data-theme="light"] .compare-vs-divider{color:var(--accent)}.compare-action-buttons{display:flex;gap:8px;flex:1 1 100%;margin-top:0}.compare-action-btn{flex:1;padding:10px 16px;border-radius:8px;font-weight:600;font-size:0.85rem;text-align:center;text-decoration:none;transition:all 0.2s ease;border:none;cursor:pointer}.compare-update-btn{background:var(--accent);color:white}html[data-theme="light"] .compare-update-btn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 2px 8px rgba(34,197,94,0.3)}.compare-update-btn:hover{background:var(--accent-2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(34,197,94,0.4)}.compare-leader-btn{background:var(--accent-2);color:white}html[data-theme="light"] .compare-leader-btn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 2px 8px rgba(34,197,94,0.3)}.compare-leader-btn:hover{background:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(34,197,94,0.4)}.vs-label{color:var(--text-muted);margin:0 8px}.compare-games-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px;padding:16px;overflow-x:hidden}.leader-modal-wrapper .compare-games-grid{grid-template-columns:repeat(2, 1fr);gap:12px;padding:16px}@media (max-width: 768px){.compare-games-grid,.leader-modal-wrapper .compare-games-grid{grid-template-columns:1fr !important}}.compare-game-card{background:var(--card-bg);border:2px solid var(--card-outline);border-radius:12px;padding:12px;transition:all 0.2s ease;min-width:0;overflow:hidden}.compare-game-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}html[data-theme="light"] .compare-game-card:hover{box-shadow:0 4px 12px rgba(34,197,94,0.2)}.compare-game-card.game-final{border-color:var(--text-muted);opacity:0.9}.compare-game-header{font-weight:700;color:var(--text);font-size:0.75rem;margin-bottom:8px;text-align:center;padding-bottom:6px;border-bottom:1px solid var(--card-outline);min-width:0;line-height:1.2}.compare-game-header .compare-game-teams{flex-wrap:wrap;justify-content:center;gap:4px}.compare-game-header .compare-team-name{font-size:0.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.compare-game-header .compare-team-logo{width:20px;height:20px;flex-shrink:0}.compare-game-header .compare-at{font-size:0.75rem;margin:0 2px}.compare-game-body{display:flex;flex-direction:row;gap:8px;align-items:stretch;width:100%}.compare-pick-block{padding:12px;border-radius:8px;text-align:center;border:2px solid transparent;display:flex;flex-direction:column;height:100%;justify-content:space-between;flex:1 1 0;min-width:0;align-items:center;box-sizing:border-box}.pick-title{font-size:0.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-choice{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:6px;min-height:32px;width:100%;flex-shrink:0}.compare-pick-logo{width:24px;height:24px;object-fit:contain;flex-shrink:0}.pick-choice-name{font-weight:600;color:var(--text);font-size:0.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;flex:1;min-width:0}.compare-pick-block.correct{background:rgba(76,175,80,0.1);border-color:#4CAF50}.compare-pick-block.wrong{background:rgba(244,67,54,0.1);border-color:#f44336}.compare-pick-block.pending{background:rgba(0,0,0,0.05);border-color:var(--card-outline)}.compare-pick-block.no-pick{border-color:var(--text-muted);background:rgba(0,0,0,0.02);opacity:0.6}html[data-theme="light"] .compare-pick-block.no-pick{border-color:#d1d5db;background:rgba(0,0,0,0.02)}.compare-vs-small{display:none}html[data-theme="light"] .compare-vs-small{color:var(--accent)}.compare-row{padding:16px;margin-bottom:12px;background:var(--card-bg);border:2px solid var(--card-outline);border-radius:10px;display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center}.compare-game{font-weight:600;color:var(--text)}.compare-col{padding:12px;border-radius:8px;text-align:center;min-width:120px}.compare-col.correct{background:rgba(76,175,80,0.1);border:2px solid #4CAF50}.compare-col.wrong{background:rgba(244,67,54,0.1);border:2px solid #f44336}.compare-col.pending{background:rgba(0,0,0,0.05);border:2px solid var(--card-outline)}.compare-col.no-pick{border-color:var(--text-muted);background:rgba(0,0,0,0.02);opacity:0.6}html[data-theme="light"] .compare-col.no-pick{border-color:#d1d5db;background:rgba(0,0,0,0.02)}.no-pick-flag{color:var(--text-muted);font-size:0.85rem;font-style:italic}.compare-pick-block .pick-title{font-size:0.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-page-wrapper{max-width:1000px;margin:30px auto;padding:0;overflow:hidden}.compare-page-header{padding:24px 30px;border-bottom:2px solid var(--card-outline);background:var(--tile-bg)}.compare-page-header h2{font-size:clamp(1rem, 2.5vw, 1.4rem);font-weight:700;color:var(--text);margin:0;display:flex;align-items:center;gap:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-theme="light"] .compare-page-header{background:rgba(34,197,94,0.05)}.compare-page-body{padding:24px 30px;max-height:none;overflow-y:visible}.compare-page-instructions{padding:20px 30px;text-align:center;color:var(--text-muted);font-size:0.95rem;border-top:2px solid var(--card-outline);background:var(--tile-bg)}html[data-theme="light"] .compare-page-instructions{background:rgba(34,197,94,0.03)}.compare-page-wrapper .compare-selector{padding:20px 30px;border-bottom:2px solid var(--card-outline)}.compare-page-wrapper .prediction-card{margin:20px 30px;border-radius:12px}@media (max-width: 768px){.compare-page-wrapper{margin:20px 10px}.compare-page-header{padding:20px}.compare-page-header h2{font-size:clamp(0.9rem, 3vw, 1.2rem)}.compare-page-body{padding:20px}.compare-page-wrapper .compare-selector{padding:16px 20px}.compare-page-wrapper .prediction-card{margin:16px 20px}.compare-page-instructions{padding:16px 20px;font-size:0.85rem}}@media (max-width: 768px){.leader-modal-wrapper{width:95%;max-height:90vh}.leader-modal-header{padding:16px}.leader-modal-header{justify-content:center;position:relative}.leader-modal-header h2{font-size:1.2rem;text-align:center}.leader-modal-close{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.leader-modal-body{padding:16px}.pick-row{padding:10px 12px;margin-bottom:6px}.pick-teams{font-size:0.85rem}.pick-choice{font-size:0.8rem}.cfb-network-mini-logo{width:16px;height:16px}.compare-selector{padding:8px 12px;gap:8px}.compare-form{gap:8px}.compare-user-section{flex:1;min-width:0;max-width:calc(50% - 4px)}.compare-user-select{font-size:0.75rem;padding:5px 28px 5px 8px}.compare-user-buttons{gap:6px}.compare-user-btn{padding:6px 12px;font-size:0.8rem}.compare-vs-divider{font-size:1.2rem;padding:4px 0;margin:0}.compare-action-buttons{flex-direction:column;gap:8px}.compare-action-btn{width:100%;padding:10px 14px;font-size:0.8rem}.compare-games-grid{grid-template-columns:1fr;gap:12px;padding:12px}.compare-game-card{padding:8px}.compare-game-header{font-size:0.7rem;margin-bottom:8px;padding-bottom:6px}.compare-game-body{gap:6px}.compare-pick-block{padding:10px}.pick-title{font-size:0.7rem;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-pick-logo{width:24px;height:24px}.pick-choice{min-height:36px}.pick-choice-name{font-size:0.7rem;max-width:100%}.pick-result{font-size:0.8rem}.compare-vs-small{display:none}.correct-flag,.wrong-flag{font-size:0.8rem}.pending-flag,.no-pick-flag{font-size:0.8rem}.compare-row{grid-template-columns:1fr;gap:12px}.compare-col{min-width:100%}}@media (max-width: 768px){.compare-games-grid{grid-template-columns:1fr;gap:10px;padding:12px}.compare-game-card{padding:12px}.compare-game-header{font-size:0.85rem;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--card-outline)}.compare-game-teams{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.compare-team-logo{width:24px;height:24px}.compare-team-name{font-size:0.85rem}.compare-at{margin:0 4px;font-size:0.8rem}.compare-game-time{font-size:0.7rem;color:var(--text-muted);margin-top:4px;text-align:center}.compare-game-score{font-size:0.75rem;font-weight:600;color:var(--text);margin-top:4px;text-align:center}.leader-modal-wrapper .compare-picks-row-modern{grid-template-columns:1fr auto 1fr;gap:8px}.leader-modal-wrapper .compare-vs-divider-small{padding:0 4px;order:0;width:auto}.compare-pick-block-modern{padding:8px}.compare-pick-label{font-size:0.7rem}.compare-pick-logo{width:20px;height:20px}.compare-pick-team-name{font-size:0.8rem}.compare-pick-block{padding:10px}}.compare-selector-modern{padding:24px 30px;border-bottom:2px solid var(--card-outline);display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:var(--tile-bg)}html[data-theme="light"] .compare-selector-modern{background:rgba(34,197,94,0.05)}.compare-user-section-modern{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.compare-section-label-modern{font-weight:600;color:var(--text);font-size:0.85rem;text-transform:uppercase;letter-spacing:0.5px}.compare-form-modern{width:100%}.compare-user-select-modern{width:100%;padding:10px 40px 10px 14px;background:var(--card-bg);border:2px solid var(--card-outline);border-radius:8px;color:var(--text);font-size:0.95rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;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='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}html[data-theme="light"] .compare-user-select-modern{background-color:rgba(255,255,255,0.9);border-color:rgba(34,197,94,0.3);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='%2316a34a' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.compare-user-select-modern:hover{border-color:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,0.1)}html[data-theme="light"] .compare-user-select-modern:hover{background-color:#fff;border-color:var(--accent);box-shadow:0 2px 8px rgba(34,197,94,0.2)}.compare-user-select-modern:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(29,185,84,0.2)}html[data-theme="light"] .compare-user-select-modern:focus{box-shadow:0 0 0 3px rgba(34,197,94,0.3)}.compare-vs-divider-modern{font-family:"Bangers", cursive;font-size:0.85rem;color:var(--accent-2);text-align:center;padding:0 4px;align-self:center;flex-shrink:0;writing-mode:horizontal-tb}html[data-theme="light"] .compare-vs-divider-modern{color:var(--accent)}.compare-action-buttons-modern{display:flex;gap:8px;width:100%;margin-top:8px}.compare-action-btn-modern{padding:10px 20px;border-radius:8px;font-weight:600;font-size:0.9rem;text-align:center;text-decoration:none;transition:all 0.2s ease;border:none;cursor:pointer;flex:1}.compare-leader-btn-modern{background:var(--accent-2);color:white}html[data-theme="light"] .compare-leader-btn-modern{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 2px 8px rgba(34,197,94,0.3)}.compare-leader-btn-modern:hover{background:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(29,185,84,0.4)}html[data-theme="light"] .compare-leader-btn-modern:hover{box-shadow:0 4px 12px rgba(34,197,94,0.4)}.compare-game-card-modern{background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:12px;padding:20px;margin-bottom:16px;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.2)}html[data-theme="light"] .compare-game-card-modern{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2);box-shadow:0 2px 8px rgba(34,197,94,0.1)}.compare-game-card-modern:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.3);border-color:rgba(255,255,255,0.2)}html[data-theme="light"] .compare-game-card-modern:hover{box-shadow:0 4px 16px rgba(34,197,94,0.2);border-color:rgba(34,197,94,0.3)}.compare-game-card-modern.game-final{opacity:0.85;border-color:rgba(255,255,255,0.15)}html[data-theme="light"] .compare-game-card-modern.game-final{border-color:rgba(34,197,94,0.15)}.compare-game-header-modern{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.1)}html[data-theme="light"] .compare-game-header-modern{border-bottom-color:rgba(34,197,94,0.2)}.compare-game-teams{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.compare-team-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.compare-team-name{font-weight:600;color:var(--text);font-size:1rem}.compare-at{color:var(--text-muted);margin:0 4px;font-size:0.9rem}.compare-game-time{color:var(--text-muted);font-size:0.85rem;margin-top:4px}.compare-game-score{color:var(--accent-2);font-weight:700;font-size:1.1rem;margin-top:6px}html[data-theme="light"] .compare-game-score{color:var(--accent)}.compare-picks-row-modern{display:flex;flex-direction:row;gap:8px;align-items:stretch;width:100%;position:relative}.compare-pick-block-modern{padding:12px;border-radius:8px;text-align:center;border:2px solid transparent;transition:all 0.2s ease;display:flex;flex-direction:column;height:100%;justify-content:space-between;flex:1 1 0;min-width:0;align-items:center;box-sizing:border-box}.compare-pick-block-modern.correct{background:rgba(76,175,80,0.15);border-color:#4CAF50}.compare-pick-block-modern.wrong{background:rgba(244,67,54,0.15);border-color:#f44336}.compare-pick-block-modern.pending{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.2)}html[data-theme="light"] .compare-pick-block-modern.pending{background:rgba(34,197,94,0.08);border-color:rgba(34,197,94,0.3)}.compare-pick-block-modern.no-pick{border-color:rgba(255,255,255,0.1);background:rgba(0,0,0,0.05);opacity:0.6}html[data-theme="light"] .compare-pick-block-modern.no-pick{border-color:rgba(34,197,94,0.15);background:rgba(0,0,0,0.02)}.compare-pick-label{font-size:0.7rem;color:var(--text-muted);margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;flex-shrink:0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-pick-team{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;width:100%;flex-shrink:0;min-height:32px}.compare-pick-logo{width:24px;height:24px;object-fit:contain;flex-shrink:0}.compare-pick-team-name{font-weight:600;color:var(--text);font-size:0.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;flex:1;min-width:0}.compare-pick-empty{color:var(--text-muted);font-size:1.2rem;margin-bottom:8px;flex-shrink:0;min-height:32px;display:flex;align-items:center;justify-content:center}.compare-pick-result{margin-top:auto;flex-shrink:0;width:100%}.pick-result{margin-top:auto;flex-shrink:0;width:100%}.pending-flag,.no-pick-flag{margin-top:auto;flex-shrink:0}.compare-pick-status{margin-top:auto;flex-shrink:0;width:100%}.compare-result-correct{color:#4CAF50;font-weight:600;font-size:0.9rem}.compare-result-wrong{color:#f44336;font-weight:600;font-size:0.9rem}.compare-pick-status{color:var(--text-muted);font-size:0.85rem;font-style:italic;margin-top:auto;flex-shrink:0;width:100%;display:block}.compare-vs-divider-small{font-family:"Bangers", cursive;font-size:1rem;color:var(--accent-2);text-align:center;padding:0 8px;flex-shrink:0}html[data-theme="light"] .compare-vs-divider-small{color:var(--accent)}@media (max-width: 768px){.compare-selector-modern{padding:16px 20px;flex-direction:column;gap:16px}.compare-user-section-modern{width:100%;min-width:unset}.compare-vs-divider-modern{padding:0;width:100%;order:2}.compare-action-buttons-modern{order:3;width:100%}.compare-games-grid{grid-template-columns:1fr;gap:10px;padding:12px}.compare-game-header{font-size:0.75rem;margin-bottom:10px;padding-bottom:8px;line-height:1.3}.compare-picks-row-modern{gap:8px}.compare-pick-block-modern{padding:12px}.compare-pick-label{font-size:0.7rem;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-pick-logo{width:24px;height:24px}.compare-pick-team{min-height:36px}.compare-pick-team-name{font-size:0.7rem}.compare-result-correct,.compare-result-wrong{font-size:0.8rem}.compare-pick-status{font-size:0.8rem}.compare-vs-divider-small{order:1;padding:8px 0;width:100%}.compare-game-teams{justify-content:center}.compare-team-name{font-size:0.75rem}}.matrix-page{padding-top:140px;max-width:1200px;margin:0 auto;text-align:center}.matrix-table{width:100%;border-collapse:collapse}.matrix-table th,.matrix-table td{border:1px solid var(--tile-outline);padding:8px;color:var(--text)}.dashboard-page-modern{padding:20px;max-width:1400px;margin:0 auto}.dashboard-page-modern .heading-popcorn{text-align:center;margin-bottom:8px}.dashboard-page-modern .sub-heading{text-align:center;color:var(--text-muted);margin-bottom:30px}.dashboard-actions-modern{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:30px auto;max-width:800px}.dashboard-action-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:12px;color:var(--text);text-decoration:none;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.2)}html[data-theme="light"] .dashboard-action-btn{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2);box-shadow:0 2px 8px rgba(34,197,94,0.1)}.dashboard-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.3);border-color:rgba(255,255,255,0.2)}html[data-theme="light"] .dashboard-action-btn:hover{box-shadow:0 4px 16px rgba(34,197,94,0.2);border-color:rgba(34,197,94,0.3)}.dashboard-action-btn svg{flex-shrink:0}.dashboard-action-primary{background:var(--accent-2);border-color:var(--accent-2);color:white}html[data-theme="light"] .dashboard-action-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);border-color:var(--accent);box-shadow:0 2px 8px rgba(34,197,94,0.3)}.dashboard-action-primary:hover{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 4px 16px rgba(29,185,84,0.4)}html[data-theme="light"] .dashboard-action-primary:hover{background:linear-gradient(135deg, var(--accent-2) 0%, var(--accent) 100%);box-shadow:0 4px 16px rgba(34,197,94,0.4)}.dashboard-section-modern{margin:50px auto;max-width:1200px;padding:0 15px}.dashboard-section-modern .community-section-title{margin-bottom:24px}.dashboard-photo-grid-modern{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:16px;margin-top:20px}.dashboard-photo-card-modern{background:transparent;border:none;border-radius:12px;overflow:hidden;transition:all 0.3s ease;display:flex;flex-direction:column;position:relative}.dashboard-photo-card-modern:hover{transform:translateY(-4px)}.dashboard-photo-image-wrapper-modern{position:relative;width:100%;padding-top:100%;overflow:hidden;background:var(--tile-bg);border-radius:12px;aspect-ratio:1}.dashboard-photo-link-modern{position:absolute;top:0;left:0;width:100%;height:100%;text-decoration:none;display:block;z-index:1}.dashboard-photo-image-wrapper-modern:hover .dashboard-photo-link-modern{pointer-events:none}.dashboard-photo-image-modern{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.dashboard-photo-card-modern:hover .dashboard-photo-image-modern{transform:scale(1.05)}.dashboard-photo-count-badge-modern{position:absolute;top:8px;right:8px;background:rgba(0,0,0,0.75);color:white;padding:4px 8px;border-radius:12px;font-size:0.75rem;font-weight:700;backdrop-filter:blur(8px);z-index:2}.dashboard-photo-overlay-modern{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;z-index:10;border-radius:12px;pointer-events:none}.dashboard-photo-image-wrapper-modern:hover .dashboard-photo-overlay-modern{opacity:1;pointer-events:auto}.dashboard-photo-actions-modern{display:flex;gap:12px;align-items:center;justify-content:center}.dashboard-photo-action-btn-modern{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;transition:all 0.2s ease;box-shadow:0 4px 16px rgba(0,0,0,0.4);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,0.2);pointer-events:auto;cursor:pointer}.dashboard-photo-action-btn-modern:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.5)}.dashboard-photo-action-view-modern{background:rgba(59,130,246,0.9);border-color:rgba(59,130,246,0.5)}.dashboard-photo-action-view-modern:hover{background:#3b82f6;border-color:rgba(59,130,246,0.8)}.dashboard-photo-action-edit-modern{background:rgba(34,197,94,0.9);border-color:rgba(34,197,94,0.5)}.dashboard-photo-action-edit-modern:hover{background:#22c55e;border-color:rgba(34,197,94,0.8)}.dashboard-photo-action-delete-modern{background:rgba(239,68,68,0.9);border-color:rgba(239,68,68,0.5)}.dashboard-photo-action-delete-modern:hover{background:#ef4444;border-color:rgba(239,68,68,0.8)}.dashboard-photo-action-btn-modern svg{width:20px;height:20px;stroke-width:2.5}.dashboard-photo-content-modern{padding:12px 4px 0;display:flex;flex-direction:column}.dashboard-photo-title-link{text-decoration:none;color:inherit}.dashboard-photo-title-modern{font-size:0.9rem;font-weight:600;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color 0.2s ease}.dashboard-photo-title-link:hover .dashboard-photo-title-modern{color:var(--accent)}.dashboard-album-grid-modern{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:16px;margin-top:20px}.dashboard-album-card-modern{background:transparent;border:none;border-radius:12px;overflow:hidden;transition:all 0.3s ease;display:flex;flex-direction:column;position:relative}.dashboard-album-card-modern:hover{transform:translateY(-4px)}.dashboard-album-cover-wrapper-modern{position:relative;width:100%;padding-top:100%;overflow:hidden;background:var(--tile-bg);border-radius:12px;aspect-ratio:1}.dashboard-album-link-modern{position:absolute;top:0;left:0;width:100%;height:100%;text-decoration:none;display:block;z-index:1}.dashboard-album-cover-modern{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.dashboard-album-card-modern:hover .dashboard-album-cover-modern{transform:scale(1.05)}.dashboard-album-placeholder-modern{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(29,185,84,0.1) 0%, rgba(29,185,84,0.05) 100%);color:var(--text-muted)}html[data-theme="light"] .dashboard-album-placeholder-modern{background:linear-gradient(135deg, rgba(34,197,94,0.15) 0%, rgba(34,197,94,0.08) 100%)}.dashboard-album-count-badge-modern{position:absolute;top:8px;right:8px;background:rgba(0,0,0,0.75);color:white;padding:4px 8px;border-radius:12px;font-size:0.75rem;font-weight:700;backdrop-filter:blur(8px);z-index:2}.dashboard-album-content-modern{padding:12px 4px 0;display:flex;flex-direction:column}.dashboard-album-title-link{text-decoration:none;color:inherit}.dashboard-album-name-modern{font-size:0.9rem;font-weight:600;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color 0.2s ease;margin:0}.dashboard-album-title-link:hover .dashboard-album-name-modern{color:var(--accent)}.dashboard-empty-state{margin:40px auto;max-width:500px;text-align:center;padding:50px 30px;background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,0.3)}html[data-theme="light"] .dashboard-empty-state{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2);box-shadow:0 4px 16px rgba(34,197,94,0.1)}.dashboard-empty-state-small{padding:40px 30px}.dashboard-empty-icon{font-size:4rem;margin-bottom:20px;opacity:0.6}.dashboard-empty-title{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 12px 0}.dashboard-empty-desc{color:var(--text-muted);font-size:1rem;margin:0 0 24px 0;line-height:1.6}.dashboard-empty-state .dashboard-action-btn{margin:0 auto}.dashboard-view-all-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-2);text-decoration:none;font-weight:600;font-size:1rem;transition:all 0.2s ease;padding:8px 16px;border-radius:8px}html[data-theme="light"] .dashboard-view-all-link{color:var(--accent)}.dashboard-view-all-link:hover{color:var(--accent);background:rgba(29,185,84,0.1);transform:translateX(4px)}html[data-theme="light"] .dashboard-view-all-link:hover{background:rgba(34,197,94,0.15)}@media (max-width: 768px){.dashboard-page-modern{padding:15px}.dashboard-actions-modern{flex-direction:column;gap:12px;margin:20px auto}.dashboard-action-btn{width:100%;justify-content:center;padding:14px 24px}.dashboard-photo-grid-modern{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden !important;gap:12px;padding:0 15px 15px 15px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent) rgba(255,255,255,0.1);grid-template-columns:none !important;max-width:100% !important;margin:20px 0 !important}.dashboard-photo-grid-modern::-webkit-scrollbar{height:6px}.dashboard-photo-grid-modern::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:10px}.dashboard-photo-grid-modern::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.dashboard-photo-card-modern{flex:0 0 180px !important;scroll-snap-align:start;max-width:180px !important;min-width:180px !important;width:180px !important}.dashboard-album-grid-modern{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden !important;gap:12px;padding:0 15px 15px 15px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent) rgba(255,255,255,0.1);grid-template-columns:none !important;max-width:100% !important;margin:20px 0 !important}.dashboard-album-grid-modern::-webkit-scrollbar{height:6px}.dashboard-album-grid-modern::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:10px}.dashboard-album-grid-modern::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.dashboard-album-card-modern{flex:0 0 180px !important;scroll-snap-align:start;max-width:180px !important;min-width:180px !important;width:180px !important}.dashboard-section-modern{margin:40px auto;padding:0 10px}.dashboard-empty-state{padding:40px 20px;margin:30px auto}.dashboard-empty-icon{font-size:3rem}.dashboard-empty-title{font-size:1.3rem}.dashboard-photo-action-btn-modern{width:36px;height:36px}.dashboard-photo-action-btn-modern svg{width:16px;height:16px}}@media (max-width: 480px){.dashboard-photo-grid-modern{padding:0 12px 12px 12px !important;gap:10px}.dashboard-photo-card-modern{flex:0 0 160px !important;max-width:160px !important;min-width:160px !important;width:160px !important}.dashboard-album-grid-modern{padding:0 12px 12px 12px !important;gap:10px}.dashboard-album-card-modern{flex:0 0 160px !important;max-width:160px !important;min-width:160px !important;width:160px !important}.dashboard-empty-state{padding:30px 15px}.dashboard-photo-action-btn-modern{width:32px;height:32px}.dashboard-photo-action-btn-modern svg{width:14px;height:14px}}.vdk-hub{max-width:900px;margin:40px auto;padding:10px;text-align:center}.vdk-hub-title{font-family:"Bangers";font-size:2.6rem;color:var(--accent-2);text-shadow:2px 2px 0 #000;margin-bottom:30px}.vdk-hub-section{margin-bottom:50px}.vdk-hub-section:last-child{margin-bottom:0}.vdk-hub-section-title{font-family:"Bangers";font-size:1.4rem;color:var(--accent-2);text-shadow:1px 1px 0 #000;margin-bottom:20px;text-align:left;padding-left:10px;border-bottom:2px solid var(--card-outline);padding-bottom:8px}.vdk-hub-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:22px;padding:0 10px}.vdk-hub-card{padding:22px 14px;background:var(--tile-bg);border:2px solid var(--card-outline);border-radius:14px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow);transition:0.18s ease}.vdk-hub-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 0 10px rgba(255,140,0,0.45)}.vdk-hub-card.admin{border-color:#ff4444}.hub-icon{font-size:2.2rem;margin-bottom:10px;text-shadow:2px 2px 0 #000}.hub-label{font-family:"Bangers";font-size:1.1rem;color:var(--accent-2);letter-spacing:1px}.vdk-hub-empty-state{grid-column:1 / -1;padding:30px;color:var(--text-muted);font-style:italic}@media (max-width: 600px){.hub-icon{font-size:2rem}.hub-label{font-size:1rem}.vdk-hub-section-title{font-size:1.2rem}}.pending-page{min-height:calc(100vh - var(--nav-h));padding-top:140px;padding-bottom:40px;display:flex;justify-content:center;align-items:center;background:var(--navbar-bg)}.vdk-pending-card{background:rgba(0,0,0,0.65);border:3px solid var(--accent);border-radius:18px;text-align:center;padding:40px 35px;box-shadow:0 0 0 3px #000 inset,0 8px 22px rgba(0,0,0,0.6);max-width:520px}.vdk-pending-title{font-family:"Bangers";font-size:2.6rem;color:var(--accent);text-shadow:2px 2px 0 #000;margin-bottom:20px}.vdk-pending-msg{color:#fff;font-size:1.2rem;line-height:1.55;margin-bottom:25px;text-shadow:1px 1px 0 #000}.vdk-pending-icon{font-size:4rem;margin:15px 0 30px;text-shadow:2px 2px 4px #000}.vdk-pending-footer{font-size:0.95rem;color:#ccc;text-shadow:1px 1px 0 #000}.vdk-flash{padding:14px 20px;margin-bottom:20px;border-radius:10px;font-family:"Bangers", cursive;font-size:20px;text-align:center;color:#fff;text-shadow:1px 1px 0 #000;box-shadow:0 0 12px rgba(0,0,0,0.4)}.vdk-flash.notice{background:#1e90ff;border:2px solid #0f4ec8}.vdk-flash.alert{background:#d2362e;border:2px solid #8b1d18}.vdk-btn-undo{padding:6px 14px;border-radius:8px;font-family:"Bangers", cursive;font-size:16px;border:none;cursor:pointer;background:#ffaa00;color:#fff;text-shadow:1px 1px 0 #000;box-shadow:0 0 6px rgba(255,170,0,0.5);transition:0.15s ease}.vdk-btn-undo:hover{background:#ffbb33;box-shadow:0 0 10px rgba(255,170,0,0.8)}.vdk-btn-approve,.vdk-btn-reject{padding:6px 14px;border-radius:8px;font-family:"Bangers", cursive;font-size:16px;border:none;cursor:pointer;text-shadow:1px 1px 0 #000;transition:0.15s ease}.vdk-btn-approve{background:#1e90ff;color:#fff;box-shadow:0 0 6px rgba(30,144,255,0.5)}.vdk-btn-approve:hover{background:#3ba3ff;box-shadow:0 0 10px rgba(30,144,255,0.8)}.vdk-btn-reject{background:#d2362e;color:#fff;box-shadow:0 0 6px rgba(210,54,46,0.5)}.vdk-btn-reject:hover{background:#e4473e;box-shadow:0 0 10px rgba(210,54,46,0.8)}.vdk-pending-emoji{font-size:52px;display:inline-block;animation:flicker 1.6s infinite alternate ease-in-out}@keyframes flicker{0%{transform:translateY(0px) scale(1);opacity:0.85}50%{transform:translateY(-3px) scale(1.06);opacity:1}100%{transform:translateY(0px) scale(1);opacity:0.85}}body.buckpole-index{background:var(--bg);color:var(--text)}.buckpole-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px;max-width:1100px;margin:30px auto;padding:0 20px}.buckpole-item{background:#2e241b;border:2px solid #3a2d22;border-radius:10px;padding:14px;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,0.4);transition:0.2s ease}.buckpole-item:hover{transform:scale(1.02);border-color:var(--accent)}.buckpole-thumb{width:100%;height:260px;object-fit:cover;border-radius:8px;border:none}.countdown-page{padding-top:140px;text-align:center}.countdown{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:40px}.countdown-tile{background:var(--tile-bg);border:3px solid var(--tile-outline);width:130px;padding:16px 12px;border-radius:12px;box-shadow:3px 3px 0 #000;text-align:center;transition:0.15s ease}.countdown-tile:hover{transform:translateY(-3px);box-shadow:4px 4px 0 #000}.countdown .number{font-family:"Bangers";font-size:3rem;color:var(--accent-2);text-shadow:3px 3px 0 #000;transition:transform 0.28s ease-out}.countdown .number.flip{transform:rotateX(360deg)}.countdown .label{font-family:"Bangers";font-size:1.1rem;color:var(--accent);text-shadow:1px 1px 0 #000;margin-top:6px}.countdown .status{width:100%;margin-top:28px;font-family:"Bangers";font-size:2rem;color:var(--accent-2);text-shadow:3px 3px 0 #000}.admin-cfb-page{padding:40px 20px;max-width:1400px;margin:0 auto}.admin-cfb-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;margin-top:30px}.admin-cfb-card{background:var(--card-bg);border:2px solid var(--card-outline);border-radius:16px;padding:24px;box-shadow:var(--shadow);transition:all 0.3s ease;display:flex;flex-direction:column}html[data-theme="light"] .admin-cfb-card{border-color:var(--accent-2);box-shadow:0 4px 14px rgba(34,197,94,0.15)}.admin-cfb-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15)}html[data-theme="light"] .admin-cfb-card:hover{box-shadow:0 6px 24px rgba(34,197,94,0.25)}.admin-cfb-card-danger{border-color:#ef4444;background:rgba(239,68,68,0.05)}html[data-theme="light"] .admin-cfb-card-danger{background:rgba(239,68,68,0.08);border-color:#ef4444}.admin-cfb-card-full{grid-column:1 / -1}.admin-cfb-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--card-outline)}html[data-theme="light"] .admin-cfb-card-header{border-bottom-color:var(--accent-2)}.admin-cfb-card-icon{font-size:2rem;line-height:1}.admin-cfb-card-title{font-size:1.3rem;font-weight:700;color:var(--text);margin:0;flex:1}.admin-cfb-card-subtitle{font-size:0.9rem;color:var(--text-muted);font-weight:600}.admin-cfb-danger-badge{background:#ef4444;color:white;padding:4px 10px;border-radius:6px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}.admin-cfb-badge{background:var(--accent-2);color:white;padding:4px 10px;border-radius:6px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-left:auto}html[data-theme="light"] .admin-cfb-badge{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 2px 8px rgba(34,197,94,0.3)}.admin-cfb-card-primary{border-color:var(--accent-2);background:rgba(34,197,94,0.05)}html[data-theme="light"] .admin-cfb-card-primary{background:rgba(34,197,94,0.08);border-color:var(--accent-2);box-shadow:0 4px 14px rgba(34,197,94,0.2)}.admin-cfb-description{color:var(--text-muted);font-size:0.9rem;line-height:1.5;margin-bottom:12px}.admin-cfb-card-body{flex:1;display:flex;flex-direction:column;gap:16px}.admin-cfb-form{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.admin-cfb-label{font-weight:600;color:var(--text);font-size:0.9rem;margin-bottom:4px}.admin-cfb-input{padding:12px 16px;border:2px solid var(--card-outline);border-radius:10px;background:var(--card-bg);color:var(--text);font-size:1rem;transition:border-color 0.2s ease;width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none}html[data-theme="light"] .admin-cfb-input{border-color:var(--accent-2)}.admin-cfb-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(34,197,94,0.2);position:relative;z-index:10}.admin-cfb-btn{padding:12px 24px;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all 0.2s ease;text-decoration:none;display:inline-block;text-align:center}.admin-cfb-btn-primary{background:var(--accent-2);color:white}html[data-theme="light"] .admin-cfb-btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 2px 8px rgba(34,197,94,0.3)}.admin-cfb-btn-primary:hover{background:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(34,197,94,0.4)}.admin-cfb-btn-danger{background:#ef4444;color:white;box-shadow:0 2px 8px rgba(239,68,68,0.3)}.admin-cfb-btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,0.4)}.admin-cfb-btn-full{width:100%}.admin-cfb-week-selector{display:flex;flex-wrap:wrap;gap:8px}.admin-cfb-week-pill{padding:8px 16px;background:var(--tile-bg);border:2px solid var(--card-outline);border-radius:8px;color:var(--text);font-weight:600;font-size:0.9rem;text-decoration:none;transition:all 0.2s ease;display:inline-block}html[data-theme="light"] .admin-cfb-week-pill{background:rgba(34,197,94,0.1);border-color:var(--accent-2)}.admin-cfb-week-pill:hover{background:var(--card-bg);border-color:var(--accent);transform:translateY(-1px)}html[data-theme="light"] .admin-cfb-week-pill:hover{background:rgba(34,197,94,0.2);border-color:var(--accent)}.admin-cfb-week-pill-active{background:var(--accent-2);border-color:var(--accent);color:white}html[data-theme="light"] .admin-cfb-week-pill-active{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 2px 8px rgba(34,197,94,0.3)}.admin-cfb-empty-state{text-align:center;color:var(--text-muted);font-style:italic;padding:20px}.admin-game-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}.admin-game-list .admin-cfb-card{padding:16px;margin:0;min-height:320px;height:auto;display:flex;flex-direction:column}.admin-card-header{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid var(--card-outline);flex-wrap:wrap;min-height:40px;max-height:60px}html[data-theme="light"] .admin-card-header{border-bottom-color:var(--accent-2)}.team-title{font-size:1rem;font-weight:700;color:var(--text);line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-label{color:var(--text-muted);font-weight:600;font-size:0.9rem}.admin-meta-row{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:0.85rem;color:var(--text-muted);flex-wrap:wrap}.admin-network-logo{width:20px;height:20px;object-fit:contain}.admin-spread,.admin-kickoff{font-size:0.8rem;color:var(--text-muted);margin-bottom:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-kickoff-date{font-size:0.75rem;opacity:0.8;margin-left:4px}.admin-live-info{display:flex;flex-direction:column;gap:6px;margin-top:8px;margin-bottom:8px;padding:8px;background:rgba(224,68,45,0.1);border-radius:6px;border:1px solid rgba(224,68,45,0.3)}.admin-live-clock{display:flex;align-items:center;justify-content:center;gap:6px;font-family:"Bangers", cursive;font-size:0.85rem}.admin-quarter{font-weight:700;color:var(--accent)}.admin-clock{font-weight:700;color:var(--accent);font-size:0.95rem}.admin-down-distance{display:flex;align-items:center;justify-content:center;gap:3px;font-family:"Bangers", cursive;font-size:0.8rem;color:var(--text);flex-wrap:wrap}.admin-down{font-weight:700;color:var(--accent)}.admin-and{color:var(--text-muted);margin:0 2px}.admin-distance{font-weight:700;color:var(--accent)}.admin-possession{font-size:0.7rem;color:var(--text-muted);margin-left:6px;font-weight:400}html[data-theme="light"] .admin-live-info{background:rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.3)}html[data-theme="light"] .admin-quarter,html[data-theme="light"] .admin-clock,html[data-theme="light"] .admin-down,html[data-theme="light"] .admin-distance{color:var(--accent-2)}.admin-card-body{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px;background:var(--tile-bg);border-radius:10px;min-height:120px;flex-shrink:0}html[data-theme="light"] .admin-card-body{background:rgba(34,197,94,0.05)}.admin-team-block{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.admin-team-logo{width:50px;height:50px;object-fit:contain}.admin-team-name{font-weight:600;color:var(--text);text-align:center;font-size:0.85rem;line-height:1.2;word-break:break-word;max-height:2.4em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}.admin-center-vs{font-family:"Bangers", cursive;font-size:1.2rem;color:var(--accent-2);padding:0 8px;flex-shrink:0}html[data-theme="light"] .admin-center-vs{color:var(--accent)}.admin-state-row{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap;min-height:28px}.admin-badge{padding:4px 10px;border-radius:6px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}.badge-selected{background:rgba(34,197,94,0.2);color:#16A34A;border:2px solid #16A34A}html[data-theme="light"] .badge-selected{background:rgba(34,197,94,0.25);color:var(--accent);border-color:var(--accent)}.badge-unselected{background:rgba(0,0,0,0.1);color:var(--text-muted);border:2px solid var(--text-muted)}.badge-locked{background:rgba(239,68,68,0.2);color:#ef4444;border:2px solid #ef4444}.badge-unlocked{background:rgba(34,197,94,0.2);color:#16A34A;border:2px solid #16A34A}html[data-theme="light"] .badge-unlocked{background:rgba(34,197,94,0.25);color:var(--accent);border-color:var(--accent)}.admin-controls-row{display:flex;gap:8px;flex-wrap:wrap;min-height:40px;margin-top:auto}.admin-btn{flex:1;min-width:100px;padding:8px 12px;border:none;border-radius:8px;font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.2s ease}.admin-btn-select{background:var(--accent-2);color:white}html[data-theme="light"] .admin-btn-select{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 2px 8px rgba(34,197,94,0.3)}.admin-btn-select:hover{background:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(34,197,94,0.4)}.admin-btn-lock{background:#f59e0b;color:white}.admin-btn-lock:hover{background:#d97706;transform:translateY(-1px)}.admin-btn-locked{background:var(--text-muted);color:white;cursor:not-allowed;opacity:0.6}.admin-game-list .admin-cfb-card.is-selected{border-color:var(--accent);background:rgba(34,197,94,0.05)}html[data-theme="light"] .admin-game-list .admin-cfb-card.is-selected{background:rgba(34,197,94,0.1);border-color:var(--accent)}.admin-game-list .admin-cfb-card.is-locked{border-color:#ef4444;opacity:0.9}@media (max-width: 1024px){.admin-cfb-grid{grid-template-columns:repeat(2, 1fr)}.admin-cfb-card-full{grid-column:1 / -1}.admin-game-list{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 768px){.admin-cfb-page{padding:20px 15px}.admin-cfb-grid{grid-template-columns:1fr;gap:20px}.admin-cfb-card{padding:20px;position:relative;overflow:visible}.admin-cfb-card-header{flex-wrap:wrap;gap:8px}.admin-cfb-card-icon{font-size:1.5rem}.admin-cfb-card-title{font-size:1.1rem}.admin-cfb-form{position:relative;z-index:1}.admin-cfb-input{position:relative;z-index:2;width:100%;max-width:100%;box-sizing:border-box}.admin-cfb-week-selector{gap:6px}.admin-cfb-week-pill{padding:6px 12px;font-size:0.85rem}.admin-game-list{grid-template-columns:1fr}.admin-game-list .admin-cfb-card{padding:12px}.admin-card-header{margin-bottom:8px;padding-bottom:8px}.team-title{font-size:0.9rem}.admin-card-body{margin:8px 0;padding:10px;gap:8px}.admin-team-logo{width:40px;height:40px}.admin-team-name{font-size:0.75rem}.admin-center-vs{font-size:1rem;padding:0 6px}.admin-state-row{margin-bottom:8px;gap:4px}.admin-badge{padding:3px 8px;font-size:0.65rem}.admin-controls-row{gap:6px}.admin-btn{padding:6px 10px;font-size:0.8rem;min-width:80px}}@media (max-width: 480px){.admin-cfb-page{padding:15px 10px}.admin-cfb-card{padding:16px;position:relative;overflow:visible}.admin-cfb-card-title{font-size:1rem}.admin-cfb-form{position:relative;z-index:1}.admin-cfb-input{position:relative;z-index:10;width:100%;max-width:100%}.admin-cfb-btn{padding:10px 20px;font-size:0.9rem;position:relative;z-index:1}.admin-game-list .admin-cfb-card{padding:10px}.admin-card-header{margin-bottom:6px;padding-bottom:6px}.team-title{font-size:0.85rem}.admin-card-body{margin:6px 0;padding:8px;gap:6px}.admin-team-logo{width:35px;height:35px}.admin-team-name{font-size:0.7rem}.admin-center-vs{font-size:0.9rem;padding:0 4px}.admin-state-row{margin-bottom:6px}.admin-badge{padding:2px 6px;font-size:0.6rem}.admin-btn{padding:6px 8px;font-size:0.75rem;min-width:70px}}#admin-mailer-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000}.admin-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);z-index:10001}.admin-modal-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:var(--card-bg);border:2px solid var(--card-outline);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.5);max-width:800px;width:90%;max-height:90vh;z-index:10002;display:flex;flex-direction:column;animation:adminModalSlideUp 0.3s ease;overflow:hidden}@keyframes adminModalSlideUp{from{opacity:0;transform:translate(-50%, -40%)}to{opacity:1;transform:translate(-50%, -50%)}}.admin-modal-header{padding:20px 24px;border-bottom:2px solid var(--card-outline);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.admin-modal-header h2{font-family:"Bangers", cursive;font-size:1.5rem;color:var(--accent-2);margin:0;letter-spacing:0.5px}.admin-modal-close{background:transparent;border:2px solid var(--card-outline);color:var(--text);width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.admin-modal-close:hover{background:var(--card-outline);border-color:var(--accent);color:var(--accent)}.admin-modal-body{padding:24px;overflow-y:auto;flex:1;min-height:0}.admin-mailer-form{display:flex;flex-direction:column;gap:24px}.admin-form-section{border:1px solid var(--card-outline);border-radius:12px;padding:20px;background:rgba(255,255,255,0.02)}.admin-form-section-title{font-family:"Bangers", cursive;font-size:1.2rem;color:var(--accent-2);margin:0 0 12px 0;letter-spacing:0.5px}.admin-form-help-text{font-size:0.85rem;color:var(--text-secondary);margin:0 0 16px 0;line-height:1.5}.admin-form-group{margin-bottom:16px}.admin-form-group:last-child{margin-bottom:0}.admin-form-label{display:block;font-weight:600;margin-bottom:6px;color:var(--text);font-size:0.9rem}.admin-form-input,.admin-form-select,.admin-form-textarea{width:100%;padding:10px 12px;background:var(--tile-bg);border:2px solid var(--card-outline);border-radius:8px;color:var(--text);font-size:0.9rem;font-family:inherit;transition:all 0.2s ease}.admin-form-input:focus,.admin-form-select:focus,.admin-form-textarea:focus{outline:none;border-color:var(--accent);background:rgba(255,255,255,0.05)}.admin-form-textarea{resize:vertical;min-height:60px}.admin-form-hint{display:block;font-size:0.75rem;color:var(--text-secondary);margin-top:4px}.admin-form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:2px solid var(--card-outline)}.admin-form-submit-btn{padding:12px 24px;background:var(--accent);color:white;border:none;border-radius:8px;font-weight:600;font-size:0.95rem;cursor:pointer;transition:all 0.2s ease}.admin-form-submit-btn:hover{background:var(--accent-2);transform:translateY(-1px)}.admin-form-cancel-btn{padding:12px 24px;background:transparent;color:var(--text);border:2px solid var(--card-outline);border-radius:8px;font-weight:600;font-size:0.95rem;cursor:pointer;transition:all 0.2s ease}.admin-form-cancel-btn:hover{background:var(--card-outline);border-color:var(--text)}@media (max-width: 768px){.admin-modal-wrapper{width:95%;max-height:95vh}.admin-modal-header h2{font-size:1.2rem}.admin-form-section{padding:16px}.admin-form-actions{flex-direction:column}.admin-form-submit-btn,.admin-form-cancel-btn{width:100%}}.admin-dashboard-modern,.admin-page-modern{padding:20px;max-width:1400px;margin:0 auto}.admin-page-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.admin-header-link-modern{display:flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.2);border-radius:8px;color:var(--text);text-decoration:none;font-weight:600;font-size:0.9rem;transition:all 0.2s ease}.admin-header-link-modern:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);transform:translateY(-1px)}.admin-metrics-grid-modern{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:16px;margin-bottom:40px}.admin-metric-card-modern{background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:12px;padding:18px;display:flex;align-items:flex-start;gap:16px;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.2);min-width:200px}html[data-theme="light"] .admin-metric-card-modern{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2);box-shadow:0 2px 8px rgba(34,197,94,0.1)}.admin-metric-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.4);border-color:rgba(255,255,255,0.2)}html[data-theme="light"] .admin-metric-card-modern:hover{box-shadow:0 8px 24px rgba(34,197,94,0.2);border-color:rgba(34,197,94,0.3)}.admin-metric-icon-modern{font-size:2rem;line-height:1;flex-shrink:0}.admin-metric-content-modern{flex:1}.admin-metric-value-modern{font-size:2rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:6px}.admin-metric-label-modern{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:8px}.admin-metric-details-modern{font-size:0.85rem;color:var(--text-muted);display:flex;gap:8px;flex-wrap:wrap}.admin-actions-modern{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px}.admin-action-btn-modern{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:12px;color:var(--text);text-decoration:none;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.2)}html[data-theme="light"] .admin-action-btn-modern{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2);box-shadow:0 2px 8px rgba(34,197,94,0.1)}.admin-action-btn-modern:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.3);border-color:rgba(255,255,255,0.2)}html[data-theme="light"] .admin-action-btn-modern:hover{box-shadow:0 4px 16px rgba(34,197,94,0.2);border-color:rgba(34,197,94,0.3)}.admin-action-primary-modern{background:var(--accent-2);border-color:var(--accent-2);color:white}html[data-theme="light"] .admin-action-primary-modern{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);border-color:var(--accent);box-shadow:0 2px 8px rgba(34,197,94,0.3)}.admin-action-primary-modern:hover{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 4px 16px rgba(29,185,84,0.4)}.admin-activity-section-modern{margin-top:40px}.admin-activity-tabs-modern{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid rgba(255,255,255,0.1);padding-bottom:0}html[data-theme="light"] .admin-activity-tabs-modern{border-bottom-color:rgba(34,197,94,0.2)}.admin-tab-btn-modern{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-muted);font-weight:600;font-size:0.95rem;cursor:pointer;transition:all 0.2s ease;margin-bottom:-2px}.admin-tab-btn-modern:hover{color:var(--text)}.admin-tab-btn-modern.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-tab-content-modern{display:none}.admin-tab-content-modern.active{display:block}.admin-activity-list-modern{display:flex;flex-direction:column;gap:12px}.admin-activity-item-modern{display:flex;align-items:flex-start;gap:16px;padding:16px;background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:12px;transition:all 0.2s ease}html[data-theme="light"] .admin-activity-item-modern{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2)}.admin-activity-item-modern:hover{border-color:rgba(255,255,255,0.2);transform:translateX(4px)}html[data-theme="light"] .admin-activity-item-modern:hover{border-color:rgba(34,197,94,0.3)}.admin-activity-icon-modern{font-size:1.5rem;flex-shrink:0}.admin-activity-details-modern{flex:1}.admin-activity-main-modern{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.admin-activity-action-modern{color:var(--text-muted)}.admin-activity-meta-modern{font-size:0.85rem;color:var(--text-muted)}.admin-activity-message-modern{color:var(--text)}.admin-table-container-modern{overflow-x:auto;border-radius:12px;border:2px solid rgba(255,255,255,0.1);background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%)}html[data-theme="light"] .admin-table-container-modern{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2)}.admin-table-modern{width:100%;border-collapse:collapse}.admin-table-modern thead{background:rgba(0,0,0,0.3)}html[data-theme="light"] .admin-table-modern thead{background:rgba(34,197,94,0.1)}.admin-table-modern th{padding:16px;text-align:left;font-weight:700;font-size:0.9rem;color:var(--text);text-transform:uppercase;letter-spacing:0.5px;border-bottom:2px solid rgba(255,255,255,0.1)}html[data-theme="light"] .admin-table-modern th{border-bottom-color:rgba(34,197,94,0.2)}.admin-table-modern td{padding:16px;border-bottom:1px solid rgba(255,255,255,0.05);color:var(--text)}html[data-theme="light"] .admin-table-modern td{border-bottom-color:rgba(34,197,94,0.1)}.admin-table-modern tbody tr:hover{background:rgba(255,255,255,0.05)}html[data-theme="light"] .admin-table-modern tbody tr:hover{background:rgba(34,197,94,0.05)}.admin-badge-modern{display:inline-block;padding:4px 12px;border-radius:12px;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.admin-badge-active-modern{background:rgba(34,197,94,0.2);color:var(--accent);border:1px solid rgba(34,197,94,0.3)}.admin-badge-pending-modern{background:rgba(251,191,36,0.2);color:#fbbf24;border:1px solid rgba(251,191,36,0.3)}.admin-badge-banned-modern{background:rgba(239,68,68,0.2);color:#ef4444;border:1px solid rgba(239,68,68,0.3)}.admin-badge-admin-modern{background:rgba(59,130,246,0.2);color:#3b82f6;border:1px solid rgba(59,130,246,0.3)}.admin-badge-viewer-modern{background:rgba(156,163,175,0.2);color:#9ca3af;border:1px solid rgba(156,163,175,0.3)}.admin-badge-info-modern{background:rgba(59,130,246,0.2);color:#3b82f6;border:1px solid rgba(59,130,246,0.3)}.admin-badge-warning-modern{background:rgba(251,191,36,0.2);color:#fbbf24;border:1px solid rgba(251,191,36,0.3)}.admin-badge-error-modern,.admin-badge-danger-modern{background:rgba(239,68,68,0.2);color:#ef4444;border:1px solid rgba(239,68,68,0.3)}.admin-badge-action-login-modern,.admin-badge-action-oauth_login-modern{background:rgba(34,197,94,0.2);color:var(--accent);border:1px solid rgba(34,197,94,0.3)}.admin-badge-action-logout-modern{background:rgba(251,191,36,0.2);color:#fbbf24;border:1px solid rgba(251,191,36,0.3)}.admin-badge-action-page_view-modern{background:rgba(59,130,246,0.2);color:#3b82f6;border:1px solid rgba(59,130,246,0.3)}.admin-badge-action-upload-modern{background:rgba(34,197,94,0.2);color:var(--accent);border:1px solid rgba(34,197,94,0.3)}.admin-badge-action-delete-modern{background:rgba(239,68,68,0.2);color:#ef4444;border:1px solid rgba(239,68,68,0.3)}.admin-btn-modern{padding:8px 16px;border:2px solid;border-radius:8px;font-weight:600;font-size:0.85rem;cursor:pointer;transition:all 0.2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.admin-btn-modern:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.admin-btn-success-modern{background:rgba(34,197,94,0.2);border-color:rgba(34,197,94,0.5);color:var(--accent)}.admin-btn-success-modern:hover{background:rgba(34,197,94,0.3);border-color:rgba(34,197,94,0.7)}.admin-btn-primary-modern{background:rgba(59,130,246,0.2);border-color:rgba(59,130,246,0.5);color:#3b82f6}.admin-btn-primary-modern:hover{background:rgba(59,130,246,0.3);border-color:rgba(59,130,246,0.7)}.admin-btn-warning-modern{background:rgba(251,191,36,0.2);border-color:rgba(251,191,36,0.5);color:#fbbf24}.admin-btn-warning-modern:hover{background:rgba(251,191,36,0.3);border-color:rgba(251,191,36,0.7)}.admin-btn-danger-modern{background:rgba(239,68,68,0.2);border-color:rgba(239,68,68,0.5);color:#ef4444}.admin-btn-danger-modern:hover{background:rgba(239,68,68,0.3);border-color:rgba(239,68,68,0.7)}.admin-btn-large-modern{padding:12px 24px;font-size:0.95rem;flex:1;justify-content:center}.admin-pending-grid-modern{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:20px}.admin-pending-card-modern{background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:16px;padding:24px;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.2);overflow:hidden;box-sizing:border-box}html[data-theme="light"] .admin-pending-card-modern{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2);box-shadow:0 2px 8px rgba(34,197,94,0.1)}.admin-pending-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.4);border-color:rgba(255,255,255,0.2)}html[data-theme="light"] .admin-pending-card-modern:hover{box-shadow:0 8px 24px rgba(34,197,94,0.2);border-color:rgba(34,197,94,0.3)}.admin-pending-banned-modern{opacity:0.7;border-color:rgba(239,68,68,0.3)}.admin-pending-header-modern{display:flex;align-items:center;gap:16px;margin-bottom:20px}.admin-pending-avatar-modern{width:48px;height:48px;border-radius:50%;background:var(--accent-2);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.admin-pending-avatar-banned-modern{background:rgba(239,68,68,0.3);color:#ef4444}.admin-pending-info-modern{flex:1;min-width:0;overflow:hidden}.admin-pending-email-modern{font-weight:600;font-size:1rem;color:var(--text);margin-bottom:4px;word-break:break-word;overflow-wrap:break-word;hyphens:auto}.admin-pending-meta-modern{font-size:0.85rem;color:var(--text-muted)}.admin-pending-actions-modern{display:flex;gap:12px}.admin-user-email-modern{font-weight:600;color:var(--text)}.admin-user-name-modern{color:var(--text-muted)}.admin-user-meta-modern{font-size:0.85rem;color:var(--text-muted)}.admin-user-stats-modern{display:flex;gap:12px;flex-wrap:wrap;font-size:0.85rem;color:var(--text-muted)}.admin-actions-cell-modern{display:flex;gap:8px;flex-wrap:wrap}.admin-stats-modern{display:flex;gap:24px;flex-wrap:wrap}.admin-stat-item-modern{display:flex;flex-direction:column;align-items:center;gap:4px}.admin-stat-value-modern{font-size:1.8rem;font-weight:700;color:var(--accent)}.admin-stat-label-modern{font-size:0.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px}.admin-filters-modern{background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:16px;padding:24px;margin-bottom:30px}html[data-theme="light"] .admin-filters-modern{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2)}.admin-filter-section-modern{margin-bottom:24px}.admin-filter-section-modern:last-child{margin-bottom:0}.admin-filter-label-modern{font-size:0.9rem;font-weight:600;color:var(--text);margin-bottom:12px;display:block}.admin-log-levels-modern{display:flex;gap:12px;flex-wrap:wrap}.admin-log-level-item-modern{padding:10px 18px;border-radius:10px;display:flex;align-items:center;gap:8px;text-decoration:none;transition:all 0.2s ease;cursor:pointer;border:2px solid transparent}.admin-log-level-item-modern:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.admin-log-level-item-modern.active{border-color:var(--accent);box-shadow:0 0 0 3px rgba(230,90,40,0.2)}.admin-log-level-all-modern{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:var(--text)}.admin-log-level-all-modern.active{background:rgba(230,90,40,0.2);border-color:var(--accent);color:var(--accent)}.admin-log-level-info-modern{background:rgba(59,130,246,0.2);border:1px solid rgba(59,130,246,0.3);color:#3b82f6}.admin-log-level-warning-modern{background:rgba(251,191,36,0.2);border:1px solid rgba(251,191,36,0.3);color:#fbbf24}.admin-log-level-error-modern,.admin-log-level-danger-modern{background:rgba(239,68,68,0.2);border:1px solid rgba(239,68,68,0.3);color:#ef4444}.admin-log-level-label-modern{font-weight:600;font-size:0.85rem}.admin-log-level-count-modern{font-weight:700;font-size:1rem}.admin-action-filters-modern{display:flex;gap:10px;flex-wrap:wrap}.admin-action-filter-btn-modern{padding:10px 18px;border-radius:10px;background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.2);color:var(--text);text-decoration:none;font-size:0.9rem;font-weight:500;transition:all 0.2s ease;cursor:pointer;display:inline-block}.admin-action-filter-btn-modern:hover{background:rgba(255,255,255,0.15);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.admin-action-filter-btn-modern.active{background:rgba(230,90,40,0.2);border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px rgba(230,90,40,0.2)}.admin-action-filter-all-modern{font-weight:600}.admin-filter-form-modern{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.1)}html[data-theme="light"] .admin-filter-form-modern{border-top-color:rgba(34,197,94,0.2)}.admin-filter-form-inner-modern{width:100%}.admin-filter-row-modern{display:flex;flex-wrap:wrap;gap:16px;align-items:end;justify-content:center;max-width:800px;margin:0 auto}.admin-filter-field-modern{display:flex;flex-direction:column;gap:8px;flex:1;min-width:250px;max-width:500px}.admin-filter-input-modern,.admin-filter-select-modern{padding:10px 14px;border-radius:8px;border:2px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.05);color:var(--text);font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size:0.95rem;transition:all 0.2s ease;width:100%;box-sizing:border-box}html[data-theme="light"] .admin-filter-input-modern,html[data-theme="light"] .admin-filter-select-modern{background:rgba(255,255,255,0.9);border-color:rgba(34,197,94,0.2);color:#1a1a1a}.admin-filter-input-modern:focus,.admin-filter-select-modern:focus{outline:none;border-color:var(--accent);background:rgba(255,255,255,0.08);box-shadow:0 0 0 3px rgba(230,90,40,0.1)}html[data-theme="light"] .admin-filter-input-modern:focus,html[data-theme="light"] .admin-filter-select-modern:focus{background:#fff;border-color:rgba(34,197,94,0.4);box-shadow:0 0 0 3px rgba(34,197,94,0.1)}.admin-filter-actions-modern{display:flex;gap:10px;align-items:end}.admin-filter-btn-modern,.admin-filter-clear-btn-modern{padding:10px 20px;border-radius:8px;border:2px solid var(--accent);background:var(--accent);color:#000;font-family:"Bangers", cursive;font-size:1.1rem;font-weight:400;text-decoration:none;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.admin-filter-btn-modern:hover{background:var(--accent-2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(230,90,40,0.3)}.admin-filter-clear-btn-modern{background:transparent;color:var(--accent);border-color:rgba(255,255,255,0.2)}.admin-filter-clear-btn-modern:hover{background:rgba(255,255,255,0.1);border-color:var(--accent)}.admin-filter-checkbox-label-modern{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;font-size:0.95rem;color:var(--text);padding:10px 0}.admin-filter-checkbox-modern{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.admin-logs-list-modern{display:flex;flex-direction:column;gap:12px}.admin-log-item-modern{display:flex;align-items:flex-start;gap:16px;padding:16px;background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:12px;transition:all 0.2s ease}html[data-theme="light"] .admin-log-item-modern{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2)}.admin-log-item-error-modern,.admin-log-item-danger-modern{border-left:4px solid #ef4444}.admin-log-item-warning-modern{border-left:4px solid #fbbf24}.admin-log-item-info-modern{border-left:4px solid #3b82f6}.admin-log-item-icon-modern{font-size:1.5rem;flex-shrink:0}.admin-log-item-content-modern{flex:1}.admin-log-item-header-modern{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.admin-log-item-message-modern{color:var(--text);margin-bottom:4px}.admin-log-item-meta-modern{font-size:0.85rem;color:var(--text-muted)}.admin-log-row-modern{transition:all 0.2s ease}.admin-log-row-modern:hover{background:rgba(255,255,255,0.05)}.admin-log-time-modern{font-size:0.9rem;color:var(--text);line-height:1.4}.admin-log-user-modern{font-weight:600;color:var(--text)}.admin-log-target-modern{color:var(--text)}.admin-log-details-modern{font-size:0.85rem;color:var(--text-muted)}.admin-log-meta-modern{color:var(--text-muted);opacity:0.7}.admin-log-na-modern{color:var(--text-muted);font-style:italic}.admin-flash-modern{padding:16px 20px;border-radius:12px;margin-bottom:24px;font-weight:600;border:2px solid}.admin-flash-notice-modern,.admin-flash-success-modern{background:rgba(34,197,94,0.2);border-color:rgba(34,197,94,0.5);color:var(--accent)}.admin-flash-alert-modern,.admin-flash-error-modern{background:rgba(239,68,68,0.2);border-color:rgba(239,68,68,0.5);color:#ef4444}.admin-empty-state-modern{text-align:center;padding:60px 20px;background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:16px}html[data-theme="light"] .admin-empty-state-modern{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2)}.admin-empty-icon-modern{font-size:4rem;margin-bottom:20px;opacity:0.5}.admin-empty-title-modern{font-size:1.3rem;font-weight:700;color:var(--text);margin:0}.admin-empty-desc{color:var(--text-muted);font-size:1rem;margin-top:12px;line-height:1.6}.admin-job-actions-modern{margin-top:40px}.admin-job-cards-grid-modern{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;margin-top:20px}.admin-job-card-modern{background:linear-gradient(135deg, rgba(18,18,18,0.95) 0%, rgba(30,30,30,0.95) 100%);border:2px solid rgba(255,255,255,0.1);border-radius:12px;padding:16px;display:flex;flex-direction:column;transition:all 0.2s ease}.admin-job-card-modern:hover{border-color:rgba(255,255,255,0.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}html[data-theme="light"] .admin-job-card-modern{background:linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.98) 100%);border-color:rgba(34,197,94,0.2)}html[data-theme="light"] .admin-job-card-modern:hover{border-color:rgba(34,197,94,0.4)}.admin-job-card-header-modern{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;flex:1}.admin-job-card-icon-modern{font-size:1.5rem;flex-shrink:0}.admin-job-card-title-modern{font-size:1rem;font-weight:700;color:var(--text);margin:0 0 6px 0;line-height:1.3}.admin-job-card-desc-modern{font-size:0.85rem;color:var(--text-muted);margin:0;line-height:1.4}.admin-job-trigger-btn-modern{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent);color:#000;border:2px solid var(--accent);border-radius:8px;font-family:"Bangers", cursive;font-size:0.95rem;font-weight:400;cursor:pointer;transition:all 0.2s ease;width:100%;justify-content:center;margin-top:auto}.admin-job-trigger-btn-modern:hover{background:var(--accent-2);transform:translateY(-1px);box-shadow:0 2px 8px rgba(230,90,40,0.3)}.admin-job-trigger-btn-modern svg{flex-shrink:0}@media (max-width: 768px){.admin-job-cards-grid-modern{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden !important;gap:12px;padding:0 15px 15px 15px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent) rgba(255,255,255,0.1);grid-template-columns:none !important;max-width:100% !important;margin:20px 0 0 0 !important}.admin-job-cards-grid-modern::-webkit-scrollbar{height:6px}.admin-job-cards-grid-modern::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:10px}.admin-job-cards-grid-modern::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.admin-job-card-modern{flex:0 0 280px !important;scroll-snap-align:start;max-width:280px !important;min-width:280px !important;width:280px !important;padding:14px}.admin-job-card-header-modern{flex-direction:column;gap:10px;margin-bottom:12px}.admin-job-card-icon-modern{font-size:1.3rem}.admin-job-card-title-modern{font-size:0.95rem}.admin-job-card-desc-modern{font-size:0.8rem}.admin-job-trigger-btn-modern{padding:8px 14px;font-size:0.9rem}}@media (max-width: 768px){.admin-dashboard-modern,.admin-page-modern{padding:15px}.admin-page-header-modern{flex-direction:column;align-items:flex-start}.admin-metrics-grid-modern{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden !important;gap:12px;padding:0 15px 15px 15px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent) rgba(255,255,255,0.1);grid-template-columns:none !important;max-width:100% !important;margin:20px 0 !important}.admin-metrics-grid-modern::-webkit-scrollbar{height:6px}.admin-metrics-grid-modern::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:10px}.admin-metrics-grid-modern::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.admin-metric-card-modern{flex:0 0 48% !important;scroll-snap-align:start;max-width:48% !important;min-width:48% !important;width:48% !important;padding:16px}.admin-metric-icon-modern{font-size:1.75rem}.admin-metric-value-modern{font-size:1.75rem}.admin-metric-label-modern{font-size:0.9rem}.admin-metric-details-modern{font-size:0.8rem}.admin-actions-modern{flex-direction:column}.admin-action-btn-modern{width:100%;justify-content:center}.admin-pending-grid-modern{grid-template-columns:1fr}.admin-pending-header-modern{gap:12px}.admin-pending-email-modern{font-size:0.9rem}.admin-pending-actions-modern{flex-direction:column}.admin-table-container-modern{overflow-x:scroll}.admin-table-modern{min-width:800px}.admin-actions-cell-modern{flex-direction:column}.admin-btn-modern{width:100%;justify-content:center}.admin-stats-modern{justify-content:space-around;width:100%}.admin-filter-row-modern{flex-direction:column;max-width:100%;gap:12px}.admin-filter-field-modern{min-width:100%;max-width:100%}.admin-filter-actions-modern{flex-direction:row;justify-content:center;width:100%;gap:8px}.admin-filter-btn-modern,.admin-filter-clear-btn-modern{flex:1;min-width:0;text-align:center;padding:8px 16px;font-size:0.95rem}.admin-log-levels-modern,.admin-action-filters-modern{justify-content:center}}@media (max-width: 480px){.admin-filters-modern{padding:16px}.admin-filter-label-modern{font-size:0.85rem;margin-bottom:8px}.admin-filter-input-modern{padding:8px 12px;font-size:0.9rem}.admin-filter-btn-modern,.admin-filter-clear-btn-modern{padding:8px 12px;font-size:0.9rem}.admin-metric-card-modern{flex-direction:column;text-align:center}.admin-metric-icon-modern{margin:0 auto}.admin-activity-tabs-modern{flex-direction:column}.admin-tab-btn-modern{width:100%;text-align:center}}.admin-pagination-modern{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:20px;background:rgba(255,255,255,0.05);border-radius:12px;border:1px solid rgba(255,255,255,0.1)}.admin-pagination-btn-modern{display:flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.2);border-radius:8px;color:var(--text);text-decoration:none;font-weight:600;font-size:0.9rem;transition:all 0.2s ease}.admin-pagination-btn-modern:hover{background:rgba(255,255,255,0.15);border-color:var(--accent);transform:translateY(-1px)}.admin-pagination-btn-modern:disabled,.admin-pagination-btn-modern[disabled]{opacity:0.5;cursor:not-allowed;pointer-events:none}.admin-pagination-info-modern{color:var(--text);font-size:0.95rem;display:flex;align-items:center;gap:8px}.admin-pagination-info-modern strong{color:var(--accent);font-size:1.1rem}.admin-pagination-count-modern{color:var(--text-muted);font-size:0.85rem}@media (max-width: 768px){.admin-pagination-modern{flex-direction:column;gap:15px}.admin-pagination-btn-modern{width:100%;justify-content:center}.admin-pagination-info-modern{order:-1}}.hunter-back-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--card-bg);color:var(--text);border:2px solid var(--card-outline);border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.hunter-back-button:hover{background:var(--accent);color:white;border-color:var(--accent);transform:translateX(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.hunter-hero{position:relative;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);border-radius:16px;padding:60px 40px;margin-bottom:40px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.1)}.hunter-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(/%23grid)"/></svg>');opacity:0.3}.hunter-hero-content{position:relative;z-index:1;display:flex;gap:40px;align-items:center;flex-wrap:wrap}.hunter-avatar{width:200px;height:200px;border-radius:50%;overflow:hidden;flex-shrink:0;border:6px solid rgba(255,255,255,0.3);box-shadow:0 8px 24px rgba(0,0,0,0.2);background:rgba(255,255,255,0.1)}.hunter-avatar img{width:100%;height:100%;object-fit:cover}.hunter-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;color:white;font-weight:bold;background:rgba(255,255,255,0.2)}.hunter-info{flex:1;color:white;min-width:300px}.hunter-name{font-size:3rem;font-weight:bold;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,0.2);line-height:1.2}.hunter-clan{font-size:1.4rem;opacity:0.9;margin-bottom:24px;font-weight:500}.hunter-stats{display:flex;gap:32px;flex-wrap:wrap;margin-top:24px}.hunter-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.hunter-stat-value{font-size:2.5rem;font-weight:bold;line-height:1;margin-bottom:4px;text-align:center}.hunter-stat-label{font-size:0.9rem;opacity:0.85;text-transform:uppercase;letter-spacing:0.5px;text-align:center}.hunter-section{background:var(--card-bg);border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,0.05);border:1px solid var(--card-outline)}.hunter-section-title{font-size:1.8rem;font-weight:bold;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--accent);display:flex;align-items:center;justify-content:center;gap:12px;text-align:center}.hunter-section-title::before{content:'';width:4px;height:24px;background:var(--accent);border-radius:2px}.awards-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px}.award-card{background:linear-gradient(135deg, var(--card-bg) 0%, rgba(14,74,49,0.05) 100%);border-radius:12px;padding:24px;border:2px solid var(--card-outline);border-left:6px solid var(--accent-2);transition:all 0.3s ease;position:relative;overflow:hidden}.award-card::before{content:'🏆';position:absolute;top:16px;right:16px;font-size:2rem;opacity:0.1}.award-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.1);border-color:var(--accent-2)}.award-type{font-size:1.4rem;font-weight:bold;margin-bottom:8px;color:var(--accent-2)}.award-year{display:inline-block;background:var(--accent);color:white;padding:4px 12px;border-radius:20px;font-size:0.85rem;font-weight:600;margin-bottom:12px}.award-description{color:var(--text-muted);line-height:1.6;margin-top:12px}.hunter-bio{line-height:1.8;font-size:1.05rem;color:var(--text);text-align:left}.hunter-bio p{margin-bottom:1.2em;text-align:left;line-height:1.8}.hunter-bio p:last-child{margin-bottom:0}.hunter-bio ul{list-style-position:outside;padding-left:1.5em;margin-bottom:1.2em;text-align:left}.hunter-bio ul li{margin-bottom:0.6em;line-height:1.8;text-align:left}.hunter-bio ul li:last-child{margin-bottom:0}.hunter-bio .bullet-item{display:list-item;list-style-type:disc;margin-left:1.5em;margin-bottom:0.6em;line-height:1.8;text-align:left}.hunter-photos-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:16px}.hunter-photo-item{aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1);border:2px solid transparent}.hunter-photo-item:hover{transform:scale(1.05);box-shadow:0 8px 24px rgba(0,0,0,0.15);border-color:var(--accent);z-index:1}.hunter-photo-item img{width:100%;height:100%;object-fit:cover}.hunters-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:24px}.hunter-card{background:var(--card-bg);border-radius:16px;padding:32px;text-align:center;transition:all 0.3s ease;border:2px solid var(--card-outline);box-shadow:0 2px 8px rgba(0,0,0,0.05);position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:420px;height:100%}.hunter-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--accent), var(--accent-2))}.hunter-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px rgba(0,0,0,0.15);border-color:var(--accent)}.hunter-card-avatar{width:140px;height:140px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:4px solid var(--accent);box-shadow:0 4px 16px rgba(0,0,0,0.1)}.hunter-card-avatar img{width:100%;height:100%;object-fit:cover}.hunter-card-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(135deg, var(--accent), var(--accent-2));color:white;font-weight:bold}.hunter-card-name{font-size:clamp(0.9rem, 2.5vw, 1.5rem);font-weight:bold;margin-bottom:8px;line-height:1.2;max-height:3.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;hyphens:auto}.hunter-card-clan{color:var(--text-muted);font-size:clamp(0.85rem, 2vw, 1.1rem);margin-bottom:16px;line-height:1.3;max-height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}.hunter-card-stats{display:flex;justify-content:center;gap:24px;margin:20px 0;padding:16px 0;border-top:1px solid var(--card-outline);border-bottom:1px solid var(--card-outline);flex-shrink:0}.hunter-card-button{margin-top:auto;flex-shrink:0;padding-top:20px}.hunter-card-stat{display:flex;flex-direction:column;align-items:center}.hunter-card-stat-value{font-size:1.8rem;font-weight:bold;color:var(--accent-2);line-height:1}.hunter-card-stat-label{font-size:0.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-top:4px}@media (min-width: 769px) and (max-width: 1024px){.hunters-grid{padding:0 10px}}@media (max-width: 768px){.hunter-back-button{font-size:0.9rem;padding:10px 20px}.hunter-hero{padding:40px 24px}.hunter-name{font-size:2rem}.hunter-avatar{width:150px;height:150px}.hunter-stats{gap:20px}.hunter-stat-value{font-size:2rem}.awards-grid{grid-template-columns:1fr}.hunter-photos-grid{grid-template-columns:repeat(auto-fill, minmax(150px, 1fr))}.hunters-grid{grid-template-columns:repeat(2, 1fr);gap:12px;padding:0 10px}.hunter-card{padding:16px;min-height:320px}.hunter-card-avatar{width:80px;height:80px;margin-bottom:12px;border-width:3px}.hunter-card-avatar-placeholder{font-size:2.5rem}.hunter-card-name{font-size:clamp(0.75rem, 3vw, 1rem);margin-bottom:4px;max-height:2.4em;-webkit-line-clamp:2}.hunter-card-clan{font-size:clamp(0.7rem, 2.5vw, 0.85rem);margin-bottom:12px;max-height:2.2em;-webkit-line-clamp:2}.hunter-card-stats{gap:16px;margin:12px 0;padding:12px 0}.hunter-card-stat-value{font-size:1.4rem}.hunter-card-stat-label{font-size:0.75rem}.vdk-btn{font-size:0.85rem;padding:8px 12px}}