@font-face{font-family:monogram;src:url(/assets/monogram-extended.ttf)format("truetype");font-display:swap}*{box-sizing:border-box;margin:0;padding:0}body{background:#060a06;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:16px 0 24px;display:flex;overflow-y:auto}#app{line-height:0;display:inline-block;position:relative}canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.game-footer{color:#2e4a2e;-webkit-user-select:none;user-select:none;align-items:baseline;gap:24px;margin-top:10px;font-family:monogram,monospace;font-size:18px;display:flex}.game-footer .version{color:#3a5e3a;font-size:20px}.game-footer a{color:#2e4a2e;text-decoration:none}.game-footer a:hover{color:#4a6a4a}.renderer-btn{color:#58a858;cursor:pointer;letter-spacing:.03em;background:#0d1a0d;border:1px solid #2a3e2a;padding:2px 14px;font-family:monogram,monospace;font-size:18px}.renderer-btn:hover{color:#a8d0a8;background:#162616;border-color:#4a7a4a}.touch-controls{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:8px;margin-top:12px;display:flex}.dpad{grid-template-columns:repeat(3,1fr);gap:4px;width:144px;display:grid}.action-bar,.inv-controls{gap:6px;display:flex}.dpad button,.action-bar button,.inv-controls button{color:#58a858;cursor:pointer;letter-spacing:.03em;touch-action:manipulation;background:#0d1a0d;border:1px solid #2a3e2a;min-width:44px;min-height:44px;padding:6px 10px;font-family:monogram,monospace;font-size:18px}.dpad button:active,.action-bar button:active,.inv-controls button:active{color:#a8d0a8;background:#162616;border-color:#4a7a4a}.dpad .btn-wait{background:#060e06}.dpad.facing-active button:not(.btn-wait){color:#ffe040;border-color:#ffe040}.title-screen{z-index:100;cursor:pointer;-webkit-user-select:none;user-select:none;background:#060a06;justify-content:center;align-items:center;font-family:monogram,monospace;display:flex;position:fixed;inset:0}.title-inner{text-align:center}.title-logo{letter-spacing:.04em;color:#a8d0a8;margin-bottom:8px;font-size:80px;line-height:1}.title-tagline{color:#3a5e3a;margin-bottom:48px;font-size:26px}.title-prompt{color:#58a858;font-size:24px;animation:1.2s step-start infinite blink}.title-version{color:#2a3e2a;margin-top:48px;font-size:16px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#app:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#00000014 0 1px,#0000 1px 3px);position:absolute;inset:0}