:root{--green:#1DB95C;--purple:#662FFF;--orange:#FF6200;--bg:#141F24;--text:#f1f5f9;--border:#2a4148;--bg-subtle:rgba(42,65,72,0.3);--hover-bg:rgba(42,65,72,0.5);--padding:16px;--gap:30px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius:16px;--ease-smooth:cubic-bezier(0.4,0,0.2,1);--t-instant:0.1s ease;--t-fast:0.2s var(--ease-smooth);--t-normal:0.3s ease;--t-smooth:0.3s var(--ease-smooth);--transition-speed:0.3s;--particle-opacity:0.95;--vh:1vh;--crosshair-top:35%;accent-color:#2a4148;--safe-top:0px;--safe-bottom:0px;--safe-left:0px;--safe-right:0px}@supports (padding-top:env(safe-area-inset-top)){:root{--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom);--safe-left:env(safe-area-inset-left);--safe-right:env(safe-area-inset-right)}}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{width:100%;font-family:Inter,sans-serif;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%}html{scrollbar-width:thin;scrollbar-color:var(--border) transparent;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}body{-webkit-overflow-scrolling:touch;overscroll-behavior:none}.map-wrapper{height:100vh;height:100dvh;width:100%;overflow:hidden;position:relative}@supports (height:100dvh){.map-wrapper{height:100dvh!important}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.map-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;z-index:1;overflow:hidden;touch-action:pan-x pan-y}.maplibregl-ctrl-attrib,.maplibregl-ctrl-group{display:none!important}.maplibregl-canvas-container canvas{will-change:transform}.crosshair-css{position:fixed;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;pointer-events:none;z-index:5;opacity:.85;background:radial-gradient(circle at center,rgba(0,0,0,.8) 0,rgba(0,0,0,.8) 2px,transparent 0)}.crosshair-css:after,.crosshair-css:before{content:"";position:absolute;background:rgba(0,0,0,.7);border-radius:1px}.crosshair-css:before{top:50%;left:0;right:0;height:2px;transform:translateY(-50%)}.crosshair-css:after{left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%)}.center-popup{position:fixed;left:calc(50% + 12px);z-index:5;background:rgba(20,31,36,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-md) 12px 12px 0;padding:12px;box-shadow:0 8px 24px rgba(0,0,0,.4);pointer-events:none;font-size:14px;font-weight:600;display:flex;flex-direction:column;gap:0;color:var(--text);white-space:nowrap;width:150px;min-width:140px;opacity:0;transition:opacity var(--t-normal),gap .3s ease,width .3s ease,min-width .3s ease,transform .3s ease}.center-popup.altitude-only{width:80px;min-width:80px}.center-popup.altitude-only .center-wind-content .center-sep,.center-popup.altitude-only .center-windspeed{display:none!important}.center-popup.visible{opacity:1}.center-popup.plane-mode{gap:4px;width:auto;min-width:0;max-width:calc(100vw - 80px)}.center-first-line{display:flex;align-items:center;gap:8px;justify-content:center;min-height:1.4em}.center-popup.plane-mode .center-first-line{justify-content:flex-start}.center-sep{color:var(--border);font-weight:400;margin:0 3px}.center-wind-content{display:inline-flex;align-items:center;gap:6px}.center-popup.plane-mode .center-wind-content{display:none}.center-plane-content{display:none;align-items:center;gap:6px}.center-popup.plane-mode .center-plane-content{display:inline-flex}.center-second-line{overflow:hidden;font-size:13px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:8px;max-height:0;opacity:0;transition:max-height .25s ease,opacity .25s ease}.center-popup.plane-mode .center-second-line{max-height:2em;opacity:1}.center-plane-arrow{font-size:16px;line-height:1}.center-plane-callsign{overflow:hidden;white-space:nowrap}.info-panel-root{position:absolute;top:calc(var(--safe-top) + var(--padding));left:var(--padding);z-index:20;width:350px;background:var(--bg);border-radius:var(--border-radius);box-shadow:0 10px 30px rgba(0,0,0,.5);border:1px solid var(--border);overflow:hidden}.info-header{display:flex;align-items:center;min-height:80px;border-bottom:1px solid var(--border);outline:none;gap:8px;padding:0 var(--padding);cursor:pointer;transition:background-color var(--t-fast)}@media (hover:hover){.info-header:hover{background:var(--hover-bg)}}.info-panel-root.collapsed .info-header{border-bottom:none}.info-logo{display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--purple);padding:0;margin:0}.info-title{flex:1;font-size:22px;font-weight:700;color:var(--text);padding-left:4px}.info-header-buttons{gap:8px}.info-header-buttons,.info-lang-btn,.info-toggle-btn{display:flex;align-items:center;position:relative;z-index:2}.info-lang-btn,.info-toggle-btn{border:1px solid var(--border);color:var(--text);width:50px;height:50px;padding:0;cursor:pointer;transition:background-color var(--t-fast),border-color var(--t-fast);border-radius:var(--border-radius-sm);justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:none;font-family:inherit}.info-lang-btn,.info-toggle-btn{background:transparent}.info-lang-btn.active,.info-lang-btn:hover,.info-toggle-btn:hover{background:rgba(0,0,0,.2);border-color:var(--orange)}.info-lang-btn:active,.info-toggle-btn:active{background:#0D1518;border-color:var(--orange)}.info-lang-btn:focus-visible,.info-toggle-btn:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.info-lang-flag{display:block;font-size:22px;line-height:1}.info-toggle-btn svg{display:block;transition:transform var(--t-smooth)}.info-panel-root.collapsed .info-toggle-btn svg{transform:rotate(180deg)}.info-content{position:relative;overflow:hidden;transition:max-height var(--t-smooth)}.info-panel-root.collapsed .info-content{max-height:0}.info-bio{padding:0;opacity:1;visibility:visible;transition:opacity var(--t-fast);pointer-events:auto;position:relative}.info-language-overlay,.info-panel-root.show-language .info-bio{opacity:0;visibility:hidden;pointer-events:none}.info-language-overlay{padding:var(--padding);position:absolute;top:0;left:0;right:0;bottom:0;transition:opacity var(--t-fast);z-index:2;background:var(--bg);overflow-y:auto}.info-panel-root.show-language .info-language-overlay{opacity:1;visibility:visible;pointer-events:auto}.info-language-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-language-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-subtle);border:2px solid transparent;border-radius:var(--border-radius-md);text-decoration:none;color:var(--text);transition:background-color var(--t-fast),border-color var(--t-fast);cursor:pointer}.info-language-option:hover{background:var(--hover-bg)}.info-language-option.current{border-color:var(--orange);background:var(--hover-bg)}.info-language-option:focus-visible{outline:2px solid var(--orange);outline-offset:2px;background:var(--hover-bg)}.info-lang-icon{font-size:24px;line-height:1;flex-shrink:0}.info-lang-name{font-size:15px;font-weight:500}.info-section{padding:var(--padding);border-bottom:1px solid var(--border)}.info-section:last-child{border-bottom:none}.info-desc{color:#94a3b8;margin-bottom:16px}.info-desc,.info-legend{font-size:13px;font-weight:500;line-height:120%}.info-legend{display:flex;align-items:center;gap:10px;margin-bottom:12px}.info-legend:last-of-type{margin-bottom:0}.info-legend-line{background:var(--orange);box-shadow:0 0 6px rgba(255,97,1,.5)}.info-legend-gradient,.info-legend-line{width:50px;height:6px;border-radius:3px;flex-shrink:0}.info-legend-gradient{background:linear-gradient(to right,var(--green),var(--purple),var(--orange))}.info-features-card{display:flex;flex-direction:column;align-items:center;padding:14px;gap:14px;margin-top:16px;background:rgba(0,0,0,.2);border-radius:8px}.info-credits-card{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:15px;color:#94A3B8}.info-status-dot{width:8px;height:8px;border-radius:50%;background:#666;flex-shrink:0;transition:background-color var(--t-smooth);display:inline-block}.info-status-dot.pulsing{animation:statusPulse 1.2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:.4}50%{opacity:1}}.info-actions{display:flex;gap:14px;width:100%}.info-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;font-weight:600;line-height:15px;text-decoration:none;transition:background-color var(--t-fast),border-color var(--t-fast);cursor:pointer;font-family:inherit}.info-action-btn:hover{background:rgba(0,0,0,.2);border-color:var(--orange)}.info-action-btn:active{background:#0D1518;border-color:var(--orange)}.info-action-btn.info-action-pro{border-color:var(--orange);color:var(--orange)}.info-action-btn.info-action-pro:hover{background:rgba(255,98,0,.1)}.info-action-btn.info-action-full{width:100%;flex:none}.info-badge-beta{display:inline-flex;align-items:center;justify-content:center;padding:2px 4px;background:var(--orange);color:#fff;font-size:8px;font-weight:600;border-radius:4px;line-height:10px}.ds-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:30;background:var(--bg);padding:15px var(--padding) var(--padding);display:flex;flex-direction:column;gap:14px}.ds-header{display:flex;justify-content:space-between;align-items:center;height:50px}.ds-title{font-size:20px;font-weight:600;color:#fff}.ds-close-btn{width:50px;height:50px;background:transparent;border:1px solid var(--border);border-radius:var(--border-radius-sm);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .25s var(--ease-smooth),border-color .25s var(--ease-smooth);outline:none;padding:0}.ds-close-btn:hover{background:rgba(0,0,0,.2);border-color:var(--orange)}.ds-close-btn:active{background:#0D1518;border-color:var(--orange)}.ds-connector-card{background:rgba(0,0,0,.2);border-radius:8px;padding:14px;flex-direction:column}.ds-connector-card,.ds-connector-row{display:flex;gap:14px}.ds-guide-btn{flex:1;height:40px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .25s var(--ease-smooth),border-color .25s var(--ease-smooth);outline:none;padding:0;text-decoration:none}.ds-guide-btn:hover{background:rgba(0,0,0,.2);border-color:var(--orange)}.ds-guide-btn:active{background:#0D1518;border-color:var(--orange)}.ds-add-btn,.ds-guide-btn:visited{color:var(--text)}.ds-add-btn{width:40px;height:40px;background:transparent;border:1px solid var(--border);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .25s var(--ease-smooth),border-color .25s var(--ease-smooth);outline:none;padding:0;flex-shrink:0}.ds-add-btn:hover{background:rgba(0,0,0,.2);border-color:var(--orange)}.ds-add-btn:active{background:#0D1518;border-color:var(--orange)}.ds-form{display:flex;flex-direction:column;gap:14px}.ds-input{width:100%;height:40px;padding:0 14px;background:#1B292F;border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:12px;font-weight:500;color:var(--text);outline:none;transition:border-color .25s var(--ease-smooth);box-sizing:border-box}.ds-input::-moz-placeholder{color:#999FA4}.ds-input::placeholder{color:#999FA4}.ds-input:focus{border-color:#3D5A63}.ds-connect-btn{width:100%;height:40px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;outline:none;padding:0;transition:background-color .25s var(--ease-smooth),border-color .25s var(--ease-smooth)}.ds-connect-btn:hover{background:rgba(0,0,0,.2);border-color:var(--orange)}.ds-connect-btn:disabled{opacity:.7;cursor:default}.ds-connect-dot{width:8px;height:8px;border-radius:50%;transition:background-color .25s var(--ease-smooth),border-color .25s var(--ease-smooth)}.ds-form-error{font-size:11px;color:#E24B4A}.ds-source-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;min-height:0;padding-right:14px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.ds-source-row{background:rgba(0,0,0,.2);border-radius:8px;padding:14px;display:flex;align-items:center;gap:14px;transition:opacity .25s var(--ease-smooth)}.ds-source-row.off{opacity:.6}.ds-source-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.ds-source-label{display:flex;align-items:center;gap:8px}.ds-source-name{font-size:13px;color:var(--text)}.ds-source-sub{font-size:13px;color:#94A3B8}.ds-source-controls{display:flex;align-items:center;gap:14px;flex-shrink:0}.ds-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#94A3B8;transition:background-color .25s var(--ease-smooth),border-color .25s var(--ease-smooth)}.ds-dot.active{background:#1DB95C}.ds-dot.rate-limited{background:#f59e0b}.ds-toggle{width:40px;height:24px;border-radius:13.6px;cursor:pointer;position:relative;flex-shrink:0;background:rgba(255,255,255,.15);border:none;outline:none;padding:0;transition:background-color .25s var(--ease-smooth),border-color .25s var(--ease-smooth)}.ds-toggle.active{background:#F1F5F9}.ds-toggle:disabled{cursor:default}.ds-toggle:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;top:3px;left:3px;background:var(--bg);transition:transform .25s var(--ease-smooth)}.ds-toggle.active:after{transform:translateX(16px)}.ds-trash-btn{width:24px;height:24px;background:rgba(255,0,0,.3);border-radius:4px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;outline:none;padding:0;transition:background-color .25s var(--ease-smooth),border-color .25s var(--ease-smooth)}.ds-trash-btn:hover{background:rgba(255,0,0,.45)}.info-action-btn .coffee-emoji,.info-action-btn .post-emoji{font-size:14px}.info-footer{font-size:12px;text-align:center;margin-top:16px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2px 0}.info-footer a{color:#94a3b8;text-decoration:none;transition:color var(--t-fast);white-space:nowrap}.info-footer a:hover{color:var(--orange)}.info-footer-sep{color:var(--border);margin:0 6px}.demo-panel{bottom:auto}.demo-panel .demo-header{cursor:default}.demo-panel .demo-header:hover{background:transparent}.demo-toggle-mobile{display:none}.demo-features-card{padding:14px;gap:14px;background:rgba(0,0,0,.2);border-radius:var(--border-radius-sm);margin-bottom:16px}.demo-feat,.demo-features-card{display:flex;flex-direction:column}.demo-feat{gap:4px}.demo-feat-row{display:flex;align-items:center;gap:8px}.demo-feat-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}.demo-feat-row strong{font-weight:600;font-size:13px;line-height:16px;color:var(--text)}.demo-feat-desc{font-weight:400;font-size:12px;line-height:15px;color:#94a3b8}.demo-pro-pill{display:inline-flex;justify-content:center;align-items:center;padding:2px 5px;background:var(--orange);border-radius:4px;font-weight:700;font-size:9px;line-height:1;color:#fff;letter-spacing:.3px}.demo-cta-card{display:flex;flex-direction:column;padding:14px;gap:12px;background:rgba(0,0,0,.2);border-radius:var(--border-radius-sm)}.demo-cta-card form{width:100%}.demo-cta-btn{width:100%;display:flex;justify-content:center;align-items:center;padding:12px;gap:10px;background:var(--orange);border-radius:var(--border-radius-sm);border:none;cursor:pointer;font-family:inherit;transition:background-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);position:relative;overflow:hidden}.demo-cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s var(--ease-smooth)}.demo-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,98,0,.35)}.demo-cta-btn:hover:before{left:100%}.demo-cta-btn:active{transform:translateY(0)}.demo-cta-btn svg{flex-shrink:0}.demo-cta-btn,.demo-cta-btn span{font-weight:700;font-size:12px;line-height:15px;color:#fff}.demo-cta-sub{text-align:center;color:#64748b;font-size:12px;margin:0}.controls{position:absolute;bottom:var(--padding);left:var(--padding);right:var(--padding);z-index:10;background:var(--bg);border-radius:var(--border-radius);box-shadow:0 10px 30px rgba(0,0,0,.5);padding:0;display:flex;align-items:stretch;overflow:hidden;border:1px solid var(--border);height:90px}.btn-container,.cell{border-right:1px solid var(--border)}.btn-container{display:flex;align-items:stretch;width:180px}.controls button{width:100%;height:100%;padding:0 var(--padding);background:transparent;color:#fff;border:none;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;transition:background-color var(--t-fast)}.controls button:hover:not(.active){background-color:rgba(255,98,0,.15)}.controls button.active{background:var(--orange);opacity:.9;transition:opacity var(--t-fast)}.controls button.active:hover{opacity:1}.controls button:disabled{pointer-events:none;opacity:.5}.dot{width:8px;height:8px;background:var(--orange);border-radius:50%}.active .dot{background:#fff}.cell{display:flex;align-items:center;justify-content:center;height:100%}.cell:last-child{border-right:none}.cell.country,.cell.date{width:170px}.lb-select-row{display:flex;height:100%;flex:0 0 auto;border-right:1px solid var(--border)}.lb-select-cell{width:170px;height:100%;display:flex;align-items:center;padding:0 16px;gap:6px;cursor:pointer;transition:background-color var(--t-fast);position:relative}.lb-select-cell:hover{background-color:var(--hover-bg)}.lb-select-cell:active{background-color:rgba(255,255,255,.08)}.lb-select-cell+.lb-select-cell{border-left:1px solid var(--border)}.lb-select-cell .flag{font-size:15px;line-height:1;flex-shrink:0}.lb-select-cell .val{font-size:15px;font-weight:700;color:#fff;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.lb-select-cell .chev{width:12px;height:8px;flex-shrink:0;margin-left:auto;transition:transform .2s}.lb-select-cell .chev svg{display:block}.lb-select-cell.dropdown-open .chev{transform:rotate(180deg)}.lb-select-cell.disabled{pointer-events:none;opacity:.5}.lb-dropdown-item.focused{background:rgba(255,255,255,.08);color:#fff}.lb-dropdown{position:fixed;background:var(--bg);border-radius:12px;border:1px solid var(--border);box-shadow:0 -10px 40px rgba(0,0,0,.6);overflow:hidden;overflow-y:auto;max-height:320px;display:none;z-index:9999;pointer-events:auto}.lb-dropdown.open{display:block}.lb-dropdown-item{display:flex;align-items:center;gap:8px;padding:12px 16px;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;transition:background .1s,color .1s;border-bottom:1px solid rgba(42,65,72,.5);font-family:inherit}.lb-dropdown-item:last-child{border-bottom:none}.lb-dropdown-item:hover{background:rgba(255,255,255,.06);color:#fff}.lb-dropdown-item.active{color:var(--orange);font-weight:600}.lb-dropdown-item .item-flag{font-size:16px;flex-shrink:0}.lb-dropdown-item .item-label{flex:1}.lb-dropdown-item .item-check{font-size:12px;opacity:0}.lb-dropdown-item.active .item-check{opacity:1}.lb-dropdown-item.locked{opacity:.45;cursor:default}.lb-dropdown-item.locked:hover{background:transparent;color:#94a3b8}.lb-dropdown-item .item-lock{color:rgba(255,255,255,.35);display:flex;align-items:center;flex-shrink:0}.cell.slider{flex:1;padding:0 var(--padding)}.time-slider{gap:var(--padding);width:100%}.time-display,.time-slider{display:flex;align-items:center}.time-display{font-size:15px;font-weight:700;color:var(--text);min-width:72px;justify-content:center;text-transform:uppercase;letter-spacing:.05em;transition:color var(--t-fast);-moz-user-select:none;user-select:none;-webkit-user-select:none}.time-display.hovering,.time-display.selecting,.time-slider:hover .time-display{color:var(--orange)}.slider-container{position:relative;height:6px;background:var(--border);border-radius:3px;flex:1}.loading{position:absolute;top:0;left:0;height:100%;width:0;background:var(--orange);border-radius:3px;z-index:1;will-change:width;transform:translateZ(0)}.loading.animating{transition:width .6s cubic-bezier(.25,.46,.45,.94)}.loading.complete{transition:width .3s ease-out,opacity .8s ease .2s;opacity:0}.slider-lock-box{position:absolute;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;background:var(--bg);border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.time-display.locked{color:rgba(255,98,0,.5);font-size:13px}input[type=range]{position:absolute;top:0;left:0;width:100%;height:6px;border-radius:3px;background:transparent;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:4}input[type=range]:disabled{pointer-events:none;opacity:.5}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:4px;background:var(--orange);cursor:pointer;box-shadow:0 2px 8px rgba(255,98,0,.5);margin-top:-9px;-webkit-transition:transform var(--t-fast);transition:transform var(--t-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:transparent;border-radius:3px}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:4px;background:var(--orange);cursor:pointer;box-shadow:0 2px 8px rgba(255,98,0,.5);border:none}.top-bar{position:fixed;top:calc(var(--safe-top) + var(--padding));right:calc(var(--safe-right) + var(--padding));z-index:30;display:flex;gap:8px;align-items:center}.camera-presets{display:flex;gap:6px}.camera-btn{padding:6px 12px;background:#141F24;border:1px solid var(--border);border-radius:var(--border-radius-sm);color:var(--text);font-size:11px;font-weight:700;font-family:inherit;letter-spacing:.03em;cursor:pointer;transition:background-color var(--t-fast),border-color var(--t-fast);box-shadow:0 4px 12px rgba(0,0,0,.3);white-space:nowrap;display:flex;align-items:center;gap:5px;height:38px}.camera-btn:hover{background:var(--hover-bg);border-color:var(--orange)}.camera-3d-toggle.active{border-color:var(--orange);background:#2a1a10;color:var(--orange)}.camera-3d-toggle.active svg{stroke:var(--orange)}.top-bar-controls{display:flex;gap:6px;align-items:center}.map-style-picker{position:relative}.map-style-toggle{display:flex;align-items:center;gap:5px}.map-style-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.6);overflow:hidden;z-index:9999;min-width:140px}.map-style-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;border-bottom:1px solid rgba(42,65,72,.5);color:#94a3b8;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .1s,color .1s}.map-style-option:last-child{border-bottom:none}.map-style-option:hover{background:rgba(255,255,255,.06);color:#fff}.map-style-option.active{color:var(--orange);font-weight:600}.map-style-dot{width:10px;height:10px;border-radius:50%;background:#e2e8f0;border:1.5px solid #94a3b8;flex-shrink:0}.map-style-dot.dark{background:#1e293b;border-color:#475569}.top-bar-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:var(--border-radius-sm);font-size:12px;font-weight:600;font-family:inherit;letter-spacing:.05em;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:8px;transition:background-color var(--t-fast),border-color var(--t-fast);box-shadow:0 4px 12px rgba(0,0,0,.3)}.top-bar-btn:hover{background:var(--hover-bg);border-color:var(--orange)}.sign-in-btn{background:var(--orange)!important;color:#fff!important;border-color:var(--orange)!important}.sign-in-btn:hover{opacity:.9}.user-menu{position:relative}.user-trigger{display:flex;align-items:center;gap:7px;padding:6px 10px 6px 6px;background:var(--bg);border:1px solid var(--border);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px rgba(0,0,0,.3);font-family:inherit;color:var(--text)}.user-trigger:hover{border-color:var(--orange);background:rgba(26,41,48,.8)}.user-trigger-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#2a4148,#1a2930);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted)}.user-trigger-avatar.orange{background:linear-gradient(135deg,#FF6200,#ff8534);color:#fff}.user-trigger-name{font-size:12px;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-trigger-points{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:700;padding:2px 6px 2px 4px;border-radius:3px;color:var(--orange);background:rgba(255,98,0,.12);font-variant-numeric:tabular-nums;flex-shrink:0}.user-trigger-points svg{flex-shrink:0}.user-trigger-chev{color:var(--text-muted);flex-shrink:0;transition:transform .2s;margin-left:-1px}.user-trigger:hover .user-trigger-chev{color:var(--text)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:268px;background:rgba(23,32,37,.98);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.5);overflow:hidden;animation:userDropIn .15s ease-out;z-index:9999}@keyframes userDropIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-card{padding:14px 16px;border-bottom:1px solid rgba(42,65,72,.5);display:flex;align-items:center;gap:10px}.user-dropdown-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2a4148,#1a2930);border:1.5px solid var(--border);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-dropdown-avatar.orange{background:linear-gradient(135deg,#FF6200,#ff8534);color:#fff;border-color:rgba(255,98,0,.3)}.user-dropdown-info{min-width:0;flex:1}.user-dropdown-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-stats{display:flex;align-items:center;gap:6px;margin-top:2px}.user-dropdown-pts{font-size:11px;font-weight:600;color:var(--orange)}.user-dropdown-dot{font-size:11px;color:#475569}.user-dropdown-streak{font-size:11px;font-weight:600;color:#22c55e}.user-dropdown-tier{font-size:9px;font-weight:800;letter-spacing:.06em;padding:1px 5px;border-radius:3px;flex-shrink:0}.user-dropdown-tier.pro{color:var(--orange);background:rgba(255,98,0,.12)}.user-dropdown-tier.free{color:var(--text-muted);background:rgba(42,65,72,.6)}.user-dropdown-soon{font-size:10px;font-weight:500;color:#475569;margin-left:auto}.user-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:background .1s,color .1s;text-decoration:none;border:none;background:none;width:100%;font-family:inherit}.user-dropdown-item:hover{background:rgba(255,255,255,.05);color:var(--text)}.user-dropdown-item svg{width:15px;height:15px;opacity:.5;flex-shrink:0}.user-dropdown-item:hover svg{opacity:.8}.user-dropdown-item.upgrade{color:var(--orange)}.user-dropdown-item.upgrade svg{opacity:.7}.user-dropdown-item.upgrade:hover{background:rgba(255,98,0,.06)}.user-dropdown-item.danger{color:#ef4444}.user-dropdown-item.danger:hover{background:rgba(239,68,68,.08)}.user-dropdown-sep{height:1px;background:rgba(42,65,72,.5)}.user-dropdown-section-label{font-size:9px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.25);padding:0 8px 6px}.user-dropdown-styles{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:2px 6px 6px}.user-dropdown-style-btn{display:flex;align-items:center;gap:6px;padding:6px 8px;border:none;background:transparent;color:rgba(255,255,255,.5);font-family:inherit;font-size:11px;cursor:pointer;border-radius:6px;transition:background .15s,color .15s}.user-dropdown-style-btn:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.85)}.user-dropdown-style-btn.active{background:rgba(255,255,255,.08);color:#fff}.user-trigger-streak{display:flex;align-items:center;gap:2px;font-size:9px;font-weight:700;color:var(--orange);padding:1px 5px;border-radius:4px;background:rgba(255,98,0,.12);flex-shrink:0}.dd-name-row{display:flex;align-items:center;gap:5px}.dd-edit-btn{background:none;border:none;cursor:pointer;padding:2px;color:rgba(255,255,255,.25);display:flex;transition:color .15s}.dd-edit-btn:hover{color:var(--text)}.dd-cooldown{font-size:8px;color:rgba(255,255,255,.25)}.user-dropdown-pts{font-size:10px;color:rgba(255,255,255,.45);font-variant-numeric:tabular-nums}.dd-edit-section{padding:10px 16px 12px;border-bottom:1px solid rgba(42,65,72,.45);background:rgba(42,65,72,.08)}.dd-edit-label{font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.25);margin-bottom:6px}.dd-edit-row{display:flex;gap:4px}.dd-edit-input{flex:1;padding:6px 8px;border-radius:6px;background:rgba(0,0,0,.2);border:1px solid rgba(42,65,72,.6);color:var(--text);font-size:11px;font-family:inherit;outline:none;transition:border-color .15s}.dd-edit-input:focus{border-color:var(--orange)}.dd-edit-input.error{border-color:#ef4444}.dd-edit-save{padding:5px 8px;border-radius:6px;border:none;cursor:pointer;background:var(--orange);color:#fff;font-family:inherit;display:flex;align-items:center}.dd-edit-save:disabled{opacity:.6}.dd-edit-cancel{padding:5px 7px;border-radius:6px;border:none;cursor:pointer;background:rgba(42,65,72,.4);color:rgba(255,255,255,.45);font-family:inherit;display:flex;align-items:center}.dd-edit-error{font-size:9px;color:#ef4444;margin-top:4px}.dd-edit-hint{font-size:8px;color:rgba(255,255,255,.25);margin-top:4px}.dd-streak{padding:8px 18px 10px}.dd-streak-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.dd-streak-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--text)}.dd-streak-label svg{color:var(--orange)}.dd-streak-label.dim{color:rgba(255,255,255,.45)}.dd-streak-label.dim svg,.dd-streak-sub{color:rgba(255,255,255,.25)}.dd-streak-sub{font-size:8px;font-weight:500}.dd-streak-bonus{font-size:8px;color:#10b981;font-weight:700}.dd-streak-bars,.dd-streak-day{display:flex;gap:3px}.dd-streak-day{flex:1;flex-direction:column;align-items:center}.dd-streak-bar{width:100%;height:5px;border-radius:2.5px;background:rgba(42,65,72,.4);transition:all .3s}.dd-streak-bar.active{background:linear-gradient(90deg,var(--orange),#ff8534);box-shadow:0 0 6px rgba(255,98,0,.25)}.dd-streak-bar.active.final{background:linear-gradient(90deg,var(--orange),#10b981)}.dd-streak-num{font-size:7px;font-weight:500;color:rgba(255,255,255,.25)}.dd-streak-num.active{color:var(--orange)}.dd-upgrade-cta{display:flex;align-items:center;gap:8px;margin:6px 10px 8px;padding:10px 12px;border-radius:8px;background:linear-gradient(135deg,rgba(255,98,0,.08),rgba(255,98,0,.02));border:1px solid rgba(255,98,0,.15);cursor:pointer;text-decoration:none;transition:border-color .15s}.dd-upgrade-cta:hover{border-color:rgba(255,98,0,.35)}.dd-upgrade-cta svg{color:var(--orange);flex-shrink:0}.dd-upgrade-title{font-size:11px;font-weight:700;color:var(--orange)}.dd-upgrade-sub{font-size:9px;color:rgba(255,255,255,.45);margin-top:1px}.dd-map-section{padding:10px 10px 6px}.dd-section-label{font-size:9px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.25);padding:0 8px 6px}.dd-map-grid{display:flex;flex-direction:row;gap:4px;padding:0 4px}.dd-map-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border:1px solid transparent;border-radius:6px;font-size:11px;font-weight:400;font-family:inherit;cursor:pointer;background:transparent;color:rgba(255,255,255,.45);transition:all .15s;flex:1}.dd-map-btn:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.85)}.dd-map-btn.active{background:rgba(255,255,255,.08);border-color:var(--border);color:#fff;font-weight:600}.dd-map-dot{width:7px;height:7px;border-radius:50%;background:#c8d0d8;flex-shrink:0}.dd-map-dot.dark{background:#3a5060}.dd-map-btn.active .dd-map-dot{box-shadow:0 0 0 1.5px rgba(255,255,255,.3)}.dd-item-chev{margin-left:auto;color:rgba(255,255,255,.25)}.dd-back-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;width:100%;background:none;cursor:pointer;color:rgba(255,255,255,.45);font-size:11px;font-weight:600;font-family:inherit;border:none;border-bottom:1px solid rgba(42,65,72,.4);transition:color .15s}.dd-back-btn:hover{color:var(--text)}.dd-danger-zone{padding:10px 16px 12px;background:rgba(239,68,68,.03)}.dd-danger-zone.final{background:rgba(239,68,68,.05)}.dd-danger-text{font-size:9px;color:rgba(255,255,255,.45);line-height:1.5;margin-bottom:8px}.dd-danger-text.bold{font-size:10px;font-weight:700;color:#ef4444}.dd-danger-actions{display:flex;gap:6px}.dd-danger-confirm{border-radius:6px;border:1px solid #ef4444;background:rgba(239,68,68,.1);color:#ef4444}.dd-danger-confirm,.dd-danger-final{flex:1;padding:7px 10px;font-size:10px;font-weight:700;font-family:inherit;cursor:pointer}.dd-danger-final{border-radius:6px;border:none;background:#ef4444;color:#fff}.dd-danger-final:disabled{opacity:.6}.dd-danger-cancel{padding:7px 12px;border-radius:6px;border:none;background:rgba(42,65,72,.4);color:rgba(255,255,255,.45);font-size:10px;font-family:inherit;cursor:pointer}.tooltip{background:rgba(26,26,26,.95);color:#fff;padding:6px 10px;border-radius:6px 6px 6px 0;font-size:12px;font-weight:600;pointer-events:none;z-index:1000;white-space:nowrap;max-width:200px;-webkit-font-smoothing:antialiased;backface-visibility:hidden;will-change:left,top;transform:translateZ(0)}.offline,.tooltip{position:fixed;display:none}.offline{left:50%;top:calc(var(--safe-top) + var(--padding));transform:translateX(-50%);background:var(--bg);border:1px solid var(--border);color:var(--text);padding:12px 16px;border-radius:var(--border-radius-md);box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:100;font-size:13px;font-weight:500;max-width:calc(100vw - 2 * var(--padding) - var(--safe-left) - var(--safe-right));word-wrap:break-word;align-items:center;gap:12px}.offline[style*="display: flex"]{display:flex!important}.offline button{padding:8px 16px;background:var(--orange);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:12px;font-weight:700;font-family:inherit;letter-spacing:.05em;text-transform:uppercase;transition:opacity var(--t-fast);white-space:nowrap;margin-left:auto;opacity:.9}.offline button:hover{opacity:1}.aircraft-marker{pointer-events:none;opacity:1}@keyframes aircraft-fade-in{0%{opacity:0}to{opacity:1}}.aircraft-marker.aircraft-new{animation:aircraft-fade-in .4s ease-out forwards}.aircraft-marker.aircraft-stale{opacity:.4!important}.aircraft-marker.aircraft-stale .aircraft-icon-container{filter:grayscale(50%)}.aircraft-marker.aircraft-landed{opacity:.3!important}.aircraft-marker.aircraft-landed .aircraft-icon-container{filter:grayscale(80%)}.aircraft-icon-container{padding:6px!important;display:flex;align-items:center;justify-content:center;transform-origin:center;transition:none}.aircraft-icon-container img,.aircraft-icon-container svg{width:100%;height:100%}.emoji{font-size:36px;cursor:pointer;pointer-events:auto}.emoji img{display:block;pointer-events:none}@media (max-width:1024px){.camera-presets,.map-style-picker{display:none}.aircraft-icon-container{padding:4px!important}body,html{height:100vh;height:100dvh}.info-panel-root{top:calc(var(--safe-top) + var(--padding));left:calc(var(--padding) + var(--safe-left, 0px));width:calc(100vw - 2 * var(--padding) - var(--safe-left, 0px) - var(--safe-right, 0px));max-width:none;z-index:30}.info-panel-root,.top-bar{position:fixed;bottom:auto}.top-bar{top:auto;right:calc(var(--safe-right) + var(--padding));z-index:29}.info-panel-root~.top-bar{top:calc(var(--safe-top) + var(--padding) + 82px)}.info-panel-root.demo-panel{top:auto;bottom:calc(var(--safe-bottom) + var(--padding))}.demo-toggle-mobile{display:flex}.demo-panel .demo-header{cursor:pointer}.demo-panel .demo-header:hover{background:rgba(42,65,72,.5)}.controls{position:fixed;flex-wrap:wrap;height:auto;bottom:calc(var(--safe-bottom) + var(--padding));left:calc(var(--padding) + var(--safe-left));right:calc(var(--padding) + var(--safe-right));width:auto;border-radius:var(--border-radius)}.info-header{transition:none}.info-header:active,.info-header:hover{background:transparent}.btn-container{border-right:none;border-bottom:1px solid var(--border);width:100%;height:64px}.btn-container,.cell,.controls button{height:64px}.controls button{padding:0 var(--padding)}.cell{border-bottom:1px solid var(--border)}.cell.country{width:50%;border-right:1px solid var(--border)}.cell.date{width:50%;border-right:none}.elevation-desktop-only{display:none!important}.lb-select-row{width:100%;flex:0 0 100%;border-right:none;border-bottom:1px solid var(--border);height:64px}.lb-select-cell{width:auto;flex:1}.lb-select-cell .val{font-size:16px}.cell.slider{width:100%;border-bottom:none;border-right:none}body:has(.map-wrapper){-webkit-overflow-scrolling:touch;overscroll-behavior:none;height:100vh;height:100dvh}input[type=range]{height:44px;margin-top:-19px}input[type=range]::-webkit-slider-thumb{width:32px;height:32px;margin-top:-13px}.lb-dropdown-item{padding:14px 16px;font-size:16px}}@media (max-width:640px){.aircraft-icon-container{padding:3px!important}.center-popup.plane-mode{max-width:calc(100vw - 40px);font-size:13px}.center-popup .center-plane-content{gap:4px}.center-popup .center-sep{margin:0 2px}.center-popup .center-second-line{font-size:12px}.center-popup .center-plane-arrow{font-size:14px}.time-display{font-size:15px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.time-display.hovering,.time-display.selecting{color:var(--orange)!important}}.debug-info-label{background:transparent!important;border:none!important}.debug-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.85);color:#fff;padding:10px 20px;border-radius:8px;font-family:Inter,monospace;font-size:14px;font-weight:500;z-index:9999;pointer-events:none;animation:debugToastFade 1.5s ease-out forwards}@keyframes debugToastFade{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}15%{opacity:1;transform:translateX(-50%) translateY(0)}85%{opacity:1}to{opacity:0}}.debug-panel{position:fixed;top:calc(var(--safe-top) + var(--padding));right:calc(var(--safe-right, 0px) + var(--padding));z-index:999;background:rgba(20,31,36,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:12px 14px;font-size:12px;color:var(--text);min-width:180px;box-shadow:0 8px 24px rgba(0,0,0,.4);pointer-events:auto}.debug-title{font-weight:700;font-size:13px;margin-bottom:8px;color:var(--orange)}.debug-row{display:flex;justify-content:space-between;gap:12px;padding:2px 0;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px}.debug-row span:first-child{color:#94a3b8}.debug-row span:last-child{font-weight:600;color:var(--text)}.game-hud{pointer-events:none;position:fixed;inset:0;z-index:25}.game-hud>*{pointer-events:auto}.game-hud-top{position:absolute;top:calc(var(--safe-top) + var(--padding));left:50%;transform:translateX(-50%);display:flex;gap:12px;padding:6px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--border-radius-sm);font-size:11px;font-weight:700;color:var(--text)}.game-hud-stat{display:flex;align-items:center;gap:4px}.game-hud-difficulty{color:var(--orange);letter-spacing:.5px;cursor:pointer;background:none;border:none;font-family:inherit;font-size:11px;font-weight:700;padding:0}.game-hud-difficulty:hover{text-decoration:underline}.game-kill-feed{position:absolute;top:calc(var(--safe-top) + var(--padding) + 44px);right:calc(var(--safe-right) + var(--padding));display:flex;flex-direction:column;gap:4px}.game-kill-entry{padding:4px 10px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);border-radius:6px;font-size:11px;font-weight:600;color:#22c55e;animation:killFadeIn .3s ease}.game-kill-entry.clean{background:rgba(255,200,0,.15);border-color:rgba(255,200,0,.3);color:#ffc800}@keyframes killFadeIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.game-factories{position:absolute;bottom:calc(var(--safe-bottom) + var(--padding) + 60px);left:calc(var(--safe-left) + var(--padding));display:flex;flex-direction:column;gap:4px}.game-factory-btn{padding:6px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--border-radius-sm);color:var(--text);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;text-align:left;transition:all .15s}.game-factory-btn.active,.game-factory-btn:hover{border-color:var(--orange);background:rgba(255,98,0,.08)}.game-panel{position:absolute;bottom:calc(var(--safe-bottom) + var(--padding) + 60px);left:calc(var(--safe-left) + var(--padding) + 130px);width:260px;background:var(--bg);border:1px solid var(--border);border-radius:var(--border-radius);padding:10px;font-size:12px;color:var(--text);max-height:350px;overflow-y:auto}.game-panel-header{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13px;margin-bottom:8px}.game-panel-close{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;font-family:inherit}.game-panel-section{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--text-muted);margin:10px 0 4px}.game-buy-btn{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px;font-family:inherit;cursor:pointer;margin-bottom:4px;transition:all .15s}.game-buy-btn:hover:not(.disabled){border-color:var(--orange);background:rgba(255,98,0,.08)}.game-buy-btn.disabled{opacity:.4;cursor:not-allowed}.game-buy-icon{font-size:16px}.game-buy-name{flex:1;text-align:left;font-weight:600}.game-buy-cost{color:var(--orange);font-weight:700}.game-unit-row{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;border-radius:4px;cursor:pointer;font-size:11px}.game-unit-row:hover{background:rgba(255,255,255,.05)}.game-upgrade-btn{padding:2px 8px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);border-radius:4px;color:#22c55e;font-size:10px;font-weight:600;cursor:pointer;font-family:inherit}.game-status{margin-left:6px;padding:1px 6px;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.5px}.game-status--idle{background:rgba(34,197,94,.15);color:#22c55e}.game-status--moving{background:rgba(59,130,246,.15);color:#3b82f6}.game-status--engaging{background:rgba(255,98,0,.15);color:var(--orange)}.game-status--empty{background:rgba(239,68,68,.15);color:#ef4444}.game-status--at_factory{background:rgba(148,163,184,.15);color:#94a3b8}.game-unit-stats{margin:6px 0}.game-stat-row{display:flex;justify-content:space-between;padding:2px 0;font-size:11px}.game-ammo-bar{flex:1;height:6px;background:rgba(255,255,255,.08);border-radius:3px;margin:0 8px;overflow:hidden}.game-ammo-fill{height:100%;background:var(--orange);border-radius:3px;transition:width .3s}.game-unit-upgrades{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.game-stat-upgrade{padding:3px 8px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:10px;font-family:inherit;cursor:pointer}.game-stat-upgrade:hover:not(.disabled){border-color:var(--orange)}.game-stat-upgrade.disabled{opacity:.3;cursor:not-allowed}.game-stat-level{margin-left:4px;letter-spacing:1px}.game-unit-actions{display:flex;gap:6px;margin-top:8px}.game-action-btn{flex:1;padding:5px 8px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:11px;font-family:inherit;font-weight:600;cursor:pointer}.game-action-btn:hover{border-color:var(--orange)}.game-action-btn.danger{color:#ef4444;border-color:rgba(239,68,68,.3)}.game-action-btn.danger:hover{border-color:#ef4444}.game-unit-list{position:absolute;bottom:calc(var(--safe-bottom) + var(--padding));left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:4px 8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--border-radius-sm);max-width:90vw;overflow-x:auto}.game-unit-chip{display:flex;align-items:center;gap:2px;padding:4px 8px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:4px;font-size:14px;cursor:pointer;font-family:inherit;color:var(--text);transition:all .15s;white-space:nowrap}.game-unit-chip.selected,.game-unit-chip:hover{border-color:var(--orange);background:rgba(255,98,0,.08)}.game-unit-chip--empty{opacity:.5}.game-unit-chip--moving{border-color:rgba(59,130,246,.3)}.game-unit-chip--engaging{border-color:rgba(255,98,0,.3);animation:engagePulse 1s ease infinite}@keyframes engagePulse{50%{border-color:var(--orange);box-shadow:0 0 6px rgba(255,98,0,.3)}}.game-unit-marker{width:36px;height:36px;border-radius:50%;background:rgba(10,10,20,.85);border:2px solid var(--orange);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow .2s,border-color .2s;pointer-events:auto;z-index:10}.game-unit-marker:hover{transform:scale(1.15)}.game-unit-marker-icon{font-size:18px;line-height:1}.game-factory-marker{width:32px;height:32px;border-radius:6px;background:rgba(10,10,20,.85);border:2px solid rgba(100,160,220,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;pointer-events:auto;z-index:9}.game-factory-marker:hover{border-color:rgba(100,160,220,1);transform:scale(1.1)}.game-chip-ammo{font-size:9px;font-weight:700;color:var(--orange)}.game-unit-empty{font-size:11px;color:var(--text-muted);padding:4px 8px;white-space:nowrap}@media (max-width:768px){.game-panel{left:var(--padding);right:var(--padding);width:auto;bottom:calc(var(--safe-bottom) + 60px)}.game-factories{bottom:calc(var(--safe-bottom) + 200px)}}.game-deploy-hint{position:absolute;top:calc(var(--safe-top) + var(--padding) + 44px);left:50%;transform:translateX(-50%);padding:4px 14px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);border-radius:20px;font-size:11px;font-weight:600;color:#22c55e;white-space:nowrap;animation:hintPulse 2s ease infinite}@keyframes hintPulse{50%{opacity:.7}}.game-hud-wave{color:#60a5fa;font-weight:700;white-space:nowrap}.game-end-btn{position:absolute;bottom:calc(var(--safe-bottom) + var(--padding) + 60px);right:var(--padding);padding:6px 16px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);border-radius:20px;color:#ef4444;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;z-index:10}.game-end-btn:hover{background:rgba(239,68,68,.25);border-color:#ef4444}@media (max-width:768px){.game-end-btn{bottom:calc(var(--safe-bottom) + 240px);right:8px}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:rgba(20,31,36,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:rgba(255,255,255,.8);line-height:1.4}.cookie-banner a{color:rgba(255,255,255,.95);text-decoration:underline;text-underline-offset:2px}.cookie-banner button{background:rgba(255,255,255,.12);border:.5px solid rgba(255,255,255,.2);color:#fff;font:500 13px var(--font);padding:8px 20px;border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;flex-shrink:0}.cookie-banner button:hover{background:rgba(255,255,255,.18)}