:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#d4cfbf;--amber:#d5bd8c;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html,body,#game{background:#010202;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none}button{font:inherit}#game{isolation:isolate;position:relative}#game[hidden]{display:none}#world{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.vignette{z-index:1;pointer-events:none;background:radial-gradient(#0000 26%,#0000002b 57%,#00000080 100%);position:absolute;inset:0}#crosshair{z-index:2;pointer-events:none;opacity:.65;border:1px solid #e7dcc28a;border-radius:50%;width:5px;height:5px;transition:opacity .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair i{background:#ece0c559;border-radius:50%;position:absolute;inset:1px}#hint,#loading,#controls{z-index:3;color:var(--ink);letter-spacing:.12em;text-shadow:0 1px 6px #000;margin:0;font-size:10px;font-weight:400;position:absolute}#hint{color:#e2dbcbd1;text-align:center;white-space:nowrap;opacity:0;pointer-events:none;background:#030505b8;border:1px solid #ddcda633;min-height:16px;padding:8px 12px;transition:opacity .2s,transform .2s;bottom:clamp(82px,11vh,106px);left:50%;transform:translate(-50%,5px)}#hint.visible{opacity:1;transform:translate(-50%)}#loading{color:#d7cfbe8c;font-size:8px;transition:opacity .3s;top:50%;left:50%;transform:translate(-50%,-50%)}#loading.browser-error{color:#e2dbcbd1;text-align:center;background:#030505e6;border:1px solid #ddcda633;max-width:min(420px,100% - 40px);padding:14px 18px;font-size:10px;line-height:1.7}#loading span{color:var(--amber)}#loading.hidden{opacity:0;pointer-events:none}#controls{right:22px;bottom:calc(16px + env(safe-area-inset-bottom));color:#c8c6ba8f;text-align:center;text-wrap:balance;font-size:8px;line-height:1.6;left:22px}#controls span{color:#cdb58666;padding:0 5px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#webgl-fallback{z-index:10;color:#202321;-webkit-user-select:text;user-select:text;background:#c9c8c3;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}#webgl-fallback[hidden]{display:none}.fallback-header{color:#e5e1d6;background:#101313;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:8px 18px;display:flex}.fallback-brand{align-items:baseline;gap:14px;display:flex}.fallback-brand strong{letter-spacing:.16em;font-size:13px}.fallback-brand span,.fallback-header nav a{color:#e5e1d6a8;letter-spacing:.1em;font-size:9px;text-decoration:none}.fallback-header nav{align-items:center;gap:8px;display:flex}.fallback-header nav a{border:1px solid #e5e1d633;border-radius:2px;align-items:center;min-height:38px;padding:0 12px;display:inline-flex}.fallback-header nav a:hover,.fallback-header nav a:focus-visible{color:#fff;border-color:#e5e1d694}#fallback-status{color:#454743;text-align:center;margin:0;padding:10px 12px;font-size:10px}#fallback-status[hidden]{display:none}#fallback-pages{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;align-items:center;gap:18px;min-height:0;padding:20px 12px 36px;display:flex;overflow:auto}#fallback-pages img{background:#fff;width:min(100%,880px);height:auto;display:block;box-shadow:0 3px 18px #0000002e}#mobile-pad{display:none}@media (pointer:coarse),(width<=760px){#hint{bottom:calc(132px + env(safe-area-inset-bottom));font-size:9px}#controls{right:8px;bottom:calc(7px + env(safe-area-inset-bottom));max-width:none;font-size:8px;line-height:1.45;left:8px}#mobile-pad{z-index:4;right:17px;bottom:calc(43px + env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;left:17px}.move-pad{pointer-events:auto;grid-template-rows:repeat(2,40px);grid-template-columns:repeat(3,40px);gap:3px;display:grid}.move-pad button,.action-pad button{color:#e7dfceba;touch-action:none;background:#050707b8;border:1px solid #d2cbb930;border-radius:3px;width:40px;height:40px;padding:0;font-size:15px}.move-pad [data-move=forward]{grid-area:1/2}.move-pad [data-move=left]{grid-area:2/1}.move-pad [data-move=backward]{grid-area:2/2}.move-pad [data-move=right]{grid-area:2/3}.action-pad{pointer-events:auto;gap:5px;display:flex}.action-pad button{color:#d9c18f;border-color:#d2bd8c4d}.action-pad button.inactive{opacity:.32}.action-pad button.active{color:#f0d69d;background:#362b18d6;border-color:#e6ca91c7}.action-pad button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;width:18px;height:18px}.action-pad .action-symbol{font-size:18px}.action-pad .button-key{color:#d8c194;font-size:7px;line-height:1;position:absolute;bottom:1px;right:3px}.action-pad button{position:relative}}@media (width<=390px){.move-pad{grid-template-rows:repeat(2,36px);grid-template-columns:repeat(3,36px)}.move-pad button,.action-pad button{width:36px;height:36px}.action-pad{gap:4px}}@media (width<=520px){.fallback-header{min-height:62px;padding:8px 10px}.fallback-brand{gap:8px}.fallback-brand span,.fallback-header nav a{font-size:8px}.fallback-header nav{gap:5px}.fallback-header nav a{min-height:36px;padding:0 8px}#fallback-pages{gap:12px;padding:12px 8px 24px}}@media (pointer:coarse) and (height<=500px){#hint{bottom:calc(104px + env(safe-area-inset-bottom))}#mobile-pad{bottom:calc(38px + env(safe-area-inset-bottom))}#controls{font-size:7.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}
