*{box-sizing:border-box;margin:0}body{background:linear-gradient(180deg,#463226,#32231a);color:#f1e6d8;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;min-height:100vh;display:flex;justify-content:center}.app{width:min(1000px,100%);padding:16px;display:flex;flex-direction:column;gap:10px}header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}h1{font-size:1.6rem;letter-spacing:1px;color:#f3cdb4}.stats{display:flex;gap:16px;align-items:center}.stats b{color:#f3cdb4}.stats button{background:#5a4332;color:#f1e6d8;border:1px solid #82613f;border-radius:8px;padding:4px 10px;cursor:pointer}.stats button:hover{background:#6e5340}.stage{position:relative}canvas{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 10px 30px #1e12088c;cursor:crosshair;touch-action:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#28190e80;border-radius:12px}.card{background:#4a3727;border:1px solid #82613f;padding:24px 32px;border-radius:16px;text-align:center;display:flex;flex-direction:column;gap:10px}.card h2{color:#f3cdb4}.card button{background:#e8a87c;border:none;color:#3a2716;font-weight:700;font-size:1rem;padding:10px 18px;border-radius:10px;cursor:pointer}.card button:hover{filter:brightness(1.08)}.hint{opacity:.65;font-size:.85rem;text-align:center}