*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;overflow:hidden;background:#1a1510;font-family:Georgia,serif;touch-action:none;user-select:none;-webkit-user-select:none}
#game{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;padding:6px}
#hud{display:flex;justify-content:space-between;width:100%;max-width:500px;padding:4px 8px;color:#c9a84c;font-size:14px}
#tool-label{color:#8b7355;font-style:italic}
#c{flex:1;width:100%;max-width:500px;max-height:500px;background:#2a1f14;border:2px solid #5a4a32;border-radius:6px;cursor:crosshair}
#toolbar{display:flex;gap:8px;padding:8px 0}
.tbtn{padding:10px 18px;border:2px solid #5a4a32;background:#2a1f14;color:#c9a84c;font-family:Georgia,serif;font-size:15px;border-radius:6px;cursor:pointer;transition:all .15s}
.tbtn.sel{background:#5a4a32;color:#ffd700;border-color:#c9a84c}
.tbtn:active{transform:scale(.95)}
#actions{display:flex;gap:10px;padding:4px 0}
#actions button{padding:8px 20px;border:2px solid #5a4a32;background:#2a1f14;color:#8b7355;font-family:Georgia,serif;font-size:14px;border-radius:6px;cursor:pointer}
#actions button:disabled{opacity:.4;cursor:default}
#actions button:not(:disabled):active{transform:scale(.95);background:#3a2f24;color:#c9a84c}
#msg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(42,31,20,.95);color:#ffd700;padding:16px 28px;border:2px solid #c9a84c;border-radius:8px;font-size:18px;display:none;text-align:center;z-index:10;pointer-events:auto}
#msg.show{display:block}