:root{--green:#f5a623;--green-light:#ffc53d;--gold:#f5a623;--gold-dim:#f5a62326;--dark:#141109;--bg-app:#0a2013;--card:#081a0f;--card2:#0f2c1b;--card3:#16351f;--text:#ede9da;--muted:#7fa98c;--danger:#e05252;--radius:0px;--radius-sm:0px;--gradient-primary:#2e5c4059;--gradient-accent:#f5a6230f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-app);color:var(--text);-webkit-tap-highlight-color:transparent;min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}body:before{content:"";background:radial-gradient(ellipse at 15% 0%, var(--gradient-primary) 0%, transparent 55%), radial-gradient(ellipse at 85% 100%, var(--gradient-accent) 0%, transparent 50%);pointer-events:none;z-index:0;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-play{0%,to{box-shadow:0 0 #d4af3780}50%{box-shadow:0 0 0 10px #d4af3700}}.app-shell{z-index:1;max-width:480px;min-height:100vh;margin:0 auto;padding:0 16px 110px;animation:.2s fadeIn;position:relative}.app-header{text-align:center;padding:28px 0 20px}.league-badge{background:var(--gold);color:var(--dark);letter-spacing:2px;border-radius:0;margin-bottom:8px;padding:4px 14px;font-family:Bebas Neue,sans-serif;font-size:11px;display:inline-block}.team-name{letter-spacing:2px;color:#fff;font-family:Bebas Neue,sans-serif;font-size:50px;line-height:1}.team-name span{color:var(--gold)}.season-tag{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:12px}.empty-state{text-align:center;padding:50px 24px}.empty-icon{opacity:.6;margin-bottom:16px;font-size:56px}.empty-title{color:var(--muted);margin-bottom:8px;font-family:Bebas Neue,sans-serif;font-size:28px}.empty-sub{color:var(--muted);opacity:.6;margin-bottom:28px;font-size:14px;line-height:1.5}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:7px;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;display:flex}.btn:active{transform:scale(.97)}.btn-ghost{background:var(--card);color:var(--text);border:1px solid #ffffff14}.btn-ghost:hover{background:var(--card2)}.btn-primary{background:var(--green);color:var(--dark)}.btn-primary:hover{background:var(--green-light)}.btn-gold{background:var(--gold);color:var(--dark)}.btn-gold:hover{background:#ffc920}.form-group{margin-bottom:16px}.form-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-size:11px;font-weight:600;display:block}.form-input{background:var(--card);border-radius:var(--radius-sm);width:100%;color:var(--text);-webkit-appearance:none;border:1px solid #ffffff14;outline:none;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--green);box-shadow:0 0 0 3px #f5a62333}.form-input::placeholder{color:#fff3}.form-hint{color:var(--muted);opacity:.6;margin-top:5px;font-size:11px;line-height:1.4}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-divider{border:none;border-top:1px solid #ffffff0f;margin:20px 0}.form-actions{gap:10px;margin-top:24px;display:flex}.form-actions .btn{flex:1;justify-content:center;padding:14px;font-size:15px}.setup-card{background:var(--card);border-radius:var(--radius);margin-top:8px;padding:20px}.setup-preview-box{background:var(--card2);border-radius:var(--radius-sm);margin:16px 0;padding:12px 14px;display:none}.setup-preview-box.show{display:block}.setup-preview-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:10px}.setup-preview-url{color:var(--gold);word-break:break-all;font-size:13px;font-weight:600}.setup-error{color:var(--danger);text-align:center;margin-top:10px;font-size:13px}.modal-overlay{z-index:100;background:#000000b3;align-items:flex-end;display:none;position:fixed;inset:0}.modal-overlay.open{animation:.2s fadeIn;display:flex}.modal-sheet{background:var(--card);border-radius:0;width:100%;max-width:480px;max-height:82vh;margin:0 auto;padding:20px 16px 44px;animation:.25s slideUp;overflow-y:auto}.modal-handle{background:#ffffff26;border-radius:2px;width:36px;height:4px;margin:0 auto 18px}.modal-title{letter-spacing:1px;margin-bottom:5px;font-family:Bebas Neue,sans-serif;font-size:26px}.modal-sub{color:var(--muted);margin-bottom:18px;font-size:13px;line-height:1.4}.theme-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.theme-swatch{cursor:pointer;border:2px solid #0000;border-radius:0;transition:border-color .15s,transform .1s;overflow:hidden}.theme-swatch:active{transform:scale(.95)}.theme-swatch.active{border-color:#fff;box-shadow:0 0 0 1px #ffffff4d}.theme-swatch-colors{height:28px;display:flex}.theme-swatch-primary{flex:2}.theme-swatch-accent{flex:1}.theme-swatch-name{text-align:center;color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;background:#00000073;padding:3px 2px;font-size:9px;font-weight:600;overflow:hidden}.bottom-bar{bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:50;background:#081a0ff5;border-top:1px solid #ffffff0f;justify-content:center;gap:8px;padding:10px 16px 16px;display:flex;position:fixed;left:0;right:0}.toast{background:var(--gold);color:var(--dark);z-index:200;white-space:nowrap;pointer-events:none;border-radius:0;padding:10px 20px;font-size:13px;font-weight:700;transition:transform .3s;position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-80px)}.toast.show{transform:translate(-50%)translateY(0)}.form-screen-header{align-items:center;gap:12px;padding:20px 0 18px;display:flex}.back-btn{background:var(--card);width:36px;height:36px;color:var(--text);cursor:pointer;border:1px solid #ffffff14;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.back-btn:hover{background:var(--card2)}.form-screen-title{letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-size:30px}.page-footer{text-align:center;color:var(--muted);opacity:.65;padding:24px 0 8px;font-size:13px}.page-footer a{color:inherit;text-decoration:none}.page-footer a:hover{opacity:1}.now-playing{background:var(--card2);border-radius:var(--radius);align-items:center;gap:14px;margin-bottom:20px;padding:16px 18px;transition:box-shadow .3s;display:flex;position:relative;overflow:hidden}.now-playing:before{content:"";background:linear-gradient(135deg,#ffffff0f 0%,#0000 60%);position:absolute;inset:0}.lineup{flex-direction:column;gap:7px;display:flex}.player-card{background:var(--card);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff0a;align-items:center;gap:11px;padding:12px 14px;transition:background .15s,transform .15s,box-shadow .15s;display:flex}.player-card:hover{background:var(--card2)}.player-card.active{background:var(--card2);box-shadow:inset 3px 0 0 var(--gold);border-color:#f5b8004d}.bat-number{color:var(--muted);text-align:center;flex-shrink:0;width:24px;font-family:Bebas Neue,sans-serif;font-size:22px;line-height:1}.player-card.active .bat-number{color:var(--gold)}.jersey-num{width:30px;height:30px;color:var(--gold);background:#3b5bdb66;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;font-family:Bebas Neue,sans-serif;font-size:16px;display:flex}.card-info{flex:1;min-width:0}.card-name{color:var(--text);font-size:15px;font-weight:600;line-height:1.2}.card-song{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-title{letter-spacing:1px;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:22px}.pill-count{background:var(--gold-dim);color:var(--gold);vertical-align:middle;border-radius:0;margin-left:6px;padding:2px 8px;font-size:10px;font-weight:700;position:relative;top:-1px}.sign-in-btn{color:#333;border-radius:var(--radius-sm);cursor:pointer;background:#fff;border:none;align-items:center;gap:10px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.sign-in-btn:hover{background:#f0f0f0}.sign-in-btn:active{transform:scale(.97)}.sign-in-btn img{width:18px;height:18px}.user-bar{background:var(--card);border-radius:var(--radius-sm);align-items:center;gap:10px;margin-bottom:16px;padding:8px 14px;display:flex}.user-bar img{border-radius:50%;width:28px;height:28px}.user-bar-name{color:var(--text);flex:1;font-size:13px;font-weight:600}.user-bar-signout{color:var(--muted);cursor:pointer;background:0 0;border:none;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600}.user-bar-signout:hover{color:var(--text)}.site-header-logo{width:auto;height:28px;display:block}header nav button{white-space:nowrap}@media (width<=719px){.site-header-logo{height:29px}header .site-header-auth-btn{padding:6px 9px!important;font-size:12px!important}}@media (width<=430px){.site-header-logo{height:25px}header nav button{padding:6px 7px!important;font-size:12px!important}}.fnj{--bg-1:#0f2c1b;--bg-2:#0a2013;--panel:#081a0f;--line:#2e5c40;--hairline:#1d3827;--edge:#24422f;--fnj-text:#ede9da;--fnj-body:#cfd8c6;--fnj-muted:#7fa98c;--action:#f5a623;--action-hi:#ffc53d;--ink-on-action:#141109;--hard-shadow:#06140c;--bulb-off:#3d5c44;--deck-row:#0b2013;--lt-bg:#f2eddf;--lt-panel:#fbf7ea;--lt-ink:#0f2c1b;--lt-body:#3c5244;--lt-muted:#4a6252;--lt-action:#e86a1f;--lt-hairline:#d9d0b8;--lt-ticket:#e8e1cc;background:linear-gradient(180deg, var(--bg-1), var(--bg-2));color:var(--fnj-body);font-family:DM Sans,sans-serif;display:flow-root}body:has(.fnj):before{content:none}.fnj-headline{text-transform:uppercase;letter-spacing:1px;color:var(--fnj-text);margin:0;font-family:Barlow Condensed,sans-serif;font-weight:800;line-height:1}.fnj-hype{text-transform:uppercase;transform-origin:0 100%;font-family:Barlow Condensed,sans-serif;font-style:italic;font-weight:800;display:inline-block;transform:skew(-3deg)}.fnj-led{text-transform:uppercase;letter-spacing:3px;font-family:Doto,sans-serif;font-weight:700}.fnj-eyebrow{letter-spacing:4px;text-transform:uppercase;color:var(--action-hi);font-family:Doto,sans-serif;font-size:12px;font-weight:700}.fnj-light .fnj-eyebrow{color:var(--lt-muted);font-weight:900}.fnj-micro{letter-spacing:2px;text-transform:uppercase;color:var(--fnj-muted);font-family:Doto,sans-serif;font-size:11px;font-weight:600}.fnj-tape{letter-spacing:2px;text-transform:uppercase;color:var(--ink-on-action);background:var(--fnj-text);padding:2px 12px;font-family:Barlow Condensed,sans-serif;font-size:clamp(24px,2vw,30px);font-style:italic;font-weight:700;display:inline-block;transform:rotate(-2deg)}.fnj-section{padding:clamp(30px,5vw,72px) clamp(18px,4vw,48px)}.fnj-content{max-width:1440px;margin:0 auto}.fnj-light{background:var(--lt-bg);border-top:2px dashed var(--lt-ink);border-bottom:2px dashed var(--lt-ink);color:var(--lt-body)}.fnj-panel{background:var(--panel);border:2px solid var(--line)}.fnj-panel--led{box-shadow:inset 0 0 24px #0009}.fnj-card{background:var(--panel);border:2px solid var(--line);box-shadow:5px 5px 0 var(--hard-shadow)}.fnj-light .fnj-card{background:var(--lt-panel);border-color:var(--lt-ink);box-shadow:5px 5px 0 var(--lt-ink)}.fnj-lit{color:var(--action-hi);text-shadow:0 0 22px #ffc53d73}.fnj-bulbs{justify-content:center;gap:8px;display:flex}.fnj-bulb{background:var(--bulb-off);border-radius:50%;width:8px;height:8px}.fnj-bulb--lit{background:var(--action-hi);box-shadow:0 0 8px var(--action-hi)}.fnj-ticker{background:var(--panel);border-bottom:2px solid var(--line);white-space:nowrap;padding:9px 0;overflow:hidden}.fnj-ticker-track{animation:28s linear infinite fnj-marquee;display:inline-block}.fnj-ticker:hover .fnj-ticker-track{animation-play-state:paused}.fnj-ticker-track>span{letter-spacing:3px;text-transform:uppercase;color:var(--action-hi);padding-right:28px;font-family:Doto,sans-serif;font-size:14px;font-weight:700}@keyframes fnj-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.fnj-ticker-track{animation:none}}.fnj-cta{background:var(--action);border:3px solid var(--ink-on-action);color:var(--ink-on-action);letter-spacing:2px;text-transform:uppercase;text-align:center;box-shadow:7px 7px 0 var(--hard-shadow);cursor:pointer;box-sizing:border-box;min-height:44px;padding:15px 10px;font-family:Barlow Condensed,sans-serif;font-size:23px;font-style:italic;font-weight:800;text-decoration:none;display:block;transform:skew(-3deg)}.fnj-cta:hover{background:var(--action-hi);color:var(--ink-on-action)}.fnj-cta:active{box-shadow:0 0 0 var(--hard-shadow);transform:skew(-3deg)translate(7px,7px)}.fnj-btn-sm{background:var(--lt-action);border:2px solid var(--lt-ink);color:var(--lt-ink);letter-spacing:1.5px;text-transform:uppercase;text-align:center;box-shadow:3px 3px 0 var(--lt-ink);cursor:pointer;padding:8px 14px;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:800;text-decoration:none;display:inline-block}.fnj-btn-sm:hover{background:var(--action);color:var(--lt-ink)}.fnj-btn-sm:active{box-shadow:0 0 0 var(--lt-ink);transform:translate(3px,3px)}.fnj-key{background:var(--lt-panel);border:2px solid var(--lt-ink);box-shadow:0 4px 0 var(--lt-ink);color:var(--lt-ink);cursor:pointer;padding:12px;font-family:Barlow Condensed,sans-serif;font-weight:700}.fnj-key--free{background:var(--action);letter-spacing:1px;color:var(--ink-on-action);padding:12px 14px;font-size:18px;font-weight:800}.fnj-key:active{box-shadow:0 0 0 var(--lt-ink);transform:translateY(4px)}.fnj-burst{flex:none;position:relative;transform:rotate(-10deg)}.fnj-burst--md{width:104px;height:104px}.fnj-burst--sm{width:76px;height:76px}.fnj-burst i{background:var(--action);position:absolute}.fnj-burst--md i{inset:14px}.fnj-burst--sm i{inset:10px}.fnj-burst i:nth-child(2){transform:rotate(30deg)}.fnj-burst i:nth-child(3){transform:rotate(60deg)}.fnj-burst i:nth-child(4),.fnj-burst i:nth-child(5),.fnj-burst i:nth-child(6){background:var(--action-hi)}.fnj-burst--md i:nth-child(4),.fnj-burst--md i:nth-child(5),.fnj-burst--md i:nth-child(6){inset:22px}.fnj-burst--sm i:nth-child(4),.fnj-burst--sm i:nth-child(5),.fnj-burst--sm i:nth-child(6){inset:16px}.fnj-burst i:nth-child(4){transform:rotate(15deg)}.fnj-burst i:nth-child(5){transform:rotate(45deg)}.fnj-burst i:nth-child(6){transform:rotate(75deg)}.fnj-burst b{color:var(--ink-on-action);flex-direction:column;justify-content:center;align-items:center;font-family:Barlow Condensed,sans-serif;font-style:italic;font-weight:800;line-height:1;display:flex;position:absolute;inset:0}.fnj-burst--md b{font-size:38px}.fnj-burst--sm b{font-size:26px}.fnj-burst small{letter-spacing:1px;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:11px;font-style:normal;font-weight:800}.fnj-burst--special i:first-child,.fnj-burst--special i:nth-child(2),.fnj-burst--special i:nth-child(3){background:var(--fnj-text)}@keyframes fnj-wiggle{0%,to{transform:rotate(-10deg)}25%{transform:rotate(-14deg)}75%{transform:rotate(-6deg)}}.fnj-burst--wiggle{animation:.6s ease-in-out fnj-wiggle}@media (prefers-reduced-motion:reduce){.fnj-burst--wiggle{animation:none}}.fnj .guide-shell{max-width:780px;margin:0 auto;padding:40px 20px 60px}.fnj .guide-h1{text-transform:uppercase;letter-spacing:1px;color:var(--fnj-text);margin:0 0 10px;font-family:Barlow Condensed,sans-serif;font-size:clamp(34px,4.4vw,46px);font-weight:800;line-height:1}.fnj .guide-sub{color:var(--fnj-muted);margin-bottom:28px;font-size:14px;line-height:1.5}.fnj .guide-section{background:var(--panel);border:2px solid var(--line);margin-bottom:12px}.fnj .guide-summary{cursor:pointer;background:var(--action);color:var(--ink-on-action);letter-spacing:1px;text-transform:uppercase;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-family:Barlow Condensed,sans-serif;font-size:19px;font-weight:800;list-style:none;display:flex}.fnj .guide-summary:hover{background:var(--action-hi)}.fnj .guide-summary::-webkit-details-marker{display:none}.fnj .guide-summary-title{flex:1}.fnj .guide-summary-chevron{font-size:18px;line-height:1;transition:transform .2s}.fnj .guide-section[open] .guide-summary-chevron{transform:rotate(180deg)}.fnj .guide-body{color:var(--fnj-body);padding:16px 20px 20px;font-size:15px;line-height:1.7}.fnj .guide-body p{margin:0 0 12px}.fnj .guide-body p:last-child{margin-bottom:0}.fnj .guide-body ul,.fnj .guide-body ol{margin:8px 0 12px;padding-left:22px}.fnj .guide-body li{margin-bottom:6px}.fnj .guide-body a{color:var(--action)}.fnj .guide-body a:hover{color:var(--action-hi)}.fnj .guide-body strong{color:var(--fnj-text);font-weight:700}.fnj .guide-tip{border-left:3px solid var(--action);background:#f5a62314;padding:10px 14px;margin-top:12px!important}.fnj .guide-cta-block{text-align:center;margin-top:32px;padding:24px 16px}.fnj .guide-cta{background:var(--action);border:3px solid var(--ink-on-action);color:var(--ink-on-action);letter-spacing:2px;text-transform:uppercase;box-shadow:7px 7px 0 var(--hard-shadow);cursor:pointer;box-sizing:border-box;min-height:44px;padding:12px 26px;font-family:Barlow Condensed,sans-serif;font-size:20px;font-style:italic;font-weight:800;display:inline-block;transform:skew(-3deg)}.fnj .guide-cta:hover{background:var(--action-hi)}.fnj .guide-cta:active{box-shadow:0 0 0 var(--hard-shadow);transform:skew(-3deg)translate(7px,7px)}.fnj .guide-help{color:var(--fnj-muted);margin-top:14px;font-size:13px}.fnj .guide-help a{color:var(--action)}.fnj .faq-group{margin:28px 0}.fnj .faq-group-title{letter-spacing:1px;text-transform:uppercase;color:var(--action);border-bottom:2px solid var(--line);margin-bottom:10px;padding-bottom:6px;font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:800}.fnj .faq-group-list{flex-direction:column;gap:4px;display:flex}.fnj .faq-item{border-bottom:1px solid var(--hairline);padding:6px 0}.fnj .faq-item[open]{padding-bottom:12px}.fnj .faq-q{cursor:pointer;color:var(--fnj-text);justify-content:space-between;align-items:center;gap:12px;padding:12px 4px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;list-style:none;display:flex}.fnj .faq-q::-webkit-details-marker{display:none}.fnj .faq-q-text{flex:1}.fnj .faq-chevron{color:var(--fnj-muted);flex-shrink:0;transition:transform .2s}.fnj .faq-item[open] .faq-chevron{color:var(--action);transform:rotate(180deg)}.fnj .faq-a{color:var(--fnj-body);padding:4px 4px 8px;font-size:14px;line-height:1.6}.fnj .faq-a p{margin:0 0 10px}.fnj .faq-a p:last-child{margin-bottom:0}.fnj .faq-a a{color:var(--action)}.fnj .faq-a strong{color:var(--fnj-text)}@media (width>=720px){.fnj .faq-group-title{font-size:28px}.fnj .faq-q{padding:14px 4px;font-size:16px}.fnj .faq-a{font-size:15px}}