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)}.satellite-card{left:50%;bottom:98px;display:grid;justify-items:center;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}.next-satellite-button{min-height:30px;margin-top:9px;padding:0 12px;border:1px solid rgba(174,232,189,.55);border-radius:6px;background:#aee8bd24;color:#fff;cursor:pointer;font-size:11px;font-weight:700;line-height:1}.next-satellite-button:hover{background:#aee8bd38}.control-panel{right:50%;bottom:16px;display:grid;grid-template-columns:40px minmax(260px,720px);gap:8px 12px;align-items:center;justify-content: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){.satellite-card{bottom:118px;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}}