*{box-sizing:border-box}body{margin:0;background:#102c2c;color:#f3e6bf;font:16px/1.5 system-ui}main{max-width:920px;margin:auto;padding:24px}small{color:#d8bb77;letter-spacing:3px;font-size:11px}h1{font:42px Georgia;margin:10px 0}header p{color:#c9d4c4}nav,.controls{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}button,select{font:600 14px system-ui;padding:12px;border:1px solid #b89a58;background:#e9d398;color:#173a37;border-radius:8px;min-height:46px;touch-action:none}button:disabled{opacity:.55}button[aria-pressed=true]{background:#80d6c3}canvas{display:block;width:100%;border-radius:14px;touch-action:none}.stats{display:flex;justify-content:space-between;padding:12px;background:#091c1d;border-radius:9px}#selectors{display:flex;gap:8px;justify-content:center;margin-top:10px}#selectors button{min-width:48px}.controls{align-items:center;justify-content:space-between}label{display:flex;gap:10px;align-items:center}input{width:190px;accent-color:#80d6c3;min-height:44px}#message{padding:16px;background:#21443d;border-left:4px solid #dfbf73;min-height:70px}.credit{font-size:11px;color:#acbcae}details{font-size:14px}@media(max-width:600px){main{padding:14px}h1{font-size:30px}nav{gap:8px}button,select{font-size:12px;padding:10px}.controls label{width:100%}input{flex:1}#selectors{gap:5px}#selectors button{min-width:0;flex:1}.stats{font-size:12px}}