:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;color:#eee9d9;background:#171d19}*{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}main{max-width:1000px;margin:auto;padding:20px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;padding-bottom:24px}a{color:#c5e679}header span{letter-spacing:.14em;color:#abb69f}h1{font-size:clamp(32px,6vw,58px);line-height:1.1;margin:8px 0 20px;letter-spacing:-.04em}h2{font-size:18px;margin:0 0 12px}.eyebrow{font-size:11px;letter-spacing:.2em;color:#c5e679}.import-box{background:#252d26;border:1px solid #455341;border-radius:16px;padding:20px;margin:16px 0}label{display:block;margin:16px 0 6px}input{max-width:100%;min-height:44px;padding:8px;border:1px solid #65745a;border-radius:8px;background:#171d19;color:#eee9d9}button,.download{min-height:44px;border:0;border-radius:9px;background:#c5e679;color:#182018;font:700 15px system-ui;padding:12px 16px;cursor:pointer}.download{display:inline-block;text-decoration:none}.secondary{background:#343f34;color:#eee9d9;border:1px solid #65745a}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #c5e679;outline-offset:3px}.actions,.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.note,#runtime-status,#game-status{font-size:13px;color:#b8c3ac}.toolbar{justify-content:center}#stage{position:relative;margin:auto;max-width:800px;aspect-ratio:4/3;overflow:hidden;background:#000;border:1px solid #455341;border-radius:8px}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#stage.zoomed{aspect-ratio:1/1;max-width:390px;height:min(90vw,390px)}#stage.zoomed canvas{position:absolute;left:50%;top:50%;width:800px;height:600px;transform-origin:0 0;transform:translate(-600px,-615px) scale(1.5)}#play-status{text-align:center;font-size:13px;color:#c5e679}details,footer{margin-top:24px;font-size:12px;color:#abb69f}pre{overflow:auto;max-height:180px;white-space:pre-wrap;overflow-wrap:anywhere}header a{display:flex;align-items:center;min-height:44px}#status{overflow-wrap:anywhere}
body.bookworm-playing main{height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:12px}body.bookworm-playing header,body.bookworm-playing main>details,body.bookworm-playing footer{display:none}
#player:not([hidden]){display:grid;grid-template-rows:minmax(0,1fr) auto auto;height:100%;gap:8px;min-height:0}
.game-display{container-type:size;min-height:0;display:grid;place-items:center}
#stage{width:min(800px,100cqw,calc(100cqh * 4 / 3));height:auto;max-width:none;aspect-ratio:4/3;margin:0}
#stage.zoomed{width:min(390px,100cqw,100cqh);height:auto;max-width:none;aspect-ratio:1}
#stage.zoomed canvas{transform:scale(var(--tile-scale,1.5)) translate(-400px,-410px)}
#player .toolbar{width:100%;margin:0;padding-bottom:0}#play-status{margin:0}
#player:fullscreen{height:100svh;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#171d19}#player:fullscreen #play-status{display:none}
@media(max-width:600px){main{padding:12px}header{font-size:11px;flex-wrap:wrap;padding-bottom:16px}.import-box{padding:16px}.toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar button{padding:10px 4px;font-size:13px}.actions button{flex:1 1 140px}header span{order:3;width:100%}}
@media(min-width:601px) and (max-height:600px){.toolbar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.toolbar button{font-size:12px;padding:10px 4px}}