@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.absolute{position:absolute}.relative{position:relative}.block{display:block}.hidden{display:none}.h-full{height:100%}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@font-face{font-family:StickerFont;src:url(/fonts/sticker-font.ttf)format("truetype")}:root{--c-red:#e8003d;--c-blue:#0033a0;--c-green:#00a651;--c-yellow:#ffd100;--c-purple:#7b2fbe;--c-orange:#ff6b00;--c-teal:#00b5b8;--c-white:#fff;--c-black:#0a0a0a;--c-dark:#111116;--c-card:#1a1a22;--c-card2:#22222e;--c-border:#ffffff14;--c-muted:#ffffff73;--c-subtle:#ffffff1f;--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--font-body:"Barlow", "Noto Sans", sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--transition:.2s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--c-dark);width:100%;height:100%;color:var(--c-white);font-family:var(--font-body);overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--c-subtle);border-radius:99px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:6px}.gap-sm{gap:10px}.gap-md{gap:16px}.gap-lg{gap:24px}.gap-xl{gap:40px}.fw-black{font-weight:900}.fw-bold{font-weight:700}.fw-semi{font-weight:600}.text-muted{color:var(--c-muted)}.text-xs{letter-spacing:.08em;text-transform:uppercase;font-size:11px}.text-sm{font-size:13px}.text-body{font-size:15px}.text-lg{font-size:18px}.text-display{font-family:var(--font-display)}.w-full{width:100%}.overflow-auto{overflow:auto}.btn{border-radius:var(--radius-sm);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:16px;font-weight:800;display:inline-flex}.btn-primary{background:var(--c-red);color:#fff}.btn-primary:hover{background:#c8002e;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-blue{background:var(--c-blue);color:#fff}.btn-blue:hover{background:#002480}.btn-ghost{color:var(--c-white);border:2px solid var(--c-border);background:0 0}.btn-ghost:hover{background:var(--c-subtle);border-color:#ffffff4d}.btn-sm{padding:8px 18px;font-size:13px}.btn-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-google{color:#1a1a1a;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);transition:var(--transition);background:#fff;border:none;align-items:center;gap:14px;width:100%;padding:16px 28px;font-size:16px;font-weight:600;display:flex}.btn-google:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0006}.card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:20px}.card-hover:hover{background:var(--c-card2);border-color:#ffffff29}.badge{letter-spacing:.06em;text-transform:uppercase;border-radius:99px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-red{color:var(--c-red);background:#e8003d2e;border:1px solid #e8003d4d}.badge-green{color:#4ade80;background:#00a6512e;border:1px solid #00a6514d}.badge-yellow{color:var(--c-yellow);background:#ffd10026;border:1px solid #ffd1004d}.badge-blue{color:#93c5fd;background:#0033a040;border:1px solid #0033a066}.badge-purple{color:#c4b5fd;background:#7b2fbe33;border:1px solid #7b2fbe4d}.badge-orange{color:var(--c-orange);background:#ff6b0026;border:1px solid #ff6b004d}.badge-gray{color:var(--c-muted);border:1px solid var(--c-border);background:#ffffff14}.login-screen{align-items:stretch;width:100%;height:100%;display:flex;overflow:hidden}.login-visual{background:var(--c-black);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-visual-bg{filter:brightness(.7);background:url(/assets/login-bg.webp) 50%/cover no-repeat;position:absolute;inset:0}.login-visual-content{z-index:2;background:radial-gradient(circle,#0a0a10cc 0%,#0000 70%);flex-direction:column;align-items:center;gap:24px;padding:48px;display:flex;position:relative}.login-ball-container{filter:drop-shadow(0 40px 80px #000c);width:200px;height:200px;animation:4s ease-in-out infinite float}.login-ball-container img{object-fit:contain;width:100%;height:100%}@keyframes float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-15px)rotate(4deg)}}.login-visual-title{font-family:var(--font-display);text-align:center;color:#fff;text-shadow:0 8px 32px #000c;letter-spacing:-2px;font-size:80px;font-weight:900;line-height:.85}.login-visual-title span{display:block}.login-visual-title .year{letter-spacing:-4px;background:linear-gradient(180deg,#fff 40%,var(--c-red));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:120px}.login-panel{background:var(--c-black);flex-direction:column;flex-shrink:0;justify-content:center;gap:36px;width:420px;padding:60px 48px;display:flex}.login-logo{font-family:var(--font-display);letter-spacing:-.5px;text-transform:uppercase;font-size:32px;font-weight:900}.login-logo span{color:var(--c-red)}.login-tagline{color:var(--c-muted);font-size:14px;line-height:1.6}.login-divider{color:var(--c-muted);align-items:center;gap:12px;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--c-border);flex:1;height:1px}.login-footer{color:var(--c-muted);text-align:center;font-size:12px}.onboarding-screen{background:var(--c-dark);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:relative;overflow:hidden}.onboarding-bg-pattern{pointer-events:none;background:radial-gradient(800px 600px at 100% 0,#0033a040 0%,#0000 70%),radial-gradient(600px 400px at 0 100%,#e8003d33 0%,#0000 70%);position:absolute;inset:0}.onboarding-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-xl);z-index:1;flex-direction:column;gap:32px;width:100%;max-width:680px;min-height:480px;max-height:90vh;padding:48px;display:flex;position:relative;overflow-y:auto;box-shadow:0 40px 120px #0009}.ob-header{justify-content:space-between;align-items:center;display:flex}.ob-step-track{gap:6px;display:flex}.ob-step-dot{background:var(--c-border);height:4px;transition:var(--transition);border-radius:99px}.ob-step-dot.done{background:var(--c-green)}.ob-step-dot.active{background:var(--c-red)}.ob-content{flex-direction:column;flex:1;gap:20px;display:flex}.ob-icon{font-size:48px;line-height:1}.ob-title{font-family:var(--font-display);letter-spacing:-.5px;text-transform:uppercase;font-size:44px;font-weight:900;line-height:1}.ob-title em{color:var(--c-red);font-style:normal}.ob-body{color:var(--c-muted);max-width:500px;font-size:16px;line-height:1.6}.ob-rules{flex-direction:column;gap:10px;display:flex}.ob-rule{border-radius:var(--radius-sm);background:var(--c-card2);border:1px solid var(--c-border);align-items:center;gap:16px;padding:14px 18px;display:flex}.ob-rule-pts{font-family:var(--font-display);text-align:center;min-width:48px;font-size:36px;font-weight:900;line-height:1}.ob-rule-desc{color:var(--c-muted);font-size:14px}.ob-rule-desc strong{color:var(--c-white);font-size:15px;display:block}.ob-footer{justify-content:space-between;align-items:center;display:flex}.scorer-card{border-radius:var(--radius-sm);background:var(--c-card2);border:2px solid var(--c-border);cursor:pointer;transition:var(--transition);align-items:center;gap:12px;padding:12px 14px;display:flex}.scorer-card:hover{border-color:#ffffff40}.scorer-card.selected{border-color:var(--c-red);background:#e8003d1a}.scorer-photo{object-fit:cover;background:var(--c-card);border-radius:99px;flex-shrink:0;width:40px;height:40px}.scorer-name{font-size:14px;font-weight:600;line-height:1.2}.scorer-country{color:var(--c-muted);font-size:12px}.champion-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.champ-card{border-radius:var(--radius-sm);background:var(--c-card2);border:2px solid var(--c-border);cursor:pointer;transition:var(--transition);flex-direction:column;align-items:center;gap:6px;padding:14px 8px;display:flex}.champ-card:hover{border-color:#ffffff40}.champ-card.selected{border-color:var(--c-yellow);background:#ffd10014}.champ-flag{font-size:28px;line-height:1}.champ-name{text-align:center;color:var(--c-muted);font-size:11px;font-weight:600}.champ-card.selected .champ-name{color:var(--c-yellow)}.app-layout{background:var(--c-dark);flex-direction:column;width:100%;height:100%;display:flex}.app-header{background:var(--c-black);border-bottom:1px solid var(--c-border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:relative}.app-logo{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:10px;font-size:22px;font-weight:900;display:flex}.app-logo .ball{font-size:24px;animation:12s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-logo .accent{color:var(--c-red)}.header-nav{align-items:center;gap:4px;display:flex}.header-nav-btn{border-radius:var(--radius-sm);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;color:var(--c-muted);transition:var(--transition);background:0 0;border:none;padding:8px 16px;font-size:14px;font-weight:700}.header-nav-btn:hover{color:var(--c-white);background:var(--c-subtle)}.header-nav-btn.active{color:var(--c-white);background:var(--c-card)}.header-user{cursor:pointer;align-items:center;gap:10px;display:flex}.avatar{width:36px;height:48px;font-family:var(--font-display);background:linear-gradient(135deg, var(--c-red), var(--c-purple));color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.lg{width:48px;height:64px;font-size:18px}.avatar.xl{width:72px;height:96px;font-size:24px}.lightbox-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.lightbox-content{width:100%;max-width:400px;position:relative}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:10px;font-size:24px;position:absolute;top:-40px;right:0}.lightbox-img{border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 20px 40px #00000080}.album-grid{perspective:1500px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.album-slot{transform-style:preserve-3d;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;padding:16px;transition:background .2s;display:flex;position:relative}.album-sticker{aspect-ratio:660/850;background:#1a1a1a;border-radius:6px;justify-content:center;align-items:center;width:100%;margin-bottom:16px;display:flex;position:relative;overflow:visible;box-shadow:0 4px 12px #0006}.album-sticker img{object-fit:cover;backface-visibility:hidden;border-radius:6px;width:100%;height:100%;display:block}.sticker-curl-shadow{pointer-events:none;opacity:0;background:radial-gradient(at 0 100%,#0006 0%,#0000 70%);border-bottom-left-radius:6px;width:30%;height:20%;transition:opacity .3s;position:absolute;bottom:0;left:0}.album-sticker{background:#1a1a1a;border-radius:8px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #0006}.album-sticker:hover{box-shadow:0 12px 30px #0009}.sticker-shine-overlay{pointer-events:none;z-index:2;background:linear-gradient(120deg,#fff0 30%,#ffffff26 50%,#fff0 70%);width:100%;height:100%;transition:none;position:absolute;top:0;left:-150%}.album-sticker:hover .sticker-shine-overlay{transition:left .7s ease-in-out;left:150%}.album-sticker img{object-fit:cover;width:100%;height:100%;display:block}.album-slot-pos{color:#fff;width:36px;height:36px;font-weight:900;font-family:var(--font-display);z-index:10;border:2px solid var(--c-bg);background:#2a2a2a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-10px;left:-10px;box-shadow:0 4px 10px #00000080}.album-slot-pos.gold{color:#000;background:gold}.album-slot-pos.silver{color:#000;background:silver}.album-slot-pos.bronze{color:#fff;background:#cd7f32}.album-info{text-align:center;width:100%}.album-name{white-space:nowrap;text-overflow:ellipsis;color:#fff;margin-bottom:6px;font-size:15px;font-weight:700;overflow:hidden}.album-pts{font-family:var(--font-display);color:var(--c-yellow);font-size:24px;font-weight:900}.album-pts-label{color:var(--c-muted);text-transform:uppercase;margin-left:2px;font-size:11px;font-weight:700}.countdown-bar{background:linear-gradient(90deg, var(--c-red) 0%, #a8002e 100%);flex-shrink:0;justify-content:center;align-items:center;gap:16px;padding:8px 24px;display:flex}.countdown-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:#ffffffb3;font-size:13px;font-weight:800}.countdown-digits{align-items:center;gap:6px;display:flex}.cd-block{background:#0000004d;border-radius:4px;flex-direction:column;align-items:center;min-width:44px;padding:3px 8px;display:flex}.cd-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:20px;font-weight:900;line-height:1}.cd-unit{letter-spacing:.1em;color:#fff9;text-transform:uppercase;font-size:9px}.cd-sep{opacity:.5;font-size:20px;font-weight:900}.phase-tabs{border-bottom:1px solid var(--c-border);background:var(--c-black);flex-shrink:0;align-items:center;gap:2px;padding:0 24px;display:flex;overflow-x:auto}.phase-tab{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;color:var(--c-muted);transition:var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:14px 20px;font-size:14px;font-weight:700;display:flex}.phase-tab:hover:not(.locked){color:var(--c-white)}.phase-tab.active{color:var(--c-white);border-bottom-color:var(--c-red)}.phase-tab.locked{opacity:.35;cursor:not-allowed}.phase-tab-icon{font-size:16px}.phase-tab-lock{font-size:11px}.app-body{flex:1;gap:0;display:flex;overflow:hidden}.matches-col{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.aside-col{border-left:1px solid var(--c-border);background:var(--c-black);flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow-y:auto}.section-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.3px;font-size:28px;font-weight:900}.section-title em{color:var(--c-red);font-style:normal}.group-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--c-muted);border-bottom:1px solid var(--c-border);margin-bottom:12px;padding:4px 0 12px;font-size:13px;font-weight:900}.match-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-md);transition:var(--transition);position:relative;overflow:hidden}.match-card:hover{border-color:#ffffff26}.match-card.completed{border-color:#ffffff1a}.match-card-header{border-bottom:1px solid var(--c-border);color:var(--c-muted);letter-spacing:.04em;background:#ffffff08;justify-content:space-between;align-items:center;padding:10px 16px;font-size:11px;font-weight:600;display:flex}.match-body{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:20px 24px;display:grid}.team-col{flex-direction:column;align-items:center;gap:8px;display:flex}.team-col.right{align-items:center}.team-flag-wrap{border-radius:var(--radius-sm);background:var(--c-card2);border:1px solid var(--c-border);width:64px;height:64px;transition:var(--transition);justify-content:center;align-items:center;font-size:40px;line-height:1;display:flex;position:relative;overflow:hidden}.team-flag-bar{height:3px;position:absolute;bottom:0;left:0;right:0}.team-name-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;text-align:center;font-size:16px;font-weight:700;line-height:1.1}.score-area{flex-direction:column;align-items:center;gap:10px;min-width:160px;display:flex}.score-real{align-items:center;gap:12px;display:flex}.score-real-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--c-white);font-size:48px;font-weight:900;line-height:1}.score-sep{font-family:var(--font-display);color:var(--c-muted);font-size:28px;font-weight:900}.score-pred-row{border-radius:var(--radius-sm);background:#ffd1000f;border:1px solid #ffd10026;align-items:center;gap:8px;padding:6px 12px;display:flex}.score-pred-label{letter-spacing:.08em;text-transform:uppercase;color:var(--c-yellow);opacity:.7;font-size:10px;font-weight:700}.score-pred-val{font-family:var(--font-display);color:var(--c-yellow);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.pred-sep{color:#ffd10066;font-weight:700}.pred-input-row{border-top:1px solid var(--c-border);background:#ffffff05;align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.pred-input-label{letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted);flex:1;font-size:11px;font-weight:700}.score-stepper{align-items:center;gap:8px;display:flex}.step-btn{border-radius:var(--radius-sm);background:var(--c-card2);border:1px solid var(--c-border);width:32px;height:32px;color:var(--c-white);cursor:pointer;transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.step-btn:hover{background:var(--c-card);border-color:#ffffff40}.step-btn:active{transform:scale(.93)}.step-btn:disabled{opacity:.3;cursor:not-allowed}.step-num{font-family:var(--font-display);text-align:center;font-variant-numeric:tabular-nums;min-width:36px;font-size:28px;font-weight:900;line-height:1}.step-vs{font-family:var(--font-display);color:var(--c-muted);padding:0 4px;font-size:18px;font-weight:900}.pts-tag{font-family:var(--font-display);border-radius:var(--radius-sm);margin-left:8px;padding:4px 10px;font-size:16px;font-weight:800}.pts-exact{color:#4ade80;background:#00a65133}.pts-winner{color:var(--c-yellow);background:#ffd10026}.pts-none{color:var(--c-muted);background:#ffffff0f}.save-bar{z-index:50;pointer-events:none;justify-content:flex-end;padding:16px 24px;display:flex;position:sticky;bottom:24px}.save-bar .btn{pointer-events:auto;box-shadow:0 10px 30px #00000080}.aside-header{border-bottom:1px solid var(--c-border);background:var(--c-black);z-index:2;padding:20px 20px 12px;position:sticky;top:0}.aside-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:22px;font-weight:900}.aside-title em{color:var(--c-yellow);font-style:normal}.lb-list{flex-direction:column;padding:12px 0;display:flex}.lb-row{transition:var(--transition);border-bottom:1px solid var(--c-border);align-items:center;gap:12px;padding:12px 20px;display:flex}.lb-row:hover{background:var(--c-subtle)}.lb-row.me{border-left:3px solid var(--c-red);background:#e8003d0f}.lb-pos{font-family:var(--font-display);text-align:center;min-width:28px;font-size:20px;font-weight:900}.lb-pos.gold{color:var(--c-yellow)}.lb-pos.silver{color:silver}.lb-pos.bronze{color:#cd7f32}.lb-info{flex:1;min-width:0}.lb-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.lb-sub{color:var(--c-muted);align-items:center;gap:4px;font-size:11px;display:flex}.lb-pts{font-family:var(--font-display);text-align:right;font-size:24px;font-weight:900;line-height:1}.lb-delta{text-align:center;border-radius:4px;min-width:32px;padding:2px 6px;font-size:11px;font-weight:700}.lb-delta.up{color:#4ade80;background:#00a65133}.lb-delta.down{color:var(--c-red);background:#e8003d33}.lb-delta.flat{color:var(--c-muted);background:#ffffff0f}.aside-specials{border-bottom:1px solid var(--c-border);flex-direction:column;gap:10px;margin:0;padding:16px 20px;display:flex}.special-row{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:10px 14px;display:flex}.special-icon{font-size:20px}.special-info{flex:1}.special-label{color:var(--c-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.special-val{font-size:14px;font-weight:700}.special-pts{font-family:var(--font-display);color:var(--c-yellow);font-size:18px;font-weight:900}.toast{border-radius:var(--radius-sm);background:var(--c-green);color:#fff;z-index:100;padding:14px 20px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.4,0,.2,1) slide-up;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #00000080}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.locked-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:48px;display:flex}.locked-icon{font-size:64px}.locked-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.3px;font-size:36px;font-weight:900}.locked-sub{color:var(--c-muted);max-width:380px;font-size:16px;line-height:1.5}.specials-hero{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-md);align-items:center;gap:20px;padding:20px 24px;display:flex}.specials-hero-content{flex:1}.specials-hero-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:20px;font-weight:900}.specials-hero-sub{color:var(--c-muted);margin-top:4px;font-size:13px}.specials-grid{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.geo-deco{pointer-events:none;position:absolute;overflow:hidden}@media (max-width:1100px){.aside-col{width:260px}}@media (max-width:900px){.aside-col{display:none}}.app-layout{height:100dvh}@media (max-width:768px){.onboarding-card{gap:24px;padding:32px 24px}.ob-title{font-size:36px}.champion-grid{grid-template-columns:repeat(3,1fr)}.champ-card{padding:12px 6px}.specials-hero{flex-direction:column;align-items:flex-start;gap:12px}.score-area{min-width:100px}.score-real-num{font-size:40px}}@media (max-width:640px){.login-screen{flex-direction:column}.login-visual{flex:none;min-height:220px;max-height:240px}.login-visual-content{gap:16px;padding:24px}.login-ball-container{width:100px;height:100px}.login-visual-title{font-size:40px}.login-visual-title .year{letter-spacing:-4px;font-size:80px}.login-panel{flex:1;gap:24px;width:100%;padding:28px 24px;overflow-y:auto}.app-header{flex-wrap:wrap;gap:4px;height:auto;padding:10px 16px 0}.app-logo{gap:7px;font-size:17px}.header-user{gap:8px}.header-nav{border-top:1px solid var(--c-border);background:var(--c-black);order:3;width:calc(100% + 32px);margin:6px -16px 0;padding:0}.header-nav-btn{letter-spacing:.02em;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:10px 2px;font-size:10px}.header-nav-btn.active{border-bottom-color:var(--c-red);background:0 0}.countdown-bar{flex-direction:column;gap:6px;padding:8px 16px}.countdown-label{text-align:center;font-size:11px}.cd-num{font-size:16px}.cd-block{min-width:34px;padding:2px 5px}.cd-sep{font-size:16px}.phase-tabs{padding:0 8px}.phase-tab{gap:4px;padding:10px;font-size:11px}.phase-tab-icon{font-size:14px}.matches-col{gap:14px;padding:14px 12px}.match-card-header{flex-wrap:wrap;gap:4px;padding:8px 12px;font-size:10px}.match-body{gap:6px;padding:14px 12px}.team-flag-wrap{width:48px;height:48px}.team-name-label{font-size:12px}.score-area{min-width:72px}.score-real-num{font-size:32px}.score-sep{font-size:22px}.score-pred-row{gap:5px;padding:4px 8px}.score-pred-val{font-size:15px}.pred-input-row{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px 14px}.score-stepper{justify-content:center;gap:10px;width:100%}.step-btn{width:36px;height:36px;font-size:20px}.step-num{min-width:32px;font-size:26px}.step-vs{font-size:16px}.onboarding-screen{padding:12px}.onboarding-card{border-radius:var(--radius-lg);gap:18px;padding:22px 18px}.ob-title{font-size:28px}.ob-body{font-size:14px}.ob-rule{gap:12px;padding:10px 14px}.ob-rule-pts{min-width:38px;font-size:28px}.ob-rule-desc{font-size:12px}.ob-rule-desc strong{font-size:13px}.ob-footer{gap:8px}.champion-grid{grid-template-columns:repeat(3,1fr);gap:6px}.champ-card{padding:10px 4px}.champ-name{font-size:9px}.scorer-grid{grid-template-columns:1fr 1fr;gap:8px}.scorer-photo{width:36px;height:36px}.scorer-name{font-size:12px}.result-teams{gap:8px}.result-team-name{font-size:12px}.result-score{flex:0 0 72px}.result-score-nums{font-size:16px}.lb-sub{flex-wrap:wrap;gap:2px;font-size:10px}.lb-pts{font-size:20px}.save-bar{justify-content:center;padding:12px 16px;bottom:16px}.save-bar .btn{justify-content:center;width:100%}.toast{text-align:center;bottom:16px;left:16px;right:16px}.specials-hero{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}.specials-hero>div:last-child{align-self:flex-end}.group-label{padding:3px 0 10px;font-size:11px}}.scorer-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.scorer-card{background:var(--c-card2);border:1px solid var(--c-border);border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.scorer-card:hover{border-color:var(--c-red);transform:translateY(-2px)}.scorer-card.selected{border-color:var(--c-red);background:#e8003d0d;box-shadow:0 0 20px #e8003d26}.scorer-photo{object-fit:cover;border:2px solid var(--c-border);background:var(--c-bg);border-radius:50%;width:44px;height:44px}.scorer-name{fontSize:13px;color:var(--c-text);font-weight:700}.scorer-iso{color:var(--c-muted);letter-spacing:.05em;margin-top:2px;font-size:10px;font-weight:800}.search-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.search-modal{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-xl);width:100%;max-width:500px;overflow:hidden;box-shadow:0 40px 120px #000c}.search-header{border-bottom:1px solid var(--c-border);align-items:center;gap:12px;padding:20px;display:flex}.search-header input{color:var(--c-text);background:0 0;border:none;outline:none;flex:1;font-size:18px}.search-close{color:var(--c-muted);cursor:pointer;background:0 0;border:none;font-size:20px}.search-results{max-height:300px;padding:10px;overflow-y:auto}.search-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.search-item:hover{background:#ffffff0d}.search-item-name{font-weight:600}.search-item-iso{color:var(--c-muted);font-size:11px;font-weight:800}.search-empty,.search-hint{text-align:center;color:var(--c-muted);padding:40px;font-size:14px}.results-group-card{background:var(--c-card2);border:1px solid var(--c-border);border-radius:var(--radius-xl);overflow:hidden}.results-group-label{border-bottom:1px solid var(--c-border);font-family:var(--font-display);letter-spacing:.05em;background:#ffffff08;padding:12px 20px;font-size:13px;font-weight:900}.results-list{flexDirection:column;display:flex}.result-row{border-bottom:1px solid var(--c-border);flex-direction:column;gap:8px;padding:16px 20px;display:flex;position:relative}.result-row:last-child{border-bottom:none}.result-teams{justify-content:space-between;align-items:center;gap:20px;display:flex}.result-team{flex:1;align-items:center;gap:12px;display:flex}.result-team.right{text-align:right;justify-content:flex-end}.result-flag{width:24px;height:auto}.result-team-name{font-size:14px;font-weight:600}.result-score{text-align:center;flex:0 0 100px}.result-score-nums{font-family:var(--font-display);color:var(--c-yellow);letter-spacing:.05em;font-size:20px;font-weight:900}.result-time{color:var(--c-muted);font-size:12px;font-weight:600}.result-row.live{background:#00a65108}.live-indicator{color:var(--c-green);letter-spacing:.1em;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:900;display:flex}.live-dot{background:var(--c-green);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}