:root{color-scheme:light;font:14px/1.4 Tahoma,Arial,sans-serif;color:#eef0d8;background:#bdcec0}*{box-sizing:border-box}body{margin:0}main{position:relative;width:100%;height:100dvh;min-height:420px;overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:none}header{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;color:#263c32;text-shadow:0 1px 12px #eef4de}h1{font:42px Georgia,serif;letter-spacing:-1px;margin:0}nav{display:flex;gap:22px}a{color:inherit;text-underline-offset:4px}nav a{font-size:14px;text-shadow:0 0 10px #f8ffe4}button,select{font:inherit;cursor:pointer;border:1px solid #83917a;border-radius:3px;color:#eef0d8;background:#33493de8;padding:7px 12px}button:hover,select:hover{background:#4b614d}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #f3ce76;outline-offset:3px}button:disabled{opacity:.6}.landscape{position:absolute;left:28px;bottom:152px;text-shadow:0 1px 9px #122b22,0 1px 3px #122b22;pointer-events:none}.landscape>span{font:28px Georgia,serif}.landscape p{font-size:14px;margin:5px 0 0}.instruments{position:absolute;bottom:35px;left:20px;right:20px;background:#263c32e8;border:1px solid #7f9078;box-shadow:0 4px 14px #203b2920}.readings{display:flex;align-items:center;gap:26px;padding:10px 14px;border-bottom:1px solid #64725c;font-size:12px}.readings b{font-weight:normal;font-size:17px;font-variant-numeric:tabular-nums}.commands{display:flex;align-items:center;gap:10px;padding:9px 12px}.commands label{display:flex;align-items:center;gap:8px;font-size:12px}.commands button:last-child{margin-left:auto}#legs{margin-left:auto;display:grid;grid-template-columns:repeat(3,8px);grid-template-rows:repeat(2,14px);gap:3px}#legs span{display:block;width:8px;height:14px;background:#738269;position:relative}#legs i{position:absolute;bottom:0;left:0;right:0;background:#d4df9d;height:50%}.note{position:absolute;bottom:6px;left:20px;right:20px;text-align:center;margin:0;font-size:11px;color:#263c32;text-shadow:0 0 6px #eff4de}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#bdcec0;color:#263c32;font:23px Georgia,serif;z-index:3}#loading[hidden]{display:none}noscript{position:absolute;top:100px;left:24px;padding:20px;background:#263c32}
@media(max-width:650px){header{top:14px;left:16px;right:16px}h1{font-size:32px}nav{gap:12px}nav a{font-size:12px}.landscape{left:16px;bottom:183px}.landscape>span{font-size:23px}.instruments{left:8px;right:8px;bottom:34px}.readings{gap:14px;padding:9px 10px}.readings b{font-size:15px}.commands{flex-wrap:wrap;gap:7px;padding:8px}.commands label{gap:5px}button,select{padding:6px 8px;font-size:12px}.commands button:last-child{margin-left:0}.note{font-size:10px;left:12px;right:12px;bottom:3px}}

body[data-camera=crew] header,body[data-camera=crew] .note{color:#eef0d8;text-shadow:0 1px 5px #122b22}