*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#eef3f5;color:#26343b}
#game{max-width:1250px;margin:0 auto;padding:20px}
header{margin-bottom:14px}
h1{margin:0 0 4px}
header p{margin:0;color:#61727a}
.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px}
canvas{width:100%;height:auto;background:#dff0f7;border:1px solid #b7c8cf;border-radius:14px;display:block;cursor:crosshair;touch-action:none}
.panel{background:white;border:1px solid #d2dde1;border-radius:14px;padding:15px}
.panel h2{margin-top:0}
label{display:block;font-size:14px;font-weight:bold;margin-top:12px}
input[type=range]{width:100%;margin:7px 0}
.chip{float:right;font-weight:normal;font-size:12px;background:#eef3f5;border-radius:20px;padding:2px 9px;color:#61727a}
.buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}
button{min-height:44px;width:100%;border:1px solid #c5d0d5;border-radius:9px;background:#f7f9fa;cursor:pointer;font-weight:bold;margin-bottom:6px;color:#26343b}
button:hover{background:#eef3f5}
button.active{background:#26343b;border-color:#26343b;color:#fff}
button.primary{background:#d9eff8;border-color:#79bdd5}
button.primary:hover{background:#c6e7f5}
kbd{font-family:inherit;font-size:11px;font-weight:normal;opacity:.55;border:1px solid currentColor;border-radius:4px;padding:0 4px;margin-left:4px}
#score{margin-top:14px;padding:10px;background:#26343b;color:#fff;border-radius:9px;font-size:13px;font-weight:bold;text-align:center}
#status{margin-top:8px;padding:10px;background:#f2f5f6;border-radius:9px;font-size:13px;line-height:1.4;min-height:56px}
@media(max-width:800px){.game-layout{grid-template-columns:1fr}}
.buttons button{margin-bottom:0}
.buttons .wide{grid-column:1 / -1}
canvas{cursor:grab}
canvas:active{cursor:grabbing}