@charset "UTF-8";
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#fff0d2;background:#102b26}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}#app{position:fixed;inset:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:#102b26;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none;image-rendering:pixelated;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#061d24a1,transparent 25%,transparent 78%,#051c2399)}[hidden]{display:none!important}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:10px;padding:calc(22px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 10px calc(22px + env(safe-area-inset-left));pointer-events:none}.game-title{font:normal 23px/1.5 Georgia,serif;letter-spacing:-.5px;text-shadow:0 2px 6px #001a14}.micro{font-size:9px;letter-spacing:2.5px;color:#e5c794}nav{display:flex;gap:6px;align-items:flex-start;pointer-events:auto}button,a{-webkit-tap-highlight-color:transparent}nav button{border:1px solid #c9cba044;border-radius:50%;background:#0c29238c;color:#fff1d3;width:38px;height:38px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;gap:2px}nav #sound{font-size:16px;width:48px;border-radius:22px}nav #sound span{font-size:7px}button:focus-visible,a:focus-visible{outline:2px solid #ffb765;outline-offset:4px}.trail{position:absolute;top:0;left:0;width:100%;height:3px;background:#ffffff13}.trail i{height:100%;display:block;width:0;background:#f5b96e;box-shadow:0 0 12px #ffd188}#controls{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:center;gap:18px;font-size:9px;color:#dfdfbe;pointer-events:none;text-shadow:0 2px 5px #000;transition:opacity 1s}#controls span{display:flex;flex-direction:column;gap:5px;align-items:center}#controls b{font-size:8px;letter-spacing:1px;color:#ffddb0}#controls.faded{opacity:0}#hint{position:absolute;bottom:calc(76px + env(safe-area-inset-bottom));left:20px;right:20px;margin:0;text-align:center;font-size:11px;letter-spacing:1px;text-shadow:0 2px 6px #000;pointer-events:none;min-height:16px}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:#09251fdc;backdrop-filter:blur(3px)}.overlay h1{font:normal 35px/1.2 Georgia,serif;margin:25px 0 12px;color:#fff0ce}.overlay p{font-size:13px;line-height:1.8;color:#d2d5ba}.overlay button{margin-top:25px;background:#edaa62;color:#162c25;border:1px solid #ffd298;border-radius:3px;padding:17px 24px;font-size:12px;font-weight:bold;cursor:pointer}.overlay a{color:#ffe1ac;font-size:12px;padding:24px;text-underline-offset:4px}@media(max-width:380px){.game-title{font-size:19px}.hud{padding-left:16px;padding-right:12px}nav{gap:4px}nav button{width:32px;height:34px}nav #sound{width:44px}#controls{gap:12px}}@media(orientation:landscape) and (max-height:500px){.hud{padding-top:12px}.game-title{font-size:19px}#controls{bottom:12px;flex-direction:row}#hint{bottom:53px}.overlay h1{font-size:28px;margin:15px 0}.overlay button{margin-top:10px}}