.demo-controls{display:none}.demo-actions{z-index:6;gap:6px;display:flex;position:fixed;top:76px;left:20px}.demo-actions button{color:#eef5f4;background:#0c202bdd;border:1px solid #dbe8eb55;border-radius:5px;min-height:36px;padding:7px 12px;font:12px Arial,sans-serif}.demo-actions button:focus-visible,.demo-controls button:focus-visible{outline-offset:3px;outline:2px solid #e7c98b}@media (width<=740px){header{top:15px!important;left:15px!important;right:15px!important}header h1{font-size:21px}.identity p,.heading,.controls{display:none!important}.identity svg{width:28px;height:28px}#worldButton{min-height:40px;padding:8px 12px;font-size:12px}#seedLabel{max-width:65px}.demo-actions{top:66px;left:15px}footer{bottom:14px!important;left:10px!important;right:10px!important}.instruments{gap:12px!important;padding:10px 12px!important}.instrument{min-width:48px}.instrument>span{font-size:20px}#flightState{white-space:nowrap;bottom:92px!important}#notice{max-width:85%;font-size:12px;top:112px}dialog{max-width:calc(100vw - 24px);max-height:calc(100svh - 24px);overflow:auto}#worldForm{padding:24px}#worldForm h2,.pause-card h2{font-size:35px}.world-content{padding:10px}.pause-card{padding:24px}}@media (pointer:coarse){.demo-controls{z-index:5;pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:fixed;bottom:110px;left:14px;right:14px}.demo-controls button{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#102530d9;border:1px solid #d5e8ed77;border-radius:9px;width:44px;height:44px;padding:0;font:23px Arial,sans-serif}.demo-controls button:active{background:#426271}.demo-direction{grid-template-columns:repeat(3,44px);gap:5px;display:grid}[data-control=up]{grid-column:2}[data-control=left]{grid-area:2/1}[data-control=down]{grid-area:2/2}[data-control=right]{grid-area:2/3}.demo-power{grid-template-columns:44px 44px;gap:5px;display:grid}.demo-power span{text-align:center;color:#f0f5f4;text-shadow:0 1px 4px #000;grid-column:1/-1;font:11px Arial,sans-serif}.demo-paused .demo-controls{visibility:hidden}.controls{display:none!important}}@media (pointer:coarse) and (orientation:landscape) and (height<=500px){.demo-controls{bottom:18px}footer{left:160px!important;right:120px!important}.instruments{gap:8px!important;padding:8px!important}.instrument{min-width:42px}.instrument>span{font-size:18px}.demo-actions{top:62px}}@media (pointer:coarse) and (orientation:portrait){footer{top:108px;bottom:auto!important}.instruments{padding:8px 12px!important}.demo-controls{bottom:16px}#flightState{top:187px;bottom:auto!important}#notice{top:218px}}:root{color:#e8f4f7;font-synthesis:none;background:#0b1c2e;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{width:100vw;height:100vh;display:block}header{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:32px;left:36px;right:36px}.identity{text-shadow:0 2px 15px #00121e;align-items:center;gap:13px;display:flex}.identity svg{fill:none;stroke:#c4eceb;stroke-width:1.3px;width:38px;height:38px}.identity h1{margin:0 0 3px;font-size:25px;font-weight:500}.identity p{color:#a8c8d5;margin:0;font-size:12px}button,input{font:inherit}button{cursor:pointer;color:#d6e9ee;background:#173141;border:1px solid #adcbd533;border-radius:8px;padding:12px 16px}button:hover{background:#2a4a59;border-color:#a7d6d777}button:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #95e2c9}.glass{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:auto;background:#0b213877;align-items:center;gap:18px;font-size:13px;display:flex}.glass #seedLabel{color:#aac4d1;text-overflow:ellipsis;max-width:180px;font-size:12px;overflow:hidden}footer{pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:28px;left:36px;right:36px}.controls{color:#b8cdd7;text-shadow:0 1px 5px #000;flex-wrap:wrap;gap:16px;max-width:700px;font-size:11px;display:flex}.controls>span{align-items:center;gap:4px;display:flex}kbd{color:#e0eff3;background:#08223266;border:1px solid #b2d4dd38;border-radius:4px;place-items:center;min-width:20px;height:21px;padding:0 4px;font:10px Arial;display:inline-grid}.instruments{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c223850;border:1px solid #b5dce218;border-radius:10px;align-items:center;gap:22px;padding:13px 20px;display:flex}.instruments div{flex-direction:column;gap:4px;min-width:49px;display:flex}.instruments span{font-variant-numeric:tabular-nums;font-size:24px;font-weight:300}.instruments small{color:#9fbcc9;font-size:10px}.instruments i{background:#a5cbd22a;width:1px;height:26px}.bearing span{font-size:18px}#notice{opacity:0;text-align:center;background:#0e293bd9;border-radius:30px;padding:10px 18px;font-size:13px;transition:opacity .3s;position:absolute;top:110px;left:50%;transform:translate(-50%)}#notice.visible{opacity:1}#pause{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#06182866;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#pause[hidden]{display:none}h2{margin:0 0 12px;font-size:32px;font-weight:400}#pause p{color:#b6cdd7;margin:0 0 24px;font-size:14px}dialog{color:#dcebef;background:#102937;border:1px solid #91bec13d;border-radius:16px;width:460px;padding:40px;box-shadow:0 25px 100px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#03132188}dialog h2{font-size:30px}dialog p{color:#9dbac9;margin:0 0 28px;font-size:13px;line-height:1.7}dialog p.eyebrow{color:#9bdccf;margin-bottom:12px}label{margin-bottom:10px;font-size:12px;display:block}input{color:#e4f4f4;background:#071f2d;border:1px solid #91bec13d;border-radius:7px;width:100%;padding:14px}.actions{justify-content:space-between;gap:10px;margin-top:22px;display:flex}.primary{color:#102d34;background:#b5e3d6;flex:1}.primary:hover{background:#d0f4e9}.primary span{margin-left:18px}.close{background:0 0;border:0;padding:4px 10px;font-size:24px;position:absolute;top:12px;right:14px}#vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 150px #020e2033}@media (width<=1000px){header{top:22px;left:22px;right:22px}footer{bottom:20px;left:22px;right:22px}.controls{gap:8px;max-width:420px}.instruments{gap:14px;padding:10px 14px}}