:root{font-family:system-ui,-apple-system,sans-serif;background:#d9eaf0;color:#263d5c;font-size:15px;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:linear-gradient(120deg,#ceeafa,#ffffff)}button,select{min-height:44px;min-width:44px;font:inherit;border:1px solid #93afc0;border-radius:9px;color:#28415f;background:#f5f3e6;padding:8px 12px;cursor:pointer}button:hover{background:#e8f2f4}button:focus-visible,select:focus-visible{outline:3px solid #df7c3e;outline-offset:2px}button:disabled{opacity:.4;cursor:default}button.primary{background:#e98740;color:#243b54;border-color:#bd6431;font-weight:800}header{max-width:1240px;height:63px;margin:auto;padding:7px 18px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #9db9c5}header strong{font-size:18px;letter-spacing:.09em}header strong span{color:#af663d}nav{display:flex;gap:5px}nav select{max-width:92px;font-size:13px;padding:5px}main{max-width:1240px;display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:24px;margin:auto;padding:22px 18px;align-items:center}.harbor{min-width:0}.heading{min-height:65px}.heading h1{margin:0;font-size:26px;line-height:1.15}.heading small{display:block;font-size:13px;margin:6px 0;color:#6c7081}.scene{position:relative}canvas{display:block;width:100%;height:auto;aspect-ratio:760/510;border:2px solid #9fbac5;border-radius:15px;outline:0;touch-action:none;background:#c6e6f0}.handle{position:absolute;width:44px;height:44px;min-height:44px;min-width:44px;padding:0;border:3px solid #fff5d9;border-radius:50%;background:#ef8739;color:#653c29;font-size:25px;font-weight:900;transform:translate(-50%,-50%);box-shadow:0 1px 0 2px #b96b37;touch-action:none;user-select:none;z-index:2;cursor:ns-resize}.handle.dragging{background:#ffae64;box-shadow:0 0 0 5px #ef873944}.console{background:#f7f3e8;border:1px solid #afc1c6;padding:20px;border-radius:16px}h2{font-size:26px;line-height:1.25}p{line-height:1.5}.eyebrow{font-size:10px;letter-spacing:.13em;color:#8a6c60}#entry button{width:100%;margin:4px 0}.drop strong{display:block;font-size:18px}.drop small{display:block;font-size:13px;margin-top:7px;color:#6e6f7b}.meters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.meters span{display:block;font-size:12px;margin-bottom:4px}meter{display:block;width:100%;height:14px}meter::-webkit-meter-bar{background:#d8e3e6;border:0}meter::-webkit-meter-optimum-value{background:#d89655}meter::-webkit-meter-suboptimum-value{background:#e78844}meter::-webkit-meter-even-less-good-value{background:#c64c3d}#message{font-size:14px;min-height:61px;margin:12px 0;color:#6b5660}.tools{display:flex;gap:8px}.tools button{flex:1;font-size:12px}#keys{font-size:11px;color:#78838c;line-height:1.5;margin:16px 0 0}#save-state{font-size:10px;display:block;margin-top:10px;color:#7f8d95}dialog{width:min(94vw,570px);max-height:88dvh;overflow:auto;border:1px solid #9ab4bf;border-radius:16px;background:#fff9e9;color:#2a405e;padding:24px;box-shadow:0 20px 80px #294a5c66}dialog::backdrop{background:#25455e99}dialog h2{padding-right:35px}dialog p{font-size:14px}#dialog-close{float:right}#dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}#dialog-actions button{flex:1}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mission-grid button{text-align:left}.result{font-size:60px;color:#4d709a;text-align:center}a{color:#466b8c}[hidden]{display:none!important}#gamenow-mobile-menu-launcher{top:4px!important;right:8px!important;bottom:auto!important}#gamenow-mobile-menu-button{height:44px;min-height:44px;border-radius:9px;background:#f5f3e6;color:#28415f;border:1px solid #93afc0}
@media(max-width:760px){header{height:52px;padding:3px 61px 3px 10px}header strong{font-size:11px;letter-spacing:0}nav{gap:4px}nav button{padding:5px}nav select{width:78px;font-size:12px}main{display:block;max-width:500px;padding:5px 10px}.heading{min-height:49px}.heading h1{font-size:19px}.heading small{font-size:11px;margin:4px 0}canvas{max-height:40dvh}.console{padding:10px 12px;margin-top:8px}.drop strong{font-size:15px}.drop small{font-size:11px;margin-top:3px}.meters{margin:10px 0;gap:10px}.meters span{font-size:11px;margin-bottom:2px}meter{height:10px}#message{font-size:12px;min-height:34px;line-height:1.35;margin:8px 0}.tools{gap:6px}.tools button{font-size:12px}#keys,#save-state,.eyebrow{display:none}#entry h2{font-size:22px;margin:8px 0}#entry p{font-size:13px;margin:8px 0}#entry button{margin:3px 0}}
@media(max-width:350px){header strong{display:none}header{justify-content:flex-end;height:50px}main{padding:4px 8px}.heading{min-height:44px}.heading h1{font-size:16px}.heading small{font-size:10px}canvas{max-height:36dvh}.console{padding:7px 9px;margin-top:6px}.drop strong{font-size:13px}.drop small{font-size:10px}.meters{margin:7px 0}.meters span{font-size:10px}#message{font-size:11px;min-height:28px;margin:6px 0}.tools button{font-size:11px;padding:5px 3px}#entry h2{font-size:19px}#entry p{font-size:12px}}
@media(max-height:480px) and (min-width:600px){header{height:50px;padding:3px 62px 3px 12px}main{max-width:1240px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:14px;padding:3px 12px;align-items:start}.heading{min-height:43px}.heading h1{font-size:17px}.heading small{font-size:10px;margin:3px 0}canvas{height:calc(100dvh - 112px);max-height:none;aspect-ratio:auto}.console{padding:10px;margin:0}.drop strong{font-size:16px}.drop small{font-size:11px;margin-top:4px}.meters{margin:12px 0}.meters span{font-size:10px}#message{font-size:12px;min-height:42px;margin:8px 0}.tools button{font-size:11px;padding:5px 2px}#keys,#save-state,.eyebrow{display:none}#entry h2{font-size:22px;margin:5px 0}#entry p{font-size:12px}}