html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:#02040a;color:#eef5ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}canvas{display:block}.app-shell{position:relative;width:100vw;height:100vh;min-height:420px}.hud{position:absolute;z-index:2;border:1px solid rgba(190,224,255,.18);border-radius:6px;background:#02061094;color:#dfefff;box-shadow:0 16px 44px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-top{top:16px;left:50%;width:max-content;max-width:calc(100vw - 32px);padding:0;border:0;background:transparent;box-shadow:none;text-align:center;transform:translate(-50%);-webkit-backdrop-filter:none;backdrop-filter:none}.app-title{font-size:16px;font-weight:700;line-height:1.2;text-transform:uppercase}.app-meta{margin-top:4px;color:#aee8bd;font-size:12px;line-height:1.35}.satellite-card{left:50%;bottom:96px;max-width:min(320px,calc(100vw - 32px));padding:10px 12px;text-align:center;transform:translate(-50%)}.satellite-name{overflow-wrap:anywhere;color:#fff;font-size:14px;font-weight:700;line-height:1.25}.satellite-position{margin-top:5px;color:#aee8bd;font-size:12px;line-height:1.35}.control-panel{right:50%;bottom:16px;display:grid;grid-template-columns:40px minmax(260px,360px);gap:8px 12px;align-items:center;width:min(520px,calc(100vw - 32px));padding:10px;transform:translate(50%)}.icon-button{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(190,224,255,.24);border-radius:6px;background:#aee8bd1f;color:#fff;cursor:pointer;font-size:15px;font-weight:800;line-height:1}.icon-button:hover{background:#aee8bd33}.speed-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.speed-option{min-width:0;min-height:34px;border:1px solid rgba(190,224,255,.2);border-radius:6px;background:#ffffff0f;color:#dfefff;cursor:pointer;font-size:11px;font-weight:700;line-height:1.15}.speed-option.active{border-color:#aee8bdbf;background:#aee8bd2e;color:#fff}.speed-option:hover{background:#ffffff1a}.time-log{grid-column:1 / -1;color:#e6e6fa;font-size:12px;line-height:1.35;text-align:center}@media(max-width:640px){.hud-top{top:10px;max-width:calc(100vw - 20px)}.app-title{font-size:13px}.satellite-card{bottom:108px;max-width:calc(100vw - 20px)}.control-panel{bottom:10px;grid-template-columns:38px minmax(0,1fr);width:calc(100vw - 20px);padding:8px}.icon-button{width:38px;height:38px}.speed-options{grid-template-columns:repeat(2,minmax(0,1fr))}.speed-option{min-height:30px;font-size:10px}.time-log{font-size:11px}}