.ng-page{max-width:1320px;margin:auto;padding:0 42px 60px}.ng-header{max-width:1440px;gap:32px}.ng-header nav a[aria-current]{box-shadow:0 3px var(--purple)}.ng-menu{display:none;background:var(--paper);color:var(--ink);border:2px solid;border-radius:8px;font-size:25px;width:44px;height:44px;cursor:pointer}.ng-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:34px 0 22px}.ng-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:1.1px;margin:0 0 9px;line-height:1.5}.ng-intro .ng-eyebrow{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.ng-pill{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--ink);padding:5px 9px;border-radius:5px;font-size:.75rem;line-height:1.35;letter-spacing:.4px;font-weight:700;background:var(--paper)}.ng-pill.ng-purple{background:var(--purple);color:#171717}.ng-intro h1{font-size:clamp(48px,6vw,80px);margin:0 0 4px;letter-spacing:-1.5px}.ng-intro h1>span{color:var(--purple);-webkit-text-stroke:1.2px var(--ink)}.ng-tagline{font:1.9rem/1.15 var(--hand);margin:0}.ng-note{font:1.5rem/1.2 var(--hand);background:var(--purple);color:#171717;border:2px solid var(--ink);box-shadow:4px 4px var(--ink);transform:rotate(5deg);padding:13px 22px;margin:0 8px}.ng-preview-note{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--ink);padding:0 0 15px;margin-bottom:22px;font-size:.875rem}.ng-preview-note p{margin:0;flex:1}.ng-preview-note a{text-decoration:underline;font-weight:700;white-space:nowrap}.ng-dot{width:8px;height:8px;background:var(--purple);border:1px solid var(--ink);border-radius:50%;flex-shrink:0}.ng-play-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,1fr);gap:25px;align-items:start}.ng-game{min-width:0;border:2px solid var(--ink);border-radius:13px;background:var(--paper);overflow:hidden;box-shadow:4px 4px var(--ink);scroll-margin-top:115px}.ng-game-head{display:flex;align-items:center;justify-content:space-between;padding:17px 21px;gap:12px}.ng-game-head h2{font-size:2rem;margin:0}.ng-game-head .ng-eyebrow{font-size:.75rem;margin-bottom:5px}.ng-hud{display:grid;grid-template-columns:.75fr .9fr 1.3fr;gap:16px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:14px 20px;background:var(--ng-tint,#f0ede3)}.ng-hud>div{min-width:0}.ng-hud span{font-weight:700;display:block;font-size:.75rem;letter-spacing:.5px}.ng-hud b{display:block;font-size:1rem;line-height:1.4;margin:3px 0 7px;white-space:nowrap}.ng-hud small{font-size:.7rem}.ng-hud p{font-size:.75rem;line-height:1.4;margin:4px 0 0;min-height:1.4em}.ng-hud meter{display:block;width:100%;height:7px;border:0;accent-color:#aaa1f5}.ng-hud meter::-webkit-meter-bar{background:#c6c0b5;border:0;border-radius:3px}.ng-hud meter::-webkit-meter-optimum-value{background:#8174df;border-radius:3px}.ng-stage{position:relative;height:clamp(340px,35vw,450px);overflow:hidden;background:var(--paper)}#ng-canvas{width:100%;height:100%;border:0;border-radius:0;display:block}.ng-start-screen{position:absolute;inset:0;display:grid;align-items:center;padding:28px;background:linear-gradient(90deg,var(--paper) 20%,transparent 85%)}.ng-start-screen>div{max-width:390px}.ng-start-screen h3{font:2.4rem/1 var(--display);margin:18px 0 12px}.ng-start-screen p:not(.ng-small){font-size:.9375rem;line-height:1.5;margin-bottom:18px}.ng-start-screen .button{min-width:185px}.ng-start-screen .ng-small{font-size:.8rem;margin:10px 0 0}.ng-controls{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:12px;padding:15px 19px;border-top:2px solid var(--ink)}.ng-controls button{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;background:var(--control-fill,var(--mint));color:var(--button-ink);border:2px solid var(--ink);border-radius:9px;box-shadow:2px 3px var(--ink);min-height:66px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.ng-controls button b{font-size:1rem}.ng-controls button span{font-size:.75rem}.ng-controls button:active:not(:disabled),.ng-controls button.ng-hit{transform:translate(2px,2px);box-shadow:none;background:var(--purple);color:#171717}.ng-controls #ng-jump{background:var(--yellow);color:#171717}.ng-controls button:disabled{opacity:.45}.ng-game-bottom{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:0 20px 16px;flex-wrap:wrap}.ng-game-bottom>span:first-child{display:flex;gap:10px;align-items:center;font-size:.75rem}.ng-game-bottom strong{font-size:.9375rem}.ng-game-bottom button{font-size:.875rem;border:0;background:transparent;color:var(--ink);text-decoration:underline;padding:3px;cursor:pointer}.ng-how{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:1px solid var(--ink);padding:16px 20px}.ng-how p{font-size:.8rem;line-height:1.55;margin:0}.ng-how b{display:block;margin-bottom:5px;font-size:.75rem}.ng-weekly{border:2px solid var(--ink);border-radius:13px;padding:23px;background:var(--ng-card,#fffdf8)}.ng-weekly-head h2{font-size:1.7rem;line-height:1.08;margin:17px 0 21px;letter-spacing:-.5px}.ng-weekly-head .ng-eyebrow{font-size:.75rem}.ng-pool{border:2px solid var(--ink);border-radius:8px;background:var(--yellow);color:#171717;padding:14px 17px}.ng-pool>span{display:block;font-size:.75rem;font-weight:700}.ng-pool strong{font:3.8rem/1.1 var(--display);display:block;margin:5px 0}.ng-pool small{font-size:1.5rem}.ng-pool p{font-size:.75rem;line-height:1.5;margin:0}.ng-terms{margin:18px 0}.ng-terms div{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--ng-rule,#d2cabc);font-size:.9rem}.ng-terms dd{margin:0;font-weight:700}.ng-split{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:17px}.ng-split div{padding:9px;border:1px solid var(--ink);border-radius:6px}.ng-split b{display:block;font-size:.95rem}.ng-split span{font-size:.75rem}.ng-entry{width:100%;background:var(--purple);color:#171717;box-shadow:none;opacity:1!important;font-size:.9rem}.ng-small{font-size:.8rem;line-height:1.55;opacity:.78}.ng-weekly>.ng-small{margin:13px 0 20px}.ng-prizes{border-top:1px solid var(--ng-rule,#d2cabc);padding-top:15px}.ng-prizes h3{font-size:.8rem;margin:0 0 10px}.ng-prizes>div{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.ng-prizes span{font-size:.7rem}.ng-prizes span b{display:block;font-size:.95rem}.ng-prizes p{font-size:.75rem;line-height:1.5;margin:12px 0 0;opacity:.75}.ng-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.ng-section-head h2{font-size:2.2rem;margin:0}.ng-section-head .ng-eyebrow{font-size:.75rem}.ng-board{margin-top:43px;border:2px solid var(--ink);border-radius:12px;padding:24px;background:var(--ng-card,#fffdf8)}.ng-board-columns{display:grid;grid-template-columns:2fr 1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ng-rule,#d2cabc);padding:13px 0;font-size:.75rem;font-weight:700;margin-top:21px;gap:10px}.ng-board-columns span:not(:first-child){text-align:right}.ng-empty{padding:35px 10px 15px;text-align:center}.ng-empty svg{margin:0 auto 12px;opacity:.5}.ng-empty h3{font:1.45rem var(--display);margin-bottom:10px}.ng-empty p{font-size:.9rem;line-height:1.5;opacity:.7;margin-bottom:10px}.ng-upcoming{padding-top:48px}.ng-hand{font:1.5rem/1.25 var(--hand);margin:0}.ng-sports{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:24px}.ng-sport{border:2px solid var(--ink);border-radius:10px;padding:20px;background:var(--ng-tint,#f0ede3);min-width:0}.ng-sport>svg{margin-bottom:15px;color:var(--ink);opacity:.7}.ng-sport h3{font:1.2rem/1.15 var(--display);margin:0 0 11px}.ng-sport span{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;opacity:.65}.ng-history{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:42px}.ng-history section{border-top:2px solid var(--ink);padding-top:23px}.ng-history h2{font-size:1.7rem;margin-bottom:13px}.ng-history p:last-child{font-size:.9375rem;opacity:.72}.ng-footer{max-width:1320px;margin:auto;padding:27px 42px}.ng-result{max-width:540px;text-align:center;padding:38px 26px;overflow:auto}.ng-result h2{font-size:5.5rem;margin:16px 0 12px}.ng-result h2 small{font-size:2.3rem}.ng-result>div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:25px}.ng-result .ng-hand{margin:17px 0 0}.ng-result-close{position:absolute;right:13px;top:10px;border:0;background:transparent;color:var(--ink);font-size:30px;cursor:pointer;width:36px;height:36px}.ng-page [hidden],.ng-result [hidden]{display:none!important}html[data-theme=dark] .ng-page,html[data-theme=dark] .ng-result{--ng-card:#1f2837;--ng-tint:#202b3c;--ng-rule:#52617c;--ng-accent:#b7adf5}html[data-theme=dark] .ng-start-screen{background:linear-gradient(90deg,var(--paper) 20%,transparent 92%)}html[data-theme=dark] .ng-hud meter::-webkit-meter-bar{background:#45516a}html[data-theme=dark] .ng-header{background:var(--paper)}
@media(max-width:1050px){.ng-page{padding-left:28px;padding-right:28px}.ng-header{gap:20px}.ng-header nav{gap:20px}.ng-play-layout{grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:20px}.ng-hud{gap:10px;padding:12px 15px}.ng-hud b{font-size:.9rem}.ng-hud small{font-size:.65rem}.ng-how{grid-template-columns:1fr;gap:11px}.ng-weekly{padding:19px}.ng-sports{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ng-header{padding:14px 18px;min-height:72px;gap:15px}.ng-header .logo{font-size:36px}.ng-header .theme-toggle{margin-left:auto}.ng-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:18px;border-bottom:2px solid var(--ink);flex-direction:column;gap:15px}.ng-header nav.ng-open{display:flex}.ng-menu{display:block}.ng-page{padding:0 18px 35px}.ng-intro{padding:27px 0 21px}.ng-intro h1{font-size:clamp(44px,9vw,63px)}.ng-tagline{font-size:1.5rem}.ng-intro .ng-eyebrow{font-size:.7rem;gap:7px}.ng-note{display:none}.ng-preview-note{font-size:.8rem;align-items:start}.ng-dot{margin-top:5px}.ng-preview-note a{display:none}.ng-play-layout{grid-template-columns:minmax(0,1fr);gap:28px}.ng-game-head{padding:16px}.ng-game-head h2{font-size:1.8rem}.ng-game-head>.ng-pill{font-size:.65rem}.ng-hud{grid-template-columns:.78fr 1fr 1.2fr;gap:10px;padding:12px}.ng-hud>div>span{font-size:.65rem}.ng-hud b{font-size:.8rem}.ng-hud p{font-size:.65rem}.ng-stage{height:350px}.ng-start-screen{padding:20px;background:linear-gradient(90deg,var(--paper) 5%,transparent 100%)}.ng-start-screen>div{max-width:280px}.ng-start-screen h3{font-size:2rem;max-width:235px}.ng-start-screen .ng-pill{font-size:.6rem}.ng-start-screen p:not(.ng-small){font-size:.825rem;max-width:230px}.ng-controls{padding:13px 12px;gap:9px}.ng-controls button{min-height:65px}.ng-game-bottom{padding:0 14px 14px;gap:8px}.ng-game-bottom>.ng-small{flex-basis:100%;font-size:.75rem}.ng-how{padding:15px}.ng-weekly{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:20px}.ng-weekly-head{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ng-weekly-head .ng-eyebrow{margin:0 auto 0 0}.ng-weekly-head h2{flex-basis:100%;margin:11px 0 18px;font-size:1.8rem}.ng-pool{align-self:start}.ng-pool strong{font-size:3.3rem}.ng-terms{margin:0}.ng-terms div{font-size:.8rem;padding:8px 0}.ng-split{grid-column:1/-1;margin:18px 0 14px}.ng-entry,.ng-weekly>.ng-small,.ng-prizes{grid-column:1/-1}.ng-board{padding:20px 15px;margin-top:30px}.ng-section-head h2{font-size:1.8rem}.ng-section-head>.ng-hand{display:none}.ng-board-columns{font-size:.65rem;grid-template-columns:1.3fr 1fr 1fr;gap:6px}.ng-upcoming{padding-top:36px}.ng-sports{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ng-sport{padding:16px}.ng-sport h3{font-size:1.1rem}.ng-history{grid-template-columns:1fr;gap:15px;margin-top:28px}.ng-footer{padding:22px 18px}.ng-footer p{font-size:1rem}.ng-result{padding:35px 20px}.ng-result h2{font-size:4.8rem}.ng-result>div .button{width:100%}}
@media(prefers-reduced-motion:reduce){.ng-page .button{transition:none}}
@media(min-width:761px){.ng-header nav{display:flex;position:static;flex-direction:row;padding:0;border:0;max-height:none;overflow:visible}}
@media(max-width:480px){.ng-hud{grid-template-columns:1fr 1fr;gap:10px 16px}.ng-hud>div>span,.ng-hud p{font-size:.75rem}.ng-hud b{font-size:.875rem}.ng-hud>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 8px;border-top:1px solid var(--ng-rule,#d2cabc);padding-top:8px}.ng-hud>div:last-child b{margin:0;text-align:right}.ng-hud p{grid-column:1/-1}.ng-start-screen h3{font-size:1.85rem}}

/* Practice refinement: game first, readable guidance and a mobile play surface. */
.ng-intro{padding:22px 0 15px}.ng-intro h1{font-size:clamp(42px,5vw,64px)}.ng-intro .ng-eyebrow{margin-bottom:4px}.ng-tagline{font-size:1.55rem}.ng-preview-note{margin-bottom:18px;font-size:.875rem}
.ng-focus-button{border:1.5px solid var(--ink);border-radius:7px;background:var(--mint);color:var(--button-ink);font-size:.875rem;font-weight:700;padding:9px 11px;min-height:42px;cursor:pointer;white-space:nowrap}
.ng-game-head .ng-eyebrow,.ng-section-head .ng-eyebrow{font-size:.75rem}.ng-hud span,.ng-hud p,.ng-hud small{font-size:.875rem}.ng-hud b{font-size:1rem;white-space:normal}.ng-hud p{min-height:1.4em}.ng-hud meter{height:8px}
.ng-guidance{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;min-height:54px;border-bottom:1px solid var(--ng-rule,#d2cabc);background:var(--paper)}.ng-guidance p{font-size:.875rem;font-weight:700;line-height:1.3;margin:0;flex:1}.ng-guidance[data-ready=true]{background:var(--yellow);color:#171717}
.ng-beat{display:flex;gap:6px;flex-shrink:0}.ng-beat span{display:grid;place-items:center;width:28px;height:28px;border:1.5px solid var(--ink);border-radius:50%;font-size:.875rem;font-weight:700}.ng-beat[data-foot=L][data-pulse=on] span[data-foot=L],.ng-beat[data-foot=R][data-pulse=on] span[data-foot=R]{background:var(--purple);box-shadow:0 0 0 3px var(--purple)}
.ng-tilt{min-width:135px;max-width:180px;flex:1}.ng-tilt>span{font-size:.75rem;font-weight:700;display:flex;justify-content:space-between;gap:8px;margin-bottom:7px}.ng-tilt strong{font-size:.875rem;font-variant-numeric:tabular-nums}.ng-tilt[data-good=true] strong{color:var(--ng-good,#4f477f)}.ng-tilt [role=meter]{position:relative;height:8px;background:var(--ng-rule,#d2cabc);border-radius:4px}.ng-tilt i{position:absolute;left:40%;width:20%;height:100%;background:var(--purple)}.ng-tilt b{position:absolute;top:-4px;left:50%;width:4px;height:16px;background:var(--ink);border-radius:2px;transform:translateX(-50%)}
.ng-controls button span,.ng-game-bottom>span:first-child,.ng-game-bottom>.ng-small{font-size:.875rem}.ng-controls button{min-height:68px}.ng-how p{font-size:1rem;line-height:1.5}.ng-how b{font-size:.875rem}.ng-small{font-size:.875rem}.ng-empty-inline{font-size:1rem;line-height:1.6;margin:15px 0 0;max-width:660px}.ng-board{padding:20px 23px;margin-top:30px}.ng-history{margin-top:28px;gap:23px}.ng-history section{padding-top:16px}.ng-history h2{font-size:1.5rem;margin:0 0 8px}.ng-history .ng-eyebrow{display:none}
.ng-sport span{font-size:.75rem}.ng-more-sports{margin-top:17px}.ng-more-sports>summary{display:inline-flex;align-items:center;gap:10px;max-width:100%;min-height:44px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:4px;padding:8px 0;line-height:1.4}.ng-more-sports>summary::-webkit-details-marker{display:none}.ng-more-sports>summary::after{content:'+';position:static;flex:0 0 20px;font-size:20px;line-height:1;text-align:center;text-decoration:none}.ng-more-sports[open]>summary::after{content:'−'}.ng-more-sports>summary:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:3px}
.ng-result{max-width:560px;max-height:calc(100dvh - 24px);padding:28px 26px}.ng-result h2{font-size:4.5rem;line-height:1;margin:14px 0}.ng-result>div{margin-top:18px}.ng-result-breakdown{text-align:left;margin:20px 0 0;padding:0;border-top:1px solid var(--ng-rule,#d2cabc)}.ng-result-breakdown>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--ng-rule,#d2cabc);padding:10px 0;font-size:.875rem;line-height:1.4}.ng-result-breakdown dt{opacity:.8;flex-shrink:0}.ng-result-breakdown dd{margin:0;font-weight:700;text-align:right}.ng-result-tip{font-size:1rem;line-height:1.5;text-align:left;background:var(--ng-tint,#f0ede3);border-radius:7px;padding:12px;margin:15px 0}#ng-result-delta{font-size:.875rem;margin:8px 0}.ng-result .ng-hand{font-size:1.4rem;margin:14px 0 0}
.ng-game.ng-focused{position:fixed;inset:0;z-index:100;width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none;display:grid;grid-template-rows:auto auto auto minmax(110px,1fr) auto auto;background:var(--paper);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.ng-focused .ng-game-head{padding:9px 14px}.ng-focused .ng-game-head h2{font-size:1.4rem}.ng-focused .ng-game-head .ng-eyebrow{display:none}.ng-focused .ng-hud{padding:8px 14px;gap:8px 14px}.ng-focused .ng-hud b{margin:2px 0 4px;font-size:.875rem}.ng-focused .ng-hud p{font-size:.75rem;margin:2px 0 0}.ng-focused .ng-guidance{padding:8px 14px;min-height:47px}.ng-focused .ng-stage{height:auto;min-height:0}.ng-focused .ng-controls{padding:10px 12px}.ng-focused .ng-controls button{min-height:60px}.ng-focused .ng-game-bottom{padding:0 14px 9px;gap:5px}.ng-focused .ng-game-bottom>.ng-small,.ng-focused .ng-how{display:none}
/* Cool night surfaces; lavender carries accents and lemon marks takeoff. */
html[data-theme=dark] .ng-intro h1>span{color:var(--ng-accent);-webkit-text-stroke:0}
html[data-theme=dark] .ng-pill.ng-purple,html[data-theme=dark] .ng-note{background:var(--ng-accent);color:#141923}
html[data-theme=dark] .ng-entry{background:#2e2a46;color:#cbd1e6;border-color:#7986a2}
html[data-theme=dark] .ng-start-screen .ng-pill{color:#141923}
html[data-theme=dark] .ng-hud meter::-webkit-meter-optimum-value,html[data-theme=dark] .ng-hud meter::-moz-meter-bar{background:var(--ng-accent)}
html[data-theme=dark] .ng-controls button:active:not(:disabled),html[data-theme=dark] .ng-controls button.ng-hit{background:var(--ng-accent);color:#141923}
html[data-theme=dark] .ng-beat[data-foot=L][data-pulse=on] span[data-foot=L],html[data-theme=dark] .ng-beat[data-foot=R][data-pulse=on] span[data-foot=R]{background:var(--ng-accent);color:#141923;box-shadow:0 0 0 3px var(--ng-accent)}
html[data-theme=dark] .ng-tilt i,html[data-theme=dark] .ng-dot{background:var(--ng-accent)}
@media(max-width:760px){.ng-intro{padding:18px 0 13px}.ng-intro .ng-eyebrow{font-size:.75rem}.ng-preview-note{font-size:.875rem}.ng-game-head{padding:13px}.ng-game-head h2{font-size:1.5rem}.ng-focus-button{padding:8px;font-size:.875rem}.ng-guidance{padding:9px 12px;gap:10px}.ng-how p{font-size:1rem}.ng-hud>div>span{font-size:.875rem}.ng-hud b{font-size:.875rem}.ng-hud p{font-size:.875rem}.ng-start-screen>div{max-width:250px}.ng-start-screen h3{font-size:1.9rem}.ng-start-screen p:not(.ng-small){font-size:1rem}.ng-start-screen .ng-pill{font-size:.75rem}.ng-start-screen .ng-small{font-size:.875rem}.ng-game-bottom>.ng-small{font-size:.875rem}.ng-terms div{font-size:.875rem}.ng-board{padding:18px 15px}.ng-section-head h2{font-size:1.6rem}.ng-empty-inline{font-size:1rem}.ng-history p:last-child{font-size:1rem}.ng-result{padding:30px 18px 20px}.ng-result h2{font-size:4.2rem}.ng-result .button{min-height:48px}}
@media(max-width:480px){.ng-hud>div:last-child p{grid-column:1/-1}.ng-focused .ng-hud{grid-template-columns:1fr 1fr}.ng-focused .ng-hud>div:last-child{padding-top:5px}.ng-focused .ng-hud>div>span{font-size:.75rem}.ng-guidance p{font-size:.875rem}.ng-tilt>span{font-size:.75rem}.ng-tilt{min-width:135px}.ng-result-breakdown>div{font-size:.875rem}.ng-result-breakdown dd{max-width:60%}}
@media(max-height:500px){.ng-focused .ng-hud{grid-template-columns:.7fr .9fr 1.4fr}.ng-focused .ng-hud>div:last-child{grid-column:auto;display:block;border:0;padding:0}.ng-focused .ng-hud>div:last-child b{text-align:left}.ng-focused .ng-hud p,.ng-focused .ng-hud meter{display:none}.ng-focused .ng-game-bottom{display:none}.ng-game.ng-focused{grid-template-rows:auto auto auto minmax(100px,1fr) auto}}
@media(prefers-reduced-motion:reduce){.ng-beat span{box-shadow:none!important}}
.ng-header nav a,.ng-pool>span,.ng-split span,.ng-prizes span,.ng-prizes h3{font-size:.875rem}.ng-guidance[data-ready=true] .ng-beat span{border-color:#171717}.ng-guidance[data-ready=true] .ng-beat span{color:#171717}
.ng-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ng-tutorial{max-width:560px;padding:28px;overflow:auto;text-align:center}.ng-tutorial>img{display:block;object-fit:contain;margin:15px auto}.ng-tutorial h2{font:700 clamp(25px,5vw,34px) var(--display);line-height:1.2;margin:15px 0}.ng-tutorial>p:not(.ng-eyebrow){line-height:1.6}.ng-tutorial-keys{font-weight:800;letter-spacing:.07em;background:var(--purple);border:2px solid var(--ink);padding:14px;border-radius:10px;margin:16px 0}.ng-tutorial-actions{display:flex;gap:12px;margin-top:22px}.ng-tutorial-actions .button{flex:1}.ng-result>div:last-child{display:flex;flex-wrap:wrap;gap:12px}.ng-result>div:last-child .button{flex:1 1 160px;margin:0}
html[data-theme=dark] .ng-tutorial-keys{background:#62529f}html[data-theme=dark] .ng-tilt[data-good=true] strong{color:var(--ng-accent)}
@media(max-width:540px){.ng-game-head{align-items:start;gap:12px;flex-direction:column}.ng-head-actions{width:100%}.ng-head-actions button{flex:1;min-height:44px}.ng-tutorial{padding:26px 20px}}
.ga-page{padding-top:28px}.ga-page h1{font-size:clamp(30px,5vw,48px);margin:10px 0 20px}.ga-page [hidden]{display:none!important}.ga-page input,.ga-page select{width:100%;border:1.5px solid var(--ink);border-radius:6px;background:var(--paper);color:var(--ink);padding:11px;font:inherit;min-height:44px;min-width:0}.ga-page label{display:flex;flex-direction:column;gap:7px;font-size:.875rem;font-weight:700;min-width:0}.ga-card{border:2px solid var(--ink);border-radius:10px;background:var(--ng-card,var(--paper));padding:20px;margin:24px 0}.ga-card>summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;gap:12px}.ga-card>summary::after{content:'+';margin-left:auto}.ga-card[open]>summary::after{content:'−'}.ga-card h2{font-size:1.5rem;margin:0 0 17px}.ga-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:15px 0}.ga-wide{grid-column:1/-1}.ga-actions{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.ga-actions .button,.ga-row .button{font-size:.875rem;padding:10px 14px;min-height:44px;max-width:100%}.ga-select{display:flex;align-items:end;gap:15px;margin-top:28px}.ga-select>label{flex:1}.ga-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.ga-overview>div{background:var(--ng-tint,var(--paper));border:1px solid var(--ng-rule,var(--ink));border-radius:7px;padding:13px;min-width:0}.ga-overview span{display:block;font-size:.75rem;margin-bottom:7px}.ga-overview b{display:block;font-size:1rem;overflow-wrap:anywhere}.ga-list{display:grid;gap:14px;margin:15px 0}.ga-row{border-top:1px solid var(--ng-rule,var(--ink));padding-top:15px;min-width:0}.ga-row>p{font-size:.875rem;line-height:1.5;margin:8px 0;overflow-wrap:anywhere}.ga-row>b{overflow-wrap:anywhere}.ga-row .button{margin:8px 10px 8px 0}.ga-row code{display:block;font-size:.8rem;overflow-wrap:anywhere;margin:9px 0}.ga-address{font-family:monospace;max-width:100%}.ga-inline-form{display:flex;align-items:end;gap:12px;margin:17px 0;flex-wrap:wrap}.ga-inline-form>label,.ga-inline-form>input{flex:1;min-width:180px}.ga-inline-form .button{flex-shrink:0;min-height:44px;font-size:.875rem}.ga-page .button:disabled{opacity:.55;cursor:default}.ga-row>input{max-width:480px;display:block;margin-top:12px}html[data-theme=dark] .ga-page{--ng-card:#1f2837;--ng-tint:#202b3c;--ng-rule:#52617c}@media(max-width:760px){.ga-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ga-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.ga-card{padding:16px}.ga-select{align-items:stretch;flex-direction:column}.ga-inline-form>.button{width:100%}.ga-inline-form>label{width:100%}.ga-actions .button{flex:1;min-width:140px}}@media(max-width:420px){.ga-fields{grid-template-columns:1fr}}
.ng-header>[hidden]{display:none!important}.ng-player-info,#ng-countdown,#ng-entry-status,#ng-signout{grid-column:1/-1}.ng-player-info{border-top:1px solid var(--ng-rule,var(--ink));padding-top:16px;margin-top:16px;min-width:0}.ng-player-info>dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:.875rem}.ng-player-info dd{margin:0;font-weight:700}.ng-player-info>.button{width:100%;font-size:.875rem;margin:14px 0 0}.ng-player-info>.ng-focus-button{margin:0 7px 10px 0}.ng-pending{border:1px solid var(--ng-rule,var(--ink));border-radius:7px;padding:12px;margin:13px 0;font-size:.875rem}.ng-pending p{margin:9px 0}.ng-pending button{margin:7px 4px 7px 0}.ng-pending input,#ng-profile-form input{width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);border-radius:6px;padding:10px;min-height:44px;min-width:0}#ng-entry-status{font-size:.875rem;line-height:1.5;overflow-wrap:anywhere;margin:9px 0}#ng-profile-form{display:grid;gap:12px;text-align:left}#ng-profile-form label{font-size:.875rem;display:grid;gap:7px}#ng-profile-form .button{width:100%}#ng-wallet-options{display:grid;gap:12px}#ng-wallet-options button{min-height:48px}.ng-board-rows{margin-top:19px}.ng-board-row{display:grid;grid-template-columns:60px minmax(0,1fr) 100px 65px;gap:14px;padding:14px 6px;border-bottom:1px solid var(--ng-rule,var(--ink));font-size:.9375rem;align-items:center}.ng-board-header{font-size:.75rem;font-weight:700;border-top:1px solid var(--ink)}.ng-board-row span{min-width:0;overflow-wrap:anywhere}.ng-board-row span:nth-child(n+3){text-align:right}.ng-board-row.ng-you{background:var(--purple);color:#171717;border-radius:6px;font-weight:700}#ng-previous article{padding:13px 0;border-top:1px solid var(--ng-rule,var(--ink))}#ng-previous article p,#ng-hall p{font-size:.875rem;line-height:1.6}html[data-theme=dark] .ng-you{background:#373255;color:#e5defc}@media(max-width:760px){.ng-header{gap:9px}.ng-header #ng-wallet{font-size:.75rem;padding:8px;max-width:125px;overflow:hidden;text-overflow:ellipsis}.ng-header .theme-label{display:none}.ng-header .theme-toggle{margin-left:0}.ng-board-row{grid-template-columns:40px minmax(0,1fr) 70px 40px;gap:8px;font-size:.8125rem}.ng-board-header{font-size:.6875rem}#ng-admin-link{font-size:.75rem}.ng-weekly>.ng-small{margin-top:14px;margin-bottom:14px}.ng-prizes>div{grid-template-columns:repeat(auto-fit,minmax(35px,1fr))}}

@media(max-width:760px){.ng-header{gap:8px;flex-wrap:wrap}.ng-header .logo{font-size:32px}.ng-header #ng-wallet{flex:0 1 110px;min-width:0;max-width:110px}.ng-header .ng-menu{width:40px;height:40px}.ng-header #ng-admin-link{order:7}.ga-header nav{display:flex;position:static;padding:0;border:0;flex-direction:row;gap:12px;font-size:.75rem}.ga-header .logo{font-size:30px}}

/* Canonical sport illustrations, using the existing card and theme system. */
.ng-sport{position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden;background:var(--ng-card,var(--paper));min-width:0}
.ng-sport-art{display:grid;place-items:center;height:190px;padding:15px;background:#eeecf7;border-bottom:1px solid var(--ng-rule,#d2cabc)}
.ng-sport-art img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.ng-sport-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:18px 19px 19px;min-width:0}
.ng-sport h3{font-size:1.2rem;line-height:1.15;min-height:2.3em;margin:0 0 7px;max-width:100%;text-wrap:balance;overflow-wrap:anywhere}
.ng-sport-copy{font-size:.8125rem;line-height:1.5;min-height:3em;margin:0 0 18px;color:var(--ng-muted,#625f68)}
.ng-sport .ng-sport-lock{display:inline-flex;align-items:center;gap:6px;opacity:1;font-size:.6875rem;font-weight:700;letter-spacing:.3px;line-height:1.4;margin-top:auto;padding:6px 8px;border:1px solid var(--ng-rule,#d2cabc);border-radius:5px;background:var(--ng-tint,var(--paper));max-width:100%}
.ng-sport-lock>svg{flex-shrink:0;margin:0;opacity:1}
.ng-sport .ng-sport-play{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;background:var(--purple);color:#171717;text-decoration:none}
.ng-sport-locked .ng-sport-art img{filter:blur(8px);opacity:.66;user-select:none}
.ng-sport-next{position:absolute;top:12px;left:12px;padding:5px 8px;border:1px solid var(--ink);border-radius:5px;background:var(--purple);color:#18171b;font-size:.625rem;font-weight:700;letter-spacing:.5px;line-height:1.4}
.ga-sports-next{margin:18px 0 14px;font-weight:700;font-size:.9375rem;overflow-wrap:anywhere}
.ga-sports-list{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:8px}
.ga-sports-row{display:grid;grid-template-columns:28px 56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--ng-rule,#d2cabc);border-radius:8px;background:var(--ng-tint,var(--paper));min-width:0}
.ga-sports-number{font-weight:700;text-align:center;font-size:.875rem;color:var(--ng-muted,#625f68)}
.ga-sports-row img{display:block;width:56px;height:56px;object-fit:contain;border-radius:5px;background:#eeecf7}
.ga-sports-label{min-width:0;display:grid;gap:5px}
.ga-sports-label b{font-size:.875rem;overflow-wrap:anywhere;line-height:1.35}
.ga-sports-label span{font-size:.625rem;font-weight:700;letter-spacing:.3px;color:var(--ng-muted,#625f68)}
.ga-sports-row:first-child{border-color:var(--ng-accent,#8e82bd)}
.ga-sports-controls{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.ga-sports-controls .ng-focus-button{min-width:44px;min-height:44px;padding:8px 12px}
.ga-sports-controls [data-move=next]{font-size:.8125rem}
.ga-sports-controls [data-move=up],.ga-sports-controls [data-move=down]{font-size:1.2rem;line-height:1}
.ga-sports-controls button:disabled{opacity:.4;cursor:default}
html[data-theme=dark] .ga-sports-row img{background:#39445b}
html[data-theme=dark] .ga-sports-number,html[data-theme=dark] .ga-sports-label span{color:#c4cbd9}
@media(max-width:600px){.ga-sports-row{grid-template-columns:24px 44px minmax(0,1fr);gap:10px;padding:11px}.ga-sports-row img{width:44px;height:44px}.ga-sports-controls{grid-column:2/-1}.ga-sports-label b{font-size:.8125rem}.ga-sports-next{font-size:.875rem}.ga-sports-queue>.ga-actions{align-items:stretch;flex-direction:column}.ga-sports-queue>.ga-actions>.button{width:100%;min-height:44px}}
html[data-theme=dark] .ng-sport-art{background:#39445b}
html[data-theme=dark] .ng-sport-copy{color:#c4cbd9}
@media(max-width:1050px){.ng-sports{grid-template-columns:repeat(2,minmax(0,1fr))}.ng-sport-art{height:190px}}
@media(max-width:760px){.ng-sport-art{height:155px;padding:12px}.ng-sport-body{padding:15px 14px 16px}.ng-sport h3{font-size:1.1rem}.ng-sport-copy{font-size:.75rem;margin-bottom:15px;min-height:4.5em}.ng-sport .ng-sport-lock{font-size:.625rem;gap:5px;padding:5px 6px;letter-spacing:0}.ng-sport-lock>svg{width:12px;height:12px}}
@media(max-width:359px){.ng-sport-body{padding:13px 10px 14px}.ng-sport-art{height:140px;padding:10px}.ng-sport h3{font-size:1rem}.ng-sport .ng-sport-lock{padding:5px;gap:4px;font-size:.6rem}}

/* The next game stays behind the existing signed admin session. */
.ga-back{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-weight:700;font-size:.9375rem;text-decoration:none;margin:0 0 18px}.ga-back:hover{text-decoration:underline;text-underline-offset:4px}.ga-back:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:4px}
.ga-preview-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center}.ga-preview-icon{display:grid;place-items:center;width:64px;height:64px;border:2px solid var(--ink);border-radius:12px;background:var(--purple);color:#171717}.ga-preview-card h2{margin:0 0 8px}.ga-preview-card p{line-height:1.5;margin:6px 0}.ga-preview-card .ng-eyebrow{margin:0 0 7px}.ga-preview-card .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.9375rem;white-space:normal;max-width:100%;min-height:48px}
.sp-page{padding-top:24px;max-width:1130px}.sp-page .ng-intro{padding-top:0}.sp-game .ng-hud>div:last-child b{display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}.sp-game .ng-hud>div:last-child b>span{font-size:1rem;letter-spacing:0}.sp-game canvas{width:100%;height:100%;border:0;border-radius:0;display:block}.sp-controls{grid-template-columns:1fr 1fr}.sp-controls button{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.sp-game .ng-game-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.sp-game .ng-game-bottom b{font-variant-numeric:tabular-nums;white-space:nowrap}.sp-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0 20px}.sp-guide b{font-size:.875rem}.sp-guide p{font-size:.9375rem;line-height:1.6;margin:9px 0}.sp-locked{padding:35px;max-width:680px}.sp-locked>svg{margin-bottom:18px}.sp-locked h1{font-size:clamp(28px,6vw,48px);line-height:1.15}.sp-locked p{line-height:1.6}.sp-page .ng-result h2{font-size:clamp(32px,7vw,64px);line-height:1.1;overflow-wrap:anywhere}.sp-game.ng-focused .ng-stage{min-height:110px}
@media(max-width:760px){.ga-preview-card{grid-template-columns:48px minmax(0,1fr);gap:14px}.ga-preview-icon{width:48px;height:48px}.ga-preview-card>.button{grid-column:1/-1;width:100%}.sp-guide{grid-template-columns:1fr;gap:15px}.sp-guide article{border-bottom:1px solid var(--ng-rule,#d2cabc);padding-bottom:10px}.sp-game .ng-game-bottom{padding:8px 12px}.sp-game .ng-controls button{min-height:72px}.sp-page{padding-top:16px}.sp-locked{padding:24px}}
@media(max-width:480px){.sp-game .ng-hud>div:last-child{display:block}.sp-game .ng-hud>div:last-child>span{font-size:.75rem}.sp-game .ng-hud>div:last-child b{margin:5px 0 0}.sp-game.ng-focused .ng-hud>div:last-child b>span{font-size:.875rem}.sp-game .ng-start-screen>div{max-width:235px}.sp-game .ng-start-screen h3{font-size:1.75rem}}

html[data-theme=dark] .ng-sport-next{background:#b7adf5;color:#18171b;border-color:#18171b}.ng-history{margin-top:56px}

.ga-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}.ga-preview-grid .ga-card{display:flex;flex-direction:column;gap:12px}.ga-preview-grid h2{font-size:1.75rem}.ga-preview-grid .button{margin-top:auto}.ap-page h1{font-size:clamp(2.5rem,7vw,4.8rem)}.ap-stage{position:relative}.ap-controls button{min-height:70px;touch-action:manipulation}.ap-controls button:last-child{background:var(--yellow);color:#171717}.ap-controls button[hidden]{display:none}.ap-controls:has(button[hidden]){display:flex}.ap-controls:has(button[hidden]) button:last-child{width:100%}.ap-onbeat{box-shadow:inset 0 0 0 3px #b7adf5}.ap-power{width:min(400px,90%);margin:10px auto}.ap-power>span{display:block;font-size:11px;font-weight:700;letter-spacing:.4px}.ap-power>div{position:relative;height:14px;background:#d5cfdd;border:2px solid #171717;border-radius:6px;margin-top:8px;overflow:visible}.ap-power i{position:absolute;left:75%;width:14%;height:100%;background:#9dd5b0}.ap-power b{position:absolute;width:3px;height:24px;top:-7px;background:#171717;transform:translateX(-1px)}.ap-pause{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;background:#141923da;color:#fff;padding:24px}.ap-pause[hidden]{display:none}.ap-focus{position:fixed;inset:10px;z-index:80;max-height:calc(100dvh - 20px);overflow:auto;margin:0}.ap-focus .ng-stage{max-height:none}.ap-focus canvas{width:100%;max-width:100%}html[data-theme=dark] .ap-power b{background:#eef2f8}html[data-theme=dark] .ap-power>div{background:#40465d;border-color:#a9b7cc}
@media(max-width:760px){.ga-preview-grid{grid-template-columns:1fr}.ap-controls{gap:8px}.ap-controls button{font-size:13px;padding:12px 5px}.ap-page .ng-game-head{flex-wrap:wrap}.ap-page .ng-head-actions{width:100%;justify-content:flex-end}.ap-power>span{font-size:10px}.ap-page .ng-start-screen h3{font-size:1.8rem}}

/* Sport-specific previews reuse the NUMB palette and controls. */
.ap-stage{height:420px;min-height:180px}.ap-stage canvas{width:100%;height:100%;touch-action:pan-y pinch-zoom}
.ap-settings{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-top:2px solid var(--ink);font-size:.8rem;font-weight:700;flex-wrap:wrap}
.ap-settings label{display:grid;gap:4px;min-width:180px;flex:1}.ap-settings label span{display:flex;justify-content:space-between;gap:14px}.ap-settings input{height:28px;width:100%;accent-color:var(--purple)}.ap-settings p{margin:0;color:var(--muted)}
.ap-settings [hidden],.ap-vertical[hidden]{display:none!important}.ap-controls{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px}.ap-controls[data-sport=darts]{grid-template-columns:1fr 1fr .8fr 1.6fr}.ap-vertical{display:grid;gap:4px;grid-template-rows:1fr 1fr}.ap-vertical button{min-height:35px;padding:2px;font-size:1.1rem}.ap-controls button{touch-action:pan-y pinch-zoom}.ap-controls #ap-action{background:var(--yellow);color:#171717}
.ap-game .ng-guidance{min-height:92px}.ap-power>div>i{background:#78b796;left:75%;width:14%}.ap-power>span{font-size:11px}.ap-power #ap-power-fill{background:var(--ink)}
.ap-game.ap-focus{position:fixed;inset:0;z-index:1200;height:100dvh;width:100%;max-width:none;display:flex;flex-direction:column;margin:0;border-radius:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:auto;background:var(--paper)}
.ap-focus .ap-stage{flex:1;min-height:180px}.ap-focus .ng-game-head,.ap-focus .ng-hud,.ap-focus .ng-guidance,.ap-focus .ap-settings,.ap-focus .ng-controls,.ap-focus .ng-game-bottom{flex-shrink:0}.ap-focus .ng-game-head{padding:8px 14px}.ap-focus .ng-hud{padding:5px 14px}.ap-focus .ng-guidance{min-height:69px;padding:5px 14px}.ap-focus .ap-settings{padding:4px 14px}.ap-focus .ng-controls{padding:8px 14px}.ap-focus .ng-controls button{min-height:54px}.ap-focus .ap-vertical button{min-height:24px}.ap-focus .ng-game-bottom{padding:5px 14px}
@media(max-width:600px){.ap-stage{height:320px}.ap-settings{padding:10px 12px;gap:8px}.ap-controls{gap:7px}.ap-controls button{font-size:.8rem;padding:8px 4px}.ap-controls button span{font-size:.65rem}.ap-focus .ng-game-head h2{font-size:.9rem}.ap-focus .ng-hud b{font-size:.8rem}.ap-focus .ng-guidance{font-size:.8rem}.ap-focus .ap-settings{font-size:.7rem}.ap-focus .ng-game-bottom{font-size:.65rem}}
@media(max-height:550px) and (orientation:landscape){.ap-focus .ap-stage{min-height:200px}.ap-focus{overflow:auto}}

@media(max-width:600px){.ap-game .ng-game-head h2{font-size:1.2rem;min-width:0}.ap-game .ng-game-head{padding:12px;gap:8px}.ap-game .ng-head-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.ap-game .ng-focus-button{font-size:.75rem;padding:6px 8px}.ap-game.ap-focus .ng-game-head h2{font-size:.9rem}}

/* Keep text inside card borders; gameplay canvases retain their full width. */
.ng-page{--game-inset:clamp(16px,2vw,24px)}
.ng-game:not(.ng-focused):not(.ap-focus) :is(.ng-game-head,.ng-hud,.ng-guidance,.ng-controls,.ng-game-bottom,.ng-how,.ap-settings){padding-left:var(--game-inset);padding-right:var(--game-inset)}
.ng-board,.ga-card,.ng-weekly{min-width:0;padding-inline:var(--game-inset)}
.ng-game-head h2,.ng-hud>div,.ng-guidance>p,.ap-settings>*,.ng-weekly-head h2{min-width:0;overflow-wrap:anywhere}
.ng-hud b{font-variant-numeric:tabular-nums}
.ap-game .ng-guidance{flex-wrap:wrap;gap:8px 16px}
.ap-power{flex:1 1 240px;width:auto;max-width:400px;margin:5px 0}
.ap-power[data-sport=darts]>div>i{left:78%;width:8%}
.ap-beat{flex:1 1 155px;max-width:260px;font-size:.75rem;font-weight:800}
.ap-beat>span{display:block;margin-bottom:7px}
.ap-beat>div{height:12px;border:1px solid var(--ink);border-radius:6px;position:relative;background:var(--paper);overflow:hidden}
.ap-beat i{position:absolute;left:var(--beat-start,64%);width:var(--beat-width,27%);height:100%;background:var(--purple)}
.ap-beat b{position:absolute;top:0;width:3px;height:100%;background:var(--ink);transform:translateX(-1px)}
.ap-beat[data-ready=true]>span{color:var(--ink)}
.ap-game .ng-controls button:disabled{opacity:.5;cursor:default}
.ap-angle{flex:1 1 220px;min-width:0;max-width:430px}
.ap-angle>span,.ap-angle>small{display:flex;justify-content:space-between;gap:10px}
.ap-angle>small{font-size:.65rem;margin-top:7px;color:var(--muted)}
.ap-angle>div{position:relative;height:18px;border:2px solid var(--ink);border-radius:6px;background:var(--paper);margin-top:9px;overflow:hidden}
.ap-angle i{position:absolute;left:50%;width:16.667%;height:100%;background:var(--purple)}
.ap-angle b{position:absolute;top:0;bottom:0;width:3px;background:var(--ink);transform:translateX(-1px)}
.ng-how-panel{margin-top:18px;border-top:1px solid var(--ng-rule,#d2cabc);padding:12px 0;color:var(--ink)}
.ng-how-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;min-height:44px;list-style:none;font-weight:800;padding:4px 0}
.ng-how-panel>summary::-webkit-details-marker{display:none}
.ng-how-panel>summary::after{content:'+';position:static;flex:0 0 20px;text-align:center;font-size:20px;line-height:1}
.ng-how-panel[open]>summary::after{content:'−'}
.ng-how-panel>summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:3px}
.ng-how-panel .sp-guide{margin:14px 0 0}
.ng-game>.ng-how-panel{margin-top:0;padding-inline:var(--game-inset)}
.ng-how.ng-how-panel{display:block}
.ng-how.ng-how-panel>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:12px}
.ng-how-panel:not([open])>div{display:none}
@media(max-width:760px){.ng-how.ng-how-panel>div{grid-template-columns:1fr}}
@media(max-width:600px){.ap-game .ng-guidance>p{flex-basis:100%}.ap-power,.ap-beat{max-width:none}.ap-settings label{min-width:0;flex-basis:180px}.ng-game-head{flex-wrap:wrap}.ng-head-actions{margin-left:auto}.ng-game-head h2{overflow-wrap:normal}.ng-hud{column-gap:12px}.ng-result{padding-inline:20px}}

/* Focus is a six-row playing surface, even if the guide was expanded. */
.ng-game.ng-focused>.ng-how-panel{display:none}

/* Focus reserves a readable playing surface; wide screens put information
   beside it instead of reducing the track to half the viewport width. */
.ng-game.ng-focused,.ap-game.ap-focus{box-sizing:border-box;min-height:0;overflow-x:hidden;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(200px,1fr) auto auto auto;grid-template-areas:'head' 'hud' 'hint' 'stage' 'settings' 'controls' 'footer';padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);z-index:1200}
:is(.ng-focused,.ap-focus)>.ng-how-panel{display:none}
:is(.ng-focused,.ap-focus)>.ng-stage,.sp-game.ng-focused>.ng-stage{grid-area:stage;min-width:0;min-height:200px;height:auto;max-height:none;overflow:hidden}
:is(.ng-focused,.ap-focus)>.ng-game-head{grid-area:head;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 12px}
:is(.ng-focused,.ap-focus) .ng-game-head h2{font-size:clamp(.95rem,3.5vw,1.25rem);line-height:1.2;overflow-wrap:normal}
:is(.ng-focused,.ap-focus) .ng-head-actions{width:auto;flex-wrap:nowrap;margin:0;gap:8px}
:is(.ng-focused,.ap-focus) .ng-head-actions button{min-height:40px;white-space:nowrap;font-size:.75rem;padding:6px 8px}
:is(.ng-focused,.ap-focus)>.ng-hud{grid-area:hud;grid-template-columns:.8fr 1fr 1.25fr;padding:6px 12px;gap:8px}
:is(.ng-focused,.ap-focus) .ng-hud>div:last-child{grid-column:auto;display:block;border:0;padding:0}
:is(.ng-focused,.ap-focus) .ng-hud>div:last-child b{text-align:left}
:is(.ng-focused,.ap-focus) .ng-hud span{font-size:.65rem}
:is(.ng-focused,.ap-focus) .ng-hud b{font-size:.8rem;line-height:1.2;margin:3px 0;white-space:normal}
:is(.ng-focused,.ap-focus) .ng-hud p{display:none}
:is(.ng-focused,.ap-focus)>.ng-guidance{grid-area:hint;min-height:44px;padding:6px 12px;gap:6px;flex-wrap:wrap;align-content:center}
:is(.ng-focused,.ap-focus) .ng-guidance>p{font-size:.75rem;flex:1 1 100px;line-height:1.3;margin:0}
:is(.ng-focused,.ap-focus) .ap-power{margin:0;flex:1 1 140px}
:is(.ng-focused,.ap-focus)>.ng-controls{grid-area:controls;gap:10px;padding:8px 12px 12px}
:is(.ng-focused,.ap-focus) .ng-controls button{min-height:56px;font-size:.875rem;padding:4px}
:is(.ng-focused,.ap-focus) .ng-controls button b{font-size:.875rem}
:is(.ng-focused,.ap-focus) .ng-controls button span{font-size:.7rem}
:is(.ng-focused,.ap-focus)>.ng-game-bottom{grid-area:footer;display:flex;padding:3px 12px 7px;margin:0;gap:6px;font-size:.75rem;min-width:0}
:is(.ng-focused,.ap-focus) .ng-game-bottom>.ng-small{display:none}
.sp-game.ng-focused .ng-game-bottom>span:first-child,.ap-game.ap-focus .ng-game-bottom>span:last-child{display:none}
.ap-focus>.ap-settings{grid-area:settings;padding:6px 12px;gap:8px;font-size:.7rem;min-width:0}
.ap-focus .ap-angle{flex:1 1 180px;min-width:0}
.ap-focus .ap-vertical button{min-height:28px}
:is(.ng-focused,.ap-focus) .ng-start-screen{padding:12px}
:is(.ng-focused,.ap-focus) .ng-start-screen h3{font-size:clamp(1.1rem,3vh,1.6rem);margin:8px 0}
:is(.ng-focused,.ap-focus) .ng-start-screen p:not(.ng-small){font-size:.8rem;margin:6px 0}
:is(.ng-focused,.ap-focus) .ng-start-screen .button{min-height:44px;padding:8px 14px}
.ng-result{box-sizing:border-box;max-height:calc(100dvh - 32px);max-width:calc(100vw - 32px);overscroll-behavior:contain}
@media(min-width:900px),(min-width:640px) and (orientation:landscape){
 .ng-game.ng-focused,.ap-game.ap-focus{grid-template-columns:minmax(0,1fr) clamp(180px,24vw,260px);grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:'head head' 'stage hud' 'stage hint' 'stage settings' 'controls footer'}
 :is(.ng-focused,.ap-focus)>.ng-stage,.sp-game.ng-focused>.ng-stage{min-height:180px}
 :is(.ng-focused,.ap-focus)>.ng-hud{grid-template-columns:1fr 1fr;align-self:start;gap:8px;padding:12px}
 :is(.ng-focused,.ap-focus) .ng-hud>div:last-child{grid-column:1/-1}
 :is(.ng-focused,.ap-focus)>.ng-guidance{align-self:start;min-height:0;padding:10px 12px}
 :is(.ng-focused,.ap-focus) .ng-guidance>p{flex-basis:100%}
 :is(.ng-focused,.ap-focus) .ap-beat,:is(.ng-focused,.ap-focus) .ap-power{min-width:0;width:100%;max-width:none}
 .ap-focus>.ap-settings{align-self:start;padding:10px 12px}
 .ap-focus .ap-angle{flex-basis:100%}
 :is(.ng-focused,.ap-focus)>.ng-game-bottom{align-self:end;padding:10px 12px}
}
@media(max-height:500px){
 :is(.ng-focused,.ap-focus) .ng-start-screen .ng-pill,:is(.ng-focused,.ap-focus) .ng-start-screen p:not(.ng-small){display:none}
 :is(.ng-focused,.ap-focus) .ng-start-screen h3{margin:6px 0}
 .ng-result{padding-block:24px 14px}.ng-result h2{font-size:2.8rem;margin:8px}.ng-result>div{margin-top:12px}
}

/* Power instructions and their needle reserve their own height in the focus
   grid. A wrapped flex row can otherwise overflow into the following canvas. */
.ap-game.ap-focus:is([data-game=darts],[data-game=bowling])>.ng-guidance,.ar-game.ap-focus>.ng-guidance{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-items:start;align-content:start;min-height:0;padding:10px 12px 14px;gap:8px}
.ap-game.ap-focus:is([data-game=darts],[data-game=bowling]) .ap-power,.ar-game.ap-focus .ap-power{min-width:0;width:100%;max-width:none;margin:0;padding:0 2px 6px}
.ap-game.ap-focus:is([data-game=darts],[data-game=bowling]) .ap-power>span{font-size:.875rem;line-height:1.35}
.ap-game.ap-focus:is([data-game=darts],[data-game=bowling]) .ap-power>div{margin-top:10px}

.ng-takeoff-angle{min-width:155px;flex:1 1 180px;max-width:280px}.ng-takeoff-angle>span{display:flex;align-items:center;gap:10px;font-size:.75rem;font-weight:700}.ng-takeoff-angle small{margin-left:auto;font-size:.65rem}.ng-takeoff-angle [role=meter]{height:10px;position:relative;margin:7px 2px;border:1px solid var(--ink);border-radius:4px;background:var(--ng-tint,#eee9de)}.ng-takeoff-angle i{position:absolute;left:57.143%;width:14.286%;height:100%;background:#78b796}.ng-takeoff-angle b{position:absolute;top:-4px;left:0;height:16px;width:3px;background:var(--ink);transform:translateX(-50%)}
.sp-game.ng-focused .ng-hud>div:last-child b{flex-direction:column;align-items:flex-start;gap:2px}
.sp-game.ng-focused .ng-hud>div:last-child b>span{font-size:.75rem;white-space:nowrap}


/* Focus scrolls on its own surface without locking the document or other pages. */
.ng-game.ng-focused,.ap-game.ap-focus{touch-action:pan-y pinch-zoom;overscroll-behavior-y:auto}
.ng-controls,.ap-controls{touch-action:pan-y pinch-zoom}

.ng-game[data-input-active=true] .ng-controls button:not(:disabled),.ap-game[data-input-active=true] .ap-controls button:not(:disabled){touch-action:none}
.ap-game[data-aim-active=true] .ap-stage canvas{touch-action:none}
.ng-controls button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}

/* Only enabled buttons own a gesture. Gaps and disabled controls still scroll.
   Hold buttons declare their gesture before the first contact, not in its handler. */
.ng-game[data-input-active=true] .ng-controls button:not(:disabled) *,.ap-game[data-input-active=true] .ap-controls button:not(:disabled) *{touch-action:none}
#ng-jump:not(:disabled),#ng-jump:not(:disabled) *,.ap-controls[data-sport=javelin] #ap-action:not(:disabled),.ap-controls[data-sport=javelin] #ap-action:not(:disabled) *{touch-action:none}
.ng-controls button{-webkit-tap-highlight-color:transparent}
@media(hover:none){.ng-controls button:active:not(:disabled),.ng-controls button.ng-hit{transform:none}}
@media(any-pointer:coarse){.ng-controls button:active:not(:disabled),.ng-controls button.ng-hit{transform:none}}

/* Results stay in normal flow: no native modal, top layer, or viewport scroll lock. */
.ng-game-result{position:relative;inset:auto;box-sizing:border-box;width:100%;max-width:none;max-height:none;margin:0;border:0;border-top:1px solid var(--ng-rule,var(--ink));border-radius:0;box-shadow:none;padding:28px var(--game-inset,24px);overflow:visible;overscroll-behavior:auto;background:var(--paper);color:var(--ink)}
.ng-game-result:not([open]){display:none}.ng-game-result[open]{display:block}
.ng-game-result .ng-result-breakdown{max-width:480px;margin-inline:auto}.ng-game-result .ng-result-tip{max-width:480px;margin-inline:auto}
.ng-competition-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px var(--game-inset,24px);margin:32px 0;border:2px solid var(--ink);border-radius:13px;background:var(--ng-card,var(--paper))}
.ng-competition-card h2{margin:0;font-family:var(--display);font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.2;overflow-wrap:anywhere}
.ng-competition-card p:last-child{margin-bottom:0;line-height:1.5}.ng-competition-card>.button{flex-shrink:0;margin:0;min-height:48px}
.ng-competition-page{max-width:1040px}.ng-competition-page>.ng-weekly{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.ng-competition-page .ng-weekly-head,.ng-competition-page .ng-split,.ng-competition-page .ng-prizes,.ng-competition-page .ng-entry,.ng-competition-page .ng-weekly>.ng-small,.ng-competition-page #ng-connect{grid-column:1/-1}
.ng-competition-page .ng-weekly-head h2{margin:16px 0;line-height:1.15;overflow-wrap:anywhere}.ng-competition-page .ng-weekly-head>.ng-small{margin-bottom:20px}
.ng-competition-page .ng-split{margin:20px 0}.ng-competition-page .ng-prizes{margin-top:20px}.ng-competition-page>.ng-board{margin-top:28px}
.ng-competition-page .ng-split[hidden]+.ng-entry{margin-block-start:24px}
.ng-competition-runner .ng-player-info{margin:0;padding:0;border:0}.ng-official-controls>#ng-signout,.ng-official-controls>#ng-connect{margin-block:10px}
.ng-competition-page [hidden],.ng-competition-runner [hidden]{display:none!important}
@media(max-width:600px){.ng-competition-card{align-items:stretch;flex-direction:column;gap:18px}.ng-competition-card>.button{width:100%}.ng-competition-page>.ng-weekly{gap:0 16px}}
@media(max-width:360px){.ng-competition-page>.ng-weekly{grid-template-columns:1fr}.ng-competition-page .ng-terms{margin-top:18px}}
.ng-start-screen{padding:18px 22px;align-content:center}.ng-start-screen>div{max-width:300px}.ng-start-screen h3{font-size:clamp(1.5rem,5vw,2rem);margin:12px 0}.ng-start-screen p:not(.ng-small){font-size:.875rem;margin:8px 0 16px}.ng-start-screen .ng-small{font-size:.75rem;line-height:1.4}
.ng-head-actions{gap:12px}.ng-head-actions button{min-height:44px}

/* Separate visibility actions and preview links, including their offset shadows. */
.ga-release-actions,.ga-release-links{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0;align-items:stretch}
.ga-row .ga-release-actions .button,.ga-row .ga-release-links .ng-focus-button{margin:0;flex:1 1 160px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:normal;box-sizing:border-box}
.ga-release-links .ng-focus-button{padding:10px 12px}
.ga-utc-field{min-width:0;border:1px solid var(--ng-rule,var(--ink));border-radius:8px;padding:16px;margin:0}.ga-utc-field legend{padding:0 6px;font-weight:700;font-size:.875rem}.ga-utc-date{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.ga-utc-field label{font-size:.75rem}.ga-utc-time{display:flex;align-items:end;gap:10px;margin-top:14px}.ga-utc-time label{width:80px}.ga-utc-time>span{padding-bottom:10px}.ga-utc-field p{margin:12px 0 0}.ga-utc-field input,.ga-utc-field select{padding:9px;min-width:0}
.ga-calendar-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;background:var(--button-lavender,#ada8e8);color:#171717;font-size:.875rem;margin:0}.ga-calendar-button svg{flex-shrink:0}.ga-calendar-button:disabled{opacity:.5;cursor:default}
.ga-event-overview{background:#eeeaf9;color:#191919}.ga-event-overview .ga-overview>div{background:#fffdf8;color:#191919;border-color:#b4acd0}.ga-event-overview h2{margin-top:0}
.ga-funding-panel{margin:24px 0 8px;padding:20px;border:1px solid var(--ng-rule,var(--ink));border-radius:12px;background:var(--ng-tint,var(--paper));min-width:0}.ga-funding-panel h3{font-size:1.125rem;margin:0 0 12px}.ga-funding-panel h4{font-size:1rem;margin:24px 0 10px;padding-top:20px;border-top:1px solid var(--ng-rule,var(--ink))}.ga-funding-panel .ga-address{overflow-wrap:anywhere;user-select:all}.ga-funding-state{padding:14px 16px;border-radius:8px;background:#eeeaf9;color:#242036;overflow-wrap:anywhere;margin:16px 0}.ga-funding-state[data-state=error]{background:#ffe0d1;color:#672a1a}.ga-funding-state[data-state=success]{background:#dceee5;color:#1c4633}html[data-theme=dark] .ga-funding-state{background:#373255;color:#f3eeff}html[data-theme=dark] .ga-funding-state[data-state=error]{background:#512f29;color:#ffdbc9}html[data-theme=dark] .ga-funding-state[data-state=success]{background:#243e34;color:#dceee5}@media(max-width:600px){.ga-funding-panel{padding:16px}.ga-funding-panel>.button{width:100%}}
.ga-token-advanced{padding:16px;border:1px solid var(--ng-rule,var(--ink));border-radius:10px;min-width:0}.ga-token-advanced summary{cursor:pointer;font-weight:700;font-size:.875rem}.ga-token-advanced>p{margin:14px 0}.ga-token-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr);gap:16px}.ga-token-fields label{min-width:0}
/* Each icon belongs to its own details element, including nested settings. */
.ga-page details>summary,.ng-closed-games>summary{display:flex;align-items:center;gap:16px;min-height:48px;padding-right:0;list-style:none;cursor:pointer}
.ga-page details>summary::-webkit-details-marker,.ng-closed-games>summary::-webkit-details-marker{display:none}
.ga-page details>summary::after,.ng-closed-games>summary::after{content:'+';position:static;margin-left:auto;flex:0 0 24px;font-size:22px;line-height:1;text-align:center}
.ga-page details[open]>summary::after,.ng-closed-games[open]>summary::after{content:'−'}
.ga-summary-title{display:block;font:1.5rem/1.25 var(--display);margin-top:6px}.ga-release>summary .ng-eyebrow{display:block;margin:0}
.ga-library{background:var(--ng-tint,#eeeaf9)}.ga-library h2{margin-bottom:10px}.ga-library-fields{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:18px;margin:22px 0 16px}
.ga-competition-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.ga-event-item{min-width:0;padding:18px;border:1px solid var(--ng-rule,#b8b0d1);border-radius:10px;background:var(--ng-card,var(--paper));display:flex;flex-direction:column;gap:12px}
.ga-event-item[data-selected=true]{outline:2px solid var(--ng-accent,#7e6fb0);outline-offset:1px}
.ga-event-item-head{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}.ga-event-item-head>b{font-size:1rem;overflow-wrap:anywhere}
.ga-event-badge{padding:4px 9px;border-radius:5px;border:1px solid #b9b0d1;background:#eeeaf9;color:#29203f;font-size:.7rem;font-weight:800;letter-spacing:.4px;line-height:1.5}
.ga-event-item>p{font-size:.8125rem;line-height:1.6;overflow-wrap:anywhere;margin:0}.ga-event-item>.button{align-self:start;margin-top:auto;font-size:.875rem;min-height:44px;padding:10px 16px;max-width:100%}
.ga-list-pages{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px;flex-wrap:wrap}.ga-list-pages span{font-size:.875rem}.ga-list-pages button:first-child{background:var(--button-lavender,#aaa1f5)}.ga-list-pages button:last-child{background:var(--mint,#d7efe4)}
.ga-management-confirm{padding:16px;background:var(--ng-tint,#eeeaf9);border:1px solid var(--ng-rule,#b8b0d1);border-radius:10px;margin-top:16px}.ga-management-confirm>p{margin:0;font-size:1rem;overflow-wrap:anywhere}
.ga-event-overview,.ga-select,.ga-card{scroll-margin-top:125px}.ng-closed-games{margin:28px 0;border:1px solid var(--ng-rule,#b8b0d1);border-radius:12px;padding:18px var(--game-inset,24px)}.ng-closed-games>.ng-sports{margin-top:22px}.ng-closed-games>.ng-small{margin:14px 0}
@media(max-width:760px){.ga-library-fields,.ga-competition-list{grid-template-columns:1fr}.ga-event-item>.button{width:100%;align-self:stretch}.ga-list-pages{gap:10px}.ga-list-pages button{padding:10px;min-width:44px}}
html[data-theme=dark] .ga-event-overview{background:#373255;color:#f3eeff}html[data-theme=dark] .ga-event-overview .ga-overview>div{background:#242033;color:#f3eeff;border-color:#7d739e}
.ga-prize-editor{padding:14px;border:1px solid var(--ng-rule,var(--ink));border-radius:8px}.ga-prize-preview{display:flex;flex-wrap:wrap;gap:10px}.ga-prize-preview span{background:var(--ng-tint,#f0ede3);border-radius:5px;padding:8px 10px;font-size:.8125rem;font-weight:700}.ga-prize-editor summary{font-size:.875rem;cursor:pointer;padding:6px 0}.ga-prize-editor details label{margin:12px 0}.ga-prize-editor .ng-focus-button{margin-top:10px}
@media(max-width:760px){.ga-release-actions,.ga-release-links{gap:16px;margin:18px 0}.ga-row .ga-release-actions .button,.ga-row .ga-release-links .ng-focus-button{flex:1 1 180px}.ga-utc-field{padding:12px}.ga-utc-date{gap:8px}.ga-utc-time{gap:8px}}
@media(max-width:380px){.ga-utc-date,.ga-token-fields{grid-template-columns:1fr}.ga-calendar-button{width:100%}.ga-row .ga-release-actions .button,.ga-row .ga-release-links .ng-focus-button{flex-basis:100%}}

/* Shared action colors extend into practice and competition controls. */
.ng-head-actions>.ng-focus-button:first-child,#ng-check-holding{background:var(--button-lavender)}
.ng-head-actions>.ng-focus-button:nth-child(2){background:var(--peach)}
.ng-controls>button:first-of-type{--control-fill:var(--button-lavender)}
.ng-controls>button:nth-of-type(2){--control-fill:var(--mint)}
.ap-vertical button:first-child{--control-fill:var(--peach)}
.ng-pending .ng-focus-button:first-of-type{background:var(--button-lavender)}
.ng-athlon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;margin:24px 0}
.ng-athlon-card{min-width:0;display:flex;flex-direction:column;gap:12px;padding:24px;border:3px solid var(--ink,#191919);border-radius:20px;box-shadow:5px 5px 0 var(--ink,#191919)}
.ng-athlon-card h3{font-size:1.3rem;line-height:1.3;margin:0;overflow-wrap:anywhere}
.ng-athlon-card p{margin:0;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
.ng-athlon-card .button{width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:1rem;margin:0}
.ng-athlon-card .button.peach{background:var(--peach,#ffc8ae);color:#171717}
.ga-athlon-picker #ga-sports-none{background:var(--peach,#ffc8ae);color:#171717}
.ng-athlon-card a{margin-top:auto;text-underline-offset:4px}
.ng-athlon-rules{border-top:2px solid #d2cfbf;padding-top:20px;font-size:1rem;line-height:1.6}
.ng-athlon-rules summary{cursor:pointer;font-weight:700}
.ng-board-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.ng-board-tabs .ng-focus-button{min-width:0;white-space:normal}
.ng-board-tabs [aria-pressed=true]{background:#f5f36a;box-shadow:3px 3px 0 var(--ink,#191919)}
.ng-athlon-board .ng-board-row{grid-template-columns:minmax(35px,.45fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}
.ng-athlon-board .ng-board-row>span{min-width:0;overflow-wrap:anywhere}
.ga-athlon-picker{min-width:0;border:2px solid var(--ink,#191919);border-radius:18px;padding:18px;margin:0}
.ga-athlon-picker legend{padding:0 8px;font-weight:700}
.ga-athlon-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin:16px 0}
.ga-fields .ga-athlon-options label{display:flex;align-items:center;gap:12px;padding:12px;background:#eeeaf9;border:2px solid #191919;border-radius:12px;font-size:1rem;min-width:0;cursor:pointer;color:#191919}
.ga-fields .ga-athlon-options input{width:1.25rem;min-width:1.25rem;height:1.25rem;min-height:0;padding:0;margin:0;accent-color:#8f82e1}
.ga-athlon-options span{overflow-wrap:anywhere}
.ga-schedule-panel{padding:20px;margin:24px 0;background:#eeeaf9;color:#242036;border:2px solid var(--ng-rule,var(--ink));border-radius:16px;min-width:0}.ga-schedule-panel h3{font-size:1.125rem;margin:0 0 12px}.ga-schedule-panel p{overflow-wrap:anywhere}.ga-schedule-panel .button{max-width:100%}html[data-theme=dark] .ga-schedule-panel{background:#373255;color:#f3eeff}@media(max-width:600px){.ga-schedule-panel{padding:16px}.ga-schedule-panel .button{width:100%}}
@media(max-width:600px){.ng-athlon-card{padding:18px}.ng-athlon-grid{gap:20px}.ng-board-tabs .ng-focus-button{flex:1 1 135px}.ga-athlon-picker .ga-actions{gap:12px}.ng-athlon-board .ng-board-row{gap:8px;font-size:.875rem;grid-template-columns:minmax(28px,.35fr) minmax(0,1.1fr) minmax(0,.85fr) minmax(0,.9fr)}}

/* Hurdles: three distinct controls, hint stays outside the canvas. */
.hd-controls{grid-template-columns:1fr 1fr 1.25fr}
.hd-controls>button:last-child{--control-fill:var(--yellow);background:var(--yellow);color:#171717}
.hd-jump-guide{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px var(--game-inset,24px);border-bottom:2px solid var(--ink);background:var(--ng-tint,#ede9fa);font-size:.875rem;line-height:1.4}
.hd-jump-guide>span{white-space:nowrap;font-variant-numeric:tabular-nums}
.hd-jump-now{box-shadow:inset 0 0 0 3px var(--ink)}
.hd-game.ng-focused>.hd-jump-guide{grid-area:settings;padding:6px 12px;font-size:.8rem;min-width:0}
.hd-game .ng-start-screen>div{max-width:280px}
@media(max-width:480px){.hd-controls{gap:8px}.hd-controls button{font-size:.875rem;padding:10px 4px;min-height:76px}.hd-controls button span{font-size:.75rem}.hd-jump-guide{padding:10px 12px;gap:8px}.hd-game .ng-guidance{gap:8px}}

/* Archery: wind and charge cues keep their own space outside the target. */
.ar-controls{grid-template-columns:1fr 1fr .75fr 1.45fr}
.ar-controls>button:last-child{background:var(--yellow);color:#171717}
.ar-settings{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);gap:16px;align-items:center;background:var(--ng-tint,#eeeaf9);line-height:1.45;font-size:.875rem}
.ar-settings>span{min-width:0;overflow-wrap:anywhere}
.ar-game .ng-game-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.ar-game.ap-focus>.ar-settings{grid-area:settings;min-width:0;padding:7px 12px;font-size:.8rem;gap:8px}
.ar-game.ap-focus .ng-game-bottom>span{display:block}
.ar-stage canvas{width:100%;height:100%;display:block}
@media(max-width:600px){.ar-settings{grid-template-columns:1fr;gap:6px;padding:10px 12px}.ar-controls{gap:8px}.ar-controls>button{font-size:.875rem;min-height:70px}.ar-controls .ap-vertical button{min-height:32px;font-size:1rem}.ar-game .ng-game-bottom{padding:12px}.ar-game.ap-focus .ng-game-bottom{padding:5px 12px}.ar-game .ng-start-screen>div{max-width:260px}}

/* Shot Put: rhythm controls, angle needle and results each own their space. */
.pt-controls{grid-template-columns:1fr 1fr 1.25fr}
.pt-controls>button:last-child{background:var(--yellow);color:#171717}
.pt-controls button[data-next-foot=true]{outline:3px solid var(--ink);outline-offset:-7px}
.pt-angle{max-width:430px}.pt-angle i{left:37.5%;width:10%;background:#b6dfc8}
.pt-settings{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr);gap:16px;align-items:center;background:var(--ng-tint,#eeeaf9);font-size:.875rem;line-height:1.45}
.pt-settings>span{min-width:0;overflow-wrap:anywhere}
.pt-game .ng-game-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.pt-stage canvas{width:100%;height:100%;display:block}
.pt-game.ap-focus>.ng-guidance{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;min-height:0;align-content:start;gap:8px;padding:8px 12px 12px}
.pt-game.ap-focus .pt-angle{width:100%;min-width:0;margin:0}.pt-game.ap-focus>.pt-settings{grid-area:settings;padding:7px 12px;gap:8px;font-size:.8rem}
.pt-game.ap-focus .ng-game-bottom>span{display:block}
@media(max-width:600px){.pt-controls{gap:8px}.pt-controls>button{min-height:76px;font-size:.875rem;padding:12px 4px}.pt-settings{grid-template-columns:1fr;gap:5px;padding:10px 12px}.pt-game .ng-game-bottom{padding:12px}.pt-game.ap-focus .ng-game-bottom{padding:5px 12px}.pt-game .ng-start-screen>div{max-width:260px}}

/* Wallet reward review and public confirmed earnings. */
.ga-payout-preview{margin:24px 0;padding:22px;border:2px solid var(--ng-rule,var(--ink));border-radius:16px;background:var(--ng-tint,#eeeaf9);min-width:0}.ga-payout-preview[hidden]{display:none}.ga-payout-preview h3{margin:0 0 18px}.ga-payout-preview-list{display:grid;gap:16px;max-height:420px;overflow:auto;margin-bottom:20px}.ga-payout-preview-list article{padding:16px;border:1px solid var(--ng-rule,#c6bedb);border-radius:10px;background:var(--paper);min-width:0}.ga-payout-preview-list p{margin:8px 0}.ga-payout-preview code,.ga-row code{display:block;overflow-wrap:anywhere;word-break:break-word;font-size:.8rem}.ga-payout-total{font-weight:700;line-height:1.65;margin:20px 0}.ga-payout-preview .ga-actions{margin-top:24px;gap:14px}.ga-payout-preview .button{min-width:0;white-space:normal;height:auto}.ga-row>details{margin-top:18px}.ga-row>details>form{margin-top:16px}
.ng-earners{margin:48px 0;padding:28px var(--game-inset,24px);border:3px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--ink);background:var(--paper);min-width:0}.ng-earners .ng-section-head{gap:20px;margin-bottom:20px}.ng-earners-total{padding:16px 20px;background:var(--ng-tint,#eeeaf9);border-radius:12px;margin:22px 0}.ng-earners-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px}.ng-earners-list>li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid var(--ng-rule,#cec7d9);border-radius:12px}.ng-earner-rank{font-weight:800}.ng-earner-profile{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;border:0;background:transparent;color:inherit;cursor:pointer;padding:4px;border-radius:8px;font:inherit}.ng-earner-profile:hover{background:var(--ng-tint,#eeeaf9)}.ng-earner-profile:focus-visible{outline:3px solid #9a83df;outline-offset:4px}.ng-earner-profile img,.ng-earner-info img{object-fit:cover;border-radius:12px;background:#eeeaf9;flex:none}.ng-earner-profile span{overflow-wrap:anywhere;font-weight:700}.ng-earner-profile small,.ng-earner-rewards small{display:block;font-size:.8rem;font-weight:400;line-height:1.5;margin-top:5px}.ng-earners-list>li>strong{font-size:.95rem;white-space:nowrap}.ng-earner-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-sizing:border-box;padding:28px;border:3px solid var(--ink);border-radius:18px;background:var(--paper);color:var(--ink)}.ng-earner-dialog::backdrop{background:#10121abb}.ng-earner-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.ng-earner-dialog-head h2{font-family:inherit;font-size:1.35rem;overflow-wrap:anywhere;margin:0}.ng-earner-dialog-head .button{padding:10px 16px}.ng-earner-info{display:flex;align-items:center;gap:20px;margin:20px 0 28px}.ng-earner-info strong{font-size:1.4rem}.ng-earner-info p{margin:8px 0 0}.ng-earner-rewards{list-style:none;padding:0;margin:20px 0;display:grid;gap:14px}.ng-earner-rewards li{display:flex;justify-content:space-between;align-items:start;gap:20px;border-top:1px solid var(--ng-rule,#cec7d9);padding-top:14px}.ng-earner-rewards li>span{min-width:0;overflow-wrap:anywhere}.ng-earner-rewards strong{white-space:nowrap}
@media(max-width:600px){.ga-payout-preview{padding:16px}.ga-payout-preview .ga-actions>.button,#ga-pay-winners{width:100%}.ng-earners{padding:22px 16px;margin:36px 0}.ng-earners-list>li{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:12px}.ng-earners-list>li>strong{grid-column:2;margin-left:64px}.ng-earner-dialog{padding:20px}.ng-earner-dialog-head{align-items:start}.ng-earner-rewards li{flex-wrap:wrap;gap:8px}}
html[data-theme=dark] .ng-earners{--ng-tint:#202b3c;--ng-rule:#52617c}