:root{--color-bg: #030610;--color-bg-lit: #0B1028;--color-panel: #121E34;--color-panel-dark: #080E1C;--color-accent: #3C7D82;--color-accent-hover: #4E9A9F;--color-alert: #D9C825;--color-text-primary: #E0E4F0;--color-text-secondary: #6E7894;--color-danger: #C94040;--color-success: #3DAA6A;--color-accent-20: rgba(60, 125, 130, .2);--color-accent-40: rgba(60, 125, 130, .4);--color-accent-15: rgba(60, 125, 130, .15);--color-panel-surface: rgba(18, 30, 52, .65);--color-bg-scrim: rgba(3, 6, 16, .8);--color-white-08: rgba(255, 255, 255, .08);--color-white-06: rgba(255, 255, 255, .06);--font-display: "Orbitron", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 12px;--z-bg: 0;--z-content: 10;--z-panels: 20;--z-overlays: 30;--z-modal-stacked: 35;--z-tooltips: 40;--z-notifications: 50;--sidebar-width: 200px;--sidebar-collapsed: 56px;--detail-panel-width: 320px;--topbar-height: 52px;--topbar-mobile-height: 44px;--bottomnav-height: 56px;--bottomnav-mobile-height: 96px;--duration-80: 80ms;--duration-120: .12s;--duration-160: .16s;--duration-200: .2s;--duration-300: .3s;--duration-400: .4s;--duration-600: .6s;--duration-800: .8s;--ease-out: cubic-bezier(.2, .7, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .6, 1);--focus-ring: 2px solid var(--color-accent);--focus-ring-offset: 2px}@media(max-width:768px){:root{--topbar-height: var(--topbar-mobile-height);--bottomnav-height: var(--bottomnav-mobile-height)}}.text-display{font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1.2}.text-label{font-family:var(--font-display);font-size:13px;font-weight:500;line-height:1.2;letter-spacing:.03em}.text-body{font-family:var(--font-display);font-size:14px;font-weight:400;line-height:1.5}.text-data{font-family:var(--font-mono);font-size:13px;font-weight:400;line-height:1.2}.text-micro{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.03em}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.text-alert{color:var(--color-alert)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-uppercase{text-transform:uppercase;letter-spacing:.08em}@keyframes pulse-alert{0%,to{opacity:1}50%{opacity:.6}}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes scan-pulse{0%,to{opacity:.15}50%{opacity:.25}}@keyframes star-twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes pulse-buy{0%{background:#3daa6a00}35%{background:#3daa6a59}to{background:#3daa6a00}}@keyframes pulse-sell{0%{background:#c9404000}35%{background:#c9404059}to{background:#c9404000}}.animate-pulse-alert{animation:pulse-alert var(--duration-800) var(--ease-in-out) infinite}.animate-float-up{animation:float-up var(--duration-400) var(--ease-out) forwards}.tooltip{position:fixed;max-width:280px;background:var(--color-panel-dark);border:1px solid var(--color-accent-40);border-radius:var(--radius-sm);padding:var(--space-3);z-index:var(--z-tooltips);pointer-events:none;color:var(--color-text-primary);font-family:var(--font-display);font-size:13px;line-height:1.4;box-shadow:0 6px 16px #00000080;animation:tooltip-in var(--duration-120) var(--ease-out)}.tooltip__arrow{position:absolute;width:0;height:0;left:50%;margin-left:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-accent-40);bottom:-6px}.tooltip--bottom .tooltip__arrow{border-top:none;border-bottom:6px solid var(--color-accent-40);bottom:auto;top:-6px}@keyframes tooltip-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.tooltip{animation:none}}.alpha-tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--color-danger);border:2px solid var(--color-danger);background:#c9404014;border-radius:var(--radius-sm);white-space:nowrap;-webkit-user-select:none;user-select:none}.alpha-tag--md{font-size:12px;padding:3px 8px}.alpha-tag--sm{font-size:9px;padding:1px 5px;letter-spacing:.14em;border-width:1px}.fullscreen-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlays);display:flex;align-items:center;justify-content:center;background:var(--color-bg-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--space-4);opacity:0;transition:opacity var(--duration-160) var(--ease-out)}.fullscreen-modal--open{opacity:1}.fullscreen-modal--closing{opacity:0}.fullscreen-modal__container{width:min(1400px,95vw);height:min(900px,90vh);background:var(--color-panel-dark);border:1px solid var(--color-white-08);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;transform:translateY(8px) scale(.99);transition:transform var(--duration-200) var(--ease-out),opacity var(--duration-200) var(--ease-out);opacity:0}.fullscreen-modal--open .fullscreen-modal__container{transform:translateY(0) scale(1);opacity:1}.fullscreen-modal__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-white-08);background:var(--color-panel);flex-shrink:0}.fullscreen-modal__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-accent-15);color:var(--color-accent-hover);flex-shrink:0}.fullscreen-modal__heading{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.fullscreen-modal__title{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.04em;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fullscreen-modal__subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fullscreen-modal__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-120) var(--ease-out),background var(--duration-120) var(--ease-out);flex-shrink:0}.fullscreen-modal__close:hover{background:var(--color-white-06);color:var(--color-text-primary)}.fullscreen-modal__close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.fullscreen-modal__body{flex:1;overflow:auto;padding:var(--space-5);min-height:0}.fullscreen-modal__body--flush{padding:0}.fullscreen-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-white-08);background:var(--color-panel);flex-shrink:0}@media(max-width:768px){.fullscreen-modal{padding:0}.fullscreen-modal__container{width:100vw;height:100dvh;border-radius:0;border:none}.fullscreen-modal__body{padding:var(--space-3)}}@media(prefers-reduced-motion:reduce){.fullscreen-modal,.fullscreen-modal__container{transition:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-display);font-size:14px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-accent-20);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-40)}.sr-only,.aria-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-family:var(--font-display);font-weight:500;text-transform:uppercase;flex-shrink:0;-webkit-user-select:none;user-select:none}.shell{display:grid;grid-template-rows:var(--topbar-height) 1fr var(--bottomnav-height);grid-template-columns:1fr;width:100%;height:100%;overflow:hidden}.topbar{display:flex;align-items:center;padding:0 var(--space-4);height:var(--topbar-height);background:var(--color-bg);border-bottom:1px solid var(--color-accent-20);gap:var(--space-4);z-index:var(--z-panels)}.topbar__brand{display:flex;align-items:center;gap:var(--space-2);min-width:0}.topbar__brand-mark{flex-shrink:0}.topbar__logo{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--color-accent);letter-spacing:.05em;white-space:nowrap}.topbar__planet-name{font-size:14px;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.topbar__profile-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px var(--space-2);border-radius:var(--radius-sm);color:inherit;text-decoration:none;min-width:0;flex-shrink:1;transition:background var(--duration-120) var(--ease-out)}.topbar__profile-link:hover{background:var(--color-white-08)}.topbar__profile-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){.topbar__profile-link{transition:none}}.topbar__spacer{flex:1}.topbar__actions{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-secondary)}.topbar__credits{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;margin-right:var(--space-3);background:transparent;border:1px solid var(--color-accent-20);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);white-space:nowrap;transition:border-color var(--duration-120) var(--ease-out),color var(--duration-120) var(--ease-out)}.topbar__credits:hover{border-color:var(--color-accent-40);color:var(--color-text-primary)}.topbar__credits-icon{color:var(--color-alert);flex-shrink:0}.topbar__credits-value{color:var(--color-text-primary);font-variant-numeric:tabular-nums}@media(max-width:480px){.topbar__credits{padding:4px 8px}}@media(prefers-reduced-motion:reduce){.topbar__credits{transition:none}}.topbar__season{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;margin-right:var(--space-3);background:transparent;border:1px solid var(--color-accent-20);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;transition:border-color var(--duration-120) var(--ease-out),color var(--duration-120) var(--ease-out)}.topbar__season:hover{border-color:var(--color-accent-40);color:var(--color-text-primary)}.topbar__season:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.topbar__season-icon{color:var(--color-accent);flex-shrink:0}.topbar__season-name{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.topbar__season-countdown{color:var(--color-text-primary);font-variant-numeric:tabular-nums}@media(max-width:768px){.topbar__season-name{display:none}.topbar__season{padding:4px 8px}}@media(prefers-reduced-motion:reduce){.topbar__season{transition:none}}.topbar__action{position:relative;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:color var(--duration-120) var(--ease-out),background var(--duration-120) var(--ease-out)}@media(max-width:768px){.topbar{gap:var(--space-2);padding:0 var(--space-3)}.topbar__actions{gap:var(--space-1)}.topbar__action{width:36px;height:36px}}@media(max-width:480px){.topbar__logo,.topbar__brand .alpha-tag{display:none}}.topbar__action:hover{color:var(--color-text-primary);background:var(--color-white-08)}.topbar__action:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){.topbar__action{transition:none}}.main-content{position:relative;overflow:hidden;background:var(--color-bg)}.bottom-nav{display:flex;justify-content:center;height:var(--bottomnav-height);background:var(--color-panel);border-top:1px solid var(--color-accent-20);z-index:var(--z-panels)}.bottom-nav__inner{display:flex;width:100%;max-width:720px;align-items:stretch;justify-content:space-evenly}@media(max-width:768px){.bottom-nav__inner{max-width:none}}.bottom-nav__item{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:44px;padding:0 var(--space-2);color:var(--color-text-secondary);font-size:11px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;transition:color var(--duration-120) var(--ease-out)}.bottom-nav__item>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}.bottom-nav__item:hover{color:var(--color-text-primary)}.bottom-nav__item:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.bottom-nav__item--active{color:var(--color-accent)}@media(prefers-reduced-motion:reduce){.bottom-nav__item{transition:none}}.bottom-nav__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.screen-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:.05em;color:var(--color-text-secondary);text-transform:uppercase}.hex-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;background:#030610eb}.hex-transition svg{display:block;width:100%;height:100%}.hex-transition__cell{transform-box:fill-box;transform-origin:center;transition:opacity .36s cubic-bezier(.4,0,.6,1),scale .36s cubic-bezier(.5,0,.75,0);transition-delay:var(--hex-delay, 0ms);opacity:1;scale:1}.hex-transition__cell polygon{fill:var(--color-accent, #3c7d82);stroke:#030610a6;stroke-width:1}.hex-transition--revealing .hex-transition__cell{opacity:0;scale:0}.hex-transition--reduced{background:#030610f2;transition:opacity var(--duration-160) var(--ease-out)}.hex-transition--reduced .hex-transition__cell{transition:none;transition-delay:0ms}.hex-transition--reduced.hex-transition--revealing{opacity:0}.season-ended__card{max-width:720px}.season-ended{display:flex;flex-direction:column;gap:var(--space-4)}.season-ended__banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-accent-40);border-radius:var(--radius-sm);background:#4cc2ff0f;color:var(--color-accent)}.season-ended__banner-text{display:flex;flex-direction:column;gap:4px}.season-ended__banner-headline{font-family:var(--font-display);font-size:18px;letter-spacing:.08em;text-transform:uppercase}.season-ended__banner-sub{font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary)}.season-ended__empty{font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary);text-align:center;padding:var(--space-4)}.season-ended__table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:12px}.season-ended__table thead th{text-align:left;padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-weight:400;text-transform:uppercase;letter-spacing:.08em;font-size:10px;border-bottom:1px solid var(--color-accent-20)}.season-ended__table tbody td{padding:var(--space-2) var(--space-3);color:var(--color-text-primary);border-bottom:1px solid rgba(255,255,255,.04)}.season-ended__table tbody tr:last-child td{border-bottom:none}.season-ended__rank{width:40px;text-align:right;color:var(--color-text-secondary)}.season-ended__num{text-align:right}.season-ended__empire{font-family:var(--font-display);letter-spacing:.04em}.season-ended__row--viewer td{background:#4cc2ff0f;box-shadow:inset 3px 0 0 var(--color-accent)}.season-ended__actions{display:flex;gap:var(--space-3);justify-content:flex-end}.chat-drawer{position:fixed;top:52px;right:0;bottom:0;width:320px;max-width:100vw;background:var(--color-panel);border-left:1px solid var(--color-accent-20);display:flex;flex-direction:column;z-index:var(--z-panels);transform:translate(100%);transition:transform var(--duration-200) var(--ease-out)}.chat-drawer--open{transform:translate(0)}@media(prefers-reduced-motion:reduce){.chat-drawer{transition:none}}.chat-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-accent-20)}.chat-drawer__title{font-family:var(--font-display);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary)}.chat-drawer__close{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);line-height:0;border-radius:var(--radius-sm);transition:color var(--duration-120) var(--ease-out)}.chat-drawer__close:hover{color:var(--color-text-primary)}.chat-drawer__close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){.chat-drawer__close{transition:none}}.chat-tabs{display:flex;border-bottom:1px solid var(--color-accent-20)}.chat-tabs__tab{flex:1;background:transparent;border:none;color:var(--color-text-secondary);font-family:var(--font-display);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-2);cursor:pointer;border-bottom:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-width:0}.chat-tabs__tab:hover{color:var(--color-text-primary)}.chat-tabs__tab:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.chat-tabs__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.chat-tabs__badge{font-family:var(--font-mono);font-size:10px;font-weight:500;background:var(--color-alert);color:var(--color-bg);padding:0 5px;border-radius:9999px;min-width:16px;text-align:center}.chat-list{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.chat-list--placeholder{align-items:center;justify-content:center;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:12px}.chat-msg{display:flex;flex-direction:column;gap:2px}.chat-msg--own .chat-msg__author{color:var(--color-accent)!important}.chat-msg__meta{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:11px}.chat-msg__author{font-weight:600}.chat-msg__time{color:var(--color-text-secondary)}.chat-msg__body{font-family:var(--font-mono);font-size:13px;color:var(--color-text-primary);line-height:1.4;white-space:pre-wrap;word-break:break-word}.chat-input{border-top:1px solid var(--color-accent-20);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-panel-dark)}.chat-input__textarea{width:100%;background:var(--color-bg-lit);border:1px solid var(--color-accent-20);color:var(--color-text-primary);font-family:var(--font-mono);font-size:13px;padding:var(--space-2);border-radius:var(--radius-sm);resize:none;outline:none;transition:border-color var(--duration-120) var(--ease-out)}.chat-input__textarea:focus{border-color:var(--color-accent)}.chat-input__textarea:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){.chat-input__textarea{transition:none}}.chat-input__footer{display:flex;justify-content:space-between;align-items:center}.chat-input__counter{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}.chat-input__counter--warn{color:var(--color-alert)}.chat-input__send{background:var(--color-accent);border:none;color:var(--color-bg);width:36px;height:36px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-120) var(--ease-out)}.chat-input__send:hover{background:var(--color-accent-hover)}.chat-input__send:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){.chat-input__send{transition:none}}.chat-input__send:disabled{background:var(--color-white-08);color:var(--color-text-secondary);cursor:not-allowed}.topbar__action--chat{position:relative}.topbar__badge{position:absolute;top:4px;right:2px;background:var(--color-alert);color:var(--color-bg);font-family:var(--font-mono);font-size:10px;font-weight:600;padding:0 4px;border-radius:9999px;min-width:16px;text-align:center;line-height:14px}@media(max-width:767px){.chat-drawer{width:100vw}.chat-input__textarea{font-size:16px}}.data-panel{background:var(--color-panel);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.data-panel--focused{border-color:var(--color-accent)}.data-panel--alert{border-color:var(--color-alert)}.data-panel__header{font-family:var(--font-display);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.data-panel__body{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.stat-bar{display:flex;flex-direction:column;gap:var(--space-1)}.stat-bar__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.stat-bar__label{font-family:var(--font-display);font-size:12px;font-weight:500;color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase}.stat-bar__value{font-family:var(--font-mono);font-size:13px;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.stat-bar__capacity{color:var(--color-text-secondary)}.stat-bar__track{position:relative;width:100%;height:6px;border-radius:3px;background:var(--color-white-08);overflow:hidden}.stat-bar__fill{position:absolute;inset:0 auto 0 0;border-radius:3px;transition:width var(--duration-200) var(--ease-out),background-color var(--duration-120) var(--ease-out)}@media(prefers-reduced-motion:reduce){.stat-bar__fill{transition:none}}.stat-bar__fill--ok{background:var(--color-success)}.stat-bar__fill--warn{background:var(--color-alert)}.stat-bar__fill--crit{background:var(--color-danger)}.stat-bar__sublabel{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);letter-spacing:.02em}.timer-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:160px;height:22px;padding:0 var(--space-2);border-radius:11px;background:var(--color-panel-dark);border:1px solid var(--color-accent-20);overflow:hidden;-webkit-user-select:none;user-select:none}.timer-pill__fill{position:absolute;inset:0 auto 0 0;height:100%;background:var(--color-accent);transition:width 1s linear,background-color var(--duration-120) var(--ease-out)}.timer-pill--critical .timer-pill__fill{background:var(--color-alert)}.timer-pill--done .timer-pill__fill{background:var(--color-success);width:100%!important}.timer-pill--flash{animation:pulse-alert var(--duration-200) var(--ease-out)}.timer-pill--flash .timer-pill__fill{background:var(--color-success);width:100%!important}@media(prefers-reduced-motion:reduce){.timer-pill__fill{transition:none}.timer-pill--flash{animation:none}}.timer-pill__label{position:relative;font-family:var(--font-mono);font-size:11px;color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:.04em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-scrim);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-overlays)}.modal-backdrop--elevated{z-index:var(--z-modal-stacked)}.modal-card{width:100%;max-width:720px;max-height:min(80vh,720px);display:flex;flex-direction:column;background:var(--color-panel);border:1px solid var(--color-accent-40);border-radius:var(--radius-md);box-shadow:0 20px 48px #0009;overflow:hidden}.modal-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-accent-20);min-height:44px}.modal-card__title{font-family:var(--font-display);font-size:13px;font-weight:500;color:var(--color-text-primary);letter-spacing:.08em;text-transform:uppercase}.modal-card__close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-120) var(--ease-out),color var(--duration-120) var(--ease-out)}.modal-card__close:hover{color:var(--color-text-primary);background:var(--color-white-08)}.modal-card__close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(max-width:768px){.modal-card__close{width:36px;height:36px}}.modal-backdrop{opacity:0;animation:fade-in var(--duration-200) var(--ease-out) forwards}.modal-backdrop--closing{animation:fade-out var(--duration-160) var(--ease-in) forwards}.modal-card{opacity:0;transform:scale(.96);animation:modal-in var(--duration-200) var(--ease-out) forwards}.modal-backdrop--closing .modal-card{animation:modal-out var(--duration-160) var(--ease-in) forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes modal-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal-backdrop--closing,.modal-card,.modal-backdrop--closing .modal-card{animation:none;opacity:1;transform:none}}.modal-card__body{flex:1;overflow-y:auto;padding:var(--space-4)}.tab-strip{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-4)}.tab-chip{display:inline-flex;align-items:center;padding:4px var(--space-3);background:transparent;border:1px solid var(--color-accent-20);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-120) var(--ease-out),color var(--duration-120) var(--ease-out),border-color var(--duration-120) var(--ease-out)}.tab-chip:hover{border-color:var(--color-accent-40);color:var(--color-text-primary)}.tab-chip:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.tab-chip--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}@media(prefers-reduced-motion:reduce){.tab-chip{transition:none}}.battle-result{display:flex;flex-direction:column;gap:var(--space-4)}.battle-result__banner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);border:1px solid;border-radius:var(--radius-md);background:#ffffff05}.battle-result__banner-headline{font-family:var(--font-display);font-size:22px;letter-spacing:.12em;text-transform:uppercase}.battle-result__banner-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--color-text-secondary);margin-top:var(--space-1)}.battle-result__summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.battle-result__summary-cell{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);border:1px solid var(--color-accent-20);border-radius:var(--radius-sm);background:#ffffff05}.battle-result__summary-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.battle-result__summary-value{font-family:var(--font-mono);font-size:22px;color:var(--color-text-primary);margin-top:4px}.battle-result__rounds{display:flex;flex-direction:column;border:1px solid var(--color-accent-20);border-radius:var(--radius-sm);overflow:hidden;font-family:var(--font-mono);font-size:12px}.battle-result__rounds-header,.battle-result__rounds-row{display:grid;grid-template-columns:56px 1fr 1fr 1fr;gap:var(--space-2);padding:6px var(--space-3)}.battle-result__rounds-header{background:#ffffff0a;color:var(--color-text-secondary);text-transform:uppercase;font-size:10px;letter-spacing:.08em}.battle-result__rounds-row+.battle-result__rounds-row{border-top:1px solid var(--color-accent-20)}.battle-result__rounds-row span{color:var(--color-text-primary)}.battle-result__meta{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);text-align:right}.battle-result__loot{font-family:var(--font-mono);font-size:12px;color:var(--color-accent, #4cc2ff);background:color-mix(in srgb,var(--color-accent, #4cc2ff) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-accent, #4cc2ff) 35%,transparent);border-radius:var(--radius-sm, 6px);padding:var(--space-2, 8px);text-align:center}@media(max-width:767px){.battle-result__banner-headline,.battle-result__summary-value{font-size:18px}.battle-result__summary-cell{padding:var(--space-2)}.battle-result__rounds-header,.battle-result__rounds-row{grid-template-columns:40px 1fr 1fr 1fr;gap:var(--space-1);padding:6px var(--space-2);font-size:11px}}.toast-host{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:var(--z-overlays);pointer-events:none}.toast{display:flex;flex-direction:column;gap:4px;min-width:240px;max-width:360px;padding:var(--space-3) var(--space-4);background:var(--color-panel);border:1px solid var(--color-accent-40);border-left-width:3px;border-radius:var(--radius-md);box-shadow:0 12px 24px #0009;cursor:pointer;pointer-events:auto;transition:transform var(--duration-120) var(--ease-out)}.toast:hover{transform:translateY(-2px)}.toast:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.toast__container{position:relative;animation:toast-in var(--duration-200) var(--ease-out)}.toast__container--closing{animation:toast-out var(--duration-160) var(--ease-in) forwards}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@media(prefers-reduced-motion:reduce){.toast{transition:none}.toast:hover{transform:none}.toast__container,.toast__container--closing{animation:none}}.toast--success{border-left-color:var(--color-accent, #4cc2ff)}.toast--danger{border-left-color:var(--color-alert, #ff5e6c)}.toast--info{border-left-color:var(--color-text-secondary, #93a4b5)}.toast__title{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary)}.toast__body{font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary)}.toast__close{position:absolute;top:6px;right:6px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer}.toast__close:hover{background:var(--color-white-08);color:var(--color-text-primary)}.toast__close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.battles-view{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.battles-view__header{display:flex;align-items:baseline;justify-content:space-between}.battles-view__title{font-family:var(--font-display);font-size:18px;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-primary)}.battles-view__meta{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}.battles-view__list{display:flex;flex-direction:column;gap:var(--space-2)}.battle-card{display:grid;grid-template-columns:110px 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-panel);border:1px solid var(--color-accent-20);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:border-color var(--duration-120) var(--ease-out),background var(--duration-120) var(--ease-out)}.battle-card:hover{border-color:var(--color-accent-40);background:#ffffff05}.battle-card:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){.battle-card{transition:none}}.battle-card__outcome{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.battle-card__outcome--victory{color:var(--color-accent, #4cc2ff)}.battle-card__outcome--defeat{color:var(--color-alert, #ff5e6c)}.battle-card__outcome--draw{color:var(--color-text-secondary)}.battle-card__summary{font-family:var(--font-mono);font-size:12px;color:var(--color-text-primary)}.battle-card__summary-sub{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);margin-top:2px}.battle-card__time{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}.fleet-command-modal{display:flex;flex-direction:column;gap:var(--space-4)}.fleet-command-modal__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.fleets-view{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.fleets-view__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.fleets-view__heading{display:flex;flex-direction:column;gap:2px}.fleets-view__title{font-family:var(--font-display);font-size:18px;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-primary)}.fleets-view__meta{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}.fleets-view__empty{display:flex;flex-direction:column;gap:var(--space-2);text-align:center}.fleets-view__list{display:flex;flex-direction:column;gap:var(--space-3)}.fleet-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-panel);border:1px solid var(--color-accent-20);border-radius:var(--radius-sm)}.fleet-card__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.fleet-card__name-row,.fleet-card__name-edit{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.fleet-card__name{font-family:var(--font-display);font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fleet-card__name-input{flex:1;min-width:0;background:#0000004d;border:1px solid var(--color-accent-40);color:var(--color-text-primary);font-family:var(--font-mono);font-size:13px;padding:4px 8px;border-radius:var(--radius-sm)}.fleet-card__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid var(--color-accent-20);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-120) var(--ease-out),border-color var(--duration-120) var(--ease-out)}.fleet-card__icon-btn:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-accent-40)}.fleet-card__icon-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){.fleet-card__icon-btn{transition:none}}.fleet-card__icon-btn:disabled{opacity:.4;cursor:not-allowed}.fleet-card__status{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:999px;border:1px solid var(--color-accent-20);color:var(--color-text-secondary)}.fleet-card__status--orbiting{color:var(--color-accent, #4cc2ff);border-color:var(--color-accent-40)}.fleet-card__status--in_battle{color:var(--color-alert, #ff5e6c);border-color:var(--color-alert, #ff5e6c)}.fleet-card__status--traveling,.fleet-card__status--returning{color:var(--color-text-primary)}.fleet-card__error{font-family:var(--font-mono);font-size:11px;color:var(--color-alert, #ff5e6c);padding:6px 8px;background:#ff5e6c14;border-radius:var(--radius-sm)}.fleet-card__meta{display:grid;grid-template-columns:auto 1fr;gap:4px var(--space-3);margin:0;font-family:var(--font-mono);font-size:12px}.fleet-card__meta dt{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.fleet-card__meta dd{margin:0;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-3)}.fleet-card__link{background:transparent;border:none;padding:0;font-family:var(--font-mono);font-size:11px;color:var(--color-accent, #4cc2ff);cursor:pointer;text-decoration:underline}.fleet-card__link:hover{filter:brightness(1.15)}.fleet-card__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.fleet-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.fleet-roster__empty{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);padding:4px 0}.fleet-roster__row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:12px}.fleet-roster__icon{color:var(--color-text-secondary);display:inline-flex}.fleet-roster__name{color:var(--color-text-primary)}.fleet-roster__mark{color:var(--color-text-secondary);font-size:10px;letter-spacing:.04em}.fleet-roster__count{color:var(--color-text-secondary)}.manage-ships{display:flex;flex-direction:column;gap:var(--space-3)}.manage-ships__banner{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);padding:6px 8px;background:#ffffff0a;border-radius:var(--radius-sm)}.manage-ships__panes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(max-width:600px){.manage-ships__panes{grid-template-columns:1fr}}.manage-ships__pane{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:#0003;border:1px solid var(--color-accent-20);border-radius:var(--radius-sm);min-height:120px}.manage-ships__pane-title{font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin:0}.manage-ships__empty{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}.manage-ships__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.manage-ships__row{display:grid;grid-template-columns:22px 1fr auto auto;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:12px}.manage-ships__icon{color:var(--color-text-secondary);display:inline-flex}.manage-ships__name{color:var(--color-text-primary)}.manage-ships__mark{color:var(--color-text-secondary);font-size:10px}.manage-ships__count{color:var(--color-text-secondary);font-size:11px;text-align:right;min-width:60px}.manage-ships__stepper{display:inline-flex;gap:4px}.manage-ships__stepper button{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-accent-20);color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer}.manage-ships__stepper button:hover:not(:disabled){border-color:var(--color-accent-40)}.manage-ships__stepper button:disabled{opacity:.3;cursor:not-allowed}.manage-ships__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-accent-20)}.manage-ships__delta{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}.input-field{display:flex;flex-direction:column;gap:var(--space-2)}.input-field__label{font-family:var(--font-display);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.input-field__control{position:relative;display:flex;align-items:center}.input-field__icon{position:absolute;left:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary);pointer-events:none}.input-field__input{width:100%;height:44px;padding:0 var(--space-4);background:var(--color-panel-dark);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-display);font-size:14px;transition:border-color var(--duration-120) var(--ease-out),background var(--duration-120) var(--ease-out);outline:none}.input-field__input--with-icon{padding-left:40px}.input-field__input::placeholder{color:var(--color-text-secondary);opacity:.7}.input-field__input:focus{border-color:var(--color-accent);background:var(--color-bg-lit)}.input-field__input:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.input-field--error .input-field__input{border-color:var(--color-danger)}.input-field__error{font-family:var(--font-mono);font-size:11px;color:var(--color-danger);letter-spacing:.02em}.input-field__hint{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-md);font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent;cursor:pointer;transition:background var(--duration-120) var(--ease-out),color var(--duration-120) var(--ease-out),transform var(--duration-80) var(--ease-out),border-color var(--duration-120) var(--ease-out),filter var(--duration-120) var(--ease-out)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.96);border-color:var(--color-accent)}.btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){.input-field__input,.btn{transition:none}.btn:not(:disabled):active{transform:none}}@media(max-width:768px){.input-field__input{font-size:16px}}.btn--full{width:100%}.btn--primary{background:var(--color-accent);color:var(--color-bg)}.btn--primary:not(:disabled):hover{background:var(--color-accent-hover)}.btn--alert{background:var(--color-alert);color:var(--color-bg)}.btn--alert:not(:disabled):hover{filter:brightness(1.08)}.btn--ghost{background:transparent;border-color:var(--color-accent-40);color:var(--color-text-primary)}.btn--ghost:not(:disabled):hover{background:var(--color-accent-15)}.btn--danger{background:var(--color-danger);color:var(--color-text-primary)}.btn--danger:not(:disabled):hover{filter:brightness(1.08)}.research-view{display:flex;flex-direction:column;height:100%;padding:var(--space-4);gap:var(--space-4);overflow:hidden}.research-view__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.research-view__title-group{display:flex;align-items:baseline;gap:var(--space-3)}.research-view__title{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.research-view__subtitle{font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary)}.research-view__pts{font-family:var(--font-mono);font-size:12px;color:var(--color-text-primary);display:inline-flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);background:var(--color-panel-surface);border:1px solid var(--color-accent-20);border-radius:var(--radius-sm)}.research-view__pts-icon{color:var(--color-accent);display:inline-flex}.research-view__pts-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.research-tree{position:relative;flex:1;background:var(--color-panel-surface);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);padding:var(--space-4);overflow:auto}.research-modal__layout{display:flex;flex-direction:column;height:100%;min-height:0}.research-modal__tree{position:relative;flex:1;min-height:0;overflow:auto;padding:var(--space-4)}.research-modal__details{flex-shrink:0;max-height:38%;min-height:56px;overflow:auto;border-top:1px solid var(--color-accent-20);background:var(--color-panel)}.research-modal__details--empty{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);max-height:56px}.research-modal__details-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-white-06);position:sticky;top:0;background:var(--color-panel);z-index:1}.research-modal__details-title{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-primary)}.research-modal__details-close{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-120) var(--ease-out),background var(--duration-120) var(--ease-out)}.research-modal__details-close:hover{color:var(--color-text-primary);background:var(--color-white-06)}.research-modal__details-close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.research-modal__details-body{padding:var(--space-3) var(--space-4) var(--space-4)}@media(max-width:768px){.research-modal__tree{padding:var(--space-3)}.research-modal__details{max-height:45%}}.research-tree__grid{position:relative;display:grid;grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;grid-template-rows:auto auto auto;gap:var(--space-4) var(--space-5);align-items:stretch;min-width:720px}.research-tree__category-label{font-family:var(--font-display);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);padding:var(--space-2) 0;border-bottom:1px solid var(--color-accent-20);margin-bottom:var(--space-2)}.research-tree__cell{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--space-3);position:relative;z-index:1;min-height:110px}.research-tree__connections{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.research-tree__connection{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke}.research-tree__connection--completed{stroke:var(--color-accent);stroke-opacity:.9}.research-tree__connection--available{stroke:var(--color-accent);stroke-opacity:.35}.research-tree__connection--locked{stroke:var(--color-text-secondary);stroke-opacity:.25;stroke-dasharray:4 4}.tech-node{display:flex;flex-direction:column;gap:var(--space-2);width:100%;padding:var(--space-3);background:var(--color-panel-dark);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;text-align:left;transition:background var(--duration-120) var(--ease-out),border-color var(--duration-120) var(--ease-out),transform var(--duration-80) var(--ease-out)}.tech-node:hover{border-color:var(--color-accent-40);background:var(--color-white-06)}.tech-node:active{transform:scale(.98)}.tech-node--locked{opacity:.55}.tech-node--available{border-color:var(--color-accent-40)}.tech-node--in-progress{border-color:var(--color-accent);background:var(--color-accent-15)}.tech-node--completed{border-color:var(--color-success);background:#3daa6a14}.tech-node--selected{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.tech-node__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.tech-node__icon{display:inline-flex;color:var(--color-text-secondary)}.tech-node--completed .tech-node__icon{color:var(--color-success)}.tech-node--in-progress .tech-node__icon,.tech-node--available .tech-node__icon{color:var(--color-accent)}.tech-node__tier{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.tech-node__name{font-family:var(--font-display);font-size:13px;letter-spacing:.04em;line-height:1.2}.tech-node__status{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.tech-node--available .tech-node__status,.tech-node--in-progress .tech-node__status{color:var(--color-accent)}.tech-node--completed .tech-node__status{color:var(--color-success)}.tech-node__timer{margin-top:var(--space-1)}.tech-detail{display:flex;flex-direction:column;gap:var(--space-3)}.tech-detail__head{display:flex;align-items:center;gap:var(--space-3)}.tech-detail__icon{display:inline-flex;color:var(--color-accent)}.tech-detail__name{font-family:var(--font-display);font-size:16px;letter-spacing:.04em}.tech-detail__category{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em}.tech-detail__blurb{font-family:var(--font-body);font-size:13px;color:var(--color-text-secondary);line-height:1.5}.tech-detail__section{display:flex;flex-direction:column;gap:var(--space-2)}.tech-detail__section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.tech-detail__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.tech-detail__row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:12px;color:var(--color-text-primary)}.tech-detail__row--locked{color:var(--color-text-secondary)}.tech-detail__row--met{color:var(--color-success)}.tech-detail__construction{display:flex;flex-direction:column;gap:var(--space-1)}.tech-detail__actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.tech-detail__hint{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}@media(max-width:767px){.research-view,.research-tree{padding:var(--space-3)}.research-tree__grid{grid-auto-columns:minmax(140px,1fr);min-width:480px}.tech-node__name{font-size:12px}}.market-view{display:flex;flex-direction:column;height:100%;padding:var(--space-4);gap:var(--space-4);overflow:hidden}.market-view--modal{padding:0}.market-view__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.market-view__title-group{display:flex;align-items:baseline;gap:var(--space-3)}.market-view__title{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.market-view__system-name{font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary)}.market-view__controls{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.market-view__controls .tab-strip{margin-bottom:0}.market-system-picker{display:inline-flex;flex-direction:column;gap:var(--space-1)}.market-system-picker__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.market-system-picker__select{background:var(--color-panel-surface);color:var(--color-text-primary);border:1px solid var(--color-accent-20);border-radius:var(--radius-sm);padding:6px var(--space-3);font-family:var(--font-mono);font-size:12px;min-width:180px;cursor:pointer}.market-system-picker__select:hover,.market-system-picker__select:focus{border-color:var(--color-accent-40)}.market-system-picker__select:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.commodities-tab{display:grid;grid-template-columns:280px 1fr;gap:var(--space-4);flex:1;min-height:0;overflow:hidden}.commodities-tab__main{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;overflow-y:auto;padding-right:var(--space-2)}.commodities-tab__heading{display:flex;align-items:baseline;gap:var(--space-3);font-family:var(--font-display);font-size:16px;letter-spacing:.06em;text-transform:uppercase}.commodities-tab__resource{color:var(--color-text-primary)}.commodities-tab__system{font-family:var(--font-mono);font-size:11px;font-weight:400;text-transform:none;color:var(--color-text-secondary)}.market-resource-list{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-panel-surface);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);padding:var(--space-3);overflow-y:auto;min-height:0}.market-resource-list__group{display:flex;flex-direction:column;gap:2px}.market-resource-list__group-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-1)}.market-resource-row{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);background:transparent;border:none;border-left:3px solid transparent;color:var(--color-text-primary);cursor:pointer;text-align:left;border-radius:var(--radius-sm);transition:background var(--duration-120) var(--ease-out),border-color var(--duration-120) var(--ease-out)}.market-resource-row:hover{background:var(--color-white-06)}.market-resource-row--active{background:var(--color-accent-15);border-left-color:var(--color-accent)}.market-resource-row__icon{color:var(--color-text-secondary);display:inline-flex}.market-resource-row__label{font-family:var(--font-display);font-size:12px;letter-spacing:.04em}.market-resource-row__spread{font-family:var(--font-mono);font-size:11px;display:inline-flex;align-items:center;gap:4px}.market-resource-row__bid{color:var(--color-success)}.market-resource-row__ask{color:var(--color-danger)}.market-resource-row__sep{color:var(--color-text-secondary)}.price-chart{background:var(--color-panel-surface);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.price-chart--empty{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);text-align:center;padding:var(--space-4) var(--space-3)}.price-chart__meta{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.price-chart__label{color:var(--color-text-secondary)}.price-chart__range{color:var(--color-text-primary)}.price-chart__svg{width:100%;height:120px;display:block}.price-chart__line{stroke:var(--color-accent);stroke-width:1.5;fill:none;vector-effect:non-scaling-stroke}.price-chart__fill{fill:#3c7d821f;stroke:none}.order-book{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.order-book__col{background:var(--color-panel-surface);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);padding:var(--space-2);display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto}.order-book__col-header{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);padding:var(--space-1) var(--space-2) var(--space-2);border-bottom:1px solid var(--color-accent-20);margin-bottom:var(--space-1)}.order-book__empty{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);text-align:center;padding:var(--space-3)}.order-book__row{display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);padding:4px var(--space-2);font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:background var(--duration-120) var(--ease-out);color:var(--color-text-primary)}.order-book__row:hover{background:var(--color-white-06)}.order-book__row--best{background:#3c7d8214}.order-book__row--buy .order-book__row-price{color:var(--color-success)}.order-book__row--sell .order-book__row-price{color:var(--color-danger)}.order-book__row-qty{color:var(--color-text-secondary)}.my-orders{background:var(--color-panel-surface);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.my-orders__header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-primary)}.my-orders__count{font-family:var(--font-mono);color:var(--color-text-secondary)}.my-orders__empty{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}.my-orders__list{list-style:none;display:flex;flex-direction:column;gap:2px}.my-orders__row{display:grid;grid-template-columns:56px 80px 1fr auto auto auto;align-items:center;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius-sm);background:var(--color-white-06);font-family:var(--font-mono);font-size:12px}.my-orders__row--filled-buy{animation:pulse-buy var(--duration-300) var(--ease-out)}.my-orders__row--filled-sell{animation:pulse-sell var(--duration-300) var(--ease-out)}@media(prefers-reduced-motion:reduce){.my-orders__row--filled-buy,.my-orders__row--filled-sell{animation:none}}.my-orders__side{font-family:var(--font-display);font-size:10px;letter-spacing:.08em;padding:2px var(--space-2);border-radius:var(--radius-sm);display:inline-block;text-align:center}.my-orders__side--buy{background:#3daa6a26;color:var(--color-success)}.my-orders__side--sell{background:#c9404026;color:var(--color-danger)}.my-orders__resource{color:var(--color-text-primary)}.my-orders__price{color:var(--color-text-secondary)}.my-orders__expiry{color:var(--color-text-secondary);font-size:11px}.my-orders__cancel{background:transparent;border:1px solid var(--color-accent-20);border-radius:var(--radius-sm);padding:4px var(--space-3);font-family:var(--font-display);font-size:10px;letter-spacing:.08em;color:var(--color-text-primary);cursor:pointer;transition:background var(--duration-120) var(--ease-out),border-color var(--duration-120) var(--ease-out)}.my-orders__cancel:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-danger)}.my-orders__cancel:disabled{opacity:.5;cursor:not-allowed}.place-order-form{background:var(--color-panel-surface);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.place-order-form__header{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-display);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.place-order-form__resource{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);text-transform:none}.place-order-form__pill{display:inline-flex;background:var(--color-panel-dark);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);padding:2px;align-self:flex-start}.place-order-form__pill-btn{background:transparent;border:none;padding:6px var(--space-4);font-family:var(--font-display);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-120) var(--ease-out),color var(--duration-120) var(--ease-out)}.place-order-form__pill-btn:hover{color:var(--color-text-primary)}.place-order-form__pill-btn--active.place-order-form__pill-btn--buy{background:var(--color-success);color:var(--color-bg)}.place-order-form__pill-btn--active.place-order-form__pill-btn--sell{background:var(--color-danger);color:var(--color-bg)}.place-order-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.place-order-form__field{display:flex;flex-direction:column;gap:var(--space-1)}.place-order-form__field-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.place-order-form__input,.place-order-form__select{background:var(--color-panel-dark);border:1px solid var(--color-accent-20);border-radius:var(--radius-sm);padding:8px var(--space-3);font-family:var(--font-mono);font-size:13px;color:var(--color-text-primary);width:100%}.place-order-form__input:focus,.place-order-form__select:focus{border-color:var(--color-accent-40)}.place-order-form__input:focus-visible,.place-order-form__select:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.place-order-form__total{background:var(--color-panel-dark);border:1px solid transparent;border-radius:var(--radius-sm);padding:8px var(--space-3);font-family:var(--font-mono);font-size:13px;color:var(--color-text-primary)}.place-order-form__hint-area{display:flex;flex-direction:column;gap:var(--space-1);font-family:var(--font-mono);font-size:11px;min-height:16px}.place-order-form__balance{color:var(--color-text-secondary)}.place-order-form__deposit-hint{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;color:var(--color-text-primary)}.place-order-form__deposit-btn{background:transparent;border:1px solid var(--color-accent-40);border-radius:var(--radius-sm);padding:4px var(--space-3);font-family:var(--font-display);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-primary);cursor:pointer;transition:background var(--duration-120) var(--ease-out),border-color var(--duration-120) var(--ease-out)}.place-order-form__deposit-btn:hover:not(:disabled){background:var(--color-accent-15);border-color:var(--color-accent)}.place-order-form__deposit-btn:disabled{opacity:.5;cursor:not-allowed}.place-order-form__warning{color:var(--color-danger)}.place-order-form__submit{margin-top:var(--space-1)}.history-tab{display:flex;flex-direction:column;gap:var(--space-4);flex:1;min-height:0;overflow-y:auto;padding-right:var(--space-2)}.history-tab__section{background:var(--color-panel-surface);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.history-tab__header{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-display);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.history-tab__meta{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);text-transform:none}.history-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:12px}.history-table thead th{text-align:left;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:500;border-bottom:1px solid var(--color-accent-20);padding:var(--space-2)}.history-table tbody td{padding:var(--space-2);border-bottom:1px solid rgba(60,125,130,.08);color:var(--color-text-primary)}.history-table__time{color:var(--color-text-secondary);font-size:11px}.history-table__qty,.history-table__price{font-family:var(--font-mono)}.history-table__role{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.history-table__role--buyer{color:var(--color-success)}.history-table__role--seller{color:var(--color-danger)}.history-table__status{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-white-06);color:var(--color-text-secondary)}.history-table__status--filled{background:#3daa6a26;color:var(--color-success)}.history-table__status--partial{background:#3c7d8226;color:var(--color-accent-hover)}.history-table__status--cancelled{background:#6e789426;color:var(--color-text-secondary)}.history-table__status--expired{background:#d9c82526;color:var(--color-alert)}@media(max-width:1023px){.commodities-tab{grid-template-columns:220px 1fr}}@media(max-width:767px){.commodities-tab{grid-template-columns:1fr}.market-resource-list{max-height:220px}.market-view__controls{width:100%;justify-content:space-between}.order-book{grid-template-columns:1fr}.my-orders__row{grid-template-columns:auto 1fr auto;grid-template-areas:"side resource cancel" "qty  price    expiry";gap:var(--space-1) var(--space-2)}.my-orders__side{grid-area:side}.my-orders__resource{grid-area:resource}.my-orders__cancel{grid-area:cancel}.my-orders__qty{grid-area:qty}.my-orders__price{grid-area:price}.my-orders__expiry{grid-area:expiry;text-align:right}.market-system-picker__select,.place-order-form__input,.place-order-form__select{font-size:16px}}.units-view{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);min-height:100%}.units-view--modal{padding:0;min-height:0;gap:var(--space-3)}.shipyard-modal{display:flex;flex-direction:column;gap:var(--space-4)}.shipyard-modal__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.shipyard-modal__yard{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.shipyard-modal__section{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-panel);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);padding:var(--space-4)}.shipyard-modal__section-header{display:flex;align-items:baseline;justify-content:space-between}.shipyard-modal__section-title{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary)}.shipyard-modal__section-count{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}.shipyard-modal__empty{font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary);padding:var(--space-3) 0}.shipyard-modal__build-list,.shipyard-modal__docked-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.shipyard-modal__build-item,.shipyard-modal__docked-item{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-panel-dark);border:1px solid var(--color-white-06);border-radius:var(--radius-sm)}.shipyard-modal__build-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent)}.shipyard-modal__build-body{display:flex;flex-direction:column;gap:2px;min-width:0}.shipyard-modal__build-name{font-family:var(--font-display);font-size:13px;letter-spacing:.04em;color:var(--color-text-primary)}.shipyard-modal__build-timer{font-family:var(--font-mono);font-size:11px}.shipyard-modal__build-cancel{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--color-white-06);color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-120) var(--ease-out),border-color var(--duration-120) var(--ease-out)}.shipyard-modal__build-cancel:hover:not(:disabled){color:var(--color-danger);border-color:var(--color-danger)}.shipyard-modal__build-cancel:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.shipyard-modal__build-cancel:disabled{opacity:.5;cursor:not-allowed}.shipyard-modal__build-item--enter{animation:shipyard-fade-in var(--duration-200) var(--ease-out)}.shipyard-modal__build-item--exit{animation:shipyard-fade-out var(--duration-160) var(--ease-in) forwards}@keyframes shipyard-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes shipyard-fade-out{0%{opacity:1}to{opacity:0}}@media(max-width:768px){.shipyard-modal__yard{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.shipyard-modal__build-item--enter,.shipyard-modal__build-item--exit{animation:none}}.units-view--empty{align-items:center;justify-content:center;flex:1}.units-view__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.units-view__title{font-family:var(--font-display);font-size:22px;letter-spacing:.04em;text-transform:uppercase;margin:0;color:var(--color-text-primary)}.units-view__sub{margin-top:var(--space-1);font-size:12px;font-family:var(--font-mono)}.units-view__filters{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3);background:var(--color-panel);border:1px solid var(--color-accent-20);border-radius:var(--radius-md)}.units-filter{display:flex;flex-direction:column;gap:4px;min-width:160px}.units-filter__label{font-family:var(--font-display);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.units-filter__select{height:32px;padding:0 8px;border-radius:var(--radius-sm);border:1px solid var(--color-accent-20);background:var(--color-panel-dark);color:var(--color-text-primary);font-family:var(--font-mono);font-size:13px}.units-filter__select:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.units-view__table-wrap{background:var(--color-panel);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);overflow-x:auto}.units-table{width:100%;border-collapse:collapse}.units-table thead th{text-align:left;font-family:var(--font-display);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);padding:var(--space-3);border-bottom:1px solid var(--color-accent-20);background:var(--color-panel-dark)}.units-table__select{width:36px}.units-table__empty{text-align:center;padding:var(--space-4);color:var(--color-text-secondary);font-size:13px}.units-row td{padding:var(--space-3);border-bottom:1px solid rgba(60,125,130,.08);vertical-align:middle}.units-row:last-child td{border-bottom:none}.units-row:hover{background:#3c7d820d}.units-row--selected{background:#3c7d821a}.units-row__select{width:36px}.units-row__unit{display:flex;align-items:center;gap:var(--space-2);min-width:180px}.units-row__icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent-15);border-radius:var(--radius-sm);color:var(--color-accent)}.units-row__unit-text{display:flex;flex-direction:column;gap:2px;min-width:0}.units-row__title{font-family:var(--font-display);font-size:13px;color:var(--color-text-primary);letter-spacing:.02em;display:flex;align-items:center;gap:var(--space-2)}.units-row__mark{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);background:var(--color-white-08);padding:1px 6px;border-radius:var(--radius-sm)}.units-row__sub{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}.units-row__link{font-family:var(--font-mono);font-size:13px;color:var(--color-accent);text-decoration:none;border-bottom:1px dashed rgba(60,125,130,.4)}.units-row__link:hover{color:var(--color-accent-hover);border-bottom-color:var(--color-accent-hover)}.units-row__dash{color:var(--color-text-secondary);font-family:var(--font-mono)}.status-chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:11px;font-family:var(--font-display);font-size:11px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.status-chip--idle{background:#6e78942e;color:#9aa3bc}.status-chip--active{background:#3daa6a2e;color:#3daa6a}.status-chip--transit{background:#3c7d8238;color:#4e9a9f}.status-chip--combat{background:#c940402e;color:#e27575}.status-chip--docked{background:#121e34d9;color:#9aa3bc;border:1px solid var(--color-accent-20)}.status-chip--building{background:#d9c8252e;color:var(--color-alert)}.units-view__bulk{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:var(--color-panel);border:1px solid var(--color-accent-40);border-radius:var(--radius-md);position:sticky;bottom:var(--space-4)}.units-view__bulk-count{font-family:var(--font-mono);font-size:13px;color:var(--color-text-primary)}.units-view__bulk-actions{display:flex;gap:var(--space-2)}.units-recall-modal .modal-card__body p{margin:0;color:var(--color-text-secondary)}.units-recall-list{margin:var(--space-2) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto}.units-recall-list li{font-family:var(--font-mono);font-size:13px;color:var(--color-text-primary);padding:6px 8px;background:var(--color-panel-dark);border-radius:var(--radius-sm)}.units-recall-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}@media(max-width:768px){.units-row__unit{min-width:140px}.units-view__bulk{flex-direction:column;align-items:stretch}.units-filter__select{font-size:16px}}.leaderboard-view{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.leaderboard-view--modal{padding:0}.leaderboard-view__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.leaderboard-view__title-row{display:flex;flex-direction:column;gap:4px}.leaderboard-view__title{font-family:var(--font-display);font-size:18px;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-primary)}.leaderboard-view__season{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary)}.leaderboard-view__season-tag{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border:1px solid var(--color-accent-20);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.leaderboard-view__season-tag--active{border-color:var(--color-accent-40);color:var(--color-accent)}.leaderboard-view__picker{font-family:var(--font-mono);font-size:12px;padding:6px 10px;background:var(--color-panel);color:var(--color-text-primary);border:1px solid var(--color-accent-20);border-radius:var(--radius-sm)}.leaderboard-view__picker:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.leaderboard-table-wrap{overflow-x:auto;border:1px solid var(--color-accent-20);border-radius:var(--radius-sm);background:var(--color-panel)}.leaderboard-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:12px}.leaderboard-table thead th{text-align:left;padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-weight:400;text-transform:uppercase;letter-spacing:.08em;font-size:10px;border-bottom:1px solid var(--color-accent-20);background:#ffffff05}.leaderboard-table tbody td{padding:var(--space-2) var(--space-3);color:var(--color-text-primary);border-bottom:1px solid rgba(255,255,255,.04)}.leaderboard-table tbody tr:last-child td{border-bottom:none}.leaderboard-table__rank{width:48px;text-align:right;color:var(--color-text-secondary)}.leaderboard-table__num{text-align:right}.leaderboard-table__empire{font-family:var(--font-display);letter-spacing:.04em}.leaderboard-table__row--viewer td{background:#4cc2ff0f;box-shadow:inset 3px 0 0 var(--color-accent)}.leaderboard-view__loading-seasons{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}@media(max-width:768px){.leaderboard-table th:nth-child(n+4),.leaderboard-table td:nth-child(n+4){display:none}}.landing-screen{position:relative;min-height:100vh;width:100%;background:var(--color-bg);overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-4);gap:var(--space-8)}.landing-screen__starfield{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;z-index:var(--z-bg);pointer-events:none}.landing__hero{position:relative;z-index:var(--z-content);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6);max-width:640px;padding:var(--space-8) var(--space-4)}.landing__hero-logo{display:flex;align-items:center;justify-content:center;height:96px}.landing__title-wrap{display:inline-flex;align-items:center;gap:var(--space-3)}.landing__title{font-family:var(--font-display);font-size:40px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-primary);margin:0}.landing__tagline{font-family:var(--font-mono);font-size:14px;letter-spacing:.04em;color:var(--color-accent);text-transform:uppercase;max-width:480px;margin:0}.landing__pitch{font-family:var(--font-mono);font-size:13px;line-height:1.65;color:var(--color-text-secondary);max-width:560px;margin:0}.landing__cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin-top:var(--space-2)}.landing__cta-row .btn{min-width:200px}.landing__features{position:relative;z-index:var(--z-content);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5);width:100%;max-width:960px}.landing__feature{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-panel-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-accent-40);border-radius:var(--radius-md);transition:border-color var(--duration-160) var(--ease-out),transform var(--duration-160) var(--ease-out)}.landing__feature:hover{border-color:var(--color-accent-hover);transform:translateY(-2px)}.landing__feature-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-accent)}.landing__feature-heading{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-primary);margin:0}.landing__feature-body{font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--color-text-secondary);margin:0}.landing__footer{position:relative;z-index:var(--z-content);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);text-align:center;margin-top:var(--space-4)}@media(max-width:600px){.landing__title{font-size:28px}.landing__title-wrap{gap:var(--space-2)}.landing__hero{padding:var(--space-6) var(--space-2);gap:var(--space-5)}.landing__hero-logo{height:72px}.landing__cta-row .btn{min-width:0;width:100%}}@media(prefers-reduced-motion:reduce){.landing__feature{backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}.landing__feature:hover{transform:none}}.auth-screen{position:relative;width:100%;height:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);overflow-y:auto;padding:var(--space-6) var(--space-4)}.auth-screen__starfield{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;z-index:var(--z-bg);pointer-events:none}.auth-card{position:relative;z-index:var(--z-content);width:100%;max-width:420px;padding:var(--space-8) var(--space-6);background:var(--color-panel-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-accent-40);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-5);box-shadow:0 8px 32px #00000073}.auth-card__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.auth-card__logo{display:flex;align-items:center;justify-content:center;height:72px}.auth-card__title{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-primary)}.auth-card__subtitle{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--color-text-secondary)}.auth-card__form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-card__divider{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.auth-card__divider:before,.auth-card__divider:after{content:"";flex:1;height:1px;background:var(--color-accent-20)}.auth-card__footer{text-align:center;font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary)}.auth-card__footer a{color:var(--color-accent);font-weight:500}.auth-card__footer a:hover{color:var(--color-accent-hover);text-decoration:underline}.auth-card__error{padding:var(--space-3) var(--space-4);border:1px solid var(--color-danger);background:#c940401f;border-radius:var(--radius-sm);color:var(--color-danger);font-family:var(--font-mono);font-size:12px}.auth-card__success{padding:var(--space-4);border:1px solid var(--color-success);background:#3daa6a1f;border-radius:var(--radius-md);color:var(--color-success);font-family:var(--font-mono);font-size:12px;text-align:center}.password-strength{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1);margin-top:4px}.password-strength__bar{height:3px;border-radius:2px;background:var(--color-white-08);transition:background var(--duration-120) var(--ease-out)}.password-strength__bar--filled-1{background:var(--color-danger)}.password-strength__bar--filled-2{background:var(--color-alert)}.password-strength__bar--filled-3{background:var(--color-accent-hover)}.password-strength__bar--filled-4{background:var(--color-success)}.auth-checkbox{display:flex;align-items:flex-start;gap:var(--space-2);font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary);cursor:pointer}.auth-checkbox input{margin-top:2px;accent-color:var(--color-accent)}.auth-checkbox a{color:var(--color-accent)}@media(prefers-reduced-motion:reduce){.auth-card{backdrop-filter:none;-webkit-backdrop-filter:none}}.planet-view{position:relative;width:100%;height:100%;display:flex;flex-direction:column;padding:var(--space-4) var(--space-6);gap:var(--space-4);overflow:auto}.planet-view__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.planet-view__title{display:block;color:var(--color-text-primary);letter-spacing:.05em}.planet-view__subtitle{display:block;color:var(--color-text-secondary);margin-top:var(--space-1);text-transform:capitalize}.planet-view__meta{color:var(--color-text-secondary);letter-spacing:.06em;text-transform:uppercase}.planet-view__hud{display:flex;flex-direction:column;gap:var(--space-3)}.planet-view__main{min-height:0;min-width:0}.planet-3d-canvas{position:relative;width:100%;min-height:480px;aspect-ratio:16 / 9;max-height:70vh;background:var(--color-panel-dark);border:1px solid var(--color-accent-20);border-radius:var(--radius-md, 6px);overflow:hidden;touch-action:none}.planet-3d-canvas canvas{display:block;width:100%!important;height:100%!important;outline:none}.planet-3d-canvas--loading{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, #6c7a8a);font-family:var(--font-mono, monospace);font-size:12px;letter-spacing:.04em}.planet-3d-timer{pointer-events:none;transform:translate(-50%,-50%)}.planet-3d-level{pointer-events:none;transform:translate(-50%,-50%);padding:2px 6px;background:var(--color-panel-dark);border:1px solid var(--color-accent-20);border-radius:3px;color:var(--color-accent);font-family:var(--font-mono, monospace);font-size:10px;letter-spacing:.06em;white-space:nowrap}.resource-bar{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:var(--space-2);width:100%;max-width:1080px;align-self:flex-start}.resource-chip{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);background:var(--color-panel-dark);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);white-space:nowrap;transition:border-color var(--duration-120) var(--ease-out),background var(--duration-120) var(--ease-out)}.resource-chip:hover{border-color:var(--color-accent-40)}.resource-chip__head:focus-visible,.resource-chip:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){.resource-chip{transition:none}}.resource-chip__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent)}.resource-chip__label{font-family:var(--font-display);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.resource-chip__value{font-family:var(--font-mono);font-size:13px;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.resource-chip__rate{font-family:var(--font-mono);font-size:11px;color:var(--color-accent);letter-spacing:.02em}.resource-chip--wallet .resource-chip__icon{color:var(--color-alert)}.resource-chip--group{padding:0}.resource-chip--group .resource-chip__head{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:inherit}.resource-chip__caret{display:inline-flex;align-items:center;color:var(--color-text-secondary);transition:transform var(--duration-160) var(--ease-out)}@media(prefers-reduced-motion:reduce){.resource-chip__caret{transition:none}}.resource-chip--expanded{border-color:var(--color-accent)}.resource-chip--expanded .resource-chip__caret{transform:rotate(180deg);color:var(--color-accent)}.resource-chip__popover{position:absolute;top:calc(100% + 6px);left:0;min-width:360px;max-width:520px;display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:var(--space-3) var(--space-4);padding:var(--space-4);background:var(--color-panel);border:1px solid var(--color-accent-40);border-radius:var(--radius-md);box-shadow:0 12px 32px #00000080;z-index:var(--z-overlays)}.planet-view--mobile{padding:var(--space-3) var(--space-3)}.planet-view--mobile .planet-view__main{padding:var(--space-2)}.planet-view--mobile .resource-bar{gap:6px}.planet-view--mobile .resource-chip,.planet-view--mobile .resource-chip--group .resource-chip__head{padding:4px var(--space-2)}.planet-view--mobile .resource-chip__popover{position:fixed;left:var(--space-3);right:var(--space-3);top:auto;bottom:calc(var(--bottomnav-height) + var(--space-3));min-width:0;max-width:none;grid-template-columns:1fr}.detail-panel{position:absolute;top:0;right:0;width:var(--detail-panel-width);max-width:100vw;height:100%;background:var(--color-panel);border-left:1px solid var(--color-accent-20);box-shadow:-16px 0 32px #0006;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-200) var(--ease-out);z-index:var(--z-panels);pointer-events:none}.detail-panel--open{transform:translate(0);pointer-events:auto}.detail-panel--closing{transform:translate(100%);transition:transform var(--duration-160) var(--ease-in);pointer-events:none}@media(prefers-reduced-motion:reduce){.detail-panel,.detail-panel--closing{transition:none}}.detail-panel--asteroid{top:calc(var(--deployments-bottom, 0px) + var(--space-3));right:var(--space-3);width:264px;height:auto;bottom:var(--space-3);max-width:calc(100vw - var(--space-6));border:1px solid var(--color-accent-20);border-radius:var(--radius-md)}.detail-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-accent-20);min-height:44px}.detail-panel__title{font-family:var(--font-display);font-size:12px;font-weight:500;color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase}.detail-panel__close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:background var(--duration-120) var(--ease-out),color var(--duration-120) var(--ease-out)}.detail-panel__close:hover{color:var(--color-text-primary);background:var(--color-white-08)}.detail-panel__close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(max-width:768px){.detail-panel__close{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.detail-panel__close{transition:none}}.detail-panel__body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-4)}.bottom-sheet__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-scrim);opacity:0;pointer-events:none;transition:opacity var(--duration-200) var(--ease-out);z-index:var(--z-overlays)}.bottom-sheet__scrim--open{opacity:1;pointer-events:auto}.bottom-sheet__scrim--elevated,.bottom-sheet--elevated{z-index:var(--z-modal-stacked)}.bottom-sheet__scrim--closing{opacity:0;transition:opacity var(--duration-160) var(--ease-in)}.bottom-sheet{position:absolute;left:0;right:0;bottom:0;max-height:75%;background:var(--color-panel);border-top:1px solid var(--color-accent-20);border-radius:16px 16px 0 0;box-shadow:0 -12px 32px #00000080;display:flex;flex-direction:column;transform:translateY(100%);transition:transform var(--duration-200) var(--ease-out);z-index:var(--z-overlays);pointer-events:none}.bottom-sheet--open{transform:translateY(0);pointer-events:auto}.bottom-sheet--closing{transform:translateY(100%);transition:transform var(--duration-160) var(--ease-in);pointer-events:none}@media(prefers-reduced-motion:reduce){.bottom-sheet,.bottom-sheet--closing,.bottom-sheet__scrim,.bottom-sheet__scrim--closing{transition:none}}.bottom-sheet__handle{width:36px;height:4px;border-radius:2px;background:var(--color-text-secondary);opacity:.4;margin:var(--space-2) auto var(--space-1)}.bottom-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4) var(--space-3)}.bottom-sheet__title{font-family:var(--font-display);font-size:12px;font-weight:500;color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase}.bottom-sheet__close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:background var(--duration-120) var(--ease-out),color var(--duration-120) var(--ease-out)}.bottom-sheet__close:hover{color:var(--color-text-primary);background:var(--color-white-08)}.bottom-sheet__close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){.bottom-sheet__close{transition:none}}.bottom-sheet__body{flex:1;overflow-y:auto;padding:0 var(--space-4) var(--space-5)}.building-detail{display:flex;flex-direction:column;gap:var(--space-4)}.building-detail__head{display:flex;gap:var(--space-3);align-items:flex-start}.building-detail__icon{flex-shrink:0;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-panel-dark);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);color:var(--color-accent)}.building-detail__name{color:var(--color-text-primary)}.building-detail__level{color:var(--color-text-secondary);margin-top:var(--space-1)}.building-detail__blurb{color:var(--color-text-secondary)}.building-detail__construction{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);background:var(--color-panel-dark)}.building-detail__section{display:flex;flex-direction:column;gap:var(--space-2)}.building-detail__section-label{font-family:var(--font-display);font-size:12px;font-weight:500;color:var(--color-text-secondary);letter-spacing:.06em;text-transform:uppercase}.building-detail__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.building-detail__row{display:flex;align-items:baseline;justify-content:space-between;font-family:var(--font-display);font-size:13px;color:var(--color-text-primary)}.building-detail__value{font-family:var(--font-mono);font-size:13px;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.building-detail__actions{margin-top:var(--space-2)}.resource-chip--drones .resource-chip__icon{color:var(--color-accent)}.queue-panel{flex-shrink:0;width:280px;display:flex;flex-direction:column;background:var(--color-panel);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--duration-160) var(--ease-out)}.queue-panel--full{border-color:var(--color-alert)}@media(prefers-reduced-motion:reduce){.queue-panel{transition:none}}.queue-panel__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-panel-dark);border-bottom:1px solid var(--color-accent-20)}.queue-panel--full .queue-panel__header{border-bottom-color:var(--color-alert)}.queue-panel__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent)}.queue-panel--full .queue-panel__icon{color:var(--color-alert)}.queue-panel__label{flex:1;font-family:var(--font-display);font-size:12px;font-weight:500;color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase}.queue-panel__indicator{font-family:var(--font-mono);font-size:13px;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.queue-panel--full .queue-panel__indicator{color:var(--color-alert)}.queue-panel__body{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.queue-panel__error{font-family:var(--font-mono);font-size:11px;color:var(--color-danger);padding:6px var(--space-2);border:1px solid var(--color-danger);border-radius:var(--radius-sm);background:#c9404014}.queue-panel__empty{padding:var(--space-4) var(--space-2);text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);letter-spacing:.04em;line-height:1.5}.queue-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.queue-panel__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-panel-dark);border:1px solid var(--color-accent-20);border-radius:var(--radius-md)}.queue-panel__item--enter{animation:queue-item-in var(--duration-160) var(--ease-out)}.queue-panel__item--exit{animation:queue-item-out var(--duration-200) var(--ease-in) forwards}@keyframes queue-item-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes queue-item-out{0%{opacity:1;max-height:60px;transform:translate(0);margin-top:0;padding-top:var(--space-2);padding-bottom:var(--space-2);border-width:1px}to{opacity:0;max-height:0;transform:translate(-20px);margin-top:0;padding-top:0;padding-bottom:0;border-width:0}}@media(prefers-reduced-motion:reduce){.queue-panel__item--enter,.queue-panel__item--exit{animation:none}.queue-panel__item--exit{display:none}}.queue-panel__item-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0}.queue-panel__item-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.queue-panel__item-name{font-family:var(--font-display);font-size:12px;font-weight:500;color:var(--color-text-primary);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-panel__item-timer{display:inline-flex}.queue-panel__cancel{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:transparent;border:1px solid var(--color-accent-20);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:background var(--duration-120) var(--ease-out),color var(--duration-120) var(--ease-out),border-color var(--duration-120) var(--ease-out)}.queue-panel__cancel:hover:not(:disabled){color:var(--color-danger);border-color:var(--color-danger);background:#c9404014}.queue-panel__cancel:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){.queue-panel__cancel{transition:none}.queue-panel__spinner{animation:none}}.queue-panel__cancel:disabled{opacity:.6;cursor:progress}.queue-panel__spinner{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--color-accent-20);border-top-color:var(--color-accent);animation:queue-spin .6s linear infinite}@keyframes queue-spin{to{transform:rotate(360deg)}}.picker{display:flex;flex-direction:column;gap:var(--space-3)}.picker__error{font-family:var(--font-mono);font-size:12px;color:var(--color-danger);padding:var(--space-2) var(--space-3);border:1px solid var(--color-danger);border-radius:var(--radius-sm);background:#c9404014}.picker__empty{padding:var(--space-6);text-align:center;font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary)}.picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.picker-card{display:flex;flex-direction:column;gap:6px;padding:var(--space-3);text-align:left;background:var(--color-panel);border:1px solid var(--color-accent-20);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--duration-120) var(--ease-out),transform var(--duration-80) var(--ease-out)}.picker-card:hover:not(:disabled){border-color:var(--color-accent)}.picker-card:active:not(:disabled){transform:scale(.98)}.picker-card:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){.picker-card{transition:none}.picker-card:active:not(:disabled){transform:none}}.picker-card:disabled,.picker-card--disabled{opacity:.5;cursor:not-allowed}.picker-card__head{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-accent)}.picker-card__title{font-family:var(--font-display);font-size:13px;font-weight:500;color:var(--color-text-primary);letter-spacing:.04em}.picker-card__blurb{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);line-height:1.4}.picker-card__meta{display:inline-flex;align-items:center;gap:var(--space-2)}.picker-card__time{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-panel-dark)}.picker-card__costs{display:flex;flex-wrap:wrap;gap:6px}.picker-card__cost{font-family:var(--font-mono);font-size:11px;color:var(--color-text-primary);padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-panel-dark)}.picker-card__cost--short{color:var(--color-danger)}.picker-card__cost--free{color:var(--color-success)}.picker-card__produces{display:flex;flex-wrap:wrap;gap:var(--space-2);font-family:var(--font-mono);font-size:11px;color:var(--color-success)}.picker-card__unlocks{font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;color:var(--color-accent-hover);background:var(--color-accent-15);padding:2px var(--space-2);border-radius:var(--radius-sm);align-self:flex-start}.planet-view__queues{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}@media(min-width:768px){.planet-view{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;overflow:hidden;display:block}.planet-view__main{position:absolute;top:0;right:0;bottom:0;left:0}.planet-3d-canvas{height:100%;min-height:0;aspect-ratio:auto;max-height:none;border:none;border-radius:0}.planet-view__hud{position:absolute;top:var(--space-3);left:var(--space-3);right:calc(280px + var(--space-6));z-index:var(--z-panels);pointer-events:none;flex-direction:row;align-items:flex-start;gap:var(--space-3)}.planet-view__head{pointer-events:auto;flex:0 0 auto;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:#121e34d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-accent-20);border-radius:var(--radius-md)}.resource-bar{justify-content:flex-start;width:auto;max-width:none;flex:1 1 auto;min-width:0;align-self:center;pointer-events:none}.resource-bar>*{pointer-events:auto}.resource-chip{background:#080e1cbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.planet-view__queues{position:absolute;top:var(--space-3);right:var(--space-3);z-index:var(--z-panels);width:280px;max-height:calc(100% - var(--space-3) * 2)}.queue-panel{background:#121e34eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 28px #00000073;min-height:0}.detail-panel--glass{background:#121e34eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@media(max-width:767px){.planet-view__head{gap:var(--space-2)}.planet-view__main{max-width:100%;flex:1 1 auto}.planet-view__queues{flex:0 0 auto;width:100%}.queue-panel{width:100%;max-height:240px}.picker__grid{grid-template-columns:1fr}}