@font-face{font-family:system;src:local("Segoe UI")}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;background:#070d17;color:#dbe8f3;font-family:system,Arial,sans-serif;overflow:hidden}button,select{font:600 11px system,Arial,sans-serif;letter-spacing:1px;color:#a9bdcf;background:#111e2d;border:1px solid #314459;border-radius:4px;padding:10px 13px;cursor:pointer}button:hover,button.active{color:#fff;border-color:#8cc9d5;background:#193340}button:disabled{opacity:.5;cursor:wait}#shell{height:100%;display:flex;flex-direction:column;max-width:1800px;margin:auto;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}header{height:70px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:17px;letter-spacing:3px;font-weight:300}.brand strong{color:#e5f2f7}.brand span{display:block;font-size:9px;letter-spacing:2px;color:#648099;margin-top:5px}.tools{display:flex;gap:8px;align-items:center}.tools label{font-size:9px;color:#809cb3;letter-spacing:1px;display:flex;gap:8px;align-items:center}select{padding:9px}#stage{position:relative;flex:1;min-height:0;border:1px solid #253a4f;overflow:hidden;background:#050b15}#game{width:100%;height:100%}canvas{image-rendering:pixelated;display:block}#hud{position:absolute;top:20px;left:24px;pointer-events:none;display:flex;flex-direction:column;gap:8px;text-shadow:0 2px 3px #000}#health{font-size:17px;color:#b9ead2;letter-spacing:2px}#objective{font-size:10px;font-weight:600;letter-spacing:1.6px;color:#d6e6ed}#toast{position:absolute;top:18px;left:50%;transform:translate(-50%,-10px);opacity:0;transition:.2s;background:#0a1426e8;border:1px solid #57778c;padding:11px 18px;font-size:11px;letter-spacing:1px;pointer-events:none;max-width:80%;text-align:center}#toast.visible{opacity:1;transform:translate(-50%)}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:5% 8%;background:linear-gradient(90deg,#040b16ed,#061122b0 42%,#06112200 85%);z-index:10}.hidden{display:none!important}.card{max-width:460px}.eyebrow{color:#8baabb;letter-spacing:3px;font-size:10px;font-weight:600}h1{font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-2px;margin:25px 0;font-weight:800}h1 em{color:#b5dce8;font-style:normal}h2{font-size:42px;letter-spacing:2px}.card p:not(.eyebrow){color:#9eafc0;line-height:1.7;font-size:15px}.primary{background:#c5e7ec;color:#10202d;border:0;border-radius:2px;padding:17px 24px;margin:20px 0;display:block;letter-spacing:1.8px}.primary:hover{color:#0c1723;background:#e9fbff}small{display:block;color:#8296aa;font-size:11px;line-height:1.8}footer{height:32px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.3px;color:#658095}#touch{display:none;position:absolute;inset:0;pointer-events:none;z-index:5}#stick{position:absolute;bottom:24px;left:28px;width:118px;height:118px;border-radius:50%;border:1px solid #9ab8cc55;background:#13223566;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none}#knob{width:48px;height:48px;background:#a3c4d377;border:1px solid #c2dbe5aa;border-radius:50%;pointer-events:none}.actions{position:absolute;right:26px;bottom:30px;display:flex;gap:12px;align-items:flex-end}.actions button{width:66px;height:66px;font-size:27px;border-radius:50%;pointer-events:auto;touch-action:none;background:#0e213aaa;border:1px solid #aac7d388}.actions button:last-child{width:78px;height:78px}.actions span{display:block;font-size:8px;letter-spacing:1px;margin-top:1px}@media(pointer:coarse){#touch{display:block}header{height:44px}.brand{font-size:12px}.brand span{font-size:7px}.tools{gap:4px}.tools button,.tools select{padding:7px;font-size:9px}.tools label{font-size:0;gap:0}footer{height:20px;font-size:7px}#hud{top:12px;left:15px}.overlay{padding:3% 7%}h1{font-size:40px;margin:14px 0}.card p:not(.eyebrow){font-size:12px;margin:6px 0}.primary{margin:12px 0;padding:13px 18px}small{font-size:9px}}@media(max-width:600px)and (orientation:portrait){header{height:80px;flex-wrap:wrap}.tools{width:100%;justify-content:space-between}.overlay{padding:20px}.card h1{font-size:38px}#stick{bottom:12px;left:12px;width:90px;height:90px}.actions{right:12px;bottom:18px;gap:6px}.actions button{width:52px;height:52px}.actions button:last-child{width:60px;height:60px}footer span:first-child{display:none}}#stage{flex:none;width:min(100%,calc((100dvh - 102px)*16/9));aspect-ratio:16/9;align-self:center;margin:auto 0}#game{position:absolute;inset:0}@media(pointer:coarse){#stage{width:min(100%,calc((100dvh - 64px)*16/9))}}.inspect{display:flex;align-items:center;gap:6px;font-size:8px}.inspect select{font-size:8px;padding:3px 6px}footer{gap:12px}@media(max-width:850px){footer>span:first-of-type{display:none}}#art-options{position:absolute;right:14px;top:14px;z-index:20;background:#0a1623ed;border:1px solid #536b80;padding:9px;color:#c4d7e4;font-size:10px}#art-options summary{cursor:pointer;letter-spacing:1px}#art-options label{display:flex;flex-direction:column;gap:5px;margin-top:12px}#art-options select{font-size:10px;max-width:270px}#art-options{max-height:78%;overflow:auto}#art-options fieldset{border:1px solid #50606b;margin:10px 0;padding:8px}#art-options input[type=checkbox]{width:auto}#level-info{display:block;white-space:pre-wrap;font:10px/1.55 monospace;color:#cad8df;max-width:290px}#art-options label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:8px;margin-top:8px;line-height:18px}#art-options input[type=checkbox]{margin:0;flex:0 0 14px;width:14px;height:14px}#hat-info{display:block;white-space:pre-wrap;max-width:290px;font:10px/1.5 monospace;color:#cad8df}#game{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#touch [hidden]{display:none!important;pointer-events:none!important}#rotate-hint{display:none}#touch{position:relative;inset:auto;flex:none;width:100%;height:100px;z-index:5;pointer-events:none}#touch button,#stick{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:auto}#arrow-controls{position:absolute;left:8px;bottom:12px;width:162px;height:96px}#arrow-controls [data-action=left]{position:absolute;left:0;bottom:20px}#arrow-controls [data-action=right]{position:absolute;right:0;bottom:20px}#arrow-controls [data-action=down]{position:absolute;left:58px;bottom:0}#touch button{width:68px;height:68px;padding:4px;font-size:29px;border-radius:50%;background:#14293ddb;border:1px solid #aac7d388}#touch button.utility{width:46px;height:46px;font-size:22px}#touch button span{display:block;font-size:8px;letter-spacing:.6px}#touch .pressed{background:#315567;border-color:#e1faff;color:#fff}#touch .actions{right:8px;bottom:12px;gap:10px}#stick-controls{position:absolute;left:16px;bottom:5px;width:110px;height:94px}#touch #stick{left:14px;bottom:17px;width:78px;height:78px;position:absolute}#touch #knob{width:32px;height:32px}#stick-controls small{position:absolute;bottom:0;width:110px;text-align:center;font-size:8px;white-space:nowrap}@media(pointer:coarse){#shell{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}#touch{display:block}header{height:40px}.brand span{display:none}.brand{letter-spacing:1px}.tools{gap:4px}.tools select,.tools button{font-size:8px;padding:7px 5px;letter-spacing:.2px}#stage{width:min(100%,calc((100dvh - 160px - env(safe-area-inset-top) - env(safe-area-inset-bottom))*16/9))}#hud{top:8px;left:10px;gap:3px}#health{font-size:12px}#objective{font-size:8px;letter-spacing:.4px}#art-options{right:6px;top:6px;padding:6px;font-size:8px;max-height:85%}.overlay{padding:8px 5%}.card h1{font-size:28px;margin:6px 0}.card h2{font-size:24px;margin:6px 0}.card p:not(.eyebrow){font-size:10px;line-height:1.3}.eyebrow{margin:4px 0;font-size:8px}.primary{padding:9px 12px;margin:7px 0;font-size:9px}.card small{font-size:8px;line-height:1.3}}@media(pointer:coarse)and (orientation:portrait){header{height:76px}.brand span{display:none}.tools{width:100%;justify-content:space-between}#stage{width:100%}#rotate-hint{display:block;order:-1;flex:none;text-align:center;padding:8px;font-size:11px;color:#d2e8ef}#touch{height:104px}#touch button{width:56px;height:56px}#touch button.utility{width:40px;height:40px}#arrow-controls,#touch .actions{gap:5px;left:0}#touch .actions{left:auto;right:0}}@media(pointer:coarse)and (orientation:landscape){#shell{position:relative;padding:env(safe-area-inset-top) max(0px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(0px,env(safe-area-inset-left))}header{position:absolute;top:env(safe-area-inset-top);right:max(8px,env(safe-area-inset-right));height:32px;z-index:30}.brand{display:none}footer{display:none}#stage{width:min(100%,calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))*16/9));margin:auto 0}#touch{position:absolute;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:env(safe-area-inset-bottom);width:auto;height:112px}#touch button{background:#14293d99}#touch .pressed{background:#315567df}#hud{top:10px;left:10px;max-width:45%}#objective{font-size:8px}#art-options{top:36px;max-height:calc(100% - 126px);min-width:292px;padding:7px}#art-options summary{position:sticky;top:-7px;z-index:1;display:flex;align-items:center;min-height:44px;margin:-7px -7px 6px;padding:7px;background:#0a1623;touch-action:manipulation}#art-options label{min-height:44px;justify-content:center;margin-top:8px;gap:4px}#art-options label:has(input[type=checkbox]){min-height:44px;margin-top:4px;gap:10px;justify-content:flex-start}#art-options input[type=checkbox]{flex-basis:26px;width:26px;height:26px}#art-options select{width:100%;min-height:44px;padding:8px;font-size:11px}}#zone-menu{position:relative;white-space:nowrap}#zone-menu summary{cursor:pointer;padding:6px 9px;border:1px solid #526174;border-radius:4px;color:#dfebf5;list-style:none}.zone-destinations{position:absolute;bottom:100%;left:0;display:grid;gap:4px;padding:8px;background:#101b2a;border:1px solid #526174;border-radius:5px;z-index:40;box-shadow:0 4px 18px #0009}.zone-destinations button{text-align:left;min-height:36px;white-space:nowrap}@media(pointer:coarse)and (orientation:landscape){#shell footer{display:flex;position:absolute;left:10px;top:40px;bottom:auto;z-index:31;height:auto;padding:0;background:transparent;border:0}#shell footer>span{display:none}#zone-menu summary{display:flex;align-items:center;min-height:44px;font-size:9px;background:#101b2ac9;padding:7px 10px;touch-action:manipulation}#zone-menu .zone-destinations button{min-height:44px}#zone-menu .zone-destinations{top:100%;bottom:auto;max-height:calc(100dvh - 174px);overflow-y:auto}}#arrow-controls{pointer-events:auto;touch-action:none;padding:16px;left:-8px;bottom:-4px}html,body{overscroll-behavior:none}@media(pointer:coarse)and (orientation:landscape){#shell{position:fixed;left:var(--viewport-left,0px);top:var(--viewport-top,0px);width:var(--viewport-width,100vw);height:var(--viewport-height,100dvh);max-width:none;margin:0;padding:0;touch-action:none;user-select:none;-webkit-user-select:none}#stage{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;margin:0;border:0}#game canvas{width:100%!important;height:100%!important;margin:0!important}#touch{inset:0;width:100%;height:100%}#arrow-controls{left:calc(max(10px,env(safe-area-inset-left)) - 8px);bottom:calc(env(safe-area-inset-bottom) - 4px)}#touch .actions{right:calc(max(10px,env(safe-area-inset-right)) + 8px);bottom:calc(env(safe-area-inset-bottom) + 12px)}#stick-controls{left:calc(max(10px,env(safe-area-inset-left)) + 16px);bottom:calc(env(safe-area-inset-bottom) + 5px)}#hud{left:max(10px,env(safe-area-inset-left));top:max(10px,env(safe-area-inset-top))}#art-options{right:max(6px,env(safe-area-inset-right));max-height:calc(100% - 148px - env(safe-area-inset-bottom));touch-action:pan-y}#shell footer{left:max(10px,env(safe-area-inset-left))}#zone-menu .zone-destinations{max-height:calc(var(--viewport-height,100dvh) - 196px - env(safe-area-inset-bottom));touch-action:pan-y}}