:root{--page-width:900px;--page-side-padding:16px}*{box-sizing:border-box}html{min-height:100%}body{color:#fff;background:linear-gradient(#480d9d 0%,#2b085e 100%);min-height:100vh;margin:0;font-family:Arial,sans-serif}button,input{font:inherit}button{color:#2b085e;cursor:pointer;background:#f6b800;border:0;border-radius:999px;min-height:52px;padding:12px 20px;font-weight:800}button:disabled{cursor:wait;opacity:.65}input{color:#2b085e;background:#fff;border:2px solid #d9d3e4;border-radius:12px;width:100%;min-height:52px;padding:0 16px}input:focus{border-color:#f6b800;outline:3px solid #f6b80059}input:disabled{color:#746b80;cursor:not-allowed;background:#f2eff6}h1{margin:0 0 12px;font-size:36px;line-height:1.1}p{line-height:1.5}form{gap:12px;margin-top:24px;display:grid}label{font-weight:700}.page{place-items:center;min-height:100vh;padding:24px;display:grid}.card{color:#2b085e;background:#fff;border-radius:20px;width:min(100%,480px);padding:32px;box-shadow:0 16px 40px #0003}.card h1{text-align:center}.button-secondary{color:#2b085e;background:0 0;border:2px solid #2b085e;border-radius:8px;min-height:30px;padding:6px 14px;font-size:14px}.optional{opacity:.65;font-weight:400}#message,#save-message{min-height:24px;margin:4px 0 0}#login-code{text-align:center;letter-spacing:8px;font-size:28px;font-weight:800}.predictions-page{min-height:100vh;padding:24px 0}.predictions-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.predictions-header h1{text-align:left}.eyebrow{text-transform:uppercase;letter-spacing:1px;margin:0 0 4px;font-size:14px;font-weight:800}.header-actions{gap:8px;display:flex}#predictions-form{margin:0;display:block}.matches-list{gap:14px;display:grid}.bonus-section{margin-top:32px}.bonus-section .bonus-helper{color:#ffffffe6;max-width:760px;margin:0 0 24px;line-height:1.7}.bonus-card{background:#fff;border-radius:20px;padding:0;display:grid;overflow:hidden;box-shadow:0 8px 24px #00000024}.bonus-card-header{text-align:center;background:#f3f4f6;padding:16px 20px}.bonus-card-header h2{color:#1f355f;margin:0;font-size:20px;font-weight:700}.bonus-card-body{gap:24px;padding:24px 20px 20px;display:grid}.bonus-question{text-align:center;gap:14px;display:grid}.bonus-question+.bonus-question{border-top:1px solid #eaedf2;padding-top:22px}.bonus-question-text{color:#1f355f;font-size:17px;font-weight:700;line-height:1.35}.rules-card{color:#2b085e;background:#fff;border-radius:20px;width:100%;overflow:hidden;box-shadow:0 8px 24px #00000024}.rules-card-header{text-align:center;background:#f3f4f6;padding:20px 24px}.rules-card-header h2{color:#1f355f;margin:0;font-size:22px;font-weight:700}.rules-card-body{gap:24px;padding:24px 28px 28px;display:grid}.rule-section{gap:12px;display:grid}.rule-section-title{color:#1f355f;margin:0;font-size:18px;font-weight:700}.rule-section-copy{color:#24324d;margin:0;font-size:15px;line-height:1.7}.rule-note{color:#5c697d;margin:0;font-size:14px;line-height:1.6}.scoring-list{gap:12px;display:grid}.scoring-row{border-bottom:1px solid #eaedf2;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:12px 0;display:grid}.scoring-row:last-child{border-bottom:none}.scoring-row-label{color:#1f355f;font-weight:700}.scoring-row-score{color:#24324d;white-space:nowrap;font-weight:700}.bonus-card input{text-align:center;width:220px;max-width:100%;height:64px;margin:0 auto;font-size:22px}@media (width<=640px){.bonus-question-text{font-size:16px;line-height:1.25}.bonus-card input{width:200px;height:58px}}.match-card{color:#2b085e;background:#fff;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000024}.match-card-header{text-align:center;background:#f3f4f6;padding:16px 20px}.match-card-header .match-date{color:#17823f;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:16px;font-weight:700}.match-card-skeleton{color:#0000}.match-card-skeleton .match-card-header,.match-card-skeleton .match-venue,.match-card-skeleton .club-name,.match-card-skeleton .match-layout>.match-ball{background:0 0}.skeleton-line,.skeleton-input,.skeleton-circle,.skeleton-ball{background:linear-gradient(90deg,#ededed 25%,#f7f7f7 50%,#ededed 75%) 0 0/200% 100%;animation:1.2s ease-in-out infinite shimmer}.skeleton-date{border-radius:999px;width:40%;height:16px;margin:0 auto}.skeleton-venue{border-radius:999px;width:50%;height:16px;margin:16px auto 0}.skeleton-circle{border-radius:50%;width:64px;height:64px;margin:0 auto}.skeleton-club-name{border-radius:12px;width:70%;height:22px;display:inline-block}.skeleton-input{border-radius:12px;width:56px;height:56px}.skeleton-ball{border-radius:50%;width:36px;height:36px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.leaderboard-card{width:100%}.leaderboard-list{display:grid}.leaderboard-row{border-top:1px solid #eaedf2;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px 20px;display:grid}.leaderboard-row:first-child{border-top:none}.leaderboard-position{color:#4b4f5c;white-space:nowrap;font-size:13px;font-weight:700}.leaderboard-name{color:#1f355f;font-size:17px;font-weight:700}.leaderboard-points{color:#1f355f;text-align:right;white-space:nowrap;font-size:15px;font-weight:700}@media (width<=640px){.leaderboard-row{gap:10px;padding:14px 16px}.leaderboard-name{font-size:16px}.leaderboard-points{font-size:14px}}.match-venue{text-align:center;color:#1f355f;margin:20px 0 18px;font-weight:700}.match-layout{grid-template-columns:72px minmax(90px,1fr) 64px 48px 64px minmax(90px,1fr) 72px;justify-content:center;align-items:center;gap:12px;width:100%;max-width:820px;margin:0 auto;padding:0 16px 16px;display:grid}.club-logo{object-fit:contain;width:64px;height:64px}.club-name{color:#1f355f;font-size:20px;font-weight:700}.club-name-home{text-align:right}.club-name-away{text-align:left}.match-card input{text-align:center;border-radius:12px;width:56px;height:56px;padding:0;font-size:22px;font-weight:700}.match-ball{place-items:center;width:36px;height:36px;display:grid}.predictions-actions{gap:10px;margin-top:24px;display:grid}#save-message{text-align:center;margin:0}#floating-save-button{z-index:1200;color:#2b085e;font:inherit;opacity:0;pointer-events:none;background:#f6b800;border:0;border-radius:999px;width:calc(100% - 32px);max-width:320px;padding:12px 20px;font-weight:800;transition:opacity .2s,transform .2s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(12px);box-shadow:0 10px 30px #0000001f}#floating-save-button.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}@media (width<=640px){.page{padding:16px}.card{border-radius:16px;padding:24px}h1{font-size:30px}.predictions-page{padding:16px 0}.predictions-header{gap:16px;display:grid}.header-actions{width:100%}.rules-card{border-radius:16px}.rules-card-header{padding:16px 18px}.rules-card-header h2{font-size:20px}.rules-card-body{gap:18px;padding:18px 18px 20px}.rule-section-title{font-size:17px}.rule-section-copy,.rule-note{font-size:14px}.scoring-row{gap:12px;padding:10px 0}.header-actions button{flex:1}.match-card{border-radius:14px}.match-card-header .match-date{letter-spacing:.08em;white-space:nowrap;font-size:14px}.match-layout{grid-template:"home-logo.away-logo""home-score ball away-score""home-name.away-name"/1fr auto 1fr;place-items:center;row-gap:14px;padding:0 12px 12px;display:grid}.match-layout>.club-logo:first-of-type{grid-area:home-logo}.match-layout>.club-logo:last-of-type{grid-area:away-logo}.match-layout input[name=home-score]{grid-area:home-score}.match-layout input[name=away-score]{grid-area:away-score}.match-ball{grid-area:ball;width:34px;height:34px}.club-name-home{grid-area:home-name}.club-name-away{grid-area:away-name}.club-logo{width:60px;height:60px}.club-name{font-size:18px}.match-card input{width:52px;height:52px;font-size:18px}#floating-save-button{width:200px;max-width:200px;height:40px;padding:8px 14px;font-size:14px}}@media (width<=420px){.match-layout{grid-template-columns:1fr auto 1fr;row-gap:12px;padding:0 10px 10px}.club-logo{width:54px;height:54px}.club-name{font-size:16px}.match-card input{width:46px;height:46px;font-size:16px}.match-ball{width:30px;height:30px}}.app-header{z-index:1000;background:#fff;border-bottom:1px solid #00000014;transition:box-shadow .25s;position:sticky;top:0;box-shadow:0 0 #0000}.app-header.compact{box-shadow:0 6px 18px #00000014}.app-header-inner{justify-content:space-between;align-items:center;width:100%;padding:8px 0;transition:padding .25s;display:flex}.app-header-logo{object-fit:contain;flex-shrink:0;width:auto;height:52px;transition:height .25s}.app-header.compact .app-header-logo{height:34px}.app-header.compact .app-header-inner{padding:2px 0}.app-header-actions{gap:12px;display:flex}.app-header .button-secondary{height:30px;padding:0 14px;transition:height .25s,padding .25s,font-size .25s}.app-header.compact .button-secondary{height:22px;padding:0 10px;font-size:12px}.card{position:relative}.toast-container{z-index:2000;opacity:0;pointer-events:none;transition:opacity .2s;position:fixed;top:90px;left:50%;transform:translate(-50%)}.toast-container.toast-rendered{pointer-events:auto}.toast-container.toast-visible{opacity:1}.toast-card{color:#2b085e;background:#f6b800;border-radius:16px;min-width:280px;max-width:460px;padding:14px 18px 12px;font-weight:700;position:relative;box-shadow:0 12px 28px #0000002e}.toast-card--warning{color:#2b085e;background:#f59e0b}.toast-header{justify-content:center;align-items:flex-start;gap:8px;padding-right:24px;display:flex;position:relative}.toast-content{justify-content:center;display:flex}.toast-title{text-align:center;width:100%;margin:0 0 4px;font-size:16px}.toast-body{text-align:center;max-width:320px;margin:0 auto;font-size:14px;font-weight:400;line-height:1.5}.toast-close-button{color:#2b085e;cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;line-height:1;position:absolute;top:10px;right:10px}.toast-close-button:focus-visible{outline-offset:2px;outline:2px solid #2a085ecc}.profile-close-button{color:#444;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin:0;padding:0;font-size:22px;font-weight:400;line-height:1;transition:transform .2s;display:flex;position:absolute;top:6px;right:6px}.profile-close-button:hover{transform:scale(1.1)}.profile-close-button:focus-visible{outline-offset:2px;outline:2px solid #f9b500}.page-container{width:min(var(--page-width), calc(100% - (2 * var(--page-side-padding))));margin:0 auto}.competition-intro{margin:32px auto 5px}.competition-intro h1{margin:0 0 20px;font-size:42px;font-weight:700;line-height:1.1}.competition-intro-text{max-width:760px}.competition-intro-text p{color:#ffffffe6;margin:0 0 18px;line-height:1.7}.competition-tabs-container{justify-content:flex-end;margin-top:28px;display:flex}.competition-tabs{gap:var(--competition-tab-gap,8px);padding:var(--competition-tab-padding,4px);color:#2b085e;--competition-tab-gap:8px;--competition-tab-padding:4px;--competition-slider-inset:2px;background:#fff;border:1px solid #d9d3e4;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative;overflow:hidden}.competition-tabs-slider{height:calc(100% - 8px);top:calc(50% - 2px);left:var(--competition-slider-inset);width:calc(100% - (2 * var(--competition-slider-inset)));z-index:0;background:#f6b800;border-radius:999px;grid-area:1/1/auto/2;transition:transform .26s;position:absolute;transform:translateY(-50%)}.competition-tabs.active-leaderboard .competition-tabs-slider{transform:translateX(calc(100% + var(--competition-tab-gap))) translateY(-50%)}.competition-tabs.active-rules .competition-tabs-slider{transform:translateX(calc((100% + var(--competition-tab-gap)) * 2)) translateY(-50%)}.competition-tabs>.competition-tab:first-of-type{grid-column:1}.competition-tabs>.competition-tab:nth-of-type(2){grid-column:2}.competition-tabs>.competition-tab:nth-of-type(3){grid-column:3}.competition-tab{z-index:1;color:#2b085e;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:100%;height:100%;min-height:44px;padding:10px 14px;font-weight:400;transition:color .2s;display:flex;position:relative}.competition-tab.active{font-weight:700}.competition-tab:focus-visible{outline-offset:2px;outline:3px solid #f6b80059}.competition-tab-label-mobile{display:none}@media (width<=640px){.competition-tab-label-desktop{display:none}.competition-tab-label-mobile{display:inline}.competition-tabs{--competition-tab-gap:4px;gap:4px;width:100%;max-width:100%}.competition-tab{min-height:40px;padding:8px;font-size:13px}}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.app-header-action-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.app-header-action-icon{flex-shrink:0;width:20px;height:20px;display:block}@media (width<=640px){.app-header-action-label{display:none}.app-header-action-button{width:40px;height:40px;padding:0}}