.game-page{max-width:680px;margin:auto}.game-page [hidden]{display:none!important}
.game-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 22px}
.eyebrow{font-size:10px;font-weight:900;letter-spacing:.16em;color:#6550ad;margin:0 0 8px}
.game-heading h1{font-size:clamp(30px,5vw,44px);letter-spacing:-.065em;line-height:1.05}
.game-heading h1 span{color:#e85d3d}.game-tagline{margin:6px 0 0;color:#68728a;font-size:16px}
.all-tools{font-size:12px;white-space:nowrap;text-decoration:none;color:#6550ad}
.arcade{overflow:hidden;border-radius:24px;background:#19172b;box-shadow:0 18px 60px #29223c24;color:#f6f4ff;border:1px solid #3a3256}
.game-hud{display:grid;grid-template-columns:1fr 1.7fr 1fr;padding:16px 24px;border-bottom:1px solid #ffffff12;gap:8px}
.game-hud>div:last-child{text-align:right}.game-hud span{display:block;font-size:9px;letter-spacing:.16em;color:#b2a9c9;font-weight:800}
.game-hud strong{font-size:21px;line-height:1.3}.game-hud .game-rule{text-align:center}.game-rule strong{font-size:17px;color:#d4fd80}
.board-wrap{position:relative;max-width:540px;margin:auto}
#game-board{width:100%;height:auto;aspect-ratio:1;margin:0;touch-action:none;cursor:crosshair;border-radius:8px}
#game-board:focus-visible{outline-offset:-6px;outline-color:#d4fd80}
.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#19172bba;padding:16px;backdrop-filter:blur(5px)}
.overlay-card{text-align:center;max-width:380px;width:100%;padding:16px 14px}
.pill{display:inline-block;border:1px solid #a7a0bc50;border-radius:30px;padding:5px 12px;font-size:9px;letter-spacing:.14em;font-weight:800;color:#d4fd80}
.overlay-card h2{font-size:clamp(28px,6vw,44px);line-height:1.08;letter-spacing:-.05em;margin:16px 0 12px;color:#fff}
.overlay-card p{font-size:13px;line-height:1.6;color:#c9c0dc;margin:0 0 16px}
.overlay-card button{display:block;margin:10px auto 0;max-width:280px;width:100%;min-height:44px;background:#d4fd80;color:#222232;font-size:15px;border-radius:12px}
.overlay-card button.game-outline{background:transparent;border:1px solid #8f86a6;color:#fff}
.game-page .game-link{background:none;box-shadow:none;color:#b6aec8;font-weight:600;padding:8px 4px;font-size:12px;min-height:44px;border-radius:4px}
.overlay-card button.game-link{font-size:12px;margin-top:2px;color:#c9c0dc}
.game-controls{border-top:1px solid #ffffff12;padding:12px 20px 8px;background:#211d35}
#game-feedback{margin:0 0 10px;text-align:center;color:#e2ddef;font-size:13px;min-height:22px;font-weight:600}
.aim-controls{display:flex;align-items:center;gap:12px}.aim-controls label{font-size:11px;min-width:38px;color:#c9c0dc;margin:0}
.aim-controls output{display:block;color:#fff;font-variant-numeric:tabular-nums}
.aim-controls input{padding:0;accent-color:#d4fd80;height:32px;min-width:30px;border:0;flex:1}
.aim-controls button{background:#d4fd80;color:#222232;padding:10px 16px;min-height:44px;font-size:13px;white-space:nowrap}
.game-options{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}
.course-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:6px 0}
.course-bar span{font-size:11px;color:#68728a;flex:1}.course-bar .game-link{color:#6550ad;font-size:11px}
.game-instructions{font-size:13px;line-height:1.7;color:#68728a;margin:8px 0 22px}.game-instructions b{color:#1c2433}
.game-help{font-size:13px}.game-help p{line-height:1.8}.game-help button{font-size:12px;margin-top:12px}
.score-stamps{display:flex;justify-content:center;gap:7px;margin:16px 0}
.score-stamps span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#3c3552;color:#b5acc9;font-size:13px}
.score-stamps .caught{background:#d4fd80;color:#222232}.personal-best{color:#d4fd80!important}
.score-stamps .assisted{background:#ee7fbd30;color:#fbb5dc}
#share-fallback{padding:12px 16px;background:#211d35;border-radius:12px;margin-top:10px}
#share-fallback label{font-size:11px;color:#ddd;margin:0 0 4px}#challenge-text{min-height:85px;font-size:12px;text-align:left;background:#29243d;color:white;border-color:#6b607f;line-height:1.5}
#share-status{font-size:11px;margin:6px 0 0;min-height:0;color:#d4fd80}
.game-warning{padding:10px 14px;background:#fff0d2;color:#62420f;border:1px solid #e6c88c;border-radius:10px;font-size:12px}
.scorecard-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:16px 18px;margin-top:14px;border:1px solid #e7e0d2;border-radius:14px;background:#fff}
.scorecard-actions>div{flex:1 1 230px}.scorecard-actions b{font-size:14px}
.scorecard-actions p{font-size:12px;line-height:1.6;color:#68728a;margin:4px 0 0}
.scorecard-actions button{font-size:12px;min-height:44px;padding:10px 14px;background:#6550ad}
.scorecard-actions #scorecard-status{flex-basis:100%;margin:0}
.game-feature{display:flex;gap:26px;align-items:center;padding:26px;margin:22px 0 30px;border-radius:20px;color:white;background:#211d35;text-decoration:none;box-shadow:0 12px 30px #25183915}
.game-feature svg{width:150px;height:150px;flex:none}.game-feature small{font-size:10px;letter-spacing:.14em;color:#d4fd80;font-weight:800}
.game-feature h2{color:#fff;font-size:28px;line-height:1.1;margin:9px 0}.game-feature p{color:#c9c0dc;font-size:14px;margin:0 0 12px}.game-feature b{display:inline-block;background:#d4fd80;color:#222232;padding:8px 15px;border-radius:8px;font-size:13px}
@media(max-width:480px){.game-heading{margin-bottom:16px}.all-tools{display:none}.arcade{border-radius:18px}
.game-hud{padding:12px 14px}.game-hud strong{font-size:19px}.game-rule strong{font-size:14px}.game-hud span{font-size:8px}
.game-controls{padding:10px 12px 2px}.aim-controls{gap:8px}.overlay-card{padding:4px 0}.overlay-card h2{margin:10px 0;font-size:30px}
.overlay-card p{font-size:12px;margin-bottom:10px}.overlay-card button{min-height:42px;padding:9px 14px;margin-top:8px}
.pill{font-size:8px;padding:3px 9px}.score-stamps{margin:10px 0;gap:5px}.score-stamps span{width:23px;height:23px}
.game-feature{padding:20px;gap:16px}.game-feature svg{width:85px;height:110px}.game-feature h2{font-size:24px}.game-feature p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.game-page *{scroll-behavior:auto}}