*{box-sizing:border-box}body{margin:0;background:#ece3d2;color:#342c24;font:16px Georgia,serif}main{max-width:960px;margin:auto;padding:24px}header small{font:12px system-ui;letter-spacing:3px;color:#76624c}h1{font-size:40px;margin:12px 0}header p{line-height:1.5}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}button,select{font:600 14px system-ui;border:1px solid #8f765b;border-radius:7px;padding:12px;background:#fffaf0;color:#342c24;min-height:46px}#start,button[aria-pressed=true]{background:#50614a;color:white}.stats{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;background:#342c24;color:#fff4dd;padding:14px;font:14px system-ui;border-radius:12px 12px 0 0}canvas{width:100%;display:block;touch-action:none;background:#746c59;border-radius:0 0 12px 12px}#message{padding:14px;background:#fff9e9;border-left:4px solid #b98137;line-height:1.4;min-height:60px}details{font:14px/1.6 system-ui}.credit{font-size:11px;color:#76624c}@media(max-width:600px){main{padding:14px}h1{font-size:30px}.toolbar{gap:7px}.stats{font-size:12px;gap:8px;padding:10px}button,select{font-size:12px;padding:10px}header p{font-size:15px}}