*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#9bbdd0;color:#eef4f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button{font:inherit;cursor:pointer;color:#eef4f7;background:rgba(9,19,27,.76);border:1px solid rgba(190,218,230,.24);padding:10px 14px;letter-spacing:.1em;font-size:10px;font-weight:750;backdrop-filter:blur(12px);transition:.2s}button:hover{background:rgba(44,89,112,.88);border-color:#8eb6c7}button:disabled{opacity:.45;cursor:wait}#app,#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%}header{position:absolute;z-index:5;top:0;left:0;right:0;height:70px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(7,16,23,.76),transparent)}.logo{font-size:23px;font-weight:950;letter-spacing:.16em}.logo small{display:block;font-size:8px;letter-spacing:.27em;font-weight:650;color:#b9cbd3;margin-top:1px}.topright{display:flex;align-items:center;gap:9px}.live{font-size:9px;letter-spacing:.14em;color:#d5e4e8;margin-right:8px}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9bd9b4;margin-right:7px;box-shadow:0 0 10px #9bd9b4}.topshade{position:absolute;inset:0 0 auto;height:190px;pointer-events:none;background:linear-gradient(180deg,rgba(5,13,20,.25),transparent)}.hud{position:absolute;z-index:3;top:85px;left:50%;transform:translateX(-50%);display:flex;gap:2px;background:rgba(8,18,25,.72);border:1px solid rgba(209,230,239,.2);backdrop-filter:blur(16px);padding:13px 18px;box-shadow:0 12px 38px #152a3822}.instrument{min-width:112px;padding:0 16px;border-right:1px solid rgba(210,230,240,.14)}.instrument:last-child{border:0}.instrument label{display:block;font-size:8px;letter-spacing:.16em;color:#a9c0ca;white-space:nowrap}.instrument strong{font-size:25px;font-weight:650;letter-spacing:.05em;font-variant-numeric:tabular-nums}.instrument small{font-size:9px;color:#9db2bd}.leftpanel,.rightpanel{position:absolute;z-index:3;top:190px;width:224px;padding:17px 18px;background:rgba(7,17,24,.68);border:1px solid rgba(205,226,235,.17);backdrop-filter:blur(15px);box-shadow:0 12px 34px #0a182422}.leftpanel{left:22px}.rightpanel{right:22px}.paneltitle{font-size:9px;letter-spacing:.2em;font-weight:800;color:#b9d0da;margin-bottom:17px}.paneltitle span{float:right;color:#6e8995}.sysrow{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid rgba(213,231,239,.1);font-size:9px;letter-spacing:.08em;color:#a9bdc5}.sysrow b{font-size:9px;color:#e5f0f3;letter-spacing:.07em}.rightpanel h2{font-size:14px;letter-spacing:.1em;margin:0 0 6px}.rightpanel p{font-size:10px;color:#a8bec8;margin:0 0 14px}.hint{font-size:9px;line-height:2.05;letter-spacing:.05em;color:#d6e3e8;margin-top:13px}.hint em{font-style:normal;color:#85aebe;font-size:8px}.bottomleft{position:absolute;z-index:4;bottom:22px;left:22px;display:flex;gap:8px}.bottomright{position:absolute;z-index:4;right:24px;bottom:26px;color:#d9e8ed;font-size:8px;letter-spacing:.16em;text-shadow:0 1px 6px #10202a}.mission{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;margin:23px 0}.mission span{font-size:9px;letter-spacing:.18em;color:#a6c4d0}.mission b{font-size:9px;letter-spacing:.08em}.hidden{display:none!important}#menu,.overlay{position:absolute;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,rgba(4,12,18,.84),rgba(4,12,18,.25) 70%,rgba(4,12,18,.18));}.menucard{width:min(470px,90vw);margin-left:min(34vw,400px);padding:38px 42px;background:rgba(7,17,24,.78);border:1px solid rgba(205,230,240,.2);box-shadow:0 28px 90px #06101888;backdrop-filter:blur(22px)}.eyebrow{font-size:9px;letter-spacing:.23em;color:#8db7c8;font-weight:800}.menucard h1{font-size:48px;line-height:.98;letter-spacing:-.04em;margin:22px 0 14px}.menucard h1 em{font-style:normal;color:#8cbdd0}.menucard p{color:#c0d0d6;font-size:13px}.menucard>button{width:100%;padding:16px;text-align:left;background:#d9e9ee;color:#10232c;border:0;font-size:10px}.menucard>button span{float:right;font-size:17px;line-height:10px}.menucard>small{display:block;margin-top:13px;color:#91a9b4;font-size:9px;letter-spacing:.04em}#loading{position:fixed;z-index:30;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b1821;color:#edf5f7}#loading.hidden{display:none}.loadbrand{font-size:24px;font-weight:950;letter-spacing:.2em}.loadbrand span{font-size:8px;color:#8cb6c6;letter-spacing:.2em;vertical-align:middle;margin-left:8px}#loading h1{font-size:13px;letter-spacing:.22em;margin:25px 0 7px}#loading p{font-size:11px;color:#9fb5bf}.bar{width:min(330px,70vw);height:3px;background:#263c47;margin:13px 0 10px}.bar i{display:block;width:0;height:100%;background:#a6d2e0;transition:width .2s}#loadState{font-size:8px;letter-spacing:.2em;color:#7795a2}.overlay{background:rgba(3,10,15,.7)}.overlay .menucard{margin:0;text-align:center}.overlay .menucard h2{font-size:25px;letter-spacing:.12em;margin:20px 0 25px}@media(max-width:800px){header{padding:0 12px}.logo small,.live{display:none}.topright{gap:4px}.topright button{padding:8px;font-size:8px}.hud{top:78px;width:calc(100% - 20px);justify-content:center;padding:8px 2px}.instrument{min-width:0;flex:1;padding:0 6px}.instrument label{font-size:6px}.instrument strong{font-size:18px}.leftpanel,.rightpanel{top:auto;bottom:75px;width:180px;padding:12px}.leftpanel{left:10px}.rightpanel{right:10px}.rightpanel h2{font-size:11px}.hint{font-size:7px}.bottomleft{left:10px;bottom:10px}.bottomright{display:none}.menucard{margin:0;padding:27px}.menucard h1{font-size:38px}}