:root{font-family:Courier New,Microsoft YaHei,monospace;color:#f3edcf;background:#173d2c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:none;--forest: #173d2c;--light-green: #8bc66b;--sand: #d9bc8b;--ink: #172b20}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:var(--forest);image-rendering:pixelated}button{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:22px 16px}.game-frame{width:min(min(100%,1120px),calc((100vh - 130px) * 16 / 9));aspect-ratio:16 / 9;background:var(--forest);border:3px solid var(--light-green);box-shadow:0 0 0 3px #10291d;overflow:hidden;line-height:0}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;outline:none}.toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.pixel-button{min-width:112px;padding:10px 16px;color:#f3edcf;background:#315f3d;border:3px solid #a6d47a;border-radius:0;box-shadow:3px 3px #10291d;cursor:pointer;transition:transform 60ms linear,background 60ms linear}.pixel-button:hover{background:#42794b}.pixel-button:active{transform:translate(3px,3px);box-shadow:0 0 #10291d}.pixel-button:focus-visible{outline:3px dashed #fff2a6;outline-offset:4px}.pixel-button.secondary{background:#554b31;border-color:#d9bc8b}.settings-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:20px;background:#10291d}.settings-view[hidden]{display:none}.settings-card{width:min(100%,420px);display:flex;flex-direction:column;gap:14px;padding:28px;background:#1d4932;border:3px solid #a6d47a;box-shadow:6px 6px #081a11;text-align:center}.settings-card h1{margin:0 0 8px;font-size:28px}.eyebrow{margin:0;color:#d9bc8b;letter-spacing:3px;font-size:12px}.pixel-button.wide{width:100%}.footer-note{margin:0;color:#b6d3a0;font-size:12px;text-align:center;line-height:1.7}:fullscreen{background:var(--forest)}:fullscreen .app-shell{width:100vw;height:100vh;min-height:0;padding:16px}:fullscreen .game-frame{width:min(calc(100vw - 32px),calc((100vh - 112px) * 16 / 9));max-height:calc(100vh - 112px)}@media(max-height:600px){.app-shell{padding:10px;gap:8px}.game-frame{width:min(100%,calc((100vh - 100px) * 16 / 9))}.pixel-button{min-width:94px;padding:7px 12px}.footer-note{font-size:11px}}