*{box-sizing:border-box}body{margin:0;background:#eee7d9;color:#283b36;font:16px/1.5 system-ui}main{max-width:1000px;margin:auto;padding:24px}small{font-size:11px;letter-spacing:3px;color:#97703f}h1{font:36px Georgia;margin:12px 0}nav,.controls{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}button,select{min-height:48px;padding:12px;border:1px solid #9c967d;border-radius:8px;background:#fffaf0;color:#283b36;font:600 14px system-ui;touch-action:none}button:active{background:#d9ad60}#start{background:#31594e;color:white}.stats{display:flex;justify-content:space-between;background:#283b36;color:#f6e6bd;padding:12px;border-radius:10px}.controls button{flex:1}canvas{width:100%;display:block;background:#d3dbcd;border-radius:10px;touch-action:none}#message{background:#fffaf0;padding:16px;border-left:4px solid #b8873b}.credit{font-size:11px;color:#756f60}details{font-size:14px}@media(max-width:600px){main{padding:12px}h1{font-size:27px}.controls{gap:5px}.controls button{font-size:12px;padding:8px}.stats{font-size:12px}}