*{box-sizing:border-box}body{margin:0;background:#f4f1e9;color:#163b35;font-family:Arial,Helvetica,sans-serif}header{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:18px max(20px,calc((100vw - 1160px)/2));background:#fff;border-bottom:1px solid #deded4}a{color:#17684f;text-decoration:none}.brand{font-weight:900;letter-spacing:1px;white-space:nowrap}.brand span{color:#d9952c;margin-left:4px}nav{display:flex;flex-wrap:wrap;gap:5px;margin-left:auto}nav button{padding:5px 7px;border:1px solid transparent;background:transparent;border-radius:7px;font-size:21px;line-height:1.2}nav button.active{border-color:#147453;background:#e6f2e9}main{max-width:1160px;padding:28px 20px 12px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:700;color:#6d7c6e}h1{font-family:Georgia,serif;font-size:clamp(32px,5vw,48px);margin:8px 0}#subtitle{color:#64766c;margin:0}.badge{font-size:64px}.controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:18px}label>span{display:block;font-size:12px;font-weight:700;margin-bottom:6px}button,select{font:inherit;font-weight:600;cursor:pointer;border-radius:9px;border:1px solid #cbd4c9;padding:12px 18px;background:#fff;color:#234b3e;min-height:44px}button:hover{filter:brightness(.96)}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #db9c35;outline-offset:3px}#restart{background:#dba43d;color:#263b25;border-color:#dba43d}.scoreboard{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#143e32;color:#edf7ee;padding:14px 20px;border-radius:12px 12px 0 0;font-size:14px}.scoreboard strong{color:#f1ce76}.table-wrap{position:relative;background:#143e32;border-radius:0 0 14px 14px;padding:0 8px 8px;box-shadow:0 12px 25px #173a3020}canvas{display:block;width:100%;height:auto;touch-action:none;border-radius:8px}.shot-controls{display:flex;align-items:center;gap:24px;padding:20px 0 6px}.power{flex:1;display:flex;align-items:center;gap:16px}.power span{white-space:nowrap;margin:0}.power input{flex:1;min-width:60px;accent-color:#178660}.power output{font-size:13px;min-width:38px}#shoot{background:#157554;border-color:#157554;color:white;min-width:170px}button:disabled{opacity:.45;cursor:default}#status{font-weight:700;text-align:center;min-height:22px;margin-bottom:6px}#hint{text-align:center;font-size:13px;color:#66796c;line-height:1.6;margin-top:0}#instructions{background:#fff8df;padding:18px;border:1px solid #e9d49b;border-radius:10px;line-height:1.7;margin-bottom:16px}footer{text-align:center;border-top:1px solid #d7ded3;font-size:11px;line-height:1.6;color:#758075;padding:18px 4px;margin-top:20px}#celebration{position:absolute;inset:0;display:grid;place-items:center;background:#05291bc9;border-radius:10px;text-align:center;color:white;padding:20px}#celebration[hidden]{display:none}#celebration>div{background:#153f33;padding:25px 40px;border:1px solid #c9a75e;border-radius:16px;box-shadow:0 15px 70px #0006}.star{font-size:50px;color:#f5c45d}#celebration h2{font-family:Georgia,serif;font-size:32px;margin:12px 0}#celebration p{line-height:1.6}#playAgain{background:#e4b45b;border:0} @media(max-width:650px){header{gap:12px;padding:14px}nav{width:100%;margin:0;justify-content:center}main{padding:16px 8px}.heading{padding:0 8px}.eyebrow{font-size:9px}.badge{font-size:44px}.controls{gap:7px;padding:0 5px}button,select{padding:10px 12px;font-size:13px}.controls label{flex:1}.controls select{width:100%}.scoreboard{font-size:11px;padding:12px 9px}.shot-controls{gap:10px;padding:16px 5px}.power{gap:6px;flex-wrap:wrap}.power span{width:100%;font-size:11px}#shoot{min-width:110px}#hint{font-size:12px;padding:0 10px}#celebration>div{padding:16px}#celebration h2{font-size:23px}.star{font-size:30px}#celebration p{font-size:12px}}

body header.site-header.shared-site-header{display:block;position:relative;width:100%;max-width:none;margin:0;padding:0;overflow:hidden;background:#fff;border:0;border-radius:0;box-shadow:none}body header.shared-site-header>a{display:block;margin:0;padding:0;line-height:0}body header.shared-site-header img.header-logo{display:block;width:100%;height:auto;max-height:210px;margin:0;padding:0;object-fit:cover;object-position:center;border:0;border-radius:0}.header-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1160px;margin:auto;padding:14px 20px}.header-toolbar #home{font-weight:bold;padding:10px 16px;border-radius:8px;background:#e4eddf}.header-toolbar #languages{margin-left:auto}.brand:focus-visible{outline:3px solid #d9952c;outline-offset:-4px}@media(max-width:650px){.header-toolbar{padding:10px;gap:8px;flex-wrap:wrap}.header-toolbar #languages{width:auto;flex:1;justify-content:flex-end;gap:3px}.header-toolbar #languages button{padding:5px;min-height:34px}.header-toolbar #languages img{width:26px;height:auto}}

.site-nav{max-width:1120px;margin:12px auto 0;padding:0 12px}.site-nav summary{cursor:pointer;font-size:13px;font-weight:700;color:#17684f;padding:8px}#site-menu{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;background:white;padding:14px;border-radius:10px}#site-menu a{padding:9px 12px;background:#edf3e9;border-radius:7px;font-size:13px}#languages img{display:block;border-radius:2px;box-shadow:0 0 0 1px #0002}#languages{align-items:center}
/* Match the main site's navigation and labeled language row. */
body .site-nav{max-width:none;width:100%;margin:0;padding:0;background:linear-gradient(90deg,#102f3b,#173f4e);box-shadow:0 5px 16px #102f3b20}
body #site-menu{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:2px;max-width:1160px;margin:0 auto;padding:5px 10px;background:transparent;border-radius:0}
body #site-menu a{display:flex;align-items:center;justify-content:center;flex:0 1 auto;text-align:center;color:#fff;background:transparent;font-size:13px;line-height:1.5;font-weight:700;padding:11px 10px;max-width:205px;border-radius:7px;text-decoration:none}
body #site-menu a:hover,body #site-menu a:focus-visible,body #site-menu a.current{background:#ffffff20}
body .header-toolbar{max-width:none;width:100%;padding:11px max(16px,calc((100vw - 1160px)/2));background:#e9f4f8;justify-content:center;gap:0}
body .header-toolbar #languages{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;max-width:1160px;margin:0;width:100%}
body #languages button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 12px;border:1px solid #315b6c;border-radius:8px;color:#102f3b;background:#fff;font-size:13px;font-weight:700;line-height:1.3}
body #languages button.active{color:white;background:#102f3b;border-color:#102f3b}
body #languages button img{display:block;flex-shrink:0;width:38px;height:25px;object-fit:cover;border-radius:0;box-shadow:0 0 0 1px #0002}
@media(max-width:650px){body #site-menu{padding:5px;gap:2px}body #site-menu a{font-size:11px;padding:8px;max-width:155px}body .header-toolbar{padding:10px}body .header-toolbar #languages{justify-content:center;gap:6px}body #languages button{font-size:11px;padding:7px 8px;gap:6px;min-height:38px}body #languages button img{width:29px;height:20px}}