@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bricolage-grotesque-vietnamese-400-normal-B7Iv8-Rg.woff2) format("woff2"),url(/assets/bricolage-grotesque-vietnamese-400-normal-Sle7MYWg.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bricolage-grotesque-latin-ext-400-normal-D42HmrHD.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-ext-400-normal-BH175q6o.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bricolage-grotesque-latin-400-normal-A6LyuA6R.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-400-normal-D89K-qEP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-vietnamese-600-normal-Ipewt4hn.woff2) format("woff2"),url(/assets/bricolage-grotesque-vietnamese-600-normal-BppAn7jL.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-latin-ext-600-normal-CN5JKkBm.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-ext-600-normal-DF26P3Q7.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-latin-600-normal-nxTgbNFE.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-600-normal-Bw0J83-2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-vietnamese-700-normal-BLYPkJbo.woff2) format("woff2"),url(/assets/bricolage-grotesque-vietnamese-700-normal-CHrFuVHU.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-latin-ext-700-normal-fBkt-7fi.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-ext-700-normal-BXpPFNFj.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-latin-700-normal-gtcctNPv.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-700-normal-DvJDmrLu.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-vietnamese-800-normal-RJtJa6zl.woff2) format("woff2"),url(/assets/bricolage-grotesque-vietnamese-800-normal-DJ4hCX8l.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-ext-800-normal-BimIDUhy.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-ext-800-normal-CkoBqIJM.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-800-normal-J50vIsBe.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-800-normal-Br4b-5gk.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-ext-400-normal-Q_nF8v4l.woff2) format("woff2"),url(/assets/instrument-sans-latin-ext-400-normal-r32jotim.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-400-normal-DRC__1Mx.woff2) format("woff2"),url(/assets/instrument-sans-latin-400-normal-D1W7dsQl.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-ext-500-normal-CTEe1bJa.woff2) format("woff2"),url(/assets/instrument-sans-latin-ext-500-normal-CAxz3nsc.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-500-normal-Dk9ku72i.woff2) format("woff2"),url(/assets/instrument-sans-latin-500-normal-Z6ESRlEs.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-ext-600-normal-BsaQcF38.woff2) format("woff2"),url(/assets/instrument-sans-latin-ext-600-normal-DMks36a2.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-600-normal-B7fBEWYG.woff2) format("woff2"),url(/assets/instrument-sans-latin-600-normal-B9e8oLYv.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/instrument-sans-latin-ext-700-normal-ClYbKGw-.woff2) format("woff2"),url(/assets/instrument-sans-latin-ext-700-normal-BQc-7cTM.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/instrument-sans-latin-700-normal-CYfAanHo.woff2) format("woff2"),url(/assets/instrument-sans-latin-700-normal-DfAjL1vF.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg: #0B0B0B;--color-surface: #161616;--color-raised-surface: #222222;--color-raised-hover: #2c2c2c;--color-border: #2C2C2C;--color-text: #F5F5F0;--color-text-muted: #9A9A92;--color-accent: #C6F432;--color-accent-hover: #b4df2c;--color-accent-ink: #C6F432;--color-freeze: #9fd8ff;--shell-glow: #10261a;color-scheme:dark;--color-result-green: #C6F432;--color-result-yellow: #F2C14E;--color-result-orange: #FF9F43;--color-result-red: #FF5A4F;--color-result-white: #D9D9CF;--color-result-miss: #5E5E58;--stadium-grass: #173d24;--stadium-grass-edge: #0f2a18;--stadium-stripe: rgba(255, 255, 255, .035);--stadium-dirt: #4a3426;--stadium-chalk: #EDEDE4;--stadium-ring: rgba(255, 255, 255, .22);--stadium-stands: #151515;--stadium-crowd-a: #2d2d2d;--stadium-crowd-b: #3a3a36;--stadium-crowd-c: #262626;--stadium-trail: rgba(245, 245, 240, .55);--font-display: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-card: 16px;--radius-key: 14px;--radius-pill: 999px;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}:root[data-theme=light]{--color-bg: #F3F4EE;--color-surface: #FFFFFF;--color-raised-surface: #E9EBE3;--color-raised-hover: #DEE1D6;--color-border: #D6D9CC;--color-text: #12140F;--color-text-muted: #5C6055;--color-accent: #B8E62A;--color-accent-hover: #A8D61E;--color-accent-ink: #4C7300;--color-result-white: #CBCCC1;--color-result-miss: #8E8F86;--color-freeze: #1F6FA8;--shell-glow: #DCEBC8;color-scheme:light}:root[data-theme=light] .data-bold-val[style]{color:var(--color-text)!important}:root[data-theme=light] .rating-title-pill{background-color:#4c73001a}:root[data-theme=light] .ghost-dot{border-color:var(--color-text-muted)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.5;height:100%;width:100%;overflow-x:hidden;overflow-y:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-shell{height:100vh;height:100dvh;display:flex;justify-content:center;align-items:stretch;background-color:var(--color-bg);overflow:hidden}.app-container{width:100%;max-width:440px;height:100%;box-sizing:border-box;display:flex;flex-direction:column;position:relative;background-color:var(--color-bg);padding-top:calc(max(env(safe-area-inset-top),16px) + 12px);padding-right:max(env(safe-area-inset-right),16px);padding-bottom:calc(max(env(safe-area-inset-bottom),16px) + 4px);padding-left:max(env(safe-area-inset-left),16px)}.screen-container{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;justify-content:space-between}.question-footer,.reveal-footer,.results-footer{flex-shrink:0;padding-top:8px;width:100%}.primary-button{background-color:var(--color-accent);color:#0b0b0b;font-family:var(--font-body);font-size:17px;font-weight:700;height:56px;min-height:56px;width:100%;border:none;border-radius:var(--radius-pill);cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .1s ease,background-color .15s ease,opacity .2s ease}.primary-button:hover:not(:disabled){background-color:var(--color-accent-hover)}.primary-button:active:not(:disabled){transform:scale(.98)}.primary-button:disabled{opacity:.35;cursor:not-allowed}.icon-button{background:transparent;border:none;color:var(--color-text);min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-pill);transition:background-color .15s ease}.icon-button:hover{background-color:var(--color-raised-surface)}.text-link-button{background:transparent;border:none;color:var(--color-text-muted);font-family:var(--font-body);font-size:15px;font-weight:600;padding:12px;min-height:48px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;transition:color .15s ease}.text-link-button:hover{color:var(--color-text)}.home-screen{justify-content:space-between}.home-top-bar{display:flex;justify-content:space-between;align-items:center}.home-top-bar-spacer{min-width:48px;min-height:48px}.home-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;margin:auto 0}.home-hero{display:flex;flex-direction:column;align-items:center;gap:12px}.logo-container{width:96px;height:96px;margin-bottom:8px}.app-logo{width:100%;height:100%;object-fit:contain}.home-title{font-family:var(--font-display);font-size:38px;font-weight:800;letter-spacing:-.5px;line-height:1.1;color:var(--color-text)}.home-tagline{color:var(--color-text-muted);font-size:16px;font-weight:500}.puzzle-meta-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:14px 24px;display:flex;flex-direction:column;gap:4px;width:100%}.puzzle-number{font-family:var(--font-display);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-accent-ink)}.puzzle-date{font-size:14px;color:var(--color-text-muted)}.home-actions{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.question-screen{justify-content:flex-start;overflow:hidden}.question-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px}.question-meta{display:flex;flex-direction:column;gap:4px}.question-progress-label{font-family:var(--font-display);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.question-category-tag{font-size:13px;font-weight:600;color:var(--color-accent-ink);background-color:#c6f4321a;padding:3px 10px;border-radius:var(--radius-pill);width:fit-content}.timer-wrapper,.timer-circle{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.timer-svg{position:absolute;top:0;left:0}.timer-seconds-text{font-family:var(--font-display);font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;z-index:1}.pulse-urgent{animation:timerPulse .6s infinite alternate ease-in-out}@keyframes timerPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.question-main-content{display:flex;flex-direction:column;justify-content:center;gap:16px;flex:1;min-height:0;padding:8px 0;overflow:hidden}.question-text{font-family:var(--font-display);font-size:24px;font-weight:700;line-height:1.25;color:var(--color-text);letter-spacing:-.3px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}@media(min-width:400px){.question-text{font-size:26px}}@media(max-height:700px){.question-header{padding-bottom:4px}.timer-wrapper,.timer-circle{width:46px;height:46px}.timer-seconds-text{font-size:16px}.question-text,.question-text.min-width-400{font-size:22px}.question-main-content{gap:10px;padding:4px 0}.number-display-card{padding:10px 16px;min-height:72px}.entered-digits{font-size:28px}.keypad-container,.chips-row{gap:5px}.multiplier-chip{height:34px;font-size:13px}.keypad-grid{gap:5px}.keypad-btn{height:48px;min-height:48px;font-size:20px}.lock-in-btn{height:48px;font-size:15px}}.number-display-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:16px 20px;display:flex;flex-direction:column;align-items:center;min-height:90px;justify-content:center}.unit-label-top{font-size:13px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.entered-number-row{display:flex;align-items:baseline;gap:4px}.entered-digits{font-family:var(--font-display);font-size:36px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-text)}.entered-multiplier-suffix{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--color-accent-ink)}.calculated-total-subtext{font-family:var(--font-display);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text-muted);margin-top:2px}.keypad-container{display:flex;flex-direction:column;gap:8px;width:100%}.chips-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.multiplier-chip{background-color:var(--color-raised-surface);color:var(--color-text-muted);font-family:var(--font-body);font-size:14px;font-weight:700;height:38px;border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;transition:all .15s ease}.multiplier-chip.active{background-color:var(--color-accent);color:#0b0b0b;border-color:var(--color-accent)}.multiplier-chip:active{transform:scale(.96)}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad-btn{background-color:var(--color-raised-surface);color:var(--color-text);font-family:var(--font-display);font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;height:56px;min-height:56px;border:1px solid var(--color-border);border-radius:var(--radius-key);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .1s ease,transform .08s ease}.keypad-btn:hover{background-color:var(--color-raised-hover)}.keypad-btn:active{transform:scale(.95);background-color:var(--color-raised-hover)}.lock-in-btn{margin-top:4px}.reveal-screen{gap:0}.reveal-main-content{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow-y:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.reveal-question-context{display:flex;flex-direction:column;gap:6px}.reveal-question-text{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--color-text)}.reveal-answer-box{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:18px;text-align:center;display:flex;flex-direction:column;align-items:center}.reveal-answer-label{font-size:13px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.reveal-answer-number{font-family:var(--font-display);font-size:46px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-text);line-height:1.1;margin-top:4px}.reveal-answer-unit{font-size:22px;font-weight:600;color:var(--color-text-muted)}.reveal-result-breakdown{background-color:var(--color-surface);border:1px solid;border-radius:var(--radius-card);padding:16px;display:flex;flex-direction:column;gap:12px}.guess-row{display:flex;justify-content:space-between;align-items:center}.guess-label{color:var(--color-text-muted);font-size:15px}.guess-value{font-family:var(--font-display);font-weight:700;font-size:17px;font-variant-numeric:tabular-nums}.result-status-row{display:flex;justify-content:space-between;align-items:center}.band-badge{font-size:14px;font-weight:700;border:1px solid;padding:4px 10px;border-radius:var(--radius-pill)}.points-pill{color:#0b0b0b;font-family:var(--font-display);font-size:16px;font-weight:800;padding:4px 14px;border-radius:var(--radius-pill);transform:scale(.8);opacity:0;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .2s ease}.points-pill.popped{transform:scale(1);opacity:1}.community-stats-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:16px;display:flex;flex-direction:column;gap:12px}.community-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--color-text)}.beat-percentage-text{font-size:15px;color:var(--color-accent-ink);font-weight:500}.median-guess-text{font-size:14px;color:var(--color-text-muted)}.distribution-bars{display:flex;flex-direction:column;gap:6px;margin-top:6px}.dist-bar-row{display:grid;grid-template-columns:minmax(0,85px) 1fr 35px;align-items:center;gap:8px;font-size:12px;color:var(--color-text-muted)}.dist-bar-row.player-row{color:var(--color-accent-ink);font-weight:700}.dist-bar-track{height:8px;background-color:var(--color-raised-surface);border-radius:var(--radius-pill);overflow:hidden}.dist-bar-fill{height:100%;background-color:var(--color-border);border-radius:var(--radius-pill);transition:width .4s ease}.dist-bar-fill.active-fill{background-color:var(--color-accent)}.dist-bar-pct{text-align:right;font-variant-numeric:tabular-nums}.stats-fallback-text{font-size:14px;color:var(--color-text-muted);text-align:center;padding:8px 0}.results-screen{gap:0}.results-header{display:flex;justify-content:space-between;align-items:center}.results-top-title{font-family:var(--font-display);font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text)}.results-main-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;flex:1;min-height:0;overflow-y:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.target-graphic-wrapper{width:140px;height:140px;display:flex;align-items:center;justify-content:center}.target-svg{width:100%;height:100%}.target-dot-transition{transition:cx .8s cubic-bezier(.34,1.56,.64,1),cy .8s cubic-bezier(.34,1.56,.64,1)}.total-score-box{display:flex;align-items:baseline;justify-content:center;gap:4px}.total-score-number{font-family:var(--font-display);font-size:52px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;color:var(--color-text)}.total-score-max{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--color-text-muted)}.rating-title-pill{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--color-accent-ink);background-color:#c6f4321a;padding:6px 18px;border-radius:var(--radius-pill)}.result-tiles-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;margin-top:6px}.result-tile-btn{height:52px;border:2px solid transparent;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,border-color .15s ease}.result-tile-btn:active{transform:scale(.92)}.result-tile-btn.selected{border-color:var(--color-text)}.tile-points-num{font-family:var(--font-display);font-size:16px;font-weight:800;color:#0b0b0b;font-variant-numeric:tabular-nums}.tile-inspector-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:14px;width:100%;text-align:left;display:flex;flex-direction:column;gap:8px}.tile-inspector-header{display:flex;justify-content:space-between;align-items:center}.inspector-q-label{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--color-accent-ink)}.inspector-close-btn{background:transparent;border:none;color:var(--color-text-muted);font-size:16px;cursor:pointer}.inspector-q-text{font-size:14px;font-weight:600}.inspector-data-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;background-color:var(--color-raised-surface);padding:8px 12px;border-radius:8px}.data-dim-label{display:block;font-size:11px;color:var(--color-text-muted)}.data-bold-val{display:block;font-family:var(--font-display);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.community-average-line{font-size:14px;color:var(--color-text-muted)}.next-countdown-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:12px 20px;display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.next-countdown-label{font-size:13px;color:var(--color-text-muted)}.next-countdown-digits{font-family:var(--font-display);font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-text);letter-spacing:1px}.countdown-screen,.ended-screen{justify-content:center;align-items:center;text-align:center}.countdown-content,.ended-content{display:flex;flex-direction:column;align-items:center;gap:20px;margin:auto 0;width:100%}.countdown-card,.ended-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:24px;display:flex;flex-direction:column;gap:10px;width:100%}.countdown-label{font-size:13px;font-weight:700;text-transform:uppercase;color:var(--color-accent-ink)}.countdown-big-text,.ended-big-text{font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1.2}.countdown-subtext,.ended-subtext{font-size:14px;color:var(--color-text-muted)}.ended-stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;z-index:100;display:flex;justify-content:center;align-items:flex-end;animation:fadeIn .2s ease}.bottom-sheet-panel{background-color:var(--color-surface);border-top:1px solid var(--color-border);border-radius:24px 24px 0 0;width:100%;max-width:440px;max-height:85vh;max-height:85dvh;padding:16px 20px calc(var(--sab) + 20px) 20px;display:flex;flex-direction:column;animation:slideUp .25s cubic-bezier(.16,1,.3,1);overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-drag-handle{width:36px;height:4px;background-color:var(--color-border);border-radius:var(--radius-pill);margin:0 auto 12px}.bottom-sheet-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px}.bottom-sheet-title{font-family:var(--font-display);font-size:20px;font-weight:700}.bottom-sheet-close-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.how-to-play-content{display:flex;flex-direction:column;gap:14px}.how-to-step{display:flex;align-items:flex-start;gap:12px}.step-badge{background-color:var(--color-raised-surface);color:var(--color-accent-ink);font-family:var(--font-display);font-weight:800;width:28px;height:28px;min-width:28px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-size:14px}.step-text{font-size:14px;color:var(--color-text);line-height:1.4}.section-subheading{font-family:var(--font-display);font-size:16px;font-weight:700;margin:12px 0 8px}.scoring-grid{display:flex;flex-direction:column;background-color:var(--color-raised-surface);border-radius:var(--radius-card);padding:8px 12px}.scoring-row{display:flex;justify-content:space-between;padding:6px 4px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05)}.scoring-row:last-child{border-bottom:none}.scoring-row.header{font-weight:700;color:var(--color-text-muted);text-transform:uppercase;font-size:11px}.points-highlight{font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-accent-ink)}.badge-exact{color:var(--color-accent-ink);font-weight:700}.stats-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.metric-box{background-color:var(--color-raised-surface);border-radius:10px;padding:10px 4px;text-align:center;display:flex;flex-direction:column;gap:2px}.metric-val{font-family:var(--font-display);font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-text)}.metric-lbl{font-size:11px;color:var(--color-text-muted)}.dist-chart{display:flex;flex-direction:column;gap:8px;margin-top:8px}.dist-chart-row{display:grid;grid-template-columns:minmax(0,140px) 1fr;align-items:center;gap:8px;font-size:12px}.dist-chart-label{color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dist-chart-track{height:20px;background-color:var(--color-raised-surface);border-radius:4px;overflow:hidden}.dist-chart-fill{height:100%;background-color:var(--color-accent);border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;transition:width .3s ease}.dist-chart-val{font-family:var(--font-display);font-size:11px;font-weight:800;color:#0b0b0b;font-variant-numeric:tabular-nums}.secondary-button{background:transparent;color:var(--color-text);border:1px solid var(--color-border);font-family:var(--font-body);font-size:15px;font-weight:600;height:48px;width:100%;border-radius:var(--radius-pill);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.secondary-button:hover{background-color:var(--color-raised-surface);border-color:var(--color-text-muted)}.home-hero-field{width:150px;height:104px;margin-bottom:4px}.home-hero-field svg{width:100%;height:100%;overflow:visible}.home-hero-arc{stroke-dashoffset:0;animation:hero-dash 2.4s ease-in-out infinite}.home-hero-ball{transform-box:fill-box;transform-origin:center;animation:hero-ball 2.4s ease-in-out infinite}@keyframes hero-dash{0%{opacity:0}30%{opacity:1}to{opacity:1}}@keyframes hero-ball{0%{transform:translate(-48px,94px) scale(.7);opacity:0}10%{opacity:1}55%{transform:translate(0) scale(1.15)}70%{transform:translate(0) scale(1)}to{transform:translate(0) scale(1);opacity:1}}.home-content{gap:18px}.mode-picker{width:100%;display:flex;flex-direction:column;gap:8px}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:4px}.mode-option{background:transparent;border:none;color:var(--color-text-muted);font-family:var(--font-body);font-size:15px;font-weight:700;height:40px;border-radius:var(--radius-pill);cursor:pointer;transition:background-color .2s ease,color .2s ease}.mode-option.active{background-color:var(--color-raised-surface);color:var(--color-text)}.mode-option:disabled{opacity:.35;cursor:not-allowed}.mode-description{font-size:13px;color:var(--color-text-muted)}.mode-tag{font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#0b0b0b;background:var(--color-text-muted);border-radius:var(--radius-pill);padding:2px 8px;margin-left:8px;vertical-align:middle}.stadium{width:100%;position:relative}.stadium svg{display:block;width:100%;height:auto;aspect-ratio:4 / 3}.stadium-ring-label{font-family:var(--font-body);font-size:9px;font-weight:600;fill:#fff6;text-anchor:middle}.stadium-wall-label{font-family:var(--font-display);font-size:11px;font-weight:800;fill:var(--color-accent);text-anchor:middle}.stadium-wall.flash{animation:wall-flash .9s ease-out 2}@keyframes wall-flash{0%{stroke:#fff}to{stroke:var(--color-accent)}}.stadium-landing-ring{transform-box:fill-box;transform-origin:center;animation:landing-ring .7s ease-out forwards}@keyframes landing-ring{0%{transform:scale(.4);opacity:1}to{transform:scale(2.2);opacity:.85}}.stadium-whiff{font-family:var(--font-display);font-size:18px;font-weight:800;fill:var(--color-text-muted);text-anchor:middle;animation:whiff .5s ease-out}@keyframes whiff{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.spray-dot{opacity:0;animation:spray-in .45s cubic-bezier(.175,.885,.32,1.275) forwards;transform-box:fill-box;transform-origin:center}@keyframes spray-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.spray-dot-label{font-family:var(--font-display);font-size:10px;font-weight:800;fill:#0b0b0b;text-anchor:middle}.reveal-stadium-wrap{position:relative;border-radius:var(--radius-card);overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#1c1c1c 0%,var(--color-bg) 70%);border:1px solid var(--color-border);flex-shrink:0}.reveal-scoreboard{position:absolute;top:10px;left:12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}.reveal-feet{font-family:var(--font-display);font-size:34px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--color-text);text-shadow:0 2px 10px rgba(0,0,0,.6);transition:color .3s ease}.reveal-feet small{font-size:16px;font-weight:700}.reveal-tier{font-family:var(--font-display);font-size:14px;font-weight:800;color:#0b0b0b;padding:4px 12px;border-radius:var(--radius-pill);opacity:0;transform:scale(.6) rotate(-4deg);transition:opacity .2s ease,transform .35s cubic-bezier(.175,.885,.32,1.275)}.reveal-tier.show{opacity:1;transform:scale(1) rotate(-4deg)}.reveal-main-content{gap:12px}.reveal-question-text{font-size:16px}.reveal-answer-box{padding:12px}.reveal-answer-number{font-size:36px}.swing-history{display:flex;flex-wrap:wrap;gap:6px}.swing-history-chip{font-size:12px;font-weight:600;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:2px 10px;font-variant-numeric:tabular-nums}.reveal-footer{display:flex;flex-direction:column;align-items:center}.reveal-secondary{min-height:40px;padding:8px}.results-stadium{max-width:300px;flex-shrink:0}.total-score-max{font-size:16px}.tile-points-num{font-size:15px;line-height:1}.tile-ft{font-size:10px;font-weight:700;color:#0b0b0ba6;margin-left:2px}.result-tile-btn{align-items:baseline;padding-top:18px}.results-main-content .secondary-button{flex-shrink:0}.swing-strip{display:flex;align-items:center;justify-content:space-between;gap:8px}.swing-dots{display:flex;align-items:center;gap:6px}.swing-dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-raised-surface);border:1px solid var(--color-border)}.swing-dot.current{border-color:var(--color-text);background-color:var(--color-text)}.swing-count{font-size:12px;font-weight:700;color:var(--color-text-muted);margin-left:4px;text-transform:uppercase;letter-spacing:.4px}.hint-chip{background:transparent;border:1px dashed var(--color-text-muted);color:var(--color-text);font-family:var(--font-body);font-size:13px;font-weight:700;border-radius:var(--radius-pill);padding:5px 14px;cursor:pointer;white-space:nowrap}.hint-chip.used{border-style:solid;border-color:var(--color-border);color:var(--color-text-muted);font-weight:600;cursor:default;font-size:12px;padding:5px 10px;overflow:hidden;text-overflow:ellipsis;max-width:60%}.swing-feedback{display:flex;align-items:center;gap:12px;background-color:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-result-orange);border-radius:12px;padding:10px 12px;animation:feedback-nudge .4s ease}.swing-feedback.hint{border-left-color:var(--color-accent)}.swing-feedback-arrow{font-family:var(--font-display);font-size:26px;font-weight:800;line-height:1;color:var(--color-result-orange);width:24px;text-align:center}.swing-feedback.low .swing-feedback-arrow{animation:arrow-up .9s ease-in-out infinite}.swing-feedback.high .swing-feedback-arrow{animation:arrow-down .9s ease-in-out infinite}.swing-feedback-text{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--color-text-muted);line-height:1.35}.swing-feedback-text strong{color:var(--color-text);font-size:15px}@keyframes feedback-nudge{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}to{transform:translate(0)}}@keyframes arrow-up{0%,to{transform:translateY(2px)}50%{transform:translateY(-3px)}}@keyframes arrow-down{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}.take-it-btn{width:100%;background:transparent;border:none;color:var(--color-text-muted);font-family:var(--font-body);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px;padding:2px 0 8px;cursor:pointer}.practice-exit{min-height:40px;padding:8px 4px}.range-picks{display:flex;flex-direction:column;gap:10px}.range-picks-label{font-size:13px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.range-pick-btn{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-display);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;min-height:60px;border-radius:var(--radius-card);cursor:pointer;transition:transform .1s ease,border-color .15s ease,background-color .15s ease}.range-pick-btn:hover:not(:disabled){border-color:var(--color-accent)}.range-pick-btn:active:not(:disabled){transform:scale(.98);background-color:var(--color-raised-surface)}.tier-cell{display:inline-flex;align-items:center;gap:6px;font-weight:700}.tier-cell em{font-style:normal;font-weight:500;color:var(--color-text-muted);font-size:12px}.tier-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.scoring-footnote{font-size:13px;color:var(--color-text-muted);margin-top:10px}.demo-bar{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--color-text-muted);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-pill);padding:4px 12px;z-index:5}.demo-bar select,.demo-bar button{background:var(--color-raised-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;font-size:12px;padding:2px 6px;margin-left:4px;cursor:pointer}@media(max-height:700px){.swing-feedback{padding:8px 10px}.swing-feedback-text strong{font-size:14px}.home-hero-field{width:120px;height:84px}.home-content{gap:12px}}.easy-score-block{display:flex;flex-direction:column;align-items:center;gap:6px}.easy-score-badge,.reveal-easy-badge{font-family:var(--font-body);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--color-accent-ink);border:1px solid var(--color-accent);border-radius:var(--radius-pill);padding:3px 10px}.reveal-easy-badge{background:#0b0b0bb3}.result-tile-btn.easy{align-items:center;padding-top:0}.result-tile-btn.easy .tile-points-num{font-size:22px}.easy-stats-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--color-text-muted);margin-top:16px}.question-main-content{justify-content:flex-start;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:0;padding:4px 0}.question-main-inner{margin-block:auto;display:flex;flex-direction:column;gap:clamp(10px,1.8vh,16px);min-width:0}.question-text{flex-shrink:0;display:block;overflow:visible;-webkit-line-clamp:unset;font-size:clamp(18px,min(3.1vh,6.4vw),26px);line-height:1.22;text-wrap:balance;overflow-wrap:anywhere}@media(min-width:400px){.question-text{font-size:clamp(19px,3.1vh,26px)}}.answer-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:clamp(8px,1.4vh,14px) 14px;display:flex;flex-direction:column;gap:clamp(6px,1vh,10px);min-width:0}.answer-panel .swing-strip{flex-wrap:wrap;row-gap:6px}.hint-chip{padding:4px 12px;font-size:12px}.hint-chip:disabled{opacity:.4}.hint-chip.used{max-width:100%;white-space:nowrap}.swing-feedback{gap:10px;padding:6px 10px;border-radius:10px;border-left-width:3px;background-color:var(--color-raised-surface)}.swing-feedback-arrow{font-size:20px;width:18px;flex-shrink:0}.swing-feedback-text{flex:1;min-width:0;font-size:12px;line-height:1.3}.swing-feedback-text strong{font-size:14px;overflow-wrap:anywhere}.take-it-btn{width:auto;flex-shrink:0;background:transparent;border:1px solid var(--color-text-muted);border-radius:var(--radius-pill);color:var(--color-text);font-size:12px;font-weight:700;text-decoration:none;padding:5px 10px;white-space:nowrap}.take-it-btn:hover:not(:disabled){border-color:var(--color-text)}.number-display{display:flex;flex-direction:column;align-items:center;min-width:0}.entered-number-row{max-width:100%;flex-wrap:wrap;justify-content:center}.entered-digits{font-size:clamp(26px,4.6vh,38px);line-height:1.1;overflow-wrap:anywhere}.keypad-container,.keypad-grid,.chips-row{gap:clamp(5px,.9vh,8px)}.multiplier-chip{height:clamp(30px,4.6vh,38px);font-size:clamp(12px,1.7vh,14px)}.keypad-btn{height:clamp(40px,6.6vh,56px);min-height:clamp(40px,6.6vh,56px);font-size:clamp(19px,2.9vh,24px)}.lock-in-btn{height:clamp(44px,6.6vh,56px);min-height:clamp(44px,6.6vh,56px)}.question-header{padding-bottom:4px}.range-pick-btn{min-height:clamp(48px,7.5vh,64px);font-size:clamp(16px,2.6vh,20px);padding:6px 12px;overflow-wrap:anywhere}.range-picks{gap:clamp(8px,1.3vh,12px)}.home-screen{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.home-content{padding-block:8px}@media(max-width:340px){.app-container{padding-left:max(env(safe-area-inset-left),12px);padding-right:max(env(safe-area-inset-right),12px)}.home-title{font-size:32px}.swing-count{font-size:11px}.multiplier-chip{font-size:12px}.result-tiles-row{gap:5px}.tile-points-num{font-size:13px}.tile-ft{display:none}.reveal-feet{font-size:28px}.inspector-data-grid{grid-template-columns:1fr}}@media(orientation:landscape)and (max-height:540px){.app-container{padding-top:max(env(safe-area-inset-top),10px);padding-bottom:max(env(safe-area-inset-bottom),10px)}.app-container:has(.question-screen.classic),.app-container:has(.reveal-screen),.app-container:has(.results-screen){max-width:880px}.question-screen.classic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:24px}.question-screen.classic .question-header{grid-column:1;grid-row:1}.question-screen.classic .question-main-content{grid-column:1;grid-row:2}.question-screen.classic .question-footer{grid-column:2;grid-row:1 / span 2;align-self:center;padding-top:0}.question-screen .question-text{font-size:clamp(16px,4.6vh,22px)}.keypad-btn{height:clamp(34px,10vh,48px);min-height:clamp(34px,10vh,48px);font-size:18px}.multiplier-chip{height:clamp(26px,7vh,34px)}.lock-in-btn{height:clamp(36px,10vh,48px);min-height:clamp(36px,10vh,48px);margin-top:0}.keypad-container,.keypad-grid,.chips-row{gap:5px}.timer-wrapper,.timer-circle{width:42px;height:42px}.reveal-main-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;column-gap:20px}.reveal-stadium-wrap{grid-row:span 4;align-self:start}.results-stadium{max-width:240px}.reveal-answer-number{font-size:30px}.home-hero-field{display:none}}@media(min-width:900px)and (min-height:700px){.app-shell{background:radial-gradient(ellipse at 50% 120%,var(--shell-glow) 0%,var(--color-bg) 60%)}.app-container{background-color:transparent}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(hover:none){.range-pick-btn:hover:not(:disabled){border-color:var(--color-border)}}@media(orientation:landscape)and (max-height:540px){.app-container:has(.home-screen){max-width:880px}.home-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:28px;row-gap:12px;width:100%}.home-hero{grid-column:1;grid-row:1;gap:4px}.puzzle-meta-card{grid-column:1;grid-row:2;padding:10px 16px}.mode-picker{grid-column:2;grid-row:1}.home-actions{grid-column:2;grid-row:2;gap:8px}.home-title{font-size:30px}.home-actions .primary-button{height:48px;min-height:48px}.home-actions .secondary-button{height:42px}.home-actions .text-link-button{min-height:36px;padding:6px}}textarea,input,select{user-select:text;-webkit-user-select:text}.settings-content{display:flex;flex-direction:column;gap:4px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--color-border)}.setting-row.column{flex-direction:column;align-items:stretch;gap:10px;border-bottom:none}.setting-row-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.setting-label{display:flex;flex-direction:column;gap:2px;min-width:0}.setting-label strong{font-size:16px}.setting-label span,.setting-note{font-size:13px;color:var(--color-text-muted);line-height:1.4}.mode-toggle.compact{flex-shrink:0;min-width:170px}.mode-toggle.compact .mode-option{height:34px;font-size:13px;padding:0 10px}.switch{position:relative;flex-shrink:0;width:52px;height:30px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-raised-surface);cursor:pointer;transition:background-color .2s ease}.switch-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--color-text-muted);transition:transform .2s ease,background-color .2s ease}.switch.on{background:var(--color-accent);border-color:var(--color-accent)}.switch.on .switch-knob{transform:translate(22px);background:#0b0b0b}.switch:disabled{opacity:.5}.hour-picker{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--color-text-muted)}.hour-picker select{background:var(--color-raised-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:10px;padding:6px 10px;font-size:15px;font-family:var(--font-body)}.report-link{align-self:center;background:transparent;border:none;color:var(--color-text-muted);font-family:var(--font-body);font-size:13px;text-decoration:underline;text-underline-offset:3px;padding:8px;cursor:pointer;flex-shrink:0}.report-form{display:flex;flex-direction:column;gap:12px}.report-question{font-size:15px;font-weight:600;display:flex;flex-direction:column;gap:4px}.report-question span{font-size:13px;font-weight:500;color:var(--color-text-muted)}.report-reasons{border:none;display:grid;gap:8px}.report-reason{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--color-border);border-radius:12px;font-size:15px;cursor:pointer}.report-reason.selected{border-color:var(--color-accent);background:#c6f4320f}.report-reason input{accent-color:var(--color-accent);width:18px;height:18px}.report-note-label{font-size:13px;color:var(--color-text-muted)}.report-note{background:var(--color-raised-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:12px;padding:10px 12px;font-family:var(--font-body);font-size:16px;resize:vertical}.report-done{display:flex;flex-direction:column;gap:10px;text-align:center;padding:10px 0}.report-done-title{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--color-accent-ink)}.stadium-ghost{animation:ghost-in .6s ease .35s both}@keyframes ghost-in{0%{opacity:0}to{opacity:1}}.stadium-ghost-label{font-family:var(--font-body);font-size:10px;font-weight:700;fill:var(--stadium-chalk);fill-opacity:.85;text-anchor:start}.stadium-ghost-label.left{text-anchor:end}.ghost-row{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--color-text-muted);line-height:1.4;border-top:1px solid var(--color-border);padding-top:10px}.ghost-row strong{color:var(--color-text)}.ghost-dot{flex-shrink:0;width:10px;height:10px;margin-top:4px;border-radius:50%;border:1.5px dashed var(--stadium-chalk);background:#edede440}.share-row{display:grid;grid-template-columns:1fr auto;gap:10px}.share-image-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:72px;height:56px;border-radius:18px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:11px;font-weight:700;cursor:pointer}.share-image-btn:hover{border-color:var(--color-accent)}.share-image-content{display:flex;flex-direction:column;gap:12px;align-items:stretch}.share-image-preview{display:block;width:100%;max-width:320px;margin:0 auto;aspect-ratio:4 / 5;border-radius:14px;border:1px solid var(--color-border);-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.share-image-loading{aspect-ratio:4 / 5;max-width:320px;width:100%;margin:0 auto;display:grid;place-items:center;border-radius:14px;border:1px dashed var(--color-border);color:var(--color-text-muted);font-size:14px}.share-image-actions{display:grid;gap:8px}.streak-line{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;margin-top:6px;font-size:13px;font-weight:600;color:var(--color-text)}.freeze-chip{color:var(--color-freeze)}.freeze-note,.streak-note{font-size:14px;font-weight:600;text-align:center}.freeze-note{color:var(--color-freeze);background:#9fd8ff14;border:1px solid rgba(159,216,255,.3);border-radius:12px;padding:8px 12px}.streak-note{color:var(--color-text-muted)}@media(orientation:landscape)and (max-height:540px){.share-image-preview,.share-image-loading{max-width:180px}}.swing-feedback.great{border-left-color:var(--color-accent)}.swing-feedback.great .swing-feedback-arrow{color:var(--color-accent-ink)}:root[data-theme=light] .home-hero-ball{stroke:var(--color-text-muted);stroke-width:1.2}.babafox-pill{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:4px 12px 4px 6px;border-radius:var(--radius-pill);background-color:var(--color-raised-surface);color:var(--color-text);font-family:var(--font-display);font-weight:700;font-size:14px;text-decoration:none;-webkit-tap-highlight-color:transparent}.babafox-pill:hover{background-color:var(--color-raised-hover)}.babafox-pill img{width:22px;height:22px;border-radius:6px}.babafox-fox-text{color:#f47a20}.babafox-more{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:var(--radius-card);background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);text-decoration:none;text-align:left}.babafox-card-link{margin-bottom:10px}.babafox-more:hover{background-color:var(--color-raised-surface)}.babafox-more img{width:36px;height:36px;border-radius:10px;flex:none}.babafox-more-text{flex:1;display:flex;flex-direction:column;line-height:1.3;font-size:13px;color:var(--color-text-muted)}.babafox-more-text strong{font-family:var(--font-display);font-size:15px;color:var(--color-text)}:root[data-theme=light] .babafox-fox-text{color:#b04a00}@media(max-height:620px){.question-header{padding-bottom:0}.question-main-inner{gap:8px}.question-text{font-size:18px}.answer-panel{padding:8px 12px;gap:6px}.swing-feedback{padding:5px 9px}.entered-digits{font-size:26px;line-height:1.05}.keypad-container,.keypad-grid,.chips-row{gap:5px}.multiplier-chip{height:28px}.keypad-btn{height:38px;min-height:38px}.lock-in-btn{height:44px;min-height:44px}}@media(max-width:359px){.setting-row:has(.mode-toggle){flex-wrap:wrap;gap:10px}.setting-row:has(.mode-toggle)>.setting-label{flex:1 1 100%}.setting-row:has(.mode-toggle)>.mode-toggle{width:100%}}.account-line{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin:0;font-size:13px;color:var(--color-text-muted);text-align:center}.account-line-link{color:var(--color-text);text-decoration:underline;text-underline-offset:3px}.account-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-accent);flex:none}.account-line.warn .account-dot{background-color:var(--color-result-orange)}