@font-face{font-family:Vanilla;src:url("font.ttf") format("truetype");font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#18150f;color:#f1ead6;font-family:Vanilla,monospace}body{color-scheme:dark}button,a,.file-button{font:inherit}button,.file-button{cursor:pointer;color:#f1ead6;background:#524b3d;border:2px solid #8d8167;border-bottom-color:#302a20;padding:.65rem 1rem;text-shadow:1px 2px #19160f}button:hover,.file-button:hover{background:#6a604b;border-color:#d7c493}button:disabled{opacity:.55;cursor:wait}a{color:#dfcf9e;text-underline-offset:.25em}a:hover{color:#fff5ce}:focus-visible{outline:3px solid #b3ed70;outline-offset:4px}::selection{background:#98b655;color:#18150f}[hidden]{display:none!important}#playfield{width:100%;height:100%;position:relative}#game{display:block;width:100%;height:100%;outline:none;image-rendering:pixelated}body.playing #playfield{height:calc(100% - 48px)}#loader{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;background:#18150f}.loading-content{width:min(560px,100%);text-align:center}h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.1;font-weight:400;color:#e9daac;margin:0 0 16px;text-shadow:3px 4px #080704}.subtitle{font-size:1.15rem;color:#c6b995;margin:0 0 56px}#phase{font-size:1rem;line-height:1.65;margin:0 0 18px}progress{appearance:none;-webkit-appearance:none;width:100%;height:20px;border:2px solid #c9ba8b;background:#262218;padding:3px;image-rendering:pixelated}progress::-webkit-progress-bar{background:#262218}progress::-webkit-progress-value{background:#bad87c}progress::-moz-progress-bar{background:#bad87c}.secondary{font-size:.85rem;line-height:1.6;min-height:24px;color:#c8ba94;margin:12px 0 30px}.loader-links{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:28px;font-size:.85rem}.controls{margin-top:56px;line-height:1.8;color:#ad9e7a;font-size:.8rem}#play{font-size:1.15rem;padding:.9rem 2rem;background:#465b2e;border-color:#91b46a}#toolbar{min-height:48px;display:flex;align-items:center;gap:12px;padding:6px 12px;background:#201c14;border-top:1px solid #716347;font-size:.72rem;flex-wrap:wrap}#toolbar button,#toolbar .file-button{padding:5px 9px;border-width:1px;font-size:.72rem}#toolbar>span:first-child{color:#e9daac;margin-right:auto}#version{color:#b9aa86}#notice{color:#d6c697}#notice:empty{display:none}body:has(#notice:not(:empty)) #toolbar{position:absolute;bottom:0;width:100%}#import{display:none}noscript{position:absolute;inset:0;padding:64px;text-align:center;background:#18150f}@media(max-width:900px){#toolbar{font-size:.65rem;gap:8px}#toolbar>span:first-child{display:none}#windows-small{display:none}.controls{margin-top:32px}.subtitle{margin-bottom:36px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#playfield:fullscreen{height:100%;background:#18150f}