:root{--ink:#e7eedb;--night:#142d32;--leaf:#365d4b;--gold:#e9b766;--panel:#23433c;font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:var(--night);font-size:16px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit;min-width:44px;min-height:44px;border:2px solid #9eb891;border-radius:8px;background:var(--panel);color:var(--ink);padding:7px;cursor:pointer}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}button.held,button:active{background:#507857}h1,h2,p{margin:4px 0}#app{height:100dvh;display:flex;flex-direction:column}header{display:flex;gap:5px;align-items:center;padding:3px 8px;flex-shrink:0}h1{font-size:clamp(14px,2vw,23px);margin-right:auto}header button{flex-shrink:0}#hud{display:flex;flex-wrap:wrap;gap:4px 16px;padding:2px 10px;background:#1c3e36;font-size:14px;min-height:24px}#bossBar{color:#f6c278}#viewport{display:flex;justify-content:center;align-items:center;flex:1;min-height:0;overflow:hidden}canvas{display:block;image-rendering:pixelated;touch-action:none}#controls{display:flex;justify-content:space-between;gap:10px;padding:6px max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom));flex-shrink:0}#controls>div{display:flex;gap:8px}#controls button{min-width:66px;min-height:52px;touch-action:none;user-select:none}#fire{background:#5e4f34;border-color:var(--gold)}#state{position:absolute;top:90px;left:50%;transform:translateX(-50%);pointer-events:none;background:#142d32bb;padding:3px 8px}#state:empty{display:none}.panel{position:fixed;inset:0;background:#101f2bc9;display:grid;place-items:center;padding:10px;z-index:20}.panel[hidden],[hidden]{display:none!important}.sheet{background:var(--panel);border:3px solid #a1bd8e;border-radius:12px;padding:16px;width:min(610px,100%);max-height:calc(100dvh - 20px);overflow:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.sheet h2{color:var(--gold)}.sheet p{overflow-wrap:anywhere}label{display:grid;gap:4px}select{width:100%;min-width:0}.actions,.settings{display:flex;flex-wrap:wrap;gap:8px}.settings label{display:flex;align-items:center;min-height:44px}.settings input{width:24px;height:24px}#notice{color:#ffbc89}#rotate{display:none;font-size:12px;text-align:center;color:#c9d7a7}#prototype{font-size:13px;color:#c5d5ac}@media(max-width:600px){header{padding:3px;gap:3px}header button{font-size:12px;padding:5px}#hud{font-size:12px}#controls{gap:5px;padding-left:5px;padding-right:5px}#controls>div{gap:4px}#controls button{min-width:46px;min-height:48px;padding:4px;font-size:13px}#rotate{display:block}}@media(max-height:430px){header{min-height:44px}#controls{padding-top:3px;padding-bottom:3px}#controls button{min-height:44px}#hud{font-size:12px}.sheet{padding:12px}}
#notebookRows{max-height:55dvh;overflow:auto;margin:0;padding-left:28px}#notebookClose{position:sticky;bottom:0}