:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6edf2;font-kerning:none;font-synthesis:none;-webkit-font-smoothing:none;--text-outline:-1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000, -1px 1px 0 #000, 0 1px 0 #000, 1px 1px 0 #000;background:#090d1b;font-family:Afterlight Pixel,monospace}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;place-items:center;height:100dvh;display:grid;position:fixed;inset:0}#game-shell{touch-action:none;width:100vw;height:100dvh;position:relative;overflow:hidden}#game{width:100%;height:100%}#ui-viewport{inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);pointer-events:none;position:absolute}canvas,img{image-rendering:pixelated}canvas{display:block}#ui{transform-origin:0 0;pointer-events:none;width:640px;height:360px;font-size:9px;position:absolute;top:0;left:0}#loading{text-align:center;color:#69e0e7;font-size:18px;position:absolute;inset:40% 0 auto}[hidden]{display:none!important}button{font:inherit;color:#c6dce4;text-align:left;min-height:24px;cursor:inherit;pointer-events:auto;background:#070c16e6;border:1px solid #294554;padding:4px 7px}button:hover,button:focus-visible{color:#ffcc8f;border-color:#63dce7;outline:none}button:active{border-color:#ffbe70}button:disabled{opacity:.4}.toolbar{pointer-events:none;position:absolute;inset:0}.icon{background:0 0;border:0;width:28px;height:28px;min-height:0;padding:0;position:absolute}.icon img{object-fit:contain;pointer-events:none;width:100%;height:100%}.icon:hover{filter:brightness(1.3)}.pda-toggle{top:10px;left:12px}.menu-toggle{top:10px;right:12px}.hint-toggle{top:10px;right:48px}.inventory{pointer-events:auto;width:232px;height:108px;position:absolute;top:46px;left:12px}.inventory-shell{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pda-label{color:#63e8f2;font-size:9px;position:absolute;top:18px;left:20px}.inventory-label{color:#b0dce7;font-size:9px;position:absolute;top:32px;left:20px}.inventory-count{color:#71b6c6;font-size:9px;position:absolute;top:20px;left:147px}.inventory-close{width:14px;height:14px;top:17px;left:198px}.slots{gap:7px;display:flex;position:absolute;top:45px;left:20px}.slot{background:#09131e 50%/52px 51px;border:1px solid #286075;width:42px;height:42px;padding:6px;position:relative}.slot img{object-fit:contain;pointer-events:none;width:28px;height:30px}.slot.selected{outline-offset:-2px;outline:1px solid #ffc477}.inventory-status{color:#7daab9;white-space:nowrap;max-width:130px;margin:0;font-size:9px;position:absolute;top:32px;left:84px;overflow:hidden}.hotspot-caption{white-space:nowrap;text-overflow:ellipsis;text-align:center;color:#e7dfbd;width:max-content;min-width:100px;max-width:96%;text-shadow:var(--text-outline);border-style:solid;border-width:5px 16px;border-image-slice:72 340 fill;border-image-repeat:stretch;padding:7px 20px;font-size:14.58px;line-height:16.2px;position:absolute;bottom:8px;left:50%;overflow:hidden;transform:translate(-50%)}.toast{text-align:center;color:#ffcf92;width:560px;text-shadow:var(--text-outline);margin:0;font-size:18px;position:absolute;top:42px;left:40px}.title,.pause{pointer-events:auto;background:#0508147a;position:absolute;inset:0}.title h1{color:#e7f7f6;margin:0;font-size:36px;font-weight:400;position:absolute;top:62px;left:32px}.subtitle{color:#5be0e8;margin:0;font-size:9px;position:absolute;top:108px;left:35px}.tagline{color:#bbccd6;margin:0;font-size:9px;position:absolute;top:143px;left:35px}.chapter{color:#ffc284;margin:0;font-size:9px;position:absolute;top:188px;left:35px}.start,.continue,.title-fullscreen{width:206px;position:absolute;left:35px}.start{height:29px;top:215px}.continue{height:26px;top:251px}.title-fullscreen{top:283px}.controls,.shortcuts{color:#c0cbd5;margin:0;font-size:9px;position:absolute;top:316px;left:35px}.shortcuts{color:#7fa0b4;font-size:9px;top:333px}.pause{background:#02050bcc}.menu-box{background:#070c16fa;border:1px solid #294554;width:256px;height:232px;padding:17px 20px;position:absolute;top:65px;left:192px}.menu-box h2{color:#69e0e7;margin:0 0 18px;font-size:9px;font-weight:400}.menu-box button{width:216px;height:25px;margin-bottom:6px;display:block}.dialogue{pointer-events:auto;z-index:10;position:absolute;inset:0}.portrait{object-fit:contain;width:184px;height:216px;position:absolute;top:50px;left:24px}.speech-frame{border:1px solid var(--accent);background:#090b1bd1;width:max-content;min-width:136px;max-width:376px;padding:10px 12px;position:absolute;top:76px;left:240px;box-shadow:0 2px 3px #0005}.speech-text{white-space:pre-wrap;overflow-wrap:break-word;color:#e7dfbd;text-shadow:var(--text-outline);font-size:16.2px;line-height:19.8px}.choices{pointer-events:auto;z-index:11;background:#040508e6;width:640px;padding:10px 18px;position:absolute;bottom:0;left:0}.choice{color:#e7dfbd;width:100%;min-height:26px;text-shadow:var(--text-outline);background:0 0;border:0;padding:2px 0;font-size:18px;line-height:22px;display:block}.choice:hover,.choice:focus-visible{color:#ffff79}.cinema{pointer-events:auto;z-index:20;background:linear-gradient(#02040b33,#0000 20% 76%,#02040b77);position:absolute;inset:0}.cinema-caption{width:580px;text-shadow:var(--text-outline);margin:0;font-size:18px;line-height:22px;position:absolute;bottom:29px;left:30px}.skip{color:#91a5b5;background:0 0;border:0;font-size:9px;position:absolute;top:10px;right:10px}.fade{opacity:0;pointer-events:auto;z-index:30;background:#06091a;transition:opacity .35s;position:absolute;inset:0}.item-cursor{object-fit:contain;pointer-events:none;z-index:100;width:26px;height:26px;position:absolute}.has-item,.has-item button{cursor:none!important}.touch-inspect{font-size:9px;display:none;position:absolute;top:12px;right:88px}@media (pointer:coarse){.touch-inspect{display:block}.item-cursor{display:none!important}button{-webkit-tap-highlight-color:transparent}}.fullscreen-help{color:#e7dfbd;background:#090d1b;border:1px solid #63dce7;width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;font:16px/1.5 Afterlight Pixel,monospace;overflow:auto}.fullscreen-help::backdrop{background:#02050cdd}.fullscreen-help h2{font:inherit;color:#63dce7;margin:0 0 16px}.fullscreen-help ol{padding-left:24px}.fullscreen-help button{text-align:center;width:100%;margin-top:20px;display:block}
