*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
html,body{width:100%;height:100%;overflow:hidden;background:#2c1810;font-family:Georgia,'Times New Roman',serif;color:#3e2723}
#app{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;max-width:600px;margin:0 auto;padding:6px 8px}
header{text-align:center;width:100%;flex-shrink:0}
#logo{width:44px;height:44px;margin:0 auto 2px;display:block}
h1{font-size:clamp(15px,3.5vw,22px);color:#c9a84c;text-shadow:1px 1px 0 #1a0e05;letter-spacing:2px;margin-bottom:2px}
#info{display:flex;justify-content:center;gap:10px;font-size:clamp(10px,2.2vw,13px);color:#8d6e3f;margin-bottom:2px}
#info span{white-space:nowrap}
#canvasWrap{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;overflow:hidden}
canvas{display:block;touch-action:none;border:2px solid #8d6e3f;border-radius:3px;cursor:pointer;max-width:100%;max-height:100%}
#controls{display:flex;gap:6px;margin-top:5px;flex-shrink:0;flex-wrap:wrap;justify-content:center}
button{font-family:Georgia,serif;font-size:clamp(11px,2.2vw,13px);padding:7px 14px;border:2px solid #8d6e3f;border-radius:3px;background:#5c3a1e;color:#e8d5a3;cursor:pointer;transition:background .12s,transform .08s;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
button:active{background:#8d6e3f;transform:scale(0.96)}
#message{font-size:clamp(11px,2.2vw,13px);color:#c9a84c;margin-top:3px;min-height:1.2em;text-align:center;flex-shrink:0}
#overlay{position:fixed;inset:0;background:rgba(26,14,5,.88);display:flex;align-items:center;justify-content:center;z-index:10}
#overlayContent{background:#3e2723;border:3px solid #c9a84c;border-radius:6px;padding:20px 28px;text-align:center;max-width:300px;width:90%}
#ovt{font-size:clamp(16px,3.5vw,22px);color:#c9a84c;margin-bottom:6px}
#ovx{font-size:clamp(11px,2.2vw,13px);color:#e8d5a3;margin-bottom:14px;line-height:1.5}
#ovx strong{color:#c9a84c}
#ovb{font-family:Georgia,serif;font-size:clamp(12px,2.5vw,14px);padding:10px 24px;border:2px solid #c9a84c;border-radius:3px;background:#5c3a1e;color:#e8d5a3;cursor:pointer;min-width:44px;min-height:44px}
#ovb:active{background:#8d6e3f}