:root{--navy: #0b1d3a;--navy-mid: #162d54;--navy-light: #1e3d70;--gold: #c9950a;--gold-light: #f0b429;--gold-pale: #fef3c7;--red: #c0392b;--green: #16a34a;--green-pale: #dcfce7;--bg: #f5f4f0;--surface: #ffffff;--border: rgba(0,0,0,.08);--text: #0b1d3a;--text-mid: #4a5568;--text-muted: #94a3b8;--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Bebas Neue,sans-serif;letter-spacing:.04em}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;background:var(--surface);position:relative;box-shadow:0 0 40px #00000014}.app-header{background:var(--navy);padding:20px 20px 0;position:sticky;top:0;z-index:100}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.header-logo{display:flex;flex-direction:column;gap:0}.header-logo-title{font-family:Bebas Neue,sans-serif;font-size:26px;letter-spacing:.06em;color:#fff;line-height:1}.header-logo-sub{font-size:11px;color:var(--gold-light);letter-spacing:.12em;text-transform:uppercase;font-weight:300}.header-user{display:flex;align-items:center;gap:8px}.header-avatar{width:34px;height:34px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--navy);cursor:pointer}.bottom-nav{display:flex;background:var(--navy);border-top:1px solid rgba(255,255,255,.08)}.nav-tab{flex:1;padding:10px 4px 12px;background:none;border:none;color:#ffffff73;font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:color .15s;border-bottom:2px solid transparent}.nav-tab .tab-icon{font-size:18px}.nav-tab.active{color:var(--gold-light);border-bottom-color:var(--gold-light)}.page{padding:16px 16px 24px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.stat-box{background:var(--navy);border-radius:var(--radius-sm);padding:12px 8px;text-align:center}.stat-box-num{font-family:Bebas Neue,sans-serif;font-size:28px;color:var(--gold-light);line-height:1}.stat-box-label{font-size:10px;color:#ffffff80;margin-top:3px;text-transform:uppercase;letter-spacing:.08em}.section-label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:16px 0 8px}.match-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:10px;transition:box-shadow .15s}.match-card:hover{box-shadow:0 2px 12px #0000000f}.match-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.match-meta-left{font-size:12px;color:var(--text-muted)}.match-group-badge{display:inline-block;background:var(--navy);color:var(--gold-light);font-size:10px;font-weight:500;padding:2px 8px;border-radius:20px;margin-right:6px}.badge-open{background:var(--green-pale);color:#15803d;font-size:11px;padding:2px 10px;border-radius:20px;font-weight:500}.badge-closed{background:#fef3c7;color:#92400e;font-size:11px;padding:2px 10px;border-radius:20px;font-weight:500}.badge-played{background:#f1f5f9;color:#64748b;font-size:11px;padding:2px 10px;border-radius:20px;font-weight:500}.teams-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.team-side{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.team-flag{font-size:28px}.team-name{font-size:13px;font-weight:500;color:var(--text);text-align:center}.score-display{font-family:Bebas Neue,sans-serif;font-size:24px;color:var(--navy);padding:0 4px}.pred-row{display:flex;gap:6px}.pred-btn{flex:1;padding:8px 4px;font-size:12px;font-family:DM Sans,sans-serif;font-weight:500;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-mid);cursor:pointer;transition:all .15s}.pred-btn:hover{background:#e8e6e0}.pred-btn.sel-a{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.pred-btn.sel-draw{background:#fef3c7;border-color:#f59e0b;color:#92400e}.pred-btn.sel-b{background:#fce7f3;border-color:#ec4899;color:#9d174d}.score-stepper-section{margin-top:12px;padding:12px 14px 16px;background:var(--navy);border-radius:10px}.score-stepper-header{display:flex;align-items:center;gap:7px;margin-bottom:16px}.score-pts-pill{background:#c9950a2e;border:1.5px solid var(--gold);border-radius:20px;padding:2px 9px;font-size:10px;font-weight:700;color:var(--gold);letter-spacing:.5px}.score-stepper-title{font-size:12px;color:#fffc;font-weight:600}.score-stepper-required{margin-left:auto;font-size:10px;color:#f87171;font-weight:600}.score-stepper-ready{margin-left:auto;font-size:10px;color:#c9950ad9;font-weight:600}.score-steppers-wrap{display:flex;align-items:center;justify-content:center;gap:14px}.score-stepper-col{display:flex;flex-direction:column;align-items:center;gap:6px}.score-stepper-team{font-size:11px;color:#ffffff73;text-align:center;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-stepper-controls{display:flex;align-items:center;gap:10px}.score-step-btn{width:38px;height:38px;border-radius:50%;background:#ffffff0f;border:1.5px solid var(--gold);color:var(--gold);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s;line-height:1;font-family:DM Sans,sans-serif}.score-step-btn:active{background:#c9950a33}.score-step-num{font-size:52px;font-weight:700;color:#fff;min-width:46px;text-align:center;line-height:1;font-variant-numeric:tabular-nums;font-family:Bebas Neue,sans-serif}.score-step-num.empty{color:#ffffff2e;font-size:42px}.score-stepper-dash{font-size:28px;font-weight:700;color:#c9950a4d;margin-top:22px;font-family:Bebas Neue,sans-serif}.pred-result{margin-top:8px;padding:7px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;display:flex;justify-content:space-between;align-items:center}.pred-result.correct{background:var(--green-pale);color:#15803d}.pred-result.wrong{background:#fee2e2;color:#991b1b}.pred-result.pending{background:#f1f5f9;color:#64748b}.save-btn{width:100%;padding:10px;background:var(--navy);color:var(--gold-light);font-family:Bebas Neue,sans-serif;font-size:16px;letter-spacing:.08em;border:none;border-radius:var(--radius-sm);cursor:pointer;margin-top:10px;transition:background .15s}.save-btn:hover{background:var(--navy-light)}.save-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.rank-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--border)}.rank-pos{font-family:Bebas Neue,sans-serif;font-size:20px;color:var(--text-muted);width:24px;text-align:center}.rank-pos.gold{color:#d97706}.rank-pos.silver{color:#6b7280}.rank-pos.bronze{color:#a16207}.rank-avatar{width:38px;height:38px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--gold-light);flex-shrink:0}.rank-info{flex:1;min-width:0}.rank-name{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-sub{font-size:11px;color:var(--text-muted);margin-top:1px}.rank-pts-col{text-align:right}.rank-pts-num{font-family:Bebas Neue,sans-serif;font-size:22px;color:var(--navy)}.rank-pts-label{font-size:10px;color:var(--text-muted)}.flash-hero{background:var(--navy);border-radius:var(--radius);padding:16px;margin-bottom:16px;border:2px solid var(--gold)}.flash-hero-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.flash-bolt{width:32px;height:32px;background:var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.flash-hero-title{font-family:Bebas Neue,sans-serif;font-size:22px;color:#fff;letter-spacing:.04em}.flash-hero-dates{font-size:12px;color:#ffffff8c;margin-top:2px}.flash-hero-desc{font-size:13px;color:#ffffffb3}.form-group{margin-bottom:14px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--text-mid);margin-bottom:5px}.form-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:14px;background:var(--bg);color:var(--text);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--navy);box-shadow:0 0 0 2px #0b1d3a1a}.form-error{font-size:12px;color:var(--red);margin-top:4px}.primary-btn{width:100%;padding:12px;background:var(--navy);color:#fff;font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:.08em;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.primary-btn:hover{background:var(--navy-light)}.primary-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.gold-btn{background:var(--gold);color:var(--navy)}.gold-btn:hover{background:var(--gold-light)}.auth-screen{min-height:100vh;background:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.auth-card{background:var(--surface);border-radius:var(--radius);padding:28px 24px;width:100%;max-width:380px}.auth-logo{text-align:center;margin-bottom:28px}.auth-logo-title{font-family:Bebas Neue,sans-serif;font-size:40px;letter-spacing:.06em;color:var(--gold-light);line-height:1}.auth-logo-sub{font-size:12px;color:#ffffff80;letter-spacing:.14em;text-transform:uppercase}.admin-badge{display:inline-block;background:var(--gold);color:var(--navy);font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.08em}.admin-section{border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:12px}.admin-section-title{font-family:Bebas Neue,sans-serif;font-size:18px;color:var(--navy);margin-bottom:12px;display:flex;align-items:center;gap:8px}.rules-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.rules-pts{font-family:Bebas Neue,sans-serif;font-size:32px;color:var(--navy);line-height:1;min-width:40px;text-align:center}.rules-pts-gold{color:var(--gold)}.rules-text{font-size:14px;color:var(--text);font-weight:500}.rules-note{font-size:12px;color:var(--text-muted);margin-top:2px}.divider{height:1px;background:var(--border);margin:16px 0}.text-center{text-align:center}.text-muted{color:var(--text-muted);font-size:13px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.gap-btn{display:flex;flex-direction:column;gap:8px}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--navy);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{min-height:200px;display:flex;align-items:center;justify-content:center}.flash-history-card{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.flash-winner-badge{font-size:12px;background:var(--gold-pale);color:#92400e;padding:2px 8px;border-radius:20px;font-weight:500}