:root{color:#fff1d2;font-synthesis:none;background:#102c38;font-family:Trebuchet MS,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:#fff4d8;background:#173b42dd;border:1px solid #fff0cf44;border-radius:9px;padding:11px 16px;font-weight:700;transition:background .16s,transform .16s}button:hover{background:#42645e;transform:translateY(-1px)}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ffd275}button.primary{color:#20373b;background:#f7cb76;border-color:#ffe5a8;box-shadow:0 3px #b48d4c}button.active{color:#17393c;background:#d7bb75}button.primary:hover{background:#ffe0a1}button span{margin-left:30px}input{color:#fff4df;background:#16343ccb;border:1px solid #fff0ce44;border-radius:7px;min-width:0;padding:12px}input::placeholder{color:#b9c5bf}#world{touch-action:none;outline:none;width:100%;height:100%;position:fixed;inset:0}#app{z-index:2;pointer-events:none;height:100dvh;position:relative}#app button,#app input{pointer-events:auto}[hidden]{display:none!important}#menu{background:linear-gradient(90deg,#14363ded 0%,#16373cda 26%,#173a3c42 55%,#0000 78%);height:100%;padding:36px 5vw}.brand{letter-spacing:5px;font-size:18px;font-weight:900}.brand span{letter-spacing:2.5px;color:#bed5ca;margin-top:8px;font-size:9px;display:block}.title{max-width:500px;margin-top:6vh}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:#d2dbbd;font-size:10px;font-weight:700}h1{letter-spacing:-5px;color:#fff0c5;text-shadow:0 5px #20363844;margin:23px 0;font-family:Georgia,serif;font-size:clamp(60px,6.5vw,105px);font-weight:900;line-height:.88}h1 em{color:#f7c877;font-style:normal}.intro{color:#d6e1d1;margin:25px 0;font-size:17px;line-height:1.6}.join{max-width:355px}.join>input{width:100%;margin-bottom:8px}.row{gap:8px;margin:8px 0;display:flex}.row input{text-transform:uppercase;letter-spacing:2px;width:160px}.row button:first-child{flex:1}.join p{color:#c6d2c5;font-size:11px;line-height:1.4}.route{color:#deb874;align-items:center;gap:20px;font-size:11px;display:flex;position:absolute;bottom:35px;left:5vw}.route span b{color:#eef0d5;margin-top:5px;font-size:13px;display:block}.route i{color:#afc5b7}.edition{letter-spacing:2px;color:#fff5d0aa;font-size:9px;position:absolute;bottom:38px;right:35px}#hud{height:100%;padding:24px 30px}header{justify-content:space-between;align-items:flex-start;display:flex}h2{letter-spacing:-.6px;text-shadow:0 2px 8px #15313a;margin:5px 0;font-family:Georgia,serif;font-size:29px}header>div:first-child{background:linear-gradient(90deg,#14333ce0,#0000);border-left:3px solid #f8cd7b;padding:8px 14px}.top-right{align-items:center;gap:7px;display:flex}.top-right button{padding:8px 12px}.top-right #room{letter-spacing:2px;background:#15383ccc;border:1px solid #c9dbb64d;border-radius:6px;padding:10px 13px;font-size:12px}#objective{text-shadow:0 2px 6px #162932;background:#17343cbb;border-radius:6px;width:-moz-fit-content;width:fit-content;max-width:70%;margin:14px 0 10px 16px;padding:10px 13px;font-size:14px}#stats{text-shadow:0 2px 4px #142734;flex-wrap:wrap;gap:20px;max-width:510px;margin-left:17px;font-size:12px;display:flex}#stats b{color:#ffe2a4;margin-left:7px}.meter{background:#173841;border-radius:5px;width:100%;height:5px}.meter i{background:#efbe6c;border-radius:5px;height:100%;display:block}#crew{gap:5px;display:grid;position:absolute;bottom:110px;left:30px}.crew-member{background:#183740cf;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.crew-member i{border-radius:50%;width:10px;height:10px}.crew-member b{color:#d8e7bc;margin-left:12px;font-size:10px}#toast{text-align:center;text-shadow:0 2px 6px #182937;color:#fff0c9;width:60%;max-width:460px;font-size:14px;line-height:1.4;position:absolute;bottom:155px;left:50%;transform:translate(-50%)}#controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;bottom:28px;left:30px;right:30px}#controls>span:first-child{letter-spacing:.3px;background:#193740aa;border-radius:5px;margin-right:auto;padding:10px;font-size:11px}#controls button{padding:9px 12px;font-size:12px}#layer{text-shadow:0 2px 5px #152533;font-size:12px}#modal{pointer-events:auto;text-align:center;background:#14353cf5;border:1px solid #efce895c;border-radius:18px;width:min(440px,90vw);max-height:85vh;padding:32px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 18px 70px #08293166}#modal h2{font-size:32px}#modal p{color:#d1dfcf;font-size:14px;line-height:1.6}#modal p.eyebrow{color:#dfc78e;font-size:10px}#modal .crew-list{color:#f7d284;font-weight:700}#touch{display:none}#stick{pointer-events:auto;touch-action:none;background:#183a3f66;border:2px solid #f7deab55;border-radius:50%;place-items:center;width:108px;height:108px;display:grid}#stick i{background:#f4d39799;border:2px solid #f8e7c9;border-radius:50%;width:42px;height:42px;display:block}#touch button{touch-action:none;border-radius:50%;width:67px;height:67px;padding:0}@media (pointer:coarse){#touch{align-items:center;gap:15px;display:flex;position:absolute;bottom:30px;left:22px;right:22px}#stick{margin-right:auto}#controls{bottom:155px}#controls>span:first-child{display:none}#crew{bottom:218px}#toast{bottom:235px}#touch #jump{width:55px;height:55px;font-size:11px}}@media (max-width:700px){#menu{background:linear-gradient(90deg,#14363dea,#173a3c65);padding:24px}.brand{font-size:14px}.title{margin-top:4vh}h1{font-size:74px}.intro{font-size:15px;line-height:1.45}.route{gap:13px;bottom:25px;left:24px}.route span b{font-size:10px}.route i,.edition{display:none}#hud{padding:12px}h2{font-size:22px}.eyebrow{font-size:8px}.top-right{flex-wrap:wrap;justify-content:flex-end;gap:3px;max-width:165px}.top-right #room{letter-spacing:1px;padding:6px;font-size:9px}.top-right button{padding:6px 8px;font-size:10px}#objective{max-width:95%;margin-left:5px;font-size:12px}#stats{gap:9px;margin-left:7px;font-size:10px}#crew{left:15px}.crew-member{padding:5px 7px;font-size:10px}#controls{gap:4px;left:15px;right:15px}#controls button{padding:8px;font-size:10px}#toast{width:47%;max-width:250px;font-size:12px;left:auto;right:15px;transform:none}#modal{padding:24px}#controls>span:first-child{font-size:9px}.join{max-width:340px}}@media (max-height:720px){.title{margin-top:3vh}h1{margin:15px 0;font-size:66px}.intro{margin:15px 0;font-size:14px}.brand span{display:none}#menu{padding-top:22px}.join input,.join button{padding:10px}.route{bottom:20px}}@media (max-height:500px){.title{grid-template-columns:230px 320px;gap:0 20px;max-width:600px;margin-top:0;display:grid}.title .eyebrow{grid-column:1/3;margin:15px 0 0}h1{grid-area:2/1;font-size:64px}.intro{display:none}.join{grid-area:2/2;margin-top:10px}.route{bottom:18px}.brand{font-size:12px}#crew{bottom:90px}#controls{bottom:14px}#toast{bottom:85px}#touch{bottom:14px}#touch #stick{width:85px;height:85px}@media (pointer:coarse){#controls{bottom:115px}#crew{bottom:152px}#toast{bottom:147px}}}#nearby{color:#ffe4a0;background:#193b42db;border-radius:7px;padding:8px 13px;font-size:12px;position:absolute;top:60%;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #132e3c22}#nearby:empty{display:none}button,button *,#stick,#stick *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;touch-action:manipulation}button{min-height:44px}button:active{background:#52736b}#touch button,#stick{touch-action:none}#controls>.mobile-hint,#nearby{display:none}#touch #use{color:#20353e;background:#e6b761;border:3px solid #ffe4a0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:94px;height:94px;transition:background .12s,box-shadow .12s;display:flex;transform:none;box-shadow:0 5px #94723f,0 0 0 7px #152e3a77}#use b{letter-spacing:1px;font-size:17px}#use small{letter-spacing:1.5px;font-size:9px}#touch #jump{border:2px solid #e6d9bcaa;width:70px;height:70px;transform:none}#touch button.holding{background:#fff0b8!important;box-shadow:0 2px #94723f,0 0 0 9px #ffe29c55!important}#touch #use.working{border-color:#b8fff0;box-shadow:0 3px #719b87,0 0 0 8px #78d6b866}@media (hover:hover){button:hover{transform:none}}@media (pointer:coarse){#nearby:not(:empty){top:auto;bottom:calc(145px + env(safe-area-inset-bottom));text-align:center;max-width:80%;font-size:11px;display:block}#controls>.mobile-hint{display:none}#touch{bottom:calc(24px + env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));align-items:flex-end;gap:17px}#stick{width:120px;height:120px;box-shadow:inset 0 0 0 12px #12303d33}#stick i{width:53px;height:53px}#controls{bottom:calc(185px + env(safe-area-inset-bottom));justify-content:flex-end}#controls button{min-height:44px;padding:10px 14px;font-size:12px}#crew{bottom:calc(205px + env(safe-area-inset-bottom))}#toast{bottom:calc(265px + env(safe-area-inset-bottom));font-size:12px}.top-right button{min-width:40px;min-height:40px}#objective{max-width:90%}}@media (pointer:coarse) and (max-height:500px){#touch{bottom:14px}#stick{width:90px;height:90px}#touch #use{width:78px;height:78px}#touch #jump{width:60px;height:60px}#nearby:not(:empty){bottom:110px}#controls{bottom:155px}#crew{bottom:120px}#toast{bottom:165px}#objective{margin-top:4px;padding:6px 10px}#hud header h2{font-size:19px}}.systems{flex-wrap:wrap;gap:6px;display:flex}.systems>span{background:#183642dc;border:1px solid #8bcab655;border-radius:4px;padding:5px 7px;font-size:10px}.systems>span.danger{border-color:#ff865b99}.systems .danger b{color:#ffb58d}.touch #nearby:not(:empty){top:auto;bottom:calc(145px + env(safe-area-inset-bottom));text-align:center;max-width:80%;font-size:11px;display:block}.touch #controls>.mobile-hint{display:none}.touch #touch{bottom:calc(24px + env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));align-items:flex-end;gap:17px}.touch #stick{width:120px;height:120px;box-shadow:inset 0 0 0 12px #12303d33}.touch #stick i{width:53px;height:53px}.touch #controls{bottom:calc(185px + env(safe-area-inset-bottom));justify-content:flex-end}.touch #controls button{min-height:44px;padding:10px 14px;font-size:12px}.touch #crew{bottom:calc(205px + env(safe-area-inset-bottom))}.touch #toast{bottom:calc(265px + env(safe-area-inset-bottom));font-size:12px}.touch .top-right button{min-width:40px;min-height:40px}.touch #objective{max-width:90%}.touch #touch{display:flex;position:absolute}.touch #stick{margin-right:auto}@media (max-height:500px){.touch #touch{bottom:14px}.touch #stick{width:90px;height:90px}.touch #touch #use{width:78px;height:78px}.touch #touch #jump{width:60px;height:60px}.touch #nearby:not(:empty){bottom:110px}.touch #controls{bottom:155px}.touch #crew{bottom:120px}.touch #toast{bottom:165px}.touch #objective{margin-top:4px;padding:6px 10px}.touch #hud header h2{font-size:19px}}