*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0d1b0f}#app{width:100%;height:100%;display:flex;flex-direction:column}#controls{flex-shrink:0;padding:10px 16px;background:linear-gradient(180deg,#1a3a24,#142e1c);border-bottom:1px solid rgba(255,255,255,.08);color:#e0e0e0;font-family:system-ui,-apple-system,sans-serif;display:flex;align-items:center;gap:8px}.ctrl-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ctrl-btn{min-height:44px;min-width:44px;padding:8px 16px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff1a;color:#e0e0e0;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;touch-action:manipulation;transition:background .15s,opacity .15s}.ctrl-btn:hover:not(:disabled){background:#fff3}.ctrl-btn:active:not(:disabled){background:#ffffff40}.ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.ctrl-new-game{background:#2e7d32b3;border-color:#4caf5099;font-weight:600}.ctrl-new-game:hover:not(:disabled){background:#2e7d32e6;border-color:#4caf50cc}.score-display{margin-left:auto;font-size:15px;font-weight:700;color:gold;white-space:nowrap;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.overlay-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.overlay-content{background:linear-gradient(180deg,#1e3a26,#142e1c);border:1px solid rgba(255,215,0,.15);border-radius:16px;padding:40px 48px;text-align:center;max-width:90vw;max-height:90vh;overflow-y:auto;color:#e0e0e0;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 20px 60px #00000080}.overlay-title{font-size:28px;font-weight:700;margin-bottom:16px;letter-spacing:-.01em}.overlay-score{font-size:18px;color:gold;margin-bottom:16px}.overlay-info{font-size:14px;color:#a0a0a0;margin-bottom:12px}.overlay-btn{font-size:16px;padding:12px 32px;margin-top:8px;background:#2e7d3299;border-color:#2e7d32cc}.overlay-btn:hover{background:#2e7d32cc}.scorecard{border-collapse:collapse;margin:16px auto;font-size:14px}.scorecard th,.scorecard td{padding:6px 10px;border:1px solid rgba(255,255,255,.15);text-align:center}.scorecard th{background:#ffffff14;font-weight:600}.scorecard-total{font-weight:700;color:gold}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#game-canvas:focus{outline:2px solid #ffd700;outline-offset:-2px}@media(max-width:480px){#controls{padding:6px 8px;gap:4px;flex-wrap:wrap}.ctrl-btn{min-height:44px;min-width:40px;padding:6px 10px;font-size:13px}.score-display{font-size:13px;width:100%;text-align:right;margin-left:0}.overlay-content{padding:24px 20px}.overlay-title{font-size:22px}.scorecard th,.scorecard td{padding:4px 6px;font-size:12px}}#game-canvas{flex:1;display:block;width:100%}