@import"https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--glass-bg: rgba(10, 16, 26, .82);--glass-bg-subtle: rgba(15, 23, 42, .65);--glass-border: rgba(255, 255, 255, .12);--glass-border-light: rgba(255, 255, 255, .18);--accent-blue: #2563eb;--accent-blue-hover: #3b82f6;--accent-blue-glow: rgba(37, 99, 235, .45);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b}*{box-sizing:border-box;font-family:Poppins,sans-serif}html,body,#root{margin:0;padding:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:#000;color:var(--text-primary);font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}canvas{touch-action:none!important;display:block}.app-header{position:absolute;top:0;left:0;right:0;z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;padding:calc(10px + var(--safe-top)) 16px 8px 16px;pointer-events:none}.header-top-row{width:100%;display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.brand-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;box-shadow:0 4px 20px #0006}.header-actions{display:flex;align-items:center;gap:8px}.btn-utility{display:inline-flex;align-items:center;gap:6px;padding:.8em;font-size:12px;font-weight:500;letter-spacing:.3px;color:var(--text-secondary);background:transparent;border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);touch-action:manipulation}.btn-utility:hover{border-color:#ffffff40;transform:translateY(-1px)}.btn-utility.active{background:#000;color:#fff;border-color:#3b82f68c}.btn-utility.active-gold{border-color:#fbbf2499}.btn-utility .btn-icon{font-size:13px;line-height:1}.status-indicator{width:6px;height:6px;border-radius:50%;display:inline-block;transition:all .2s ease}.status-indicator.on{background:#38bdf8;box-shadow:0 0 6px #38bdf8}.status-indicator.on-gold{background:#fbbf24;box-shadow:0 0 8px #fbbf24}.status-indicator.on-white{background:#fff;box-shadow:0 0 8px #fff}.status-indicator.off{background:#475569}.btn-pause{padding:.75em;font-size:12px;font-weight:600;letter-spacing:.3px;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;box-shadow:0 4px 16px #00000059;transition:all .2s cubic-bezier(.4,0,.2,1);touch-action:manipulation;color:var(--text-secondary);color:#000;background:var(--glass-bg);background:#aba9a9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);min-width:90px;text-align:center;display:flex;align-items:center;justify-content:center}.btn-pause.running:hover,.btn-pause.paused:hover{filter:brightness(1.1);transform:translateY(-1px)}.planet-selector-wrapper{width:100%;max-width:920px;display:flex;justify-content:center;pointer-events:auto;position:absolute}.planet-selector-bar{display:flex;align-items:center;gap:6px;background:var(--glass-bg);background:#000;background:#aba9a9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1px .5em;border-radius:16px;border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000008c;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;max-width:100%;font-family:Audiowide,sans-serif}.planet-selector-bar::-webkit-scrollbar{display:none}.planet-pill{font-family:Audiowide,sans-serif;display:inline-flex;align-items:center;gap:6px;background:transparent;color:#94a3b8;color:#000;border:none;border-radius:16px;padding:10px 12px;font-size:12px;font-weight:500;cursor:pointer;letter-spacing:.3px;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);touch-action:manipulation;flex-shrink:0}.planet-pill:hover{background:#ffffff14}.planet-pill.active{background:var(--accent-blue);background:#000;color:#fff;font-weight:600;box-shadow:0 0 16px var(--accent-blue-glow)}.planet-dot{width:7px;height:7px;width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.gesture-hint{position:absolute;bottom:calc(16px + var(--safe-bottom));left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:10px;background:#0a101ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);padding:6px 14px;border-radius:9999px;font-size:11px;color:#94a3b8;pointer-events:none;white-space:nowrap;transition:opacity .5s ease;animation:fadeIn .4s ease-out}.info-panel-container{position:absolute;z-index:200;background-color:var(--glass-bg);background-color:#aba9a9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:0 16px 48px #000000a6;color:var(--text-primary);font-size:14px;line-height:1.5;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .25s ease,bottom .3s ease}@media(min-width:641px){.info-panel-container{bottom:calc(24px + var(--safe-bottom));left:calc(24px + var(--safe-left));width:350px;max-width:calc(100vw - 48px);border-radius:16px;padding:20px 22px;animation:slideUpFadeDesktop .35s cubic-bezier(.16,1,.3,1)}.mobile-sheet-handle{display:none}}@media(max-width:640px){.info-panel-container{bottom:0;left:0;right:0;width:100%;border-radius:22px 22px 0 0;border-bottom:none;border-left:none;border-right:none;padding:12px 18px calc(14px + var(--safe-bottom)) 18px;animation:slideUpMobile .35s cubic-bezier(.16,1,.3,1);max-height:calc(75dvh - var(--safe-top));display:flex;flex-direction:column}.info-panel-scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:2px;max-height:100%}.info-panel-scrollable::-webkit-scrollbar{width:4px}.info-panel-scrollable::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.mobile-sheet-handle{display:block;width:38px;height:4px;background:#ffffff59;border-radius:9999px;margin:0 auto 10px;cursor:pointer}.info-panel-container.minimized{padding-bottom:calc(10px + var(--safe-bottom))}.info-panel-container.minimized .info-panel-body{display:none}}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.panel-header-left{display:flex;align-items:baseline;gap:10px}.planet-title{font-family:Audiowide,sans-serif;margin:0;font-size:22px;font-weight:700;letter-spacing:.5px;color:#000}.planet-type-badge{font-size:11px;color:#8ab4f8;color:#890303;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.panel-header-actions{display:flex;align-items:center;gap:6px}.panel-icon-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;color:#000;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .15s ease;touch-action:manipulation}.panel-icon-btn:hover{background:#ffffff2e}.panel-description{margin:6px 0 14px;color:#cbd5e1;color:#000;font-size:13px;line-height:1.45}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:10px 12px;margin-bottom:14px;background:#ffffff0a;background:#fff;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.stat-item{min-width:0}.stat-label{font-size:10px;font-weight:600;color:#7a8ba0;color:#890303;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.stat-value{font-size:12.5px;font-weight:600;color:#f1f5f9;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-overview{width:100%;padding:10px 16px;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:#000;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:10px;cursor:pointer;font-weight:600;font-size:13px;letter-spacing:.4px;transition:all .2s cubic-bezier(.4,0,.2,1);touch-action:manipulation;display:flex;align-items:center;justify-content:center;gap:6px}.btn-overview:hover{filter:brightness(1.12);box-shadow:0 6px 20px #2563eb80;transform:translateY(-1px)}.btn-overview:active{transform:translateY(0)}@media(max-width:1280px){.app-header{padding:1em}.planet-selector-wrapper{left:10%}}@media(max-width:834px){.planet-selector-wrapper{top:100%;left:0}}@media(max-width:768px){.planet-selector-wrapper{mask-image:linear-gradient(to right,transparent 0px,black 20px,black calc(100% - 20px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0px,black 20px,black calc(100% - 20px),transparent 100%);padding:0 4px}.planet-selector-bar{width:100%;justify-content:flex-start;padding:4px 14px}.planet-pill{padding:6px 11px;font-size:11.5px}.brand-tag{display:none}}@media(max-width:480px){.app-header{padding-top:calc(8px + var(--safe-top));gap:6px}.header-actions{gap:5px}.brand-badge{padding:5px 10px}.brand-title{font-size:11.5px}.btn-utility{padding:5px 8px;font-size:11px;gap:4px}.btn-utility .btn-icon{font-size:11px}.status-indicator{width:5px;height:5px}.btn-pause{padding:5px 10px;font-size:11px;gap:4px}.planet-pill{padding:5px 10px;font-size:11px}.planet-title{font-size:19px}.planet-type-badge{font-size:10px}.stats-grid{gap:6px 10px;padding:8px 10px}.stat-value{font-size:12px}}@media(max-width:360px){.brand-title{font-size:10.5px}.btn-utility{padding:4px 6px;font-size:10px}.btn-pause{padding:4px 8px;font-size:10px}}@media(max-height:520px)and (orientation:landscape){.app-header{padding-top:calc(4px + var(--safe-top));padding-bottom:2px;gap:3px}.header-actions{gap:4px}.brand-badge{padding:3px 8px}.brand-title{font-size:11px}.brand-tag{display:none}.btn-utility{padding:3px 8px;font-size:10.5px;gap:3px}.btn-pause{padding:3px 8px;font-size:10.5px}.planet-pill{padding:3px 9px;font-size:11px}.info-panel-container{bottom:calc(8px + var(--safe-bottom))!important;left:calc(10px + var(--safe-left))!important;width:295px!important;max-width:45vw!important;max-height:calc(100dvh - 65px)!important;padding:10px 14px!important;border-radius:12px!important;font-size:12px!important;box-shadow:0 8px 24px #000000b3!important}.planet-title{font-size:16px!important}.planet-type-badge{font-size:9.5px!important}.panel-icon-btn{width:22px!important;height:22px!important;font-size:11px!important}.panel-description{margin:4px 0 6px!important;font-size:11px!important;line-height:1.3!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stats-grid{margin-bottom:8px!important;padding:6px 8px!important;gap:4px 8px!important}.stat-label{font-size:9px!important;margin-bottom:1px!important}.stat-value{font-size:11px!important}.btn-overview{padding:6px 10px!important;font-size:11px!important;border-radius:6px!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpFadeDesktop{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulseButton{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}