:root{color-scheme:dark;font-size:16px;font-family:Trebuchet MS,Aptos,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--app-background: linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px), repeating-linear-gradient( 115deg, rgba(78, 214, 43, .09) 0 18px, rgba(16, 185, 129, .04) 18px 36px ), linear-gradient(180deg, #062713 0%, #08381a 48%, #052116 100%);--app-text: #eff6ff;--nav-text: #f5ffe8;--section-accent: #ffe45c;--text-secondary: #d7f7dc;--text-muted: #aee1b8;--link-text: #74e0ff;--panel-bg: linear-gradient(180deg, rgba(7, 68, 33, .86), rgba(4, 42, 29, .78));--panel-divider-bg: linear-gradient(180deg, rgba(7, 67, 35, .96), rgba(5, 48, 34, .9));--panel-border: rgba(255, 255, 255, .16);--panel-shadow: 0 28px 0 rgba(0, 0, 0, .18);--surface-bg: rgba(255, 255, 255, .1);--surface-strong-bg: rgba(255, 255, 255, .14);--surface-border: rgba(255, 255, 255, .14);--control-bg: rgba(255, 255, 255, .12);--control-border: rgba(255, 255, 255, .16);--control-text: #f5ffe8;--status-border: rgba(255, 228, 92, .38);--status-text: #fff0a3;--success-text: #d1fae5;--success-border: rgba(57, 255, 143, .34);--success-bg: rgba(0, 190, 93, .22);--neutral-chip-bg: rgba(116, 224, 255, .16);--neutral-chip-text: #e9fbff;--selected-pill-bg: linear-gradient(135deg, #58cc02, #00c2ff);--selected-pill-border: rgba(255, 255, 255, .24);--selected-pill-text: #f8fbff;--divider-color: rgba(255, 255, 255, .14);--section-border: rgba(255, 255, 255, .14);--line-soft: rgba(255, 255, 255, .12);--input-bg: rgba(4, 31, 23, .92);--input-border: rgba(255, 255, 255, .18);--input-focus-border: rgba(255, 228, 92, .9);--input-focus-ring: rgba(255, 228, 92, .16);--form-label-text: #e5eefc;--track-bg: rgba(255, 255, 255, .06);--badge-accent: #facc15;--google-bg: rgba(255, 255, 255, .96);--google-border: rgba(255, 255, 255, .14);--google-text: #0f172a;background:var(--app-background);color:var(--app-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{color-scheme:dark;--app-background: linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px), repeating-linear-gradient( 115deg, rgba(78, 214, 43, .09) 0 18px, rgba(16, 185, 129, .04) 18px 36px ), linear-gradient(180deg, #062713 0%, #08381a 48%, #052116 100%);--app-text: #eff6ff;--nav-text: #f5ffe8;--section-accent: #ffe45c;--text-secondary: #d7f7dc;--text-muted: #aee1b8;--link-text: #74e0ff;--panel-bg: linear-gradient(180deg, rgba(7, 68, 33, .86), rgba(4, 42, 29, .78));--panel-divider-bg: linear-gradient(180deg, rgba(7, 67, 35, .96), rgba(5, 48, 34, .9));--panel-border: rgba(255, 255, 255, .16);--panel-shadow: 0 28px 0 rgba(0, 0, 0, .18);--surface-bg: rgba(255, 255, 255, .1);--surface-strong-bg: rgba(255, 255, 255, .14);--surface-border: rgba(255, 255, 255, .14);--control-bg: rgba(255, 255, 255, .12);--control-border: rgba(255, 255, 255, .16);--control-text: #f5ffe8;--status-border: rgba(255, 228, 92, .38);--status-text: #fff0a3;--success-text: #d1fae5;--success-border: rgba(57, 255, 143, .34);--success-bg: rgba(0, 190, 93, .22);--neutral-chip-bg: rgba(116, 224, 255, .16);--neutral-chip-text: #e9fbff;--selected-pill-bg: linear-gradient(135deg, #58cc02, #00c2ff);--selected-pill-border: rgba(255, 255, 255, .24);--selected-pill-text: #f8fbff;--divider-color: rgba(255, 255, 255, .14);--section-border: rgba(255, 255, 255, .14);--line-soft: rgba(255, 255, 255, .12);--input-bg: rgba(4, 31, 23, .92);--input-border: rgba(255, 255, 255, .18);--input-focus-border: rgba(255, 228, 92, .9);--input-focus-ring: rgba(255, 228, 92, .16);--form-label-text: #e5eefc;--track-bg: rgba(255, 255, 255, .06);--badge-accent: #facc15;--google-bg: rgba(255, 255, 255, .96);--google-border: rgba(255, 255, 255, .14);--google-text: #0f172a}:root[data-font-size=small]{font-size:15px}:root[data-font-size=medium]{font-size:16px}:root[data-font-size=large]{font-size:18px}*{box-sizing:border-box}html{min-height:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;background:var(--app-background);background-size:54px 54px,auto,auto;color:var(--app-text);-webkit-overflow-scrolling:touch}a{color:inherit;text-decoration:none}button,a{transition:transform .16s ease,opacity .16s ease,background .16s ease}button:hover,a:hover{transform:translateY(-2px) rotate(-.4deg)}button{border:0;cursor:pointer;font:inherit}input{font:inherit}#root{width:100%;min-height:100vh}.app-shell{width:min(1120px,calc(100% - clamp(20px,5vw,64px)));margin:0 auto;padding:32px 0 64px}.auth-shell{padding-top:20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.topbar-actions,.hero-actions,.quiz-stage-meta,.mode-meta,.pill-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.brand-mark,.topbar-link{color:var(--nav-text)}.brand-mark{display:inline-flex;align-items:center;gap:10px;font-size:1.12rem;font-weight:900;letter-spacing:0;text-transform:none}.brand-crest{position:relative;display:inline-grid;place-items:center;width:42px;aspect-ratio:1;flex:0 0 42px;border:3px solid #ffffff;border-radius:14px;background:linear-gradient(135deg,#58cc02 0 52%,#00c2ff 52% 100%);box-shadow:0 6px #0003,inset 0 -6px #0000001f;transform:rotate(-7deg)}.brand-crest:after{position:absolute;right:-7px;top:-8px;display:grid;place-items:center;width:18px;aspect-ratio:1;border-radius:50%;background:#ff4d6d;color:#fff;content:"!";font-size:.75rem;font-weight:900}.brand-crest-ball{width:19px;aspect-ratio:1;border:3px solid #061b10;border-radius:50%;background:linear-gradient(90deg,transparent 43%,#061b10 43% 57%,transparent 57%),linear-gradient(0deg,transparent 43%,#061b10 43% 57%,transparent 57%),#fff}.brand-word{color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.22)}.topbar-link{font-weight:700;opacity:.84}.button-link{padding:0;background:transparent;color:inherit}.hero-panel,.highlight-card,.competition-card,.mode-card,.signup-intro,.signup-card,.mock-notice,.stat-card,.question-card,.breakdown-card,.empty-state{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--panel-shadow)}.hero-panel,.signup-intro,.signup-card,.empty-state{border-radius:28px;padding:28px}.highlight-card,.competition-card,.mode-card,.stat-card,.question-card,.breakdown-card{border-radius:24px;padding:24px}.eyebrow,.section-label,.status,.status-chip{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700}.eyebrow,.section-label{color:var(--section-accent);margin:0 0 12px}.hero-panel h1,.highlight-card h2,.section-heading h2,.mode-header h3,.signup-intro h1,.signup-card h2,.question-card h2,.breakdown-card h3,.empty-state h1{margin:0}.hero-panel h1,.quiz-stage h1{font-size:clamp(2.6rem,6vw,4.8rem);line-height:.95;text-shadow:0 5px 0 rgba(0,0,0,.18)}.signup-intro h1,.empty-state h1{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1}.signup-card h2,.section-heading h2{font-size:clamp(1.7rem,2.8vw,2.3rem)}.hero-copy,.helper-copy,.mock-notice p,.meta-line,.highlight-card p,.mode-card p,.competition-note,.empty-state p{color:var(--text-secondary)}.hero-copy{width:min(42rem,100%);margin:18px 0 0;font-size:1.02rem}.profile-hero h1{margin-bottom:18px}.profile-hero .hero-copy{margin-top:0}.profile-joined{color:var(--text-secondary);font-size:.82rem;font-weight:700;letter-spacing:.08em;margin:12px 0 0;text-transform:uppercase}.hero-actions{margin-top:28px}.landing-shell{padding-bottom:92px}.landing-intro{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:20px;min-height:calc(100vh - 64px)}.landing-intro:after{position:absolute;left:50%;bottom:-72px;z-index:1;width:100vw;height:156px;pointer-events:none;content:"";background:linear-gradient(180deg,#05211600,#052116c7 52%,#05211600);transform:translate(-50%)}.landing-topbar{position:sticky;top:16px;z-index:5;padding:10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:#042a1db8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-hero-panel{position:relative;align-self:stretch;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.65fr);gap:24px;align-items:center;min-height:clamp(500px,calc(100vh - 230px),760px);overflow:hidden;background:linear-gradient(135deg,rgba(255,228,92,.18),transparent 52%),linear-gradient(180deg,#0c6d32f0,#063c28db)}.landing-hero-panel:before{position:absolute;inset:auto -20px -72px;height:190px;content:"";background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.24) 49% 51%,transparent 51%),repeating-linear-gradient(90deg,#ffffff0d 0 40px,#0000000a 40px 80px),#1c8f46;transform:rotate(-3deg)}.hero-content,.hero-mascot{position:relative;z-index:1}.hero-mascot{min-height:280px}.landing-scroll-cue{position:relative;z-index:2;justify-self:center;display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:10px 14px;border:1px solid rgba(255,228,92,.34);border-radius:999px;background:#042a1da3;color:#fff0a3;font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin:18px 0 20px}.landing-scroll-cue:after{content:"↓";font-size:1rem}.mascot-head{position:absolute;right:16%;top:18px;width:clamp(150px,22vw,240px);aspect-ratio:.92;border:5px solid #ffffff;border-radius:38% 38% 46% 46%;background:#58cc02;box-shadow:0 18px #0003,inset 0 -18px #0000001f;transform:rotate(6deg)}.mascot-head:before,.mascot-head:after{position:absolute;top:18%;width:38%;aspect-ratio:.86;border-radius:50%;background:#f5ffe8;content:""}.mascot-head:before{left:11%}.mascot-head:after{right:11%}.mascot-eye{position:absolute;top:34%;z-index:1;width:15px;aspect-ratio:1;border-radius:50%;background:#061b10}.mascot-eye-left{left:29%}.mascot-eye-right{right:29%}.mascot-smile{position:absolute;left:50%;bottom:24%;width:44px;height:24px;border-bottom:5px solid #061b10;border-radius:0 0 999px 999px;transform:translate(-50%)}.mascot-ball{position:absolute;right:4%;bottom:8px;width:clamp(86px,12vw,128px);aspect-ratio:1;border:5px solid #061b10;border-radius:50%;background:linear-gradient(90deg,transparent 45%,#061b10 45% 55%,transparent 55%),linear-gradient(0deg,transparent 45%,#061b10 45% 55%,transparent 55%),#fff;box-shadow:0 16px #0003;transform:rotate(-13deg)}.mascot-burst{position:absolute;right:0;top:18px;z-index:2;padding:8px 12px;border:3px solid #ffffff;border-radius:999px;background:#ff4d6d;color:#fff;font-size:1rem;font-weight:900;box-shadow:0 8px #0000002e;transform:rotate(10deg)}.challenge-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:22px;padding:16px 18px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(135deg,rgba(255,228,92,.16),transparent),#ffffff1a}.landing-intro+.challenge-strip{margin-top:42px}.challenge-strip strong,.challenge-strip span{display:block}.challenge-strip strong{font-size:1.1rem}.challenge-strip span:not(.game-icon){color:var(--text-secondary)}.primary-action,.ghost-action,.timer-pill,.answer-option{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border-radius:16px;font-weight:800}.primary-action{background:linear-gradient(135deg,#f8d84a,#ff9448);color:#081522;box-shadow:0 7px #9a4b12}.primary-action:hover,.play-now-action:hover,.answer-option:hover{transform:translateY(-4px)}.action-icon{display:inline-grid;place-items:center;width:22px;aspect-ratio:1;border-radius:50%;background:#08152229;font-size:.72rem}.ghost-action,.timer-pill,.answer-option{background:var(--control-bg);border:1px solid var(--control-border);color:var(--control-text);box-shadow:0 5px #00000029}.primary-action:disabled,.google-action:disabled,.answer-option:disabled{opacity:.75;transform:none;cursor:wait}.status{padding:10px 14px;border-radius:999px;border:1px solid var(--status-border);color:var(--status-text)}.status.ok,.form-message.success,.status-chip.correct{color:var(--success-text);border-color:var(--success-border);background:var(--success-bg)}.status-chip{padding:8px 11px;border-radius:999px;border:1px solid var(--control-border)}.status-chip.neutral{background:var(--neutral-chip-bg);color:var(--neutral-chip-text)}.status-chip.incorrect,.status-chip.timed-out,.form-message.error{color:#fecaca;border-color:#f871714d;background:#7f1d1d33}.dashboard-grid,.mode-grid,.signup-layout,.field-grid,.stats-grid,.quiz-setup-layout{display:grid;gap:18px}.dashboard-grid,.quiz-setup-layout{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}.stat-card strong,.detail-list strong{display:block;font-size:1.35rem;line-height:1.1}.home-shell{padding-top:36px}.volt-style-preview{position:relative;z-index:0;min-height:100vh;font-family:Trebuchet MS,Aptos,Segoe UI,sans-serif}.volt-style-preview:before{position:fixed;inset:0;z-index:-1;content:"";background:linear-gradient(145deg,rgba(88,204,2,.08),transparent 34%),linear-gradient(180deg,#101411,#151a16 58%,#0f1210)}.volt-style-preview .app-shell{width:min(1040px,calc(100% - 36px))}.volt-style-preview .hero-panel,.volt-style-preview .mode-card,.volt-style-preview .summary-chip-card,.volt-style-preview .home-mode-row{border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.volt-style-preview .hero-panel{padding:42px 0 22px}.volt-style-preview .hero-copy{color:var(--text-muted)}.volt-style-preview .modes-section{margin-top:44px}.volt-style-preview .section-heading{max-width:620px}.volt-style-preview .mode-grid{gap:0;border-top:1px solid rgba(255,255,255,.09)}.volt-style-preview .mode-card{display:grid;gap:14px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.09);border-radius:0}.volt-style-preview .mode-card p{display:none}.volt-style-preview .mode-meta{margin-top:0}.volt-style-preview .home-summary-grid{margin-top:34px}.volt-style-preview .summary-chip-card{padding:0}.volt-style-preview .home-mode-list{gap:0;border-top:1px solid rgba(255,255,255,.09)}.volt-style-preview .home-mode-row{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.09);border-radius:0}.home-hero{padding:6px 0 0}.home-hero h1{margin:0;font-size:clamp(2.6rem,5vw,4.2rem);line-height:.95}.home-hero-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end}.home-focus-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:24px;margin-top:28px;align-items:start}.home-feature-card,.home-compact-panel,.home-micro-stat,.home-library-item{background:var(--surface-bg);border-radius:24px}.home-feature-card,.home-compact-panel,.home-micro-stat{padding:22px}.home-feature-card{display:grid;gap:14px;background:linear-gradient(135deg,rgba(125,211,252,.08),transparent 80%),var(--panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.home-feature-card h2,.home-compact-panel h2,.home-library-item h3{margin:0}.home-feature-copy,.home-panel-copy,.home-library-copy{margin:0;color:var(--text-secondary)}.home-feature-meta{margin-top:0}.home-side-stack,.home-compact-attempt-list,.home-library-list{display:grid;gap:16px}.home-compact-panel{display:grid;gap:10px}.home-compact-attempt-link{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.home-compact-attempt-link:last-child{border-bottom:0}.home-micro-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.home-micro-stat strong{display:block;font-size:clamp(1.8rem,3vw,2.2rem);line-height:1}.home-library-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px}.home-library-action{flex-shrink:0;margin-top:0}.home-attempt-list{gap:10px}.home-attempt-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.home-attempt-link:last-child{border-bottom:0}.home-dashboard-grid,.home-quiz-grid{gap:26px}.home-panel,.home-quiz-card{padding:2px 0 20px;border-bottom:1px solid var(--section-border)}.home-quiz-card.is-featured{padding:24px;border-radius:24px;border:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--panel-shadow)}.home-panel h2,.home-quiz-card h3{margin:0}.detail-list,.stack-list,.breakdown-list{display:grid;gap:14px}.detail-list{margin-top:18px}.detail-list>div,.list-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:18px;background:var(--surface-bg);border:1px solid var(--surface-border)}.detail-list span,.list-card span{color:var(--text-muted)}.list-card strong{display:block}.modes-section{margin-top:32px}.landing-modes-section{scroll-margin-top:24px}.section-heading{margin-bottom:18px}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-card{position:relative;overflow:hidden;min-height:250px}.mode-card:after{position:absolute;right:-16px;bottom:-18px;width:116px;aspect-ratio:1;border:10px solid rgba(255,255,255,.1);border-radius:50%;content:""}.mode-card>*{position:relative;z-index:1}.landing-feature,.landing-challenge-section,.landing-format-section,.landing-history-section{position:relative;overflow:hidden;border:1px solid var(--panel-border);border-radius:24px;background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--panel-shadow)}.landing-feature{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(420px,1.12fr);gap:clamp(22px,4vw,44px);align-items:center;padding:clamp(22px,4vw,34px)}.landing-feature-copy h2,.landing-challenge-section h2,.landing-format-copy h2,.landing-history-section h2{margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:.98;text-shadow:0 4px 0 rgba(0,0,0,.16)}.landing-feature-copy>p,.landing-challenge-section>div:first-child p,.landing-format-copy>p,.landing-history-section p{color:var(--text-secondary)}.landing-value-grid{display:grid;gap:12px;margin:24px 0 0}.landing-value-grid div,.landing-format-tile{border:1px solid var(--surface-border);border-radius:18px;background:#ffffff14}.landing-value-grid div{padding:14px 16px}.landing-value-grid dt{color:var(--app-text);font-weight:900}.landing-value-grid dd{margin:4px 0 0;color:var(--text-muted)}.landing-feature-preview,.landing-history-preview,.landing-preview-shot{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#041f17cc}.landing-feature-preview{aspect-ratio:1.05;border-radius:22px;box-shadow:0 18px #00000029}.landing-feature-preview img,.landing-history-preview img,.landing-preview-shot img{display:block;width:100%;height:100%}.landing-feature-preview img{object-fit:contain;object-position:center}.landing-challenge-section{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(460px,1.22fr);gap:clamp(20px,4vw,38px);align-items:center;margin-top:28px;padding:clamp(22px,4vw,34px);background:radial-gradient(circle at 88% 14%,rgba(255,228,92,.16),transparent 26%),linear-gradient(140deg,rgba(0,194,255,.13),transparent 48%),var(--panel-bg)}.landing-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.landing-reward-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;min-height:132px;padding:16px;border:1px solid var(--surface-border);border-radius:18px;background:linear-gradient(180deg,#ffffff1c,#ffffff0f);box-shadow:inset 0 1px #ffffff14}.landing-reward-card h3,.landing-reward-card p{margin:0}.landing-reward-card h3{color:var(--app-text);font-size:1.05rem;line-height:1.18}.landing-reward-card p{margin-top:6px;color:var(--text-muted)}.landing-format-section{display:grid;grid-template-columns:minmax(320px,.88fr) minmax(440px,1.12fr);gap:clamp(22px,4vw,40px);align-items:center;margin-top:28px;padding:clamp(22px,4vw,34px)}.landing-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.landing-format-tile{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:14px}.landing-format-tile h3,.landing-format-tile p{margin:0}.landing-format-tile p,.landing-format-tile>span:last-child{color:var(--text-muted)}.landing-format-tile>span:last-child{grid-column:2;font-size:.92rem}.landing-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.landing-preview-shot{aspect-ratio:16 / 10;border-radius:18px;box-shadow:0 10px #0000001f}.landing-preview-shot:first-child{grid-column:1 / -1;aspect-ratio:16 / 7.4}.landing-preview-shot img,.landing-history-preview img{object-fit:cover;object-position:top center}.landing-history-section{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(280px,1.05fr);gap:clamp(22px,4vw,40px);align-items:center;margin-top:28px;padding:clamp(22px,4vw,34px)}.landing-history-preview{aspect-ratio:16 / 9;border-radius:18px}.landing-history-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.landing-history-points span{padding:8px 10px;border:1px solid rgba(255,228,92,.28);border-radius:999px;color:#fff0a3;font-size:.82rem;font-weight:900}.mode-card-sky{background:linear-gradient(140deg,rgba(0,194,255,.2),transparent 56%),var(--panel-bg)}.mode-card-cyan{background:linear-gradient(140deg,rgba(52,245,197,.18),transparent 56%),var(--panel-bg)}.mode-card-gold{background:linear-gradient(140deg,rgba(255,228,92,.2),transparent 56%),var(--panel-bg)}.competition-screen-header,.competition-picker-shell,.competition-config-block,.competition-group,.competition-list{display:grid}.competition-screen-header{grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin-bottom:28px}.competition-screen-header h1{margin:0;font-size:clamp(2.2rem,4vw,3.2rem);line-height:.98}.competition-screen-copy{margin:12px 0 0;color:var(--text-secondary)}.competition-picker-shell{gap:24px}.competition-config-block{gap:14px}.competition-group-list{gap:24px}.competition-group-list.compact{gap:20px}.competition-group{gap:12px}.competition-group.compact{gap:10px}.competition-group-title{margin:0;color:var(--text-muted);font-size:.86rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.competition-list{gap:10px}.competition-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;border-radius:18px;text-align:left;color:var(--app-text);background:var(--surface-bg);border:1px solid var(--surface-border)}.competition-row strong{font-size:1rem}.competition-row span{color:var(--text-muted);font-size:.92rem}.competition-row.is-selected{background:var(--selected-pill-bg);color:var(--selected-pill-text)}.competition-row.is-selected span{color:inherit}.competition-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:6px}.competition-actions.compact{margin-top:0}.mode-header{display:flex;gap:12px;align-items:center}.mode-header h3{font-size:1.2rem}.game-icon{display:inline-grid;place-items:center;width:48px;aspect-ratio:1;flex:0 0 48px;border:3px solid rgba(255,255,255,.9);border-radius:18px;background:#58cc02;color:#061b10;font-size:.92rem;font-weight:900;line-height:1;box-shadow:0 7px #0000002e,inset 0 -8px #0000001a;transform:rotate(-4deg)}.game-icon-sky{background:#00c2ff}.game-icon-cyan{background:#34f5c5}.game-icon-gold{background:#ffe45c}.game-icon-lime{background:#8dff38}.mode-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.mode-badge{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:#ffffff24;color:#fff;font-size:.78rem;font-weight:900}.mode-meta{margin-top:18px;color:var(--text-muted)}.mode-preview{position:relative;z-index:1;margin:auto 0 0;overflow:hidden;aspect-ratio:16 / 9;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#041f17b8;box-shadow:0 12px #00000024,inset 0 0 0 1px #ffffff0a}.mode-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transform:scale(1.01)}.text-link{display:inline-flex;margin-top:18px;font-weight:700;color:var(--link-text)}.signup-layout{grid-template-columns:minmax(0,.9fr) minmax(420px,.95fr);align-items:start}.signup-layout-single{grid-template-columns:minmax(min(100%,420px),680px);justify-content:center}.signup-card-header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:20px}.signup-form,.settings-form{display:grid;gap:18px}.google-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 18px;border-radius:18px;border:1px solid var(--google-border);background:var(--google-bg);color:var(--google-text);font-weight:700}.google-mark{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:conic-gradient(from 180deg,#34a853 0deg 90deg,#4285f4 90deg 180deg,#ea4335 180deg 270deg,#fbbc05 270deg 360deg);color:#fff;font-size:.8rem;font-weight:800}.auth-divider{position:relative;display:grid;place-items:center}.auth-divider:before{content:"";position:absolute;inset:50% 0 auto;border-top:1px solid var(--divider-color)}.auth-divider span{position:relative;padding:0 12px;background:var(--panel-divider-bg);color:var(--text-muted);font-size:.84rem;text-transform:uppercase;letter-spacing:.1em}.progress-track,.timer-track{height:8px;border-radius:999px;background:var(--track-bg);overflow:hidden}.progress-fill,.timer-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,#7dd3fc,#f8d84a);transition:width .18s ease}.progress-fill{width:50%}.progress-fill.is-complete{width:100%}.form-section{display:grid;gap:16px;padding:18px;border-radius:22px;background:var(--surface-strong-bg);border:1px solid var(--surface-border)}.field-grid.two-column{align-items:start;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.club-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.club-picker{display:grid;align-content:start;gap:10px}.selected-club-pill{margin:0;padding:10px 12px;border-radius:14px;border:1px solid rgba(125,211,252,.32);background:#7dd3fc1f;color:var(--app-text);font-size:.92rem}.selected-club-pill-spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.selected-club-pill-spread small{color:var(--text-muted);white-space:nowrap}.club-suggestion-list{display:grid;gap:8px}.club-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--surface-border);border-radius:14px;background:var(--input-bg);color:var(--app-text);text-align:left;cursor:pointer}.club-suggestion:hover,.club-suggestion.is-selected{border-color:#f8d84a9e;background:#f8d84a24}.club-suggestion span{font-weight:700}.club-suggestion small,.club-empty-state{color:var(--text-muted)}.club-empty-state{margin:0;padding:10px 2px;font-size:.92rem}.signup-form label,.settings-form label{display:grid;gap:8px;color:var(--form-label-text);font-weight:600}.signup-form input,.settings-form input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--app-text);outline:none}.signup-form input:focus,.settings-form input:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 4px var(--input-focus-ring)}.form-message{margin:0;padding:12px 14px;border-radius:16px;border:1px solid rgba(168,190,255,.2)}.form-footer{display:grid;gap:12px}.action-row{display:grid;grid-template-columns:minmax(112px,.34fr) minmax(0,1fr);gap:12px}.submit-action{width:100%}.helper-copy{margin:0;font-size:.94rem}.helper-copy.muted{opacity:.78}.mock-notice{display:grid;gap:10px;margin-top:18px;padding:18px;border-radius:20px}.service-list{margin:18px 0 0;padding-left:18px;color:#eff6ff}.service-list li+li{margin-top:10px}.quiz-stage{display:grid;gap:18px}.flag-lineup-quiz-shell{padding-top:8px}.flag-lineup-quiz-shell .topbar{margin-bottom:10px}.flag-lineup-quiz-shell .quiz-stage{gap:9px}.flag-lineup-quiz-shell .quiz-stage h1{font-size:clamp(2rem,4.6vw,2.8rem)}.flag-lineup-quiz-shell .question-card{gap:10px;padding:14px 20px 18px}.flag-lineup-quiz-shell .question-copy{font-size:clamp(1.25rem,2.1vw,1.65rem)}.flag-lineup-quiz-shell .flag-pitch{width:min(100%,460px)}.flag-lineup-quiz-shell .flag-pitch-surface{aspect-ratio:.72;border-radius:18px}.quiz-stage-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.quiz-title-lockup{display:flex;align-items:center;gap:14px}.question-card{display:grid;gap:18px;box-shadow:0 12px #00000029}.question-copy{margin:0;font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.2}.answer-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;grid-auto-rows:1fr}.answer-option{width:100%;height:100%;min-width:0;min-height:92px;justify-content:flex-start;text-align:left;border-width:2px;font-size:1.02rem}.answer-option span{overflow-wrap:anywhere}.answer-option.is-correct{border-color:#ffffff8c;background:linear-gradient(135deg,#58cc02,#15b86a);color:#fff}.answer-option.is-incorrect{border-color:#ffffff5c;background:linear-gradient(135deg,#ff4d6d,#b91c1c);color:#fff}.timer-picker{display:flex;gap:12px;flex-wrap:wrap}.timer-pill{min-width:88px}.timer-pill.is-selected{border-color:var(--selected-pill-border);background:var(--selected-pill-bg);color:var(--selected-pill-text)}.settings-banner{margin-top:24px}.settings-hero{display:grid;gap:12px}.settings-hero h1{font-size:clamp(1.9rem,3.5vw,2.8rem);line-height:1.02}.settings-hero .hero-actions{margin-top:14px}.settings-option-block{display:grid;gap:12px}.settings-option-label{margin:0;color:var(--app-text);font-weight:700}.settings-card-heading{display:flex;align-items:center;gap:14px}.settings-card-heading h2{margin:0;font-size:clamp(1.55rem,2.6vw,2.2rem);line-height:1}.settings-summary-panel,.settings-panel-card{border:1px solid var(--panel-border);border-radius:22px;background:var(--panel-bg);box-shadow:0 12px #00000024}.settings-summary-panel{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:18px;align-items:center;margin-top:24px;padding:22px}.settings-summary-panel h2{margin:0;font-size:clamp(1.6rem,3vw,2.35rem);line-height:1;overflow-wrap:anywhere}.settings-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.settings-summary-grid article{display:grid;gap:6px;min-height:96px;padding:16px;border:1px solid var(--surface-border);border-radius:18px;background:var(--surface-strong-bg)}.settings-summary-grid span{color:var(--text-muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.settings-summary-grid strong{font-size:1.18rem;line-height:1.1}.settings-card-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);gap:18px;margin-top:18px}.settings-panel-card{display:grid;gap:20px;padding:clamp(18px,3vw,26px)}.breakdown-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.breakdown-card h3{font-size:1.2rem;line-height:1.2}.explanation-copy,.saving-copy{margin:0}.empty-state{margin-top:10vh;text-align:center}.empty-state .hero-copy{margin-left:auto;margin-right:auto}.design-lab-shell{min-height:100vh;padding:28px 24px 60px;background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 34%),var(--lab-background);color:#fff}.design-lab-topbar,.design-lab-workbench{width:min(1120px,100%);margin:0 auto}.design-lab-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:32px}.design-lab-brand{font-size:1rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.design-lab-nav{display:flex;flex-wrap:wrap;gap:16px;color:#ffffffc7;font-weight:800}.design-lab-workbench{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:22px;align-items:start}.design-lab-controls{display:grid;gap:22px}.design-lab-controls h1{max-width:430px;margin:0;font-size:3rem;line-height:1}.design-lab-control-group{display:grid;gap:10px}.design-lab-control-group>p{margin:0;color:#ffffffbd;font-size:.82rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.design-lab-palette-list,.design-lab-hook-list{display:grid;gap:10px}.design-lab-palette,.design-lab-hook{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff14;color:#fff}.design-lab-palette{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;text-align:left}.design-lab-palette span:first-child,.design-lab-hook{font-weight:900}.design-lab-palette.is-selected,.design-lab-hook.is-selected{border-color:var(--lab-accent);background:color-mix(in srgb,var(--lab-accent) 22%,transparent)}.design-lab-swatches{display:flex;gap:5px;flex:0 0 auto}.design-lab-swatches i{width:22px;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff42}.design-lab-hook-list{grid-template-columns:repeat(2,minmax(0,1fr))}.design-lab-hook{min-height:58px;padding:12px}.design-lab-preview{display:grid;gap:16px;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:var(--lab-surface);color:var(--lab-text);box-shadow:0 24px 70px #0000003d}.design-lab-preview-image{position:relative;min-height:220px;overflow:hidden;border-radius:8px;background:#151515}.design-lab-preview-image img{width:100%;height:280px;display:block;object-fit:cover}.design-lab-preview-image:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.72))}.design-lab-preview-image div{position:absolute;left:18px;right:18px;bottom:18px;z-index:1;display:grid;gap:4px;color:#fff}.design-lab-preview-image strong{font-size:1.9rem;line-height:1}.design-lab-preview-image span{color:#ffffffc2;font-weight:800}.design-lab-score-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.design-lab-score-row span{padding:12px;border-radius:8px;background:color-mix(in srgb,var(--lab-accent) 16%,#ffffff);color:var(--lab-text);font-weight:900;text-align:center}.design-lab-question{display:grid;gap:10px}.design-lab-question p{margin:0;color:var(--lab-muted);font-weight:900}.design-lab-question button{min-height:58px;border:2px solid color-mix(in srgb,var(--lab-accent) 70%,#ffffff);border-radius:8px;background:#fff;color:var(--lab-text);font-weight:900;text-align:left;padding:12px 14px}.design-lab-question button:first-of-type{background:var(--lab-accent)}.design-lab-progress{height:12px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--lab-muted) 20%,#ffffff)}.design-lab-progress span{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--lab-accent),var(--lab-secondary))}.small-action{padding:9px 14px;border-radius:14px}.home-hero-streamlined,.start-hero{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:end}.home-hero-streamlined{position:relative;align-items:center;padding:18px 20px;border:1px solid var(--panel-border);border-radius:26px;background:linear-gradient(135deg,rgba(255,228,92,.14),transparent 60%),#ffffff14}.home-mascot{display:grid;place-items:center;width:82px;aspect-ratio:1;border:4px solid #ffffff;border-radius:28px;background:#58cc02;box-shadow:0 9px #0000002e;color:#061b10;font-size:1.15rem;font-weight:900;transform:rotate(5deg)}.start-hero{grid-template-columns:minmax(0,1fr) auto;width:100%;max-width:1040px;justify-self:center}.start-hero h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1}.home-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:22px}.summary-chip-card,.home-mode-row,.wizard-card,.wizard-summary-card,.accordion{border:1px solid var(--surface-border);background:var(--surface-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.summary-chip-card{position:relative;padding:18px 20px;border-radius:20px;overflow:hidden;box-shadow:0 8px #00000024}.summary-chip-card:after{position:absolute;right:-18px;top:-18px;width:74px;aspect-ratio:1;border-radius:50%;background:#ffe45c24;content:""}.summary-icon{display:inline-grid;place-items:center;width:34px;aspect-ratio:1;margin-bottom:10px;border-radius:12px;background:#ffe45c;color:#061b10;font-weight:900}.summary-chip-card strong{display:block;font-size:1.65rem;line-height:1.05}.summary-change-link{color:var(--text-muted);display:inline-block;font-size:.86rem;font-weight:800;margin-top:14px;text-decoration:none}.anchor-target{display:block;scroll-margin-top:24px}.compact-copy{margin:0;color:var(--text-secondary)}.compact-meta{margin-top:10px}.home-modes-section{margin-top:28px}.home-mode-list{display:grid;gap:10px}.home-mode-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:20px;box-shadow:0 7px #00000021}.home-mode-row>div{min-width:0}.home-mode-actions,.mode-card-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.home-mode-actions{justify-content:flex-end}.home-mode-copy{margin:4px 0 0 60px;color:var(--text-muted);font-weight:800}.play-now-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;min-height:36px;padding:9px 12px;border:2px solid rgba(255,255,255,.18);border-radius:999px;background:linear-gradient(135deg,#58cc02,#1cb0f6);color:var(--selected-pill-text);font-size:.92rem;font-weight:800;white-space:nowrap;box-shadow:0 6px #0003}.play-now-symbol{position:relative;width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:#facc15}.play-now-symbol:before{position:absolute;top:5px;left:7px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #081522;content:""}.mode-card-actions .text-link{margin-top:0}.home-accordion-stack,.accordion-stack,.settings-accordion-stack{display:grid;gap:14px;margin-top:24px}.accordion{border-radius:22px}.accordion summary{list-style:none}.accordion summary::-webkit-details-marker{display:none}.accordion-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;cursor:pointer}.accordion-summary strong{display:block;font-size:1.05rem}.accordion-summary .section-label{margin-bottom:6px}.accordion-summary-action{color:var(--text-muted);font-size:.84rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.accordion-body{display:grid;gap:14px;padding:0 20px 20px}.compact-list-card{padding:14px 16px}.start-shell{display:grid;gap:20px;width:min(1120px,calc(100% - clamp(20px,5vw,64px)))}.wizard-progress{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,148px),1fr));gap:10px;width:100%;max-width:1040px;justify-self:center;margin:0;padding:0;list-style:none}.wizard-progress-step{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 14px;border-radius:18px;background:var(--surface-bg);color:var(--text-muted);font-weight:700;box-shadow:0 5px #0000001f}.wizard-progress-step span:last-child{min-width:0;overflow-wrap:anywhere}.wizard-progress-step.is-active{background:var(--selected-pill-bg);color:var(--selected-pill-text);transform:rotate(-1deg)}.wizard-progress-step.is-complete{color:var(--app-text)}.wizard-progress-index{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#ffffff29;color:#fff}.wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:18px;align-items:start;width:100%;max-width:1040px;justify-self:center}.wizard-card,.wizard-summary-card{min-width:0;padding:24px;border-radius:24px;box-shadow:0 12px #00000026}.wizard-card-header{display:grid;gap:8px;margin-bottom:18px}.wizard-card-header h2,.wizard-summary-card h2{margin:0}.wizard-card-header h2{font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.08}.wizard-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.wizard-option-list{display:grid;gap:10px}.wizard-option{width:100%;border-radius:20px;border:1px solid var(--surface-border);background:var(--surface-bg);color:var(--app-text);text-align:left;box-shadow:0 6px #0000001f}.wizard-option-card{display:grid;gap:8px;min-height:72px;padding:18px}.wizard-option-with-action{align-content:start}.wizard-option-pick{display:grid;gap:8px;width:100%;padding:0;background:transparent;color:inherit;text-align:left}.wizard-option-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px}.wizard-option strong,.wizard-summary-list strong{overflow-wrap:anywhere}.wizard-option.is-selected{background:var(--selected-pill-bg);color:var(--selected-pill-text);border-color:#ffffff61;transform:translateY(-2px)}.wizard-option-icon{display:inline-grid;place-items:center;width:34px;aspect-ratio:1;margin-bottom:8px;border-radius:12px;background:#ffe45c;color:#061b10;font-weight:900}.wizard-option p{margin:0;color:var(--text-secondary)}.wizard-option.is-selected p,.wizard-option.is-selected span{color:inherit}.wizard-review-card{padding:18px;border-radius:20px;background:var(--surface-bg)}.wizard-footer{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.wizard-summary-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.wizard-summary-header .section-label{margin-bottom:0}.summary-link{margin-top:0}.wizard-summary-list{display:grid;gap:12px;margin-top:14px}.wizard-summary-list div{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}.wizard-summary-list div:last-child{padding-bottom:0;border-bottom:0}.wizard-summary-list span{color:var(--text-muted);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.quiz-stage-copy{margin:8px 0 0}.compact-breakdown-list{gap:12px}.compact-breakdown-card{padding:18px 20px}.results-detail-toggle{justify-self:start;margin-top:14px;border-radius:8px}.results-detail-panel{display:grid;gap:12px;margin-top:14px}.results-detail-list{margin-top:0}.results-lineup-preview{margin-top:14px;padding:12px;border:1px solid var(--surface-border);border-radius:8px;background:var(--surface-bg)}.results-lineup-preview .flag-pitch{width:min(100%,640px)}.results-lineup-preview .flag-marker{width:clamp(36px,6vw,58px)}.results-detail-list>div,.results-fact-box{border-radius:8px}.results-fact-box{display:grid;gap:6px;padding:14px 16px;background:var(--surface-bg);border:1px solid var(--surface-border)}.results-fact-box span{color:var(--text-muted);font-size:.85rem;font-weight:700}.results-fact-box p{margin:0;color:var(--text-secondary)}.question-copy-tight{margin-bottom:-4px}.answer-grid-compact .answer-option{min-height:88px;height:88px}.answer-grid-compact{grid-auto-rows:88px;max-width:560px;margin:0 auto}.flag-pitch{width:min(100%,460px);margin:0 auto}.flag-pitch-club-badges{width:min(100%,460px)}.flag-pitch-surface{position:relative;aspect-ratio:.72;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at center,rgba(255,255,255,.07) 0 15%,transparent 15.5%),linear-gradient(180deg,#ffffff0d,#ffffff05),repeating-linear-gradient(180deg,#155e38f0 0 42px,#104e2ef0 42px 84px);box-shadow:inset 0 0 0 1px #ffffff0a,0 18px 40px #020c0629}.pitch-half-line,.pitch-center-circle,.pitch-box,.pitch-goal{position:absolute;border:2px solid rgba(255,255,255,.65)}.pitch-half-line{left:0;right:0;top:50%;border-width:2px 0 0}.pitch-center-circle{top:50%;left:50%;width:20%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%)}.pitch-box{left:20%;width:60%;height:16%}.pitch-box-top{top:0;border-top:0}.pitch-box-bottom{bottom:0;border-bottom:0}.pitch-goal{left:35%;width:30%;height:7%}.pitch-goal-top{top:0;border-top:0}.pitch-goal-bottom{bottom:0;border-bottom:0}.flag-marker{position:absolute;display:inline-grid;place-items:center;width:clamp(32px,5vw,42px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#fffffff5;border:1px solid rgba(7,18,13,.14);box-shadow:0 10px 24px #00000029;padding:2px}.flag-image-marker{overflow:hidden;background:transparent;background-position:center;background-repeat:no-repeat;background-size:cover;border:0;box-shadow:0 0 0 2px #fffffff5,0 0 0 3.5px #04120b85,0 10px 24px #00000029;padding:0}.flag-marker-image{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);border-radius:50%;object-fit:cover;z-index:1}.flag-marker-preload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.club-badge-marker{background:#fffffffa}.national-badge-marker{border:2px solid rgba(255,255,255,.92);background:#fffffffa;box-shadow:0 10px 24px #00000029,inset 0 -6px #0000001f}.national-marker-image{position:absolute;right:-4px;bottom:-4px;width:48%;height:48%;border-radius:50%;background:#fffffff5;border:1px solid rgba(7,18,13,.14);padding:2px;object-fit:contain;box-shadow:0 4px 10px #00000029}.club-marker-image{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:contain;z-index:1}.club-marker-code{opacity:1}.national-marker-code{color:#061b10;font-size:clamp(.46rem,1.45vw,.62rem);text-align:center}.flag-marker-fallback{color:#061b10;font-size:clamp(.56rem,1.6vw,.68rem);font-weight:900;letter-spacing:0;line-height:1}.flag-marker-backup{position:relative;z-index:0;font-size:clamp(1rem,2.7vw,1.35rem)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flag-lineups-hero{align-items:end}.flag-league-layout{width:min(100%,760px);margin:0 auto}.flag-league-card{border:1px solid var(--surface-border);background:var(--surface-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;padding:24px}.player-jackpot-shell{width:min(1120px,calc(100% - clamp(20px,5vw,64px)))}.player-jackpot-stage{display:grid;place-items:center}.player-jackpot-machine{position:relative;width:min(100%,860px);padding:clamp(18px,4vw,28px);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 38%),var(--panel-bg);box-shadow:0 16px #0003,0 32px 70px #0000002e;overflow:hidden}.jackpot-machine-top{position:relative;z-index:1;display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.jackpot-machine-top h2{margin:0;font-size:clamp(1.7rem,4vw,2.55rem);line-height:1}.jackpot-machine-status{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.jackpot-difficulty-control{display:grid;grid-template-columns:repeat(3,minmax(64px,1fr));gap:4px;padding:4px;border:1px solid rgba(255,228,92,.18);border-radius:16px;background:#00000029}.jackpot-difficulty-control button{min-height:32px;padding:0 10px;border:0;border-radius:12px;background:transparent;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:.78rem;font-weight:900}.jackpot-difficulty-control button:hover,.jackpot-difficulty-control button:focus-visible{color:var(--control-text);outline:none}.jackpot-difficulty-control button.is-active{background:#ffe45c33;color:#fff5b8;box-shadow:inset 0 0 0 1px #ffe45c38}.jackpot-live{border-color:#ffe45c8f;background:#ffe45c29;color:#fff0a3;animation:jackpot-chip-pulse .7s ease-in-out infinite alternate}.jackpot-reel-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.jackpot-reel-card{position:relative;min-width:0;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,#ffffff17,#ffffff0a),#031e1594;box-shadow:inset 0 -6px #00000014;overflow:hidden}.jackpot-reel-card.is-locked{animation:jackpot-lock .42s cubic-bezier(.17,.89,.32,1.28) both}.jackpot-reel-card:after{content:none}.jackpot-reel-label,.jackpot-reel-detail{display:block;color:var(--text-muted);font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.jackpot-reel-detail{min-height:20px;margin-top:10px;color:var(--text-secondary);letter-spacing:0;text-transform:none}.jackpot-reel-window{height:clamp(98px,15vw,132px);margin-top:10px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 28%,transparent 72%,rgba(0,0,0,.18)),#0b2f1d;box-shadow:inset 0 0 0 1px #ffe45c29,inset 0 -10px 20px #00000029;overflow:hidden}.jackpot-reel-strip{display:grid;grid-auto-rows:clamp(98px,15vw,132px);transform:translateY(calc(-5*clamp(98px,15vw,132px)))}.jackpot-reel-card.is-spinning .jackpot-reel-strip{animation:jackpot-spin 1.18s cubic-bezier(.2,.9,.17,1) var(--reel-delay, 0ms) both}.jackpot-reel-value{display:grid;place-items:center;color:#f8ffe8;font-size:clamp(2.2rem,8vw,4.6rem);font-weight:900;line-height:1;text-shadow:0 5px 0 rgba(0,0,0,.18)}.jackpot-reel-value.flag-value{font-size:clamp(3rem,9vw,5.2rem);text-shadow:none}.jackpot-flag-emoji{line-height:1}.jackpot-flag{position:relative;display:inline-block;width:clamp(64px,11vw,96px);aspect-ratio:5 / 3;border-radius:10px;box-shadow:0 0 0 2px #ffffff2e,0 8px 18px #0000002e;overflow:hidden}.jackpot-flag.is-england{background:linear-gradient(to right,transparent 0 42%,#cf142b 42% 58%,transparent 58%),linear-gradient(to bottom,transparent 0 38%,#cf142b 38% 62%,transparent 62%),#fff}.jackpot-flag.is-scotland{background:linear-gradient(32deg,transparent 0 43%,#ffffff 43% 57%,transparent 57%),linear-gradient(148deg,transparent 0 43%,#ffffff 43% 57%,transparent 57%),#005eb8}.jackpot-flag.is-kosovo{background:#244aa5}.jackpot-flag.is-kosovo:before{content:"";position:absolute;width:40%;height:42%;top:33%;left:30%;border-radius:46% 54% 44% 56%;background:#d6a343}.jackpot-flag.is-kosovo:after{content:"••••••";position:absolute;top:9%;left:0;width:100%;color:#fff;font-size:clamp(.72rem,1.8vw,1rem);font-weight:900;letter-spacing:.12em;line-height:1;text-align:center}.jackpot-flag.is-wales{background:linear-gradient(to bottom,#fff 0 50%,#00a650 50%)}.jackpot-flag.is-wales:after{content:"W";position:absolute;inset:0;display:grid;place-items:center;color:#c8102e;font-size:clamp(2rem,6vw,3.4rem);font-weight:900;line-height:1;text-shadow:none}.player-jackpot-answer{position:relative;z-index:1;display:grid;gap:8px;margin-top:18px}.player-jackpot-answer label{color:var(--form-label-text);font-size:.82rem;font-weight:900}.jackpot-answer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.jackpot-answer-row input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--input-border);border-radius:16px;outline:none;background:var(--input-bg);color:var(--control-text);font-weight:800}.jackpot-answer-row input:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 4px var(--input-focus-ring)}.jackpot-answer-row input:disabled{opacity:.72}.jackpot-suggestion-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.jackpot-suggestion{display:flex;min-width:0;min-height:42px;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid rgba(255,228,92,.22);border-radius:14px;background:#ffffff14;color:var(--control-text);cursor:pointer;font:inherit;font-weight:900;text-align:left}.jackpot-suggestion:hover,.jackpot-suggestion:focus-visible{border-color:#ffe45c80;background:#ffe45c24;outline:none}.jackpot-suggestion span,.jackpot-suggestion small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jackpot-suggestion small{flex:0 1 auto;color:var(--text-muted);font-size:.72rem}.jackpot-suggestion-hint{grid-column:1 / -1;margin:0;color:var(--text-secondary);font-size:.82rem;font-weight:800}.jackpot-result-panel{position:relative;z-index:1;display:grid;gap:10px;margin-top:16px;padding:16px;border-radius:18px;animation:jackpot-result-in .28s ease both}.jackpot-result-panel strong{font-size:1.08rem}.jackpot-result-panel p{margin:0;color:var(--text-secondary)}.jackpot-result-panel.is-correct,.jackpot-result-panel.is-complete{border:1px solid var(--success-border);background:var(--success-bg)}.jackpot-result-panel.is-incorrect{border:1px solid rgba(255,125,125,.34);background:#be123c33}@keyframes jackpot-spin{0%{filter:blur(1px);transform:translateY(0)}72%{filter:blur(1px);transform:translateY(calc(-5.25*clamp(98px,15vw,132px)))}to{filter:blur(0);transform:translateY(calc(-5*clamp(98px,15vw,132px)))}}@keyframes jackpot-lock{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-4px) scale(1.025)}to{transform:translateY(0) scale(1)}}@keyframes jackpot-chip-pulse{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes jackpot-result-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.jackpot-reel-card.is-spinning .jackpot-reel-strip,.jackpot-reel-card.is-locked,.jackpot-live,.jackpot-result-panel{animation:none}}@media(max-width:900px){.signup-layout,.dashboard-grid,.mode-grid,.landing-feature,.landing-challenge-section,.landing-format-section,.landing-history-section,.home-summary-grid,.wizard-layout,.wizard-option-grid,.home-focus-grid,.home-micro-stats,.field-grid.two-column,.club-picker-grid,.stats-grid,.quiz-setup-layout,.settings-summary-panel,.settings-summary-grid,.settings-card-grid{grid-template-columns:1fr}.answer-grid:not(.answer-grid-compact){grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,420px);margin:0 auto;gap:10px}.answer-grid:not(.answer-grid-compact) .answer-option{aspect-ratio:1.5;min-height:0;padding:12px}.landing-feature,.landing-challenge-section,.landing-format-section,.landing-history-section{gap:22px}.landing-feature-preview{aspect-ratio:4 / 3}.landing-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-preview-shot,.landing-preview-shot:first-child{grid-column:auto;aspect-ratio:4 / 3}}@media(max-width:840px){.app-shell{width:min(100% - 20px,1120px);padding-top:20px}.hero-panel,.highlight-card,.competition-card,.mode-card,.signup-intro,.signup-card,.stat-card,.flag-league-card,.question-card,.breakdown-card,.empty-state{padding:20px}.topbar,.competition-screen-header,.landing-hero-panel,.challenge-strip,.start-hero,.accordion-summary,.home-hero-compact,.home-hero-streamlined,.home-mode-row,.wizard-footer,.wizard-summary-header,.home-library-item,.quiz-stage-header,.signup-card-header,.action-row,.detail-list>div,.list-card,.breakdown-header{display:grid;grid-template-columns:1fr}.landing-hero-panel{min-height:min(620px,calc(100vh - 230px))}.hero-mascot{min-height:190px}.mascot-head{left:18px;right:auto;width:154px}.mascot-ball{right:20px;width:86px}.challenge-strip .ghost-action{justify-self:start}.topbar-actions{justify-items:start}.landing-topbar{top:10px}.landing-scroll-cue{justify-self:start}.landing-feature-copy h2,.landing-challenge-section h2,.landing-format-copy h2,.landing-history-section h2{font-size:clamp(1.85rem,8vw,2.7rem)}.landing-format-grid,.landing-reward-grid,.landing-preview-grid{grid-template-columns:1fr}.landing-preview-shot,.landing-preview-shot:first-child{grid-column:auto;aspect-ratio:16 / 8.8}.home-mode-actions{justify-content:flex-start}.hero-panel h1,.quiz-stage h1{font-size:clamp(2.3rem,10vw,3.8rem)}.flag-pitch,.flag-pitch-club-badges{width:100%}.flag-marker{width:clamp(30px,9vw,40px)}.quiz-title-lockup{align-items:flex-start}.wizard-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{padding-top:0}.home-hero h1{font-size:clamp(2.4rem,12vw,3.8rem)}}@media(max-width:480px){.app-shell,.start-shell{width:min(100% - 16px,1120px);padding-top:16px;padding-bottom:44px}.wizard-progress{grid-template-columns:1fr}.wizard-card,.wizard-summary-card,.form-section{padding:16px;border-radius:18px}.wizard-option-card,.wizard-option-row{padding:14px;border-radius:16px}.jackpot-machine-top,.jackpot-answer-row{grid-template-columns:1fr}.jackpot-machine-top{display:grid}.jackpot-reel-grid{gap:10px}.jackpot-reel-card{padding:10px;border-radius:16px}.jackpot-reel-window{border-radius:14px}.timer-pill{flex:1 1 92px}.landing-feature,.landing-challenge-section,.landing-format-section,.landing-history-section{padding:18px;border-radius:20px}.landing-feature-preview,.landing-history-preview,.landing-preview-shot{border-radius:16px}.landing-feature-preview{aspect-ratio:1}.landing-format-tile{grid-template-columns:auto minmax(0,1fr);padding:12px}.landing-reward-card{min-height:0;padding:14px}.landing-history-points span{width:100%;border-radius:14px}}@media(max-width:760px){.career-quiz-shell{--career-badge-size: clamp(43px, 13vw, 52px)}.career-quiz-shell{padding-top:14px}.career-quiz-shell .quiz-stage{gap:10px}.career-quiz-shell .quiz-stage h1{font-size:clamp(2rem,9vw,2.8rem)}.career-question-card{grid-template-columns:1fr;gap:12px;padding:8px 0}.career-path-prompt{gap:10px}.career-badge-flow{justify-content:start;gap:3px}.career-badge-row,.career-badge-hop{gap:4px}.career-club-badge{width:var(--career-badge-size);height:var(--career-badge-size)}.career-path-arrow{width:.8rem;font-size:1rem}.career-path-turn{width:var(--career-badge-size);font-size:1.2rem}.career-answer-grid{margin-top:0}.career-answer-grid .answer-option{min-height:58px}}.matchday-strip{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:18px;padding:14px 20px;margin-top:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.matchday-strip h1{margin:0;font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.2}.play-now-cta{display:inline-flex;align-items:center;gap:8px;min-height:44px;background:linear-gradient(135deg,#f8d84a,#ff9448);color:#081522;font-weight:800;border:0;border-radius:999px;padding:10px 22px;font-size:.95rem;box-shadow:0 5px #9a4b12;cursor:pointer;transition:transform .12s ease}.play-now-cta:hover{transform:scale(1.04)}.strip-stats{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}.strip-stats .stat-pill{min-height:44px;align-items:center}.stat-pill{display:inline-flex;align-items:baseline;gap:6px;background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:999px;padding:6px 14px;font-size:.8rem;color:var(--text-muted)}.stat-pill strong{color:var(--section-accent);font-size:1rem}.home-spotlight{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:220px;border-radius:22px;overflow:hidden;border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-top:18px;color:inherit;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.home-spotlight:hover{transform:translateY(-3px);box-shadow:0 18px 40px #00000059}.spotlight-copy{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:26px 30px}.spotlight-title{font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.05}.spotlight-tagline{color:var(--text-secondary);font-size:.95rem;max-width:34ch}.spotlight-play{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-top:8px;background:var(--section-accent);color:#073018;font-weight:800;border-radius:999px;padding:8px 20px;font-size:.9rem;cursor:pointer}.spotlight-preview{position:relative;display:grid;place-items:center;background:radial-gradient(120% 120% at 70% 30%,rgba(255,228,92,.18),transparent 55%)}.home-rail{margin-top:30px}.home-rail-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.home-rail-head h2{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--section-accent)}.home-rail-head span{font-size:.8rem;color:var(--text-muted)}.home-rail-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:14px;overflow-x:auto;padding:6px 0;margin-top:-6px;scroll-snap-type:x mandatory}.home-mode-card{scroll-snap-align:start;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--panel-bg);border:1px solid var(--panel-border);color:inherit;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.home-mode-card:hover{transform:translateY(-3px);border-color:var(--section-accent);box-shadow:0 14px 30px #0000004d}.home-mode-preview{position:relative;display:grid;place-items:center;height:92px;background:linear-gradient(160deg,#ffffff1a,#ffffff05);border-bottom:1px solid var(--surface-border)}.home-mode-body{display:grid;gap:3px;padding:13px 16px 16px}.home-mode-tagline{font-size:.8rem;color:var(--text-muted)}.home-hover-play{position:absolute;right:10px;bottom:10px;opacity:0;transform:translateY(4px);transition:all .15s ease;background:var(--section-accent);color:#073018;border-radius:999px;font-size:.72rem;font-weight:800;padding:5px 13px;cursor:pointer}.home-mode-card:hover .home-hover-play,.home-hover-play:focus-visible{opacity:1;transform:translateY(0)}.builder-banner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:18px;padding:15px 21px;margin-top:30px;color:inherit;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.builder-banner:hover{border-color:var(--section-accent);transform:translateY(-2px)}.builder-icon{font-size:1.4rem}.builder-copy{display:grid;gap:2px}.builder-copy span{font-size:.8rem;color:var(--text-muted)}.builder-cta{display:inline-flex;align-items:center;margin-left:auto;min-height:44px;border:1px solid var(--section-accent);color:var(--section-accent);border-radius:999px;padding:7px 18px;font-size:.85rem;font-weight:800}.vignette-reels{display:flex;gap:9px}.vignette-reel{display:grid;place-items:center;width:52px;height:76px;border-radius:12px;background:linear-gradient(180deg,#ffffff29,#ffffff12);border:1px solid var(--surface-border);font-size:1.3rem}.vignette-reel small{font-size:.55rem;color:var(--text-muted)}.vignette-reel-mid{outline:2px solid var(--section-accent);transform:scale(1.08)}.home-spotlight .vignette-reel{width:62px;height:92px;font-size:1.6rem}.vignette-pitch{position:relative;width:130px;height:66px;border:2px solid rgba(255,255,255,.4);border-radius:6px;background:repeating-linear-gradient(90deg,#4ed62b40 0 16px,#10b9811f 16px 32px)}.vignette-pitch:after{content:"";position:absolute;inset:16px 50px;border:2px solid rgba(255,255,255,.4);border-radius:50%}.vignette-bars{display:flex;align-items:flex-end;gap:7px;height:56px}.vignette-bars i{width:16px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#74e0ff,#2563eb)}.vignette-ballon{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff0a3,#facc15 55%,#b45309);box-shadow:0 6px 14px #facc1566}.vignette-emoji{font-size:2.2rem}.vignette-flags{display:flex;gap:7px;font-size:1.5rem}.vignette-score{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem}.vignette-crest{display:grid;place-items:center;width:38px;height:42px;clip-path:polygon(50% 0,100% 18%,100% 70%,50% 100%,0 70%,0 18%);font-size:1rem}.vignette-crest-home{background:#7dd3fc}.vignette-crest-away{background:#fca5a5}@media(max-width:760px){.home-spotlight{grid-template-columns:1fr}.spotlight-preview{order:-1;min-height:120px}.strip-stats{margin-left:0}.home-hover-play{opacity:1;transform:translateY(0)}.builder-cta{margin-left:0}}.grade-badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:108px;height:108px;border-radius:50%;border:3px solid var(--surface-border);background:var(--surface-strong-bg);animation:grade-pop .42s cubic-bezier(.34,1.56,.64,1)}.grade-badge-small{width:56px;height:56px;border-width:2px}.grade-badge-letter{font-size:2.4rem;font-weight:800;line-height:1}.grade-badge-small .grade-badge-letter{font-size:1.4rem}.grade-badge-caption{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.grade-a-plus{border-color:#ffe45cd9;box-shadow:0 0 24px #ffe45c59}.grade-a-plus .grade-badge-letter{color:var(--section-accent)}.grade-a .grade-badge-letter{color:#7bf1a8}.grade-a{border-color:var(--success-border)}.grade-b .grade-badge-letter{color:#74e0ff}.grade-c .grade-badge-letter{color:#f8d84a}.grade-d .grade-badge-letter{color:#fda4af}@keyframes grade-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.results-hero{display:grid;justify-items:start;gap:8px}.points-breakdown-section{display:grid;gap:10px;padding:18px;border-radius:22px;background:var(--surface-strong-bg);border:1px solid var(--surface-border)}.points-breakdown{display:grid;gap:6px}.points-breakdown-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.94rem;color:var(--text-secondary);animation:breakdown-slide .3s ease both}.points-breakdown-row:nth-child(2){animation-delay:.12s}.points-breakdown-row:nth-child(3){animation-delay:.24s}.points-breakdown-row:nth-child(4){animation-delay:.36s}.points-breakdown-row.multiplier strong{color:var(--section-accent)}.points-breakdown-row.total{border-top:1px solid var(--divider-color);padding-top:8px;font-weight:700;color:var(--app-text)}.points-breakdown-row.total strong{font-size:1.2rem;color:var(--section-accent)}@keyframes breakdown-slide{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.streak-nudge{margin:0;font-size:.84rem;color:var(--text-muted)}.wallet-widget{display:flex;flex-wrap:wrap;align-items:center;align-self:center;gap:10px 14px;padding:8px 14px;min-height:44px;border-radius:18px;background:var(--surface-bg);border:1px solid var(--surface-border);color:inherit;text-decoration:none}.wallet-widget:hover{background:var(--surface-strong-bg)}.wallet-skeleton{min-height:44px;animation:wallet-pulse 1.2s ease-in-out infinite}@keyframes wallet-pulse{0%,to{opacity:.5}50%{opacity:.9}}.wallet-flame,.wallet-points{display:inline-flex;align-items:baseline;gap:5px;font-size:.86rem;color:var(--text-muted)}.wallet-flame strong,.wallet-points strong{color:var(--section-accent);font-size:1rem}.wallet-goal{display:grid;gap:4px;flex:1 1 130px;min-width:120px}.wallet-goal-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.wallet-goal-track{height:6px}.wallet-adfree{font-size:.74rem;padding:4px 10px;border-radius:999px;background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.goal-grid{display:grid;gap:14px}@media(min-width:640px){.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.goal-card{display:grid;gap:10px;padding:18px;border-radius:22px;background:var(--surface-strong-bg);border:1px solid var(--surface-border)}.goal-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.goal-card h3{margin:0;font-size:1rem}.goal-reward{margin:2px 0 0;font-size:.8rem;color:var(--text-muted)}.goal-track{height:10px}.goal-progress-label{margin:0;font-size:.8rem;color:var(--text-secondary)}.secret-game-card{display:flex;align-items:center;gap:14px;padding:18px;border-radius:22px;border:1px dashed var(--surface-border);background:var(--surface-bg);color:inherit;text-decoration:none}.secret-game-card.unlocked{border-style:solid;border-color:#ffe45c8c;box-shadow:0 0 22px #ffe45c2e}.secret-game-icon{font-size:1.8rem}.secret-game-copy{display:grid;gap:2px}.secret-game-copy span:last-child{font-size:.84rem;color:var(--text-muted)}.spend-section{display:grid;gap:12px}.spend-grid{display:grid;gap:14px}@media(min-width:640px){.spend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.spend-card{display:grid;gap:8px;padding:18px;border-radius:22px;background:var(--surface-strong-bg);border:1px solid var(--surface-border)}.spend-card p{margin:0;font-size:.84rem;color:var(--text-muted)}.spend-card .primary-action:disabled{opacity:.45;cursor:not-allowed}.form-error{margin:0;font-size:.86rem;color:#fda4af}.stat-pill-link{color:var(--text-muted);text-decoration:none;min-height:44px;align-items:center}.stat-pill-link:hover{background:var(--surface-strong-bg)}.pill-icon{display:inline-flex;align-items:center;font-size:.9em;line-height:1}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--surface-border);background:var(--surface-strong-bg);overflow:hidden;flex-shrink:0;text-decoration:none}.user-avatar:hover,.user-avatar:focus-visible{border-color:var(--section-accent)}.user-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.user-avatar-initial{font-size:1rem;font-weight:700;color:var(--section-accent);line-height:1}.profile-footer{display:flex;justify-content:center;padding:18px 0 8px}.logout-link{background:none;border:none;padding:10px 16px;min-height:44px;font-size:.82rem;color:var(--text-muted);text-decoration:underline;cursor:pointer}.logout-link:hover{color:var(--app-text)}.landing-footer{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:32px;padding:24px;border-radius:20px;background:var(--surface-bg);border:1px solid var(--surface-border)}.landing-footer-links{display:flex;flex-wrap:wrap;gap:18px}.landing-footer-note{flex-basis:100%;margin:0;font-size:.82rem;color:var(--text-muted)}.legal-shell{padding-bottom:64px}.legal-content{max-width:720px;margin:24px auto 0;display:flex;flex-direction:column;gap:20px}.legal-content h1{margin:4px 0 0}.legal-content h2{margin:0 0 6px;font-size:1.1rem}.legal-content p{margin:0;color:var(--text-secondary);line-height:1.6}.legal-updated{font-size:.82rem;color:var(--text-muted)}.legal-content section{padding:16px 18px;border-radius:16px;background:var(--surface-bg);border:1px solid var(--surface-border)}.legal-content .primary-action{align-self:flex-start}.legal-inline-link{color:var(--app-text);text-decoration:underline}