:root{--field:#243b2c;--field-deep:#132318;--moss:#606c38;--sage:#8b9d83;--sand:#e8dcc7;--oat:#d4b895;--clay:#b08b6e;--terracotta:#c66b3d;--ochre:#c08e3a;--ink:#182319;--muted:#5f6b5d;--panel:#e8dcc7;--panel-soft:#d4b895;--line:rgba(24,35,25,0.16);--line-strong:rgba(24,35,25,0.34);--danger:#8f2f2a;--success:#4f6f35;--shadow:0 18px 45px rgba(19,35,24,0.28);--radius:22px}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:radial-gradient(circle at 18% 0,rgba(192,142,58,.22),transparent 28rem),radial-gradient(circle at 84% 8%,rgba(139,157,131,.28),transparent 24rem),linear-gradient(160deg,var(--field-deep),var(--field) 58%,#324c35);color:var(--ink);font-family:ui-rounded,Avenir Next,Nunito Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}a{color:inherit;-webkit-text-decoration-color:rgba(24,35,25,.36);text-decoration-color:rgba(24,35,25,.36);text-underline-offset:.18em}button,input,select{font:inherit}.button-link,.primary-link,button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.45rem;padding:.65rem 1rem;border:1px solid rgba(24,35,25,.2);border-radius:999px;background:var(--field);color:var(--sand);box-shadow:none;cursor:pointer;font-weight:800;line-height:1;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button-link:hover,.primary-link:hover,button:hover{transform:translateY(-1px);background:#2e4b37}button:disabled{cursor:not-allowed;opacity:.5}.primary-link{background:var(--ochre);color:var(--ink)}.button-link{background:rgba(36,59,44,.08);color:var(--ink)}input,select{width:100%;min-height:2.85rem;padding:.64rem .85rem;border:1px solid var(--line-strong);border-radius:16px;background:rgba(232,220,199,.76);color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--moss);box-shadow:0 0 0 4px rgba(96,108,56,.18)}label{display:grid;grid-gap:.38rem;gap:.38rem;color:var(--muted);font-size:.88rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.55rem;margin-right:auto;margin-left:auto;max-width:12ch;color:var(--sand);font-size:clamp(2.15rem,8vw,5.25rem);line-height:.92}h1,h2{font-weight:900;text-align:center}h2{margin:0;color:var(--ink);font-size:clamp(1.05rem,2.4vw,1.55rem);line-height:1.08}h3{margin-bottom:.45rem;font-size:1rem}.page{min-height:100vh;padding:1rem 1rem 5.75rem}.app-shell,.auth-page,.shell{width:min(1120px,100%);margin:0 auto}.app-shell,.shell{position:relative;display:grid;grid-gap:1rem;gap:1rem}.app-shell>:not(.mobile-bottom-nav,.mascot-quote),.shell>*{animation:page-switch-in .26s cubic-bezier(.2,.8,.2,1) both}.auth-page{display:grid;min-height:calc(100vh - 2rem);align-content:center;grid-gap:1rem;gap:1rem;animation:page-switch-in .28s cubic-bezier(.2,.8,.2,1) both}.auth-page.wide{width:min(800px,100%)}.site-header,.topbar{position:-webkit-sticky;position:sticky;top:.75rem;z-index:30;display:grid;grid-template-columns:minmax(8rem,auto) minmax(0,1fr);grid-gap:.75rem;gap:.75rem;align-items:center;padding:.55rem;border:1px solid rgba(232,220,199,.18);border-radius:24px;overflow:hidden;background:linear-gradient(110deg,rgba(232,220,199,.08),transparent 32%,rgba(192,142,58,.12) 50%,transparent 68%),rgba(19,35,24,.86);color:var(--sand);box-shadow:0 12px 35px rgba(0,0,0,.22);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:header-float .52s ease both}.site-header:before,.topbar:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(105deg,transparent 0 35%,rgba(232,220,199,.16) 48%,transparent 62% 100%);transform:translateX(-120%);animation:header-sheen 5.5s ease-in-out infinite}.topbar>div{justify-self:center;text-align:center}.sidebar-toggle{display:none}.brand{color:var(--sand);font-weight:900;text-decoration:none}.brand,.brand-mark{display:inline-flex;min-width:0;align-items:center}.brand-mark{gap:.62rem}.brand-mark img{width:2.25rem;height:2.25rem;flex:0 0 auto;object-fit:contain;animation:brand-pulse 3.2s ease-in-out infinite}.brand-mark span{max-width:clamp(8rem,20vw,20rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-menu{justify-content:flex-end;flex-wrap:wrap;gap:.45rem}.auth-links,.nav-links,.sidebar-menu{display:flex;min-width:0;align-items:center}.auth-links,.nav-links{gap:.24rem}.nav-links{flex:1 1 auto;flex-wrap:wrap}.auth-links,.nav-links{justify-content:flex-end}.auth-links{flex:0 0 auto;min-width:4.9rem}.auth-links a,.link-button,.nav-links a{display:inline-flex;min-height:2.3rem;align-items:center;justify-content:center;padding:.55rem .8rem;border:0;border-radius:999px;background:transparent;color:rgba(232,220,199,.82);font-size:.86rem;font-weight:850;line-height:1;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease;white-space:nowrap}.auth-links a:hover,.link-button:hover,.nav-links a:hover{transform:translateY(-1px)}.auth-links a.active,.link-button:hover,.nav-links a.active{background:var(--sand);color:var(--ink)}.desktop-logout{height:2.3rem;min-height:2.3rem;align-self:center;margin:0;line-height:1}.mobile-bottom-nav{position:fixed;right:.85rem;bottom:.85rem;left:.85rem;z-index:40;display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;width:min(520px,calc(100% - 1.7rem));margin:0 auto;padding:.45rem;border:1px solid rgba(232,220,199,.18);border-radius:28px;background:rgba(19,35,24,.9);box-shadow:0 15px 40px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-bottom-nav a,.mobile-bottom-nav>.mobile-other-menu>button{display:grid;min-height:3.25rem;align-items:center;justify-items:center;border-radius:22px;color:rgba(232,220,199,.72);font-size:.78rem;font-weight:900;text-decoration:none}.mobile-bottom-nav a.active,.mobile-bottom-nav>.mobile-other-menu>button.active{background:var(--sand);color:var(--ink)}.mobile-other-menu{position:relative}.mobile-bottom-nav>.mobile-other-menu>button{width:100%;padding:0;border:0;background:transparent;box-shadow:none}.mobile-other-popover{position:absolute;right:0;bottom:calc(100% + .75rem);display:grid;grid-gap:.3rem;gap:.3rem;width:10.5rem;padding:.45rem;border:1px solid rgba(232,220,199,.24);border-radius:18px;background:var(--field-deep);box-shadow:0 18px 45px rgba(0,0,0,.36)}.mobile-other-popover a,.mobile-other-popover button{min-height:2.5rem;justify-content:flex-start;padding:.55rem .7rem;border:0;border-radius:13px;background:transparent;color:var(--sand);box-shadow:none;font-size:.76rem;text-align:left}.mobile-other-popover a.active,.mobile-other-popover a:hover,.mobile-other-popover button:hover{background:rgba(232,220,199,.14);color:var(--sand);transform:none}.mobile-other-popover button{min-height:2rem;margin-top:.15rem;border-top:1px solid rgba(232,220,199,.16);border-radius:0 0 13px 13px;color:rgba(232,220,199,.68);font-size:.68rem}@keyframes header-float{0%{opacity:0;transform:translateY(-.35rem)}to{opacity:1;transform:translateY(0)}}@keyframes header-sheen{0%,44%{transform:translateX(-120%)}68%,to{transform:translateX(120%)}}@keyframes brand-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06) rotate(-2deg)}}@keyframes page-switch-in{0%{opacity:0;transform:translateY(.7rem) scale(.992)}62%{opacity:1;transform:translateY(-.05rem) scale(1.001)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panel-pop-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}.hero-grid{grid-template-columns:minmax(0,1fr);gap:.8rem;justify-items:center;padding:clamp(2.2rem,8vw,5.5rem) .35rem 1rem;text-align:center}.hero-grid,.section-number{display:none}.lead{max-width:58ch;margin:0 auto;color:rgba(232,220,199,.82);font-size:clamp(1rem,2vw,1.18rem);line-height:1.5}.about-panel{margin-top:.75rem}.about-panel h1{color:var(--ink);font-size:clamp(2rem,6vw,4rem)}.about-copy{max-width:58ch;margin:0 auto;color:var(--muted);font-size:clamp(1rem,2vw,1.15rem);line-height:1.6;text-align:center}.about-copy a{color:var(--ink);font-weight:900}.about-credits{margin-top:1.4rem}.about-credits span{display:block;margin-bottom:.25rem;color:var(--ink);font-weight:900}.muted{margin-bottom:0;color:var(--muted);line-height:1.45}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.auth-panel,.mascot-panel,.panel{overflow:hidden;border:1px solid rgba(24,35,25,.14);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.auth-panel:has(.searchable-select),.award-picker:has(.searchable-select),.mascot-panel:has(.searchable-select),.panel:has(.searchable-select),.tournament-query-card:has(.searchable-select){overflow:visible}.auth-panel,.panel{padding:clamp(1rem,3vw,1.35rem)}.mascot-panel{padding:.75rem}.match-day-heading,.section-heading,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-heading{justify-content:center;text-align:center}.section-heading span{display:none}.form,.rules-body,.table-list{display:grid;grid-gap:.75rem;gap:.75rem}.tournament-form{gap:1rem}.tournament-awards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.tournament-query-card{display:grid;grid-gap:.75rem;gap:.75rem;padding:1rem;border:1px solid rgba(24,35,25,.14);border-radius:18px;background:rgba(255,255,255,.18);box-shadow:0 10px 22px rgba(19,35,24,.1)}.award-picker{align-content:start}.leaderboard-row,.match-row,.prediction-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.85rem;gap:.85rem;align-items:center;padding:.82rem;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.22)}.match-row strong{display:block;overflow-wrap:anywhere;font-size:.98rem}.score-block{min-width:4rem;padding:.5rem .65rem;border-radius:14px;background:var(--field);color:var(--sand);font-weight:950;text-align:center}.message{padding:.88rem 1rem;border:1px solid rgba(96,108,56,.24);border-radius:18px;background:var(--sand);color:var(--ink);box-shadow:var(--shadow)}.message.error{border-color:rgba(143,47,42,.34);color:var(--danger)}.welcome-body{gap:1rem}.welcome-step{display:grid;grid-gap:.75rem;gap:.75rem;animation:welcome-step-in .28s ease both}.welcome-slide-heading{display:flex;align-items:center;justify-content:center;gap:.7rem}.welcome-slide-heading img{width:3.1rem;height:3.1rem;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(24,35,25,.16))}.welcome-slide-heading h3{margin:0;color:var(--field);font-size:1.18rem;font-weight:950;text-align:center}.rules-modal .rules-body p,.welcome-step p{margin:0;color:#243b2c;font-size:clamp(1rem,2vw,1.14rem);font-weight:760;line-height:1.42;text-align:center}.rules-sections{gap:.85rem}.rules-card{display:grid;grid-gap:.62rem;gap:.62rem;padding:.9rem;border:1px solid rgba(31,86,56,.16);border-radius:18px;background:rgba(255,255,255,.2);box-shadow:0 10px 22px rgba(19,35,24,.1)}.rules-card h3{margin:0;color:var(--field);font-size:1rem;font-weight:950;text-align:center}.score-rule-list{display:grid;grid-gap:.5rem;gap:.5rem}.score-rule-list div{display:grid;grid-template-columns:3.4rem minmax(0,1fr);align-items:center;grid-gap:.65rem;gap:.65rem;padding:.55rem .65rem;border:1px solid rgba(31,86,56,.13);border-radius:14px;background:rgba(232,220,199,.42)}.score-rule-list strong{display:inline-flex;min-height:2.15rem;align-items:center;justify-content:center;border-radius:999px;background:var(--field);color:var(--sand);font-size:1.02rem;font-weight:950}.rules-examples span,.rules-examples strong,.score-rule-list span{color:#243b2c;font-size:.95rem;font-weight:820;line-height:1.28}.rules-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.rules-examples div{display:grid;grid-gap:.26rem;gap:.26rem;padding:.56rem .62rem;border:1px solid rgba(31,86,56,.13);border-radius:14px;background:rgba(232,220,199,.42);text-align:center}.rules-examples strong{color:var(--field);font-weight:950}.welcome-progress{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--muted);font-size:.78rem;font-weight:950;letter-spacing:0}.welcome-dots{display:flex;gap:.38rem}.welcome-dot{width:.48rem;height:.48rem;border-radius:999px;background:rgba(31,86,56,.22);transition:width .18s ease,background .18s ease}.welcome-dot.is-active{width:1.35rem;background:var(--field)}.welcome-actions{display:flex;justify-content:flex-end}.welcome-actions button{min-width:7rem}@keyframes welcome-step-in{0%{opacity:0;transform:translateX(.7rem)}to{opacity:1;transform:translateX(0)}}.admin-actions,.hero-actions,.lucky-action{display:flex;flex-wrap:wrap;gap:.65rem}.leaderboard-select{margin-bottom:1rem}.searchable-select{position:relative;width:100%}.select-hidden-input{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;pointer-events:none}.searchable-select-trigger{width:100%;min-height:2.85rem;justify-content:space-between;padding:.64rem .85rem;border:1px solid var(--line-strong);border-radius:18px;background:rgba(232,220,199,.82);color:var(--ink);box-shadow:0 10px 22px rgba(19,35,24,.08);font-weight:850;text-align:left}.searchable-select-trigger:hover{background:var(--sand)}.searchable-select-trigger span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-caret{width:.62rem;height:.62rem;flex:0 0 auto;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg) translateY(-2px);transition:transform .22s ease}.searchable-select.is-open .select-caret{transform:rotate(225deg) translate(-2px,-1px)}.searchable-select-menu{position:absolute;top:calc(100% + .45rem);right:0;left:0;z-index:80;display:grid;grid-gap:.5rem;gap:.5rem;max-height:19rem;padding:.55rem;border:1px solid rgba(24,35,25,.16);border-radius:22px;background:var(--sand);box-shadow:0 18px 45px rgba(19,35,24,.24);opacity:0;pointer-events:none;transform:translateY(-.5rem) scale(.98);transform-origin:top;transition:opacity .24s ease,transform .24s ease}.searchable-select.is-open .searchable-select-menu{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.searchable-select-search{min-height:2.5rem;border-radius:16px;background:rgba(255,255,255,.22)}.searchable-select-options{display:grid;grid-gap:.25rem;gap:.25rem;max-height:13rem;overflow:auto;overscroll-behavior:contain}.searchable-select-options button{width:100%;min-height:2.45rem;justify-content:flex-start;border:0;border-radius:15px;background:transparent;color:var(--ink);box-shadow:none;font-weight:800;text-align:left}.searchable-select-options button.is-active,.searchable-select-options button:hover{background:rgba(96,108,56,.16)}.searchable-select-options button[aria-selected=true]{background:var(--field);color:var(--sand)}.searchable-select-empty{margin:0;padding:.7rem;color:var(--muted)}.leaderboard-list{display:grid;grid-gap:.55rem;gap:.55rem}.leaderboard-row{grid-template-columns:2.2rem minmax(0,1fr) auto}.leaderboard-row>span:first-child,.leaderboard-row>span:last-child{font-weight:950;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.leaderboard-row.is-current-user{border-color:rgba(192,142,58,.8);background:rgba(192,142,58,.2);box-shadow:inset 4px 0 0 var(--ochre)}.leaderboard-person,.team-name{display:inline-flex;min-width:0;align-items:center;gap:.5rem}.leaderboard-identity{display:grid;min-width:0}.leaderboard-identity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-identity small{color:var(--muted);font-weight:750}.team-flag{width:1.65rem;height:1.65rem;flex:0 0 auto;border-radius:50%;object-fit:cover}.match-day{display:grid;grid-gap:.85rem;gap:.85rem;border:0;border-radius:0}.match-day,.predictions-panel{padding:0;background:transparent}.predictions-panel{border:0;box-shadow:none;overflow:visible}.predictions-panel>.section-heading{display:none}.match-day-heading{position:relative;display:grid;grid-template-columns:auto minmax(2rem,1fr) auto;grid-gap:.65rem;gap:.65rem;align-items:center;margin:.5rem 0 0}.match-day-heading>div:first-child{order:1}.match-day-heading:after{order:2;content:"";height:1px;background:rgba(95,107,93,.18)}.match-day-heading .lucky-action{order:3}.match-day-heading h3{margin:0;color:#aab3bd;font-size:clamp(.86rem,1.6vw,1.05rem);font-weight:950;letter-spacing:.12em;text-transform:uppercase}.prediction-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.prediction-row{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:.45rem;gap:.45rem;min-height:8.8rem;padding:clamp(.72rem,1.35vw,.95rem);border:1px solid rgba(24,35,25,.1);border-radius:18px;background:var(--panel);box-shadow:0 8px 22px rgba(19,35,24,.13)}.match-row.is-preferred-team-match,.result-row.is-preferred-team-match{border-color:rgba(192,142,58,.8);background:linear-gradient(rgba(192,142,58,.36),rgba(192,142,58,.36)),var(--panel);box-shadow:inset 4px 0 0 var(--ochre)}.result-table-wrap{overflow-x:auto;border:1px solid var(--line-strong);border-radius:18px;background:var(--sand)}.result-table{width:100%;border-collapse:collapse}.result-table td,.result-table th{padding:.85rem 1rem;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}.result-table th{background:var(--field);color:var(--sand);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.result-table td:first-child,.result-table th:first-child{text-align:left}.result-table tbody tr:last-child td{border-bottom:0}.result-row{cursor:pointer;transition:background .18s ease}.result-row:focus-visible,.result-row:hover{background:rgba(139,157,131,.22);outline:none}.result-row.is-preferred-team-match{transform:none}.result-row.is-preferred-team-match td:first-child{box-shadow:inset .42rem 0 0 var(--ochre)}.result-table .muted{margin-top:.25rem;font-size:.78rem}.fixture-teams{display:grid;grid-template-columns:minmax(0,1fr) minmax(6.6rem,.58fr) minmax(0,1fr);grid-gap:.5rem;gap:.5rem;align-items:start;min-height:3.5rem}.fixture-team{min-width:0;color:#25292d;font-size:clamp(.86rem,1.3vw,1.05rem);font-weight:900}.fixture-team-away{display:flex;justify-content:flex-end;text-align:right}.fixture-team .team-name{width:100%;align-items:flex-start;line-height:1.12}.fixture-team-home .team-name{justify-content:flex-start}.fixture-team-away .team-name{margin-left:auto;justify-content:flex-start;flex-direction:row-reverse}.fixture-team-away .team-name>span:last-child{min-width:0;text-align:right}.fixture-team .team-flag,.fixture-team .team-flag-emoji{width:1.65rem;height:1.65rem;border-radius:0;font-size:1.55rem;line-height:1}.fixture-center{display:grid;justify-items:center;align-self:start;text-align:center}.fixture-center .match-time{color:#194d31;font-size:clamp(1.02rem,1.8vw,1.28rem);font-weight:950;letter-spacing:.02em}.fixture-center span:not(.match-time){color:#a8b0ba;font-size:.72rem;font-weight:850}.fixture-center strong{color:#a8b0ba;font-size:.72rem;text-transform:uppercase}.fixture-meta{display:none}.prediction-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:.4rem;gap:.4rem;align-items:center}.score-pair{display:grid;grid-template-columns:repeat(2,minmax(3.2rem,1fr));grid-gap:.35rem;gap:.35rem;padding:.2rem;border:2px solid #1f5638;border-radius:999px;background:rgba(232,220,199,.58);box-shadow:0 7px 14px rgba(31,86,56,.08)}.score-input{min-height:2rem;padding:.1rem .5rem;border:0;border-radius:999px;background:rgba(95,107,93,.28);color:#59625b;font-size:.98rem;font-weight:950;text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.score-input::-webkit-inner-spin-button,.score-input::-webkit-outer-spin-button{margin:0;appearance:none;-webkit-appearance:none}.score-input:focus{box-shadow:0 0 0 3px rgba(31,86,56,.16)}.score-input.has-score{background:rgba(79,111,53,.18);color:var(--success)}.score-input.is-saved{background:rgba(31,86,56,.32);color:#194d31}.match-time{color:var(--success);font-size:.78rem;font-weight:900}.prediction-form button{min-height:2.2rem;padding:.35rem .62rem;border:2px solid rgba(31,86,56,.18);border-radius:10px;background:rgba(31,86,56,.04);color:#194d31;font-size:.76rem;white-space:nowrap;justify-self:stretch}.prediction-form button:hover{background:rgba(31,86,56,.09);color:#194d31}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem;background:rgba(9,17,11,.68);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-prompt-modal,.mascot-modal,.prediction-viewer-modal,.rules-modal,.welcome-modal{width:min(520px,100%);max-height:min(720px,calc(100vh - 2rem));overflow:auto;padding:1rem;border:1px solid rgba(24,35,25,.18);border-radius:24px;background:var(--sand);box-shadow:0 30px 80px rgba(0,0,0,.38)}.prediction-viewer-modal{width:min(760px,100%);background:var(--sand)}.prediction-viewer-body,.prediction-viewer-list,.prediction-viewer-section{display:grid;grid-gap:.75rem;gap:.75rem}.viewer-batch-select{width:min(18rem,100%)}.prediction-viewer-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(5rem,auto) auto auto;grid-gap:.75rem;gap:.75rem;align-items:center;padding:.75rem;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.prediction-viewer-row.is-exact{border-color:var(--ochre);box-shadow:inset 4px 0 0 var(--ochre)}.prediction-separator{padding-top:.4rem;border-top:1px solid var(--line-strong);color:var(--muted);font-size:.82rem;font-weight:900}.mascot-grid{display:grid;grid-gap:.75rem;gap:.75rem}.mascot-grid button{display:grid;grid-template-columns:4rem minmax(0,1fr);justify-items:start;min-height:5rem;border-radius:20px;background:rgba(255,255,255,.24);color:var(--ink);text-align:left}.mascot-grid button.is-selected{border-color:var(--moss);background:rgba(139,157,131,.24)}.mascot-grid img{grid-row:span 2;width:3.3rem;height:3.3rem;object-fit:contain}.mascot-grid small{color:var(--muted);line-height:1.35}.auth-helper{margin:.85rem 0 0;color:var(--muted)}.mascot-quote{position:fixed;top:5.7rem;left:50%;z-index:80;display:grid;grid-template-columns:auto minmax(0,1fr) auto;width:min(620px,calc(100vw - 1.5rem));align-items:center;grid-gap:.85rem;gap:.85rem;overflow:hidden;border-color:rgba(31,86,56,.26);background:radial-gradient(circle at 8% 0,rgba(192,142,58,.22),transparent 9rem),linear-gradient(135deg,rgba(232,220,199,.98),rgba(212,184,149,.92));animation:mascot-quote-in .36s cubic-bezier(.2,.9,.25,1.08) both}.mascot-quote img{width:3.3rem;height:3.3rem;object-fit:contain;padding:.22rem;border:1px solid rgba(31,86,56,.18);border-radius:18px;background:rgba(255,255,255,.28);filter:drop-shadow(0 10px 18px rgba(24,35,25,.18));animation:mascot-quote-image 1.6s ease-in-out infinite}.mascot-quote span{color:var(--field);font-size:clamp(1rem,2vw,1.15rem);font-weight:780;line-height:1.34;text-align:center}@keyframes mascot-quote-in{0%{opacity:0;transform:translate(-50%,-.65rem) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes mascot-quote-image{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-.18rem) rotate(1.5deg)}}.cut-button{flex:0 0 auto;width:2.1rem;height:2.1rem;padding:0;border-radius:999px;border:1px solid rgba(31,86,56,.24);background:rgba(255,255,255,.32);color:var(--ink);font-size:1.2rem;line-height:1}.scroll-loader{min-height:1px}@media (max-width:840px){.page{padding-inline:.85rem}.mascot-quote{top:4.85rem;width:min(24rem,calc(100vw - 1rem));gap:.65rem;padding:.7rem .75rem}.mascot-quote img{width:2.65rem;height:2.65rem;border-radius:14px}.mascot-quote span{font-size:.92rem;line-height:1.28}.rules-examples{grid-template-columns:1fr}.match-day{scroll-margin-top:5.75rem}.match-day-heading{position:-webkit-sticky;position:sticky;top:5.15rem;z-index:20;margin:0;padding:.45rem .55rem;border:1px solid rgba(232,220,199,.16);border-radius:16px;background:rgba(19,35,24,.96);box-shadow:0 8px 18px rgba(9,17,11,.24);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.match-day-heading:after{background:rgba(232,220,199,.2)}.match-day-heading h3{color:var(--sand)}.match-day-heading .lucky-action button{border-color:rgba(232,220,199,.2);background:rgba(232,220,199,.1);color:var(--sand)}.match-day-heading.is-stuck{grid-template-columns:minmax(0,1fr)}.match-day-heading.is-stuck .lucky-action,.match-day-heading.is-stuck:after{display:none}.sidebar-menu{justify-content:end}.nav-links{display:none}.mobile-bottom-nav{display:grid}.desktop-logout{display:none}.content-grid,.tournament-awards{grid-template-columns:1fr}}@media (max-width:620px){.auth-links a:not(.active){display:none}.brand-mark span{max-width:12rem}.match-row,.prediction-card-grid,.prediction-row{grid-template-columns:1fr}.match-day,.prediction-card-grid{gap:.58rem}.prediction-row{gap:.3rem;min-height:0;padding:.58rem .65rem}.fixture-teams{grid-template-columns:minmax(0,1fr) 4.6rem minmax(0,1fr);gap:.3rem;min-height:2.55rem;align-items:center}.fixture-team-away .team-name,.fixture-team-home .team-name{justify-content:center;gap:.3rem;font-size:.8rem;text-align:center}.fixture-team-away .team-name{flex-direction:column;align-items:flex-end;text-align:right}.fixture-team-home .team-name{flex-direction:column}.fixture-team .team-flag,.fixture-team .team-flag-emoji{width:1.3rem;height:1.3rem;font-size:1.2rem}.prediction-form{grid-template-columns:minmax(0,1fr) auto auto;gap:.4rem}.score-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;padding:.12rem}.prediction-form button{width:auto;min-height:2rem;padding:.28rem .5rem;justify-self:end;font-size:.68rem}.score-input{min-height:1.75rem;font-size:.88rem}.fixture-center .match-time{font-size:.92rem}.fixture-center span:not(.match-time),.fixture-center strong{font-size:.62rem}.leaderboard-row{grid-template-columns:2rem minmax(0,1fr) auto}.result-table-wrap{overflow:visible;border:0;background:transparent}.result-table,.result-table tbody{display:grid;grid-gap:.75rem;gap:.75rem}.result-table thead{display:none}.result-table td,.result-table tr{display:block}.result-table tr{overflow:hidden;border:1px solid var(--line-strong);border-radius:16px;background:var(--sand)}.result-table td{display:flex;justify-content:space-between;gap:1rem;padding:.68rem .8rem;text-align:right}.result-table td:before{color:var(--muted);content:attr(data-label);font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.result-table td:first-child{display:block;padding-left:1rem;text-align:left}.result-table td:first-child:before{display:none}.prediction-viewer-row{grid-template-columns:minmax(0,1fr) auto}}.splash-screen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:var(--ink);color:var(--sand);transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility .6s}.splash-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}.splash-backdrop{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(192,142,58,.15) 0,transparent 60%);animation:pulse-glow 3s ease-in-out infinite alternate}.splash-content{position:relative;z-index:1;gap:2.5rem}.splash-brand-container,.splash-content{display:flex;flex-direction:column;align-items:center}.splash-brand-container{text-align:center}.splash-logo-wrapper{width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border-radius:24px;background:linear-gradient(135deg,var(--field),var(--field-deep));box-shadow:0 12px 35px rgba(0,0,0,.4),inset 0 2px 0 rgba(255,255,255,.1)}.splash-emoji-temp{font-size:2.5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.splash-title{margin:0;font-size:clamp(2rem,6vw,3.5rem);font-weight:900;color:var(--sand);letter-spacing:-.02em;animation:slide-up-fade .8s cubic-bezier(.2,.8,.2,1) .15s both}.splash-subtitle{margin:.5rem 0 0;color:var(--ochre);font-size:1.1rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;transition:color .2s ease,transform .2s ease;animation:slide-up-fade .8s cubic-bezier(.2,.8,.2,1) .3s both}.splash-brand-container:has(.kicked) .splash-subtitle{color:var(--success);transform:scale(1.1)}.interactive-ball{cursor:pointer;padding:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:filter .2s ease}.interactive-ball:hover{filter:brightness(1.2)}.interactive-ball.bouncing{animation:slide-up-fade .8s cubic-bezier(.2,.8,.2,1) both,idle-bounce 2s cubic-bezier(.28,.84,.42,1) .8s infinite}.interactive-ball.kicked{animation:kick-reaction .3s cubic-bezier(.175,.885,.32,1.275) forwards}.splash-loading-track{width:140px;height:4px;background:rgba(232,220,199,.1);border-radius:999px;overflow:hidden;animation:fade-in .8s ease .6s both}.splash-loading-bar{height:100%;width:40%;background:var(--ochre);border-radius:999px;animation:loading-sweep 1.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes loading-sweep{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}@keyframes pulse-glow{0%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}@keyframes idle-bounce{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(15deg)}}@keyframes kick-reaction{0%{transform:translateY(0) scale(1) rotate(0deg)}50%{transform:translateY(-40px) scale(1.1,.9) rotate(-25deg)}to{transform:translateY(-5px) scale(1) rotate(-5deg)}}.filter-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%}.mascot-actions,.toolbar-actions{display:flex;flex-wrap:wrap;gap:.5rem;flex:1 1 auto}.filter-group,.toolbar-filters{display:flex;flex-wrap:wrap;gap:.75rem;flex:1 1 auto;justify-content:flex-end}.filter-item,.input-wrapper{position:relative;flex:1 1 200px;max-width:280px;display:flex;align-items:center;margin:0}.filter-item.small,.input-wrapper.small{max-width:220px}.filter-item svg,.input-wrapper svg{position:absolute;left:1rem;color:var(--muted);pointer-events:none;width:1.2rem;height:1.2rem;z-index:2}.custom-search-input{width:100%;padding:.64rem 1rem .64rem 2.8rem;border-radius:999px;background-color:rgba(232,220,199,.4);font-weight:700}.custom-select-input{width:100%;padding:.64rem 2.5rem .64rem 1.2rem;border-radius:999px;background-color:rgba(232,220,199,.85);font-weight:800;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.select-caret-icon{position:absolute;right:1.2rem;pointer-events:none;width:.62rem;height:.62rem;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translateY(-20%) rotate(45deg);z-index:2}@media (max-width:620px){.filter-toolbar{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1rem!important}.mascot-actions,.toolbar-actions{width:100%!important;justify-content:center!important}.mascot-actions a,.mascot-actions button,.toolbar-actions a,.toolbar-actions button{flex:1 1!important;max-width:200px}.filter-group,.toolbar-filters{flex-direction:column!important;width:100%!important;align-items:center!important;justify-content:center!important;gap:.85rem!important}.filter-item,.filter-item.small,.input-wrapper,.input-wrapper.small{width:100%!important;max-width:280px!important;margin:0 auto!important;justify-content:center!important;flex:0 0 auto!important}}