*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:#1c0f07;font-family:'IM Fell English',serif;color:#f3d98b;touch-action:none;user-select:none;-webkit-user-select:none}
canvas{display:block;position:absolute;inset:0;width:100%;height:100%}
#controls{position:fixed;left:50%;transform:translateX(-50%);bottom:34px;display:flex;gap:8px;z-index:3}
#controls button{font-family:'IM Fell English SC',serif;font-size:15px;padding:6px 12px;border-radius:4px;border:1px solid #6b4a12;background:linear-gradient(#f3d98b,#b5892e 60%,#8a6420);color:#3a220f;box-shadow:0 2px 0 #3a220f,inset 0 1px 0 #fff6;cursor:pointer}
#controls button:active{transform:translateY(2px);box-shadow:0 0 0 #3a220f}
.hidden{display:none}
#windBtn{animation:wob 1s infinite alternate}
@keyframes wob{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
footer{position:fixed;bottom:6px;left:50%;transform:translateX(-50%);font-size:13px;padding:3px 12px;background:linear-gradient(#c79a3c,#8a6420);color:#2a1709;border-radius:3px;box-shadow:inset 0 1px 0 #fff5,0 1px 3px #000;z-index:3;white-space:nowrap}
footer a{color:#4a0f0f;font-weight:bold}
#tip{position:fixed;pointer-events:none;background:#f3ead2;color:#3a220f;font-style:italic;padding:4px 8px;border:1px solid #7a4a2a;font-size:14px;display:none;z-index:4;max-width:220px;box-shadow:2px 2px 6px #0008}