body{background:#000;overflow:hidden;margin:0;color:#e9f4e6;font:14px system-ui}canvas{width:100%;height:100%;image-rendering:pixelated;display:block}nav{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);width:max-content;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#10231eec;border:1px solid #4d6c54;border-radius:14px;padding:10px 14px;font-size:12px}nav strong{letter-spacing:2px;color:#e4c476}a{color:#bcddbd}button{border:1px solid #87ab7f;background:#213c2d;color:#fff;border-radius:7px;padding:7px 12px;cursor:pointer}button:hover{background:#386044}button:focus-visible,a:focus-visible{outline:3px solid #ffdf79}section{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 60px));background:#10231ef5;border:1px solid #87ab7f;border-radius:18px;padding:24px;line-height:1.65;box-shadow:0 0 0 100vmax #0008}section[hidden]{display:none}h1{font-size:32px;letter-spacing:2px;color:#e4c476;margin:0}@media(max-width:700px){nav span{display:none}nav{gap:6px}nav a{font-size:10px}}