*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#030509;margin:0}button,a{font:inherit}.fan-page{color:#f4f8fb;background:radial-gradient(circle at 75% 3%,#14d9ff29,#0000 26%),radial-gradient(circle at 5% 35%,#ff3a771a,#0000 25%),#030509;min-height:100vh;padding:0 22px 70px;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.fan-grid-bg{pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.fan-header,.fan-hero,.fan-stats,.fan-section,.fan-footer,.fan-message,.fan-stage-slot{width:min(1240px,100%);margin-inline:auto;position:relative}.fan-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:84px;display:flex}.fan-brand{align-items:center;gap:18px;display:flex}.fan-brand>strong{letter-spacing:-.04em;font-size:19px}.fan-live{color:#67e8f9;letter-spacing:.16em;align-items:center;gap:8px;font-size:10px;font-weight:900;display:flex}.fan-live i{background:#67e8f9;border-radius:50%;width:8px;height:8px;box-shadow:0 0 18px #67e8f9}.fan-header button,.fan-footer button{color:#dffcff;cursor:pointer;background:#67e8f912;border:1px solid #67e8f940;border-radius:999px;padding:11px 16px;font-size:11px;font-weight:900}.fan-hero{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);align-items:end;gap:28px;padding:72px 0 42px;display:grid}.fan-hero-copy>p,.fan-section-heading p,.fan-current-heading p{color:#67e8f9;letter-spacing:.19em;margin:0 0 12px;font-size:10px;font-weight:900}.fan-hero-copy>p{font-size:0}.fan-hero-copy>p:after{content:"COASTLINE RUN 2026 · PUBLIC FAN ZONE";font-size:10px}.fan-hero h1{letter-spacing:-.075em;text-transform:uppercase;max-width:800px;margin:0;font-size:clamp(62px,10vw,138px);line-height:.76}.fan-hero h1 em{color:#0000;-webkit-text-stroke:1px #67e8f9;text-shadow:0 0 50px #67e8f92e;font-style:normal}.fan-hero-copy>span{color:#fff9;max-width:680px;margin-top:30px;font-size:16px;line-height:1.65;display:block}.fan-hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.fan-hero-actions a{color:#071015;background:#eafcff;border-radius:14px;padding:14px 18px;font-size:12px;font-weight:900;text-decoration:none}.fan-hero-actions a.secondary{color:#fff;background:#ffffff0b;border:1px solid #ffffff26}.fan-leader-card{background:radial-gradient(circle at top,#f8d77a24,#0000 46%),linear-gradient(145deg,#11151b,#05070a);border:1px solid #f8d77a47;border-radius:30px;min-height:390px;padding:30px;box-shadow:0 30px 90px #0006}.fan-leader-card small{color:#f8d77a;letter-spacing:.15em;font-weight:900}.fan-leader-number{color:#f8d77a;border:1px solid #f8d77a66;border-radius:28px;place-items:center;width:100px;height:100px;margin:48px 0 25px;font-size:44px;font-weight:950;display:grid;transform:rotate(-4deg)}.fan-leader-card h2{letter-spacing:-.05em;margin:0;font-size:40px;line-height:.9}.fan-leader-card p{color:#ffffff80;margin:11px 0 25px}.fan-leader-stats{gap:10px;display:flex}.fan-leader-stats span{color:#ffffff7a;border:1px solid #ffffff17;border-radius:14px;flex:1;padding:13px;font-size:10px}.fan-leader-stats strong{color:#fff;font-size:23px;display:block}.fan-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:38px;display:grid}.fan-stats article{background:#ffffff09;border:1px solid #ffffff17;border-radius:18px;padding:18px 20px}.fan-stats span{color:#ffffff61;letter-spacing:.13em;font-size:9px;font-weight:900;display:block}.fan-stats strong{margin-top:8px;font-size:30px;display:block}.fan-stage-slot{margin-bottom:80px}.fan-current-section{width:100%}.fan-current-heading,.fan-section-heading{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;padding-bottom:18px;display:flex}.fan-current-heading h2,.fan-section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(38px,6vw,76px);line-height:.9}.fan-current-heading>span,.fan-section-heading>span{color:#ffffff40;font-size:24px;font-weight:950}.fan-current-card{background:linear-gradient(145deg,#0d2630e6,#05090efa);border:1px solid #67e8f933;border-radius:24px;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:18px;padding:25px;display:grid;box-shadow:0 24px 80px #00000052}.fan-current-copy h3,.fan-current-empty h3{margin:10px 0;font-size:clamp(28px,4vw,48px);line-height:.95}.fan-current-meta{color:#67e8f9;letter-spacing:.12em;align-items:center;gap:10px;font-size:10px;font-weight:900;display:flex}.fan-current-location{color:#ffffff9e}.fan-current-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:20px;display:grid}.fan-current-stats div{background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;padding:13px}.fan-current-stats span{color:#fff6;font-size:9px;display:block}.fan-current-stats strong{margin-top:5px;display:block}.fan-current-side{background:#00000038;border-radius:18px;padding:20px}.fan-message{color:#c9f9ff;background:#67e8f90d;border:1px solid #67e8f933;border-radius:16px;margin-bottom:24px;padding:16px}.fan-message.error{color:#ffb5ca;background:#ff4d8512;border-color:#ff4d854d}.fan-toast{z-index:50;color:#dffcff;background:#07131a;border:1px solid #67e8f959;border-radius:15px;max-width:340px;padding:14px 18px;font-size:12px;font-weight:800;position:fixed;bottom:22px;right:22px;box-shadow:0 20px 60px #000}.fan-section{margin-bottom:95px;scroll-margin-top:20px}.fan-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.fan-team-card{background:linear-gradient(150deg,#121922fa,#05080cfc);border:1px solid #ffffff1a;border-radius:24px;overflow:hidden}.fan-team-image{background:#0a0f15;height:250px;position:relative;overflow:hidden}.fan-team-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.fan-team-card:hover img{transform:scale(1.035)}.fan-image-placeholder{color:#67e8f973;background:radial-gradient(circle,#67e8f91f,#0000 58%);place-items:center;width:100%;height:100%;font-size:75px;font-weight:950;display:grid}.fan-rank{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030509bf;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;position:absolute;top:14px;left:14px}.fan-start-number{color:#fff;letter-spacing:-.08em;text-shadow:0 8px 30px #000;font-size:80px;line-height:1;position:absolute;bottom:-10px;right:14px}.fan-team-content{padding:20px}.fan-team-content>p{color:#67e8f9;letter-spacing:.14em;margin:0 0 6px;font-size:9px;font-weight:900}.fan-team-content h3{letter-spacing:-.04em;margin:0;font-size:29px;line-height:1}.fan-team-content>span{color:#ffffff7a;margin-top:8px;font-size:12px;display:block}.fan-team-metrics{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.fan-team-metrics b{color:#ffffffad;border:1px solid #ffffff17;border-radius:9px;padding:7px 9px;font-size:9px}.fan-team-content button{color:#bff8ff;cursor:pointer;background:#67e8f90f;border:1px solid #67e8f933;border-radius:12px;width:100%;padding:12px;font-size:10px;font-weight:900}.fan-prediction-intro{background:#f8d77a0b;border:1px solid #f8d77a2b;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px;padding:18px;display:flex}.fan-prediction-intro strong{color:#f8d77a}.fan-prediction-intro p{color:#ffffff80;margin:5px 0 0;font-size:12px}.fan-prediction-intro>button{display:none!important}.fan-prediction-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.fan-prediction-card{background:#ffffff09;border:1px solid #ffffff1a;border-radius:23px;padding:22px}.fan-prediction-card header{justify-content:space-between;gap:20px;margin-bottom:18px;display:flex}.fan-prediction-card header p{color:#67e8f9;letter-spacing:.14em;margin:0 0 7px;font-size:9px;font-weight:900}.fan-prediction-card h3{letter-spacing:-.035em;margin:0;font-size:25px;line-height:1.02}.fan-prediction-card header>span{color:#ffffff29;font-size:34px;font-weight:950}.fan-prediction-options{gap:7px;max-height:390px;display:grid;overflow:auto}.fan-prediction-options button{color:#fff;text-align:left;cursor:pointer;background:#0000002e;border:1px solid #ffffff13;border-radius:13px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;display:grid}.fan-prediction-options button.selected{background:#67e8f918;border-color:#67e8f97a}.fan-prediction-options button:disabled{cursor:default;opacity:.72}.fan-prediction-options button.selected:disabled{opacity:1}.fan-prediction-options b{color:#67e8f9;background:#ffffff0d;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.fan-prediction-options strong{font-size:12px;display:block}.fan-prediction-options small{color:#ffffff6b;margin-top:3px;display:block}.fan-prediction-options i{color:#67e8f9;font-style:normal}.fan-filter-row{gap:7px;margin-bottom:18px;padding-bottom:3px;display:flex;overflow-x:auto}.fan-filter-row button{color:#ffffff8c;cursor:pointer;background:#ffffff08;border:1px solid #ffffff17;border-radius:999px;flex:none;padding:10px 13px}.fan-filter-row button.active{color:#bff8ff;background:#67e8f917;border-color:#67e8f961}.fan-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.fan-photo-grid article{background:#111;border-radius:20px;min-height:330px;position:relative;overflow:hidden}.fan-photo-grid img{object-fit:cover;width:100%;height:100%}.fan-photo-grid article>div{background:linear-gradient(#0000,#000000f0);padding:60px 16px 16px;position:absolute;inset:auto 0 0}.fan-photo-grid span{color:#67e8f9;letter-spacing:.13em;font-size:8px;font-weight:900}.fan-photo-grid strong{margin-top:6px;font-size:17px;display:block}.fan-photo-grid p{color:#ffffff8c;margin:5px 0 0;font-size:10px}.fan-empty{text-align:center;color:#ffffff8c;border:1px dashed #ffffff26;border-radius:20px;padding:40px}.fan-empty strong{color:#fff;font-size:20px;display:block}.fan-vote-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.fan-vote-grid button{color:#fff;text-align:left;cursor:pointer;background:#0a0d12;border:1px solid #ffffff1a;border-radius:18px;min-height:310px;padding:0;position:relative;overflow:hidden}.fan-vote-grid button.selected{border-color:#67e8f9;box-shadow:0 0 0 2px #67e8f929}.fan-vote-grid button:disabled{cursor:default;opacity:.68}.fan-vote-grid button.selected:disabled{opacity:1}.fan-vote-grid img{object-fit:cover;width:100%;height:205px}.fan-vote-grid span,.fan-vote-grid strong,.fan-vote-grid i{margin-inline:12px;display:block}.fan-vote-grid span{color:#67e8f9;margin-top:10px;font-size:9px;font-weight:900}.fan-vote-grid strong{margin-top:5px;font-size:13px}.fan-vote-grid i{color:#ffffff75;margin-top:10px;font-size:9px;font-style:normal;font-weight:900}.fan-idea-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.fan-idea-grid article{background:linear-gradient(145deg,#ffffff0b,#ffffff04);border:1px solid #ffffff17;border-radius:21px;min-height:240px;padding:22px}.fan-idea-grid b{color:#67e8f9;font-size:11px}.fan-idea-grid h3{margin:55px 0 10px;font-size:24px;line-height:1}.fan-idea-grid p{color:#ffffff80;margin:0;font-size:12px;line-height:1.55}.fan-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:20px;padding-top:30px;display:flex}.fan-footer strong,.fan-footer span{display:block}.fan-footer span{color:#ffffff61;margin-top:5px;font-size:0}.fan-footer span:after{content:"Publiczna strefa kibica · typowania zapisują się na tym urządzeniu";font-size:10px}@media (max-width:980px){.fan-hero{grid-template-columns:1fr}.fan-leader-card{min-height:auto}.fan-current-card{grid-template-columns:1fr}.fan-team-grid,.fan-prediction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fan-photo-grid,.fan-vote-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fan-idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.fan-page{padding-inline:14px}.fan-header{min-height:68px}.fan-brand>strong{display:none}.fan-hero{padding-top:45px}.fan-hero h1{font-size:clamp(55px,20vw,88px)}.fan-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:40px}.fan-current-stats,.fan-team-grid,.fan-prediction-grid,.fan-photo-grid,.fan-vote-grid,.fan-idea-grid{grid-template-columns:1fr}.fan-photo-grid article{min-height:420px}.fan-vote-grid button{grid-template-columns:130px 1fr;align-items:center;min-height:140px;display:grid}.fan-vote-grid img{grid-row:1/span 4;width:130px;height:140px}.fan-vote-grid span,.fan-vote-grid strong,.fan-vote-grid i{margin-left:14px}.fan-section-heading h2,.fan-current-heading h2{font-size:43px}.fan-section-heading>span,.fan-current-heading>span{font-size:18px}.fan-prediction-intro,.fan-footer{flex-direction:column;align-items:flex-start}}
.fan-labs-slot{width:min(1240px,100%);margin-inline:auto;position:relative}.fan-labs{position:relative}.fan-labs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.fan-lab-card{background:linear-gradient(145deg,#121820fa,#05080cfc);border:1px solid #ffffff1a;border-radius:24px;min-width:0;padding:24px}.fan-lab-card>header{color:#67e8f9;letter-spacing:.14em;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:10px;font-weight:900;display:flex}.fan-lab-card>header b{background:#67e8f914;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.fan-lab-card h3{margin:0 0 8px;font-size:25px;line-height:1}.fan-lab-card p{color:#ffffff85;line-height:1.5}.fan-moment-image{background:#0a0d12;border-radius:18px;height:310px;position:relative;overflow:hidden}.fan-moment-image img{object-fit:cover;width:100%;height:100%}.fan-moment-image i{color:#fff;letter-spacing:.12em;background:#ff3d78;border-radius:999px;padding:7px 10px;font-size:9px;font-style:normal;font-weight:900;position:absolute;top:14px;left:14px}.fan-live-moment h3{margin-top:18px}.fan-reactions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.fan-reactions button{color:#fff;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;display:flex}.fan-reactions button.selected{background:#67e8f91f;border-color:#67e8f9}.fan-reactions button:disabled{opacity:.45;cursor:default}.fan-reactions span{font-size:20px}.fan-reactions small{color:#ffffff8c}.fan-score-ring{background:radial-gradient(circle,#67e8f924,#0000 65%);border:1px solid #67e8f959;border-radius:50%;place-items:center;width:170px;height:170px;margin:8px auto 22px;display:grid;box-shadow:0 0 60px #67e8f914}.fan-score-ring strong{font-size:52px;line-height:.8}.fan-score-ring small{color:#ffffff73;margin-top:-40px;font-size:10px}.fan-lab-ranking{gap:7px;display:grid}.fan-lab-ranking>div{background:#00000029;border:1px solid #ffffff13;border-radius:13px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px;display:grid}.fan-lab-ranking>div.current{background:#67e8f914;border-color:#67e8f966}.fan-lab-ranking b{color:#67e8f9}.fan-lab-ranking strong{font-size:12px}.fan-lab-note{font-size:11px}.fan-route-visual{background:linear-gradient(90deg,#ffffff08,#67e8f90d);border-radius:18px;align-items:center;gap:8px;margin:28px 0 26px;padding:24px;display:flex}.fan-route-visual span{letter-spacing:.12em;font-size:9px;font-weight:900}.fan-route-visual i{background:#ffffff17;border-radius:999px;flex:1;height:4px;position:relative}.fan-route-visual i:after{content:"";background:#ffffff2e;border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;right:-5px}.fan-route-visual.revealed i{background:linear-gradient(90deg,#67e8f9,#23d5ab)}.fan-route-visual.revealed i:after{background:#67e8f9;box-shadow:0 0 14px #67e8f9}.fan-route-lock{border:1px dashed #ffffff26;border-radius:18px;padding:20px}.fan-route-lock button{color:#071015;cursor:pointer;background:#eafcff;border:0;border-radius:12px;padding:12px 15px;font-weight:900}.fan-route-details small{color:#67e8f9;letter-spacing:.12em;font-weight:900}.fan-route-details>div{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.fan-route-details>div>*{border:1px solid #ffffff17;border-radius:10px;padding:8px 10px;font-size:10px}.fan-route-details em{color:#ffffff61;margin-top:14px;font-size:10px;display:block}.fan-award-block+.fan-award-block{border-top:1px solid #ffffff14;margin-top:24px;padding-top:22px}.fan-award-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:300px;display:grid;overflow:auto}.fan-award-options button{color:#fff;text-align:left;cursor:pointer;background:#0000002e;border:1px solid #ffffff14;border-radius:13px;grid-template-columns:45px 1fr;align-items:center;gap:10px;padding:10px;display:grid}.fan-award-options button.selected{background:#67e8f91a;border-color:#67e8f9}.fan-award-options button:disabled{opacity:.42;cursor:default}.fan-award-options button.selected:disabled{opacity:1}.fan-award-options button b{color:#67e8f9;background:#ffffff0d;border-radius:10px;place-items:center;width:45px;height:40px;display:grid}.fan-award-options button span{font-size:11px}.fan-labs-disclaimer{color:#ffffff85;background:#f8d77a0b;border:1px solid #f8d77a2e;border-radius:14px;margin-top:14px;padding:13px 16px;font-size:10px}.fan-labs-toast{z-index:100;color:#dffcff;background:#07131a;border:1px solid #67e8f959;border-radius:15px;max-width:340px;padding:14px 18px;font-size:12px;font-weight:800;position:fixed;bottom:22px;right:22px;box-shadow:0 20px 60px #000}@media (max-width:900px){.fan-labs-grid{grid-template-columns:1fr}}@media (max-width:620px){.fan-lab-card{padding:18px}.fan-moment-image{height:260px}.fan-award-options{grid-template-columns:1fr}.fan-route-visual{gap:5px;padding:18px 12px}.fan-score-ring{width:145px;height:145px}.fan-score-ring strong{font-size:44px}}
.fan-nickname-slot{margin:0 0 14px}.fan-nickname-panel{background:#67e8f909;border:1px solid #67e8f92e;border-radius:16px;gap:14px;padding:16px;display:grid}.fan-nickname-panel form{gap:8px;display:grid}.fan-nickname-panel label{color:#67e8f9;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.fan-nickname-panel form>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.fan-nickname-panel input{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:11px;outline:none;width:100%;min-width:0;padding:11px 12px}.fan-nickname-panel input:focus{border-color:#67e8f98c}.fan-nickname-panel form button{color:#071015;cursor:pointer;background:#eafcff;border:0;border-radius:11px;padding:11px 13px;font-size:10px;font-weight:900}.fan-nickname-panel form>small{color:#ffffff6b;font-size:9px}.fan-nickname-panel form>p{color:#a7f3d0;margin:0;font-size:10px}.fan-score-rules{border-top:1px solid #ffffff14;gap:6px;padding-top:14px;display:grid}.fan-score-rules header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:2px;display:flex}.fan-score-rules header strong{font-size:12px}.fan-score-rules header span{color:#ffffff59;letter-spacing:.12em;font-size:8px;font-weight:900}.fan-score-rules>div{background:#00000021;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.fan-score-rules>div span b,.fan-score-rules>div span small{display:block}.fan-score-rules>div span b{font-size:10px}.fan-score-rules>div span small{color:#ffffff61;margin-top:2px;font-size:8px}.fan-score-rules>div>strong{color:#67e8f9;font-size:11px}.fan-demo-note{border-top:1px solid #ffffff14;padding-top:12px;color:#ffffff6b!important;margin:0!important;font-size:9px!important;line-height:1.5!important}@media (max-width:620px){.fan-nickname-panel form>div{grid-template-columns:1fr}.fan-score-rules header{flex-direction:column;align-items:flex-start}.fan-score-rules>div{grid-template-columns:1fr auto}}