:root{--night:#16203a;--falu:#8e2a22;--snow:#e8eef3;--glow:#f2c46b}html,body{background:#0f1629;height:100%;margin:0;overflow:hidden}body{color:var(--snow);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;font-family:Verdana,DejaVu Sans,Geneva,sans-serif}#game{touch-action:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#game canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}button{font:inherit;color:var(--snow);background:var(--falu);border:2px solid var(--snow);box-shadow:0 0 0 2px var(--falu);cursor:pointer;border-radius:0;padding:10px 16px;font-size:15px;font-weight:700}button:focus-visible{outline:3px solid var(--glow);outline-offset:4px}#back{z-index:20;top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));position:fixed}#inv{z-index:20;top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));background:var(--night);border:2px solid var(--snow);width:44px;height:44px;box-shadow:0 0 0 2px var(--falu);place-items:center;display:grid;position:fixed}#inv canvas{width:32px;height:32px;image-rendering:pixelated}#dialog{z-index:30;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));box-sizing:border-box;background:var(--night);border:2px solid var(--snow);width:min(34rem,100vw - 32px);box-shadow:0 0 0 3px var(--falu);cursor:pointer;padding:14px 16px;position:fixed;transform:translate(-50%)}#dialog p{margin:0;font-size:16px;line-height:1.5}@media (max-height:480px) and (orientation:landscape){#dialog{left:auto;right:calc(12px + env(safe-area-inset-right));width:min(22rem,42vw);padding:10px 12px;bottom:12px;transform:none}#dialog p{font-size:14px}}[hidden]{display:none!important}