.game-icon{display:inline-block;object-fit:contain;border-radius:var(--radius-sm);vertical-align:middle}.game-icon-placeholder{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px dashed;font-weight:700;flex-shrink:0;vertical-align:middle}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#020616c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:welcome-fade-in .25s ease-out}@keyframes welcome-fade-in{0%{opacity:0}to{opacity:1}}.welcome-panel{position:relative;width:min(520px,100%);max-height:calc(100vh - 2rem);overflow-y:auto;padding:1.5rem 1.75rem;background:linear-gradient(rgba(96,165,250,.03) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(90deg,rgba(96,165,250,.03) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(145deg,#0f1630fa,#0a1024fc);border:1px solid rgba(96,165,250,.35);border-radius:4px;box-shadow:0 0 0 1px #60a5fa14 inset,0 0 40px #60a5fa2e,0 12px 40px #000000a6;color:#dbeafe;animation:welcome-slide-in .3s ease-out}@keyframes welcome-slide-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.welcome-corner{position:absolute;width:18px;height:18px;pointer-events:none}.welcome-corner-tl{top:-1px;left:-1px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}.welcome-corner-tr{top:-1px;right:-1px;border-top:2px solid var(--accent);border-right:2px solid var(--accent)}.welcome-corner-bl{bottom:-1px;left:-1px;border-bottom:2px solid var(--accent);border-left:2px solid var(--accent)}.welcome-corner-br{bottom:-1px;right:-1px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}.welcome-title{margin:0 0 .5rem;color:var(--accent);font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 12px rgba(96,165,250,.5)}.welcome-intro{margin:0 0 1rem;font-size:.8rem;color:var(--text-secondary);line-height:1.5}.welcome-steps{list-style:none;margin:0 0 1.25rem;padding:0;display:flex;flex-direction:column;gap:.65rem}.welcome-steps li{display:flex;gap:.7rem;align-items:flex-start;font-size:.78rem;line-height:1.45;color:#dbeafe}.welcome-steps li strong{color:#fff;font-weight:600}.welcome-step-num{flex:0 0 1.4rem;height:1.4rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(96,165,250,.5);border-radius:2px;background:#60a5fa14;color:var(--accent);font-size:.72rem;font-weight:700;font-family:ui-monospace,SF Mono,Menlo,monospace;box-shadow:0 0 8px #60a5fa33 inset}.welcome-footer{margin:0 0 1.1rem;font-size:.7rem;color:var(--text-secondary);font-style:italic}.welcome-dismiss{display:block;width:100%;padding:.55rem;border:1px solid rgba(96,165,250,.5);border-radius:2px;background:linear-gradient(135deg,#3b82f64d,#2563eb40);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 6px rgba(96,165,250,.5);cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.welcome-dismiss:hover{transform:translateY(-1px);box-shadow:0 0 18px #60a5fa73;background:linear-gradient(135deg,#3b82f673,#2563eb66)}.welcome-dismiss:active{transform:translateY(0)}.admin-layout{min-height:100vh;display:flex;flex-direction:column}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.admin-title{color:var(--accent);font-size:1.1rem;font-weight:700;text-decoration:none}.admin-header-right{display:flex;align-items:center;gap:.75rem}.admin-back-link{color:var(--text-secondary);text-decoration:none;font-size:.85rem}.admin-back-link:hover{color:var(--accent)}.admin-username{color:var(--text-secondary);font-size:.85rem}.admin-body{display:flex;flex:1}.admin-nav{display:flex;flex-direction:column;width:180px;background:var(--bg-secondary);border-right:1px solid var(--border);padding:.5rem 0}.admin-nav-link{padding:.6rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:all .15s}.admin-nav-link:hover{color:var(--text-primary);background:var(--accent-bg)}.admin-nav-link.active{color:var(--accent);background:var(--accent-bg-medium);border-left:3px solid var(--accent)}.admin-content{flex:1;padding:1.5rem;overflow-y:auto;max-height:calc(100vh - 50px)}.admin-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:1rem}.admin-table{width:100%;border-collapse:collapse;font-size:.82rem;white-space:nowrap}.admin-table th,.admin-table td{padding:.55rem .7rem;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{color:var(--text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary);position:sticky;top:0;z-index:1}.admin-table tbody tr{transition:background .1s}.admin-table tbody tr:hover{background:var(--accent-bg-light)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table td code{font-size:.72rem;padding:.1rem .3rem;background:var(--overlay-subtle);border-radius:3px;color:var(--text-secondary)}.admin-table .actions-cell{display:flex;gap:.3rem;align-items:center}.admin-table .cell-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.game-events-filter-grid{grid-template-columns:1fr 1fr!important}.game-events-filter-grid>button{grid-column:1 / -1}}@media(max-width:520px){.game-events-filter-grid{grid-template-columns:1fr!important}}.admin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem}.admin-card h3{margin-bottom:.75rem;font-size:.9rem;color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.25rem}.stat-card .stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.admin-form{display:flex;flex-direction:column;gap:.75rem;max-width:500px}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select,.form-group textarea{padding:.5rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.85rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.btn-primary{padding:.5rem 1rem;border-radius:var(--radius-sm);border:none;background:var(--accent);color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .15s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--error);background:transparent;color:var(--error);cursor:pointer;font-size:.85rem;transition:all .15s}.btn-danger:hover{background:var(--error);color:#fff}.btn-sm{padding:.3rem .6rem;font-size:.75rem}.admin-btn{padding:.45rem .9rem;border-radius:5px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;transition:all .15s}.admin-btn:hover{border-color:var(--accent);color:var(--accent)}.admin-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.admin-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.admin-btn-sm{padding:.25rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:.72rem;font-weight:500;transition:all .15s}.admin-btn-sm:hover{border-color:var(--accent);color:var(--accent)}.admin-btn-sm.danger{border-color:#ef444466;color:var(--danger)}.admin-btn-sm.danger:hover{background:var(--danger-bg-medium);border-color:var(--danger)}.admin-label{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.15rem;margin-top:.35rem}.admin-input{width:100%;padding:.3rem .45rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.78rem;box-sizing:border-box;transition:border-color .15s}.admin-input.invalid{border-color:var(--danger, #ef4444);background:#ef44440d}.settings-field-error{display:block;font-size:.65rem;color:var(--danger, #ef4444);margin-top:.15rem}.admin-input:focus{outline:none;border-color:var(--accent)}select.admin-input{cursor:pointer}textarea.admin-input{resize:vertical;font-family:inherit}.admin-actions{display:flex;gap:.5rem;margin-bottom:1rem}.modal-overlay,.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060fb8;display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal,.admin-modal{position:relative;background:linear-gradient(var(--accent),var(--accent)) left top / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left top / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 2px 16px no-repeat,linear-gradient(rgba(96,165,250,.04) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,rgba(96,165,250,.04) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(145deg,#0f1630f2,#0a1024f7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(96,165,250,.35);border-radius:4px;padding:1.25rem 1.35rem 0;min-width:min(400px,calc(100vw - 2rem));max-width:min(90vw,720px);max-height:85vh;overflow-y:auto;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word;box-shadow:0 0 0 1px #60a5fa14 inset,0 0 40px #60a5fa2e,0 12px 40px #000000a6;scrollbar-width:thin;scrollbar-color:rgba(96,165,250,.45) transparent}.modal::-webkit-scrollbar,.admin-modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-track,.admin-modal::-webkit-scrollbar-track{background:transparent}.modal::-webkit-scrollbar-thumb,.admin-modal::-webkit-scrollbar-thumb{background:#60a5fa47;border-radius:3px}.modal::-webkit-scrollbar-thumb:hover,.admin-modal::-webkit-scrollbar-thumb:hover{background:#60a5fa8c}.modal h2,.admin-modal h3{margin-bottom:.75rem;font-size:.9rem;color:var(--accent);text-transform:uppercase;letter-spacing:.2em;padding-bottom:.55rem;border-bottom:1px solid rgba(96,165,250,.18);text-shadow:0 0 8px rgba(96,165,250,.35);position:relative;z-index:1}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;position:sticky;bottom:0;margin:1rem -1.35rem 0;padding:.75rem 1.35rem;background:linear-gradient(180deg,#0a1024bf,#0a1024fa 40%);border-top:1px solid rgba(96,165,250,.18);z-index:2;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.admin-content .badge{text-transform:uppercase}.badge-admin{background:#ef444433;color:var(--danger)}.badge-moderator{background:#eab30833;color:var(--warning)}.badge-user{background:var(--accent-bg-strong);color:var(--accent)}.badge-active{background:#22c55e33;color:var(--success)}.badge-inactive{background:#ef444433;color:var(--danger)}.badge-override{background:#eab30833;color:var(--warning)}.config-editor-grid{display:grid;grid-template-columns:200px 1fr;gap:.5rem;align-items:center;font-size:.85rem}.config-editor-grid .config-label{color:var(--text-secondary);font-size:.8rem}.config-editor-grid input{padding:.35rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;width:100%}.config-editor-grid input:focus{outline:none;border-color:var(--accent)}.config-editor-grid input.overridden{border-color:var(--warning)}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.75rem}.admin-page-header h2{font-size:1.15rem;font-weight:700;margin:0}.filter-bar{display:flex;gap:.5rem;margin-bottom:1rem;align-items:center;flex-wrap:wrap}.filter-bar select,.filter-bar input{padding:.4rem .55rem;border-radius:5px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.82rem;cursor:pointer}.filter-bar select:focus,.filter-bar input:focus{outline:none;border-color:var(--accent)}.universe-settings-page{max-width:720px}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.25rem;margin-bottom:.75rem}.settings-section.danger{border-color:#ef444440}.settings-section-header{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:.75rem}.settings-section-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:0;cursor:pointer;text-align:left}.settings-toggle-hint{font-size:.72rem;color:var(--text-secondary);font-weight:400;letter-spacing:normal;text-transform:none}.settings-section-body{margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--border)}.settings-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .6rem}.settings-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem .6rem}.settings-field{display:flex;flex-direction:column;gap:.15rem}.settings-field .admin-label{margin:0}.settings-speed-input{display:flex;align-items:center;gap:0;position:relative}.settings-speed-input .admin-input{padding-right:1.8rem}.settings-speed-suffix{position:absolute;right:.6rem;font-size:.8rem;font-weight:600;color:var(--text-secondary);pointer-events:none}.settings-hint{font-size:.65rem;color:var(--text-secondary);margin-top:.1rem}.balance-mechanic-desc{background:#3b82f60f;border-left:3px solid var(--accent);padding:8px 12px;margin-bottom:16px;font-size:13px;color:var(--text-secondary);line-height:1.5;border-radius:0 4px 4px 0}.balance-enabled-toggle{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;background:var(--card-bg);border-radius:6px}.balance-enabled-toggle input[type=checkbox]{width:18px;height:18px}.balance-enabled-toggle label{font-size:14px;font-weight:500}.settings-tooltip-wrap{position:relative;display:inline-flex;margin-left:6px}.settings-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#3b82f633;color:var(--accent);font-size:11px;font-weight:700;cursor:help}.settings-tooltip-icon:hover{background:#3b82f666}.settings-tooltip-box{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1a1a2e;border:1px solid rgba(59,130,246,.3);color:#e0e0e0;padding:8px 12px;border-radius:6px;font-size:12px;line-height:1.5;white-space:pre-line;min-width:200px;max-width:320px;z-index:100;box-shadow:0 4px 16px #0006;pointer-events:none}.settings-summary{margin-top:.6rem;padding:.4rem .6rem;font-size:.78rem;color:var(--text-secondary);background:var(--accent-bg-subtle);border-radius:var(--radius-sm);border-left:2px solid var(--accent)}.settings-summary strong{color:var(--accent)}.settings-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--border);margin-bottom:.5rem}.settings-tabs-primary{font-weight:600}.settings-tabs-secondary{padding-left:.25rem;margin-top:-.25rem;margin-bottom:.6rem;gap:0;background:#ffffff05;border:1px solid var(--border);border-top:none;border-radius:0 0 4px 4px}.settings-tab{padding:.3rem .65rem;border:none;background:none;cursor:pointer;font-size:.72rem;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .15s}.settings-tab:hover{color:var(--text-primary)}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.settings-tab-sub{font-size:.68rem;padding:.25rem .55rem;text-transform:uppercase;letter-spacing:.03em}.settings-tab-sub.active{background:#60a5fa1a}.settings-tab-content{min-height:80px}.settings-toast{padding:.35rem .7rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:500;animation:toast-in .2s ease}.settings-toast.success{background:#22c55e1f;color:var(--success)}.settings-toast.error{background:#ef44441f;color:var(--danger)}.settings-toast.inline{display:inline-block;margin-bottom:.5rem}@keyframes toast-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.start-list-row{display:flex;gap:.4rem;align-items:center;margin-bottom:.4rem;flex-wrap:wrap}.start-list-num{display:flex;align-items:center;gap:.25rem}.start-list-label{font-size:.68rem;color:var(--text-secondary);white-space:nowrap}.settings-checkboxes{display:flex;flex-direction:column;gap:.4rem;padding:.5rem 0}.settings-checkbox-label{display:flex;align-items:center;gap:.4rem;font-size:.82rem;cursor:pointer;color:var(--text-primary)}.settings-checkbox-label input[type=checkbox]{accent-color:var(--accent)}@media(max-width:480px){.settings-grid-2,.settings-grid-3{grid-template-columns:1fr}.settings-tabs{overflow-x:auto;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{white-space:nowrap;flex-shrink:0}}.admin-universe-layout{display:flex;flex-direction:column;height:100%}.admin-universe-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.admin-universe-name{font-size:1.1rem;display:flex;align-items:center}.admin-universe-body{display:flex;flex:1;gap:0}.admin-universe-nav{display:flex;flex-direction:column;width:160px;border-right:1px solid var(--border);padding-right:0;flex-shrink:0}.admin-universe-content{flex:1;padding-left:1.5rem;overflow-y:auto}@media(max-width:768px){.admin-header{padding:.4rem .6rem;gap:.5rem}.admin-title{font-size:.95rem}.admin-body{flex-direction:column}.admin-nav{width:100%;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-right:none;border-bottom:1px solid var(--border)}.admin-nav::-webkit-scrollbar{display:none}.admin-nav-link{white-space:nowrap;flex-shrink:0;padding:.5rem .75rem;font-size:.8rem}.admin-nav-link.active{border-left:none;border-bottom:2px solid var(--accent)}.admin-content{max-height:none;padding:1rem .75rem}.modal{min-width:auto;margin:.75rem;padding:1rem}.admin-form{max-width:100%}.admin-universe-header{flex-wrap:wrap;gap:.5rem}.admin-universe-body{flex-direction:column}.admin-universe-nav{width:100%;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-right:none;border-bottom:1px solid var(--border);padding-right:0;margin-bottom:.75rem}.admin-universe-nav::-webkit-scrollbar{display:none}.admin-universe-nav .admin-nav-link{font-size:.75rem;padding:.45rem .6rem}.admin-universe-content{padding-left:0}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:.4rem .5rem}.stats-grid{grid-template-columns:1fr;gap:.75rem}.config-editor-grid{grid-template-columns:1fr;gap:.35rem}}.formulas-page{max-width:1200px}.formulas-subtitle{color:var(--text-secondary);font-size:.85rem;margin-bottom:1.5rem;line-height:1.4}.formula-category{margin-bottom:2rem}.formula-category-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.formula-cards{display:flex;flex-direction:column;gap:1rem}.formula-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.25rem;transition:border-color .2s}.formula-card.modified{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-bg-medium)}.formula-card-header{margin-bottom:.75rem}.formula-card-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.formula-card-desc{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:.2rem}.formula-template-selector{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.formula-template-btn{flex:1;min-width:140px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;text-align:left;transition:all .15s;display:flex;flex-direction:column;gap:.15rem}.formula-template-btn:hover{border-color:var(--accent);color:var(--text-primary)}.formula-template-btn.active{border-color:var(--accent);background:var(--accent-bg);color:var(--text-primary)}.formula-template-name{font-size:.8rem;font-weight:600}.formula-template-expr{font-size:.7rem;font-family:JetBrains Mono,Fira Code,monospace;opacity:.7}.formula-template-info{font-size:.78rem;color:var(--text-secondary);padding:.4rem .6rem;background:var(--card-bg);border-radius:var(--radius-sm);margin-bottom:.75rem;border-left:2px solid var(--accent)}.formula-preview{overflow-x:auto;margin-bottom:.75rem}.formula-preview-table{width:100%;border-collapse:collapse;font-size:.75rem;white-space:nowrap}.formula-preview-table th{padding:.3rem .5rem;text-align:right;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border)}.formula-preview-table th:first-child{text-align:left}.formula-preview-table td{padding:.3rem .5rem;text-align:right;font-family:JetBrains Mono,Fira Code,monospace}.formula-preview-table td:first-child{text-align:left}.preview-row-active td{color:var(--accent);font-weight:600}.preview-row-compare td{color:var(--text-secondary);opacity:.6;font-size:.7rem}.preview-label{font-family:inherit!important;font-weight:500!important;font-size:.72rem!important}.formula-card-actions{display:flex;gap:.5rem;align-items:center}.custom-params-panel{background:#ffffff05;border:1px solid var(--border);border-radius:6px;padding:.75rem;margin-bottom:.75rem;display:flex;flex-direction:column;gap:.6rem}.custom-params-row{display:flex;align-items:center;gap:.75rem}.custom-param-label{min-width:130px;font-size:.78rem;font-weight:500;color:var(--text-primary);display:flex;flex-direction:column}.custom-param-hint{font-size:.65rem;color:var(--text-secondary);font-weight:400}.custom-param-control{flex:1;display:flex;align-items:center;gap:.5rem}.custom-param-control input[type=range]{flex:1;accent-color:var(--accent);height:4px}.custom-param-input{width:60px;padding:.25rem .4rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.78rem;font-family:JetBrains Mono,Fira Code,monospace;text-align:center}.custom-expression{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:var(--accent);padding:.3rem .5rem;background:var(--accent-bg-light);border-radius:var(--radius-sm);text-align:center;border-left:2px solid var(--accent)}.modal-tabs{display:flex;gap:.2rem;margin-bottom:1rem;border-bottom:1px solid var(--border);padding-bottom:.5rem;flex-wrap:wrap}.modal-tab{padding:.35rem .75rem;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.78rem;border-radius:6px 6px 0 0;transition:all .15s}.modal-tab:hover{color:var(--text-primary)}.modal-tab.active{color:var(--accent);border-color:var(--accent);background:#3b82f614;border-bottom-color:transparent}@media(max-width:480px){.formula-template-selector{flex-direction:column}.formula-template-btn{min-width:unset}.formula-preview-table{font-size:.65rem}.formula-preview-table th,.formula-preview-table td{padding:.25rem .35rem}.custom-params-row{flex-direction:column;align-items:flex-start;gap:.3rem}.custom-param-label{min-width:unset}.custom-param-control{width:100%}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:22px}@media(max-width:1023px){html{font-size:20px}}@media(max-width:767px){html{font-size:18px}}@media(max-width:479px){html{font-size:16px}}@media(max-width:359px){html{font-size:14.5px}}html,body{overflow-x:hidden;max-width:100vw}select option{background:#0f1628;color:#dbeafe}select option:checked,select option:hover{background:#3b82f673;color:#fff}select option:disabled{color:#94a3b880}:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-card: #1a2332;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--error: #ef4444;--border: #2d3748;--warning: #eab308;--success: #22c55e;--danger: #ef4444;--accent-bg-subtle: rgba(59, 130, 246, .04);--accent-bg-light: rgba(59, 130, 246, .06);--accent-bg: rgba(59, 130, 246, .1);--accent-bg-medium: rgba(59, 130, 246, .15);--accent-bg-strong: rgba(59, 130, 246, .2);--success-bg: rgba(34, 197, 94, .1);--success-bg-medium: rgba(34, 197, 94, .15);--warning-bg: rgba(234, 179, 8, .1);--danger-bg: rgba(239, 68, 68, .1);--danger-bg-medium: rgba(239, 68, 68, .15);--overlay-subtle: rgba(255, 255, 255, .04);--overlay-light: rgba(255, 255, 255, .06);--shadow-overlay: rgba(0, 0, 0, .4);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--font-xs: .7rem;--font-sm: .8rem;--font-md: .9rem;--font-lg: 1.1rem;--font-xl: 1.3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--card-hover: rgba(255, 255, 255, .06)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-height:100dvh}.auth-container{display:flex;align-items:center;justify-content:center;padding:.75rem}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.35rem;width:100%;max-width:340px}.auth-card h1{text-align:center;color:var(--accent);font-size:1.15rem;margin-bottom:.25rem}.auth-card h2{text-align:center;font-size:.95rem;color:var(--text-secondary);margin-bottom:.85rem;font-weight:500}.auth-card form{display:flex;flex-direction:column;gap:.5rem}.auth-card input{padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:.85rem;outline:none;transition:border-color .2s}.auth-card input:focus{border-color:var(--accent)}.auth-card button{padding:.55rem;border-radius:var(--radius-md);border:none;background:var(--accent);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.25rem}.auth-card button:hover:not(:disabled){background:var(--accent-hover)}.auth-card button:disabled{opacity:.6;cursor:not-allowed}.error{background:var(--danger-bg);border:1px solid var(--error);color:var(--error);padding:.5rem .65rem;border-radius:var(--radius-md);font-size:.8rem;margin-bottom:.35rem}.success{background:var(--success-bg);border:1px solid var(--success);color:var(--success);padding:.5rem .65rem;border-radius:var(--radius-md);font-size:.8rem;margin-bottom:.35rem}.auth-link{text-align:center;margin-top:.55rem;color:var(--text-secondary);font-size:.8rem}.auth-link a{color:var(--accent);text-decoration:none}.auth-link a:hover{text-decoration:underline}.cabinet{display:flex;flex-direction:column}.cabinet-header{display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem;background:linear-gradient(90deg,#0a1024e0,#0a1024bf);border-bottom:1px solid rgba(96,165,250,.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cabinet-logo{color:var(--accent);font-size:1rem;font-weight:700;margin:0}.cabinet-header-right{display:flex;align-items:center;gap:.5rem}.btn-admin{position:relative;padding:.35rem .85rem;border-radius:3px;border:1px solid rgba(234,179,8,.5);background:linear-gradient(var(--warning),var(--warning)) left top / 10px 1px no-repeat,linear-gradient(var(--warning),var(--warning)) left top / 1px 10px no-repeat,linear-gradient(var(--warning),var(--warning)) right top / 10px 1px no-repeat,linear-gradient(var(--warning),var(--warning)) right top / 1px 10px no-repeat,linear-gradient(var(--warning),var(--warning)) left bottom / 10px 1px no-repeat,linear-gradient(var(--warning),var(--warning)) left bottom / 1px 10px no-repeat,linear-gradient(var(--warning),var(--warning)) right bottom / 10px 1px no-repeat,linear-gradient(var(--warning),var(--warning)) right bottom / 1px 10px no-repeat,linear-gradient(135deg,#eab3082e,#eab3080f);color:var(--warning);cursor:pointer;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:all .2s;text-shadow:0 0 6px rgba(234,179,8,.4)}.btn-admin:hover{box-shadow:0 0 14px #eab30873;transform:translateY(-1px)}.btn-logout{position:relative;padding:.35rem .85rem;border-radius:3px;border:1px solid rgba(96,165,250,.25);background:linear-gradient(#60a5fa66,#60a5fa66) left top / 10px 1px no-repeat,linear-gradient(#60a5fa66,#60a5fa66) left top / 1px 10px no-repeat,linear-gradient(#60a5fa66,#60a5fa66) right top / 10px 1px no-repeat,linear-gradient(#60a5fa66,#60a5fa66) right top / 1px 10px no-repeat,linear-gradient(#60a5fa66,#60a5fa66) left bottom / 10px 1px no-repeat,linear-gradient(#60a5fa66,#60a5fa66) left bottom / 1px 10px no-repeat,linear-gradient(#60a5fa66,#60a5fa66) right bottom / 10px 1px no-repeat,linear-gradient(#60a5fa66,#60a5fa66) right bottom / 1px 10px no-repeat,#ffffff08;color:var(--text-secondary);cursor:pointer;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:all .2s}.btn-logout:hover{border-color:#ef444499;background:linear-gradient(#f8717199,#f8717199) left top / 10px 1px no-repeat,linear-gradient(#f8717199,#f8717199) left top / 1px 10px no-repeat,linear-gradient(#f8717199,#f8717199) right top / 10px 1px no-repeat,linear-gradient(#f8717199,#f8717199) right top / 1px 10px no-repeat,linear-gradient(#f8717199,#f8717199) left bottom / 10px 1px no-repeat,linear-gradient(#f8717199,#f8717199) left bottom / 1px 10px no-repeat,linear-gradient(#f8717199,#f8717199) right bottom / 10px 1px no-repeat,linear-gradient(#f8717199,#f8717199) right bottom / 1px 10px no-repeat,#ef444414;color:#f87171;box-shadow:0 0 12px #ef44444d}.cabinet-body{display:grid;grid-template-columns:240px 1fr;flex:1;gap:1rem;align-items:stretch;padding:0 1rem}.cabinet-profile{padding:1rem 0;background:transparent;border-right:none;display:flex;flex-direction:column;min-height:100%}.cabinet-profile>.cabinet-panel{flex:1;display:flex;flex-direction:column}.cabinet-profile h2{font-size:.75rem;margin:0 0 .75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.22em;padding-bottom:.45rem;border-bottom:1px solid rgba(96,165,250,.18);text-shadow:0 0 8px rgba(96,165,250,.35)}.profile-fields{display:flex;flex-direction:column;gap:.4rem}.profile-field{display:flex;flex-direction:column;gap:.1rem}.profile-label{font-size:.62rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.profile-value{font-size:.8rem;color:var(--text-primary)}.cabinet-universes{padding:1rem 0}.cabinet-universes h2{font-size:.85rem;margin-bottom:.55rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.universe-list{display:flex;flex-direction:column;gap:.75rem}.universe-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.6rem .8rem;transition:border-color .2s}.universe-card:hover{border-color:var(--accent)}.universe-card-info h3{font-size:.85rem;margin-bottom:.15rem}.universe-card-info p{color:var(--text-secondary);font-size:.72rem;margin-bottom:.15rem}.universe-speed{font-size:.68rem;color:var(--text-secondary)}.btn-play{padding:.35rem .85rem;border-radius:5px;border:none;background:var(--accent);color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;transition:background .2s}.btn-play:hover{background:var(--accent-hover)}.btn-join{padding:.35rem .85rem;border-radius:5px;border:1px solid var(--success);background:var(--success-bg);color:var(--success);cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s}.btn-join:hover{background:#22c55e33}.placeholder-card{background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:2rem;text-align:center}.placeholder-card p{margin-bottom:0;color:var(--text-secondary)}@media(max-width:768px){.cabinet-body{grid-template-columns:1fr}.cabinet-profile{border-right:none;border-bottom:1px solid var(--border)}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary);font-size:.9rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary);font-style:italic}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:var(--space-md)}.card:hover{background:var(--card-hover)}.card-header{font-weight:600;margin-bottom:var(--space-sm);font-size:var(--font-lg)}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-info{background:var(--accent-bg);color:var(--accent)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-bg{position:relative;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 50% 55% at 50% 50%,rgba(7,11,27,.82) 0%,rgba(7,11,27,.55) 55%,transparent 100%),linear-gradient(180deg,#070b1bb3,#070b1b73 35%,#070b1be6),url(/assets/branding/login-background_original.webp);background-size:cover,cover,cover;background-position:center center;background-attachment:fixed;background-color:#070b1b}@media(max-width:1280px){.space-bg{background-image:radial-gradient(ellipse 50% 55% at 50% 50%,rgba(7,11,27,.82) 0%,rgba(7,11,27,.55) 55%,transparent 100%),linear-gradient(180deg,#070b1bb3,#070b1b73 35%,#070b1be6),url(/assets/branding/login-background_medium.webp)}}@media(max-width:640px){.space-bg{background-image:radial-gradient(ellipse 70% 50% at 50% 50%,rgba(7,11,27,.88) 0%,rgba(7,11,27,.65) 55%,transparent 100%),linear-gradient(180deg,#070b1bbf,#070b1b8c 35%,#070b1bf2),url(/assets/branding/login-background_small.webp);background-attachment:scroll}}.space-bg.no-image{background:radial-gradient(1px 1px at 12% 18%,#fff 0%,transparent 50%),radial-gradient(1px 1px at 37% 33%,#fff 0%,transparent 50%),radial-gradient(1px 1px at 73% 47%,#fff 0%,transparent 50%),radial-gradient(1px 1px at 92% 22%,#fff 0%,transparent 50%),radial-gradient(circle at 20% 30%,rgba(99,102,241,.18) 0%,transparent 45%),radial-gradient(circle at 80% 70%,rgba(236,72,153,.12) 0%,transparent 40%),radial-gradient(circle at 50% 100%,rgba(14,165,233,.14) 0%,transparent 55%),linear-gradient(180deg,#070b1b,#0a0f22 55%,#0b0e1d)}.space-bg.no-image:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(1px 1px at 5% 20%,rgba(255,255,255,.6),transparent 50%),radial-gradient(1px 1px at 35% 80%,rgba(255,255,255,.8),transparent 50%),radial-gradient(1px 1px at 65% 40%,rgba(255,255,255,.6),transparent 50%),radial-gradient(1px 1px at 95% 60%,rgba(255,255,255,.8),transparent 50%);animation:twinkle 6s ease-in-out infinite alternate;opacity:.9}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}.landing-brand{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:1.1rem;padding:0 1rem 1.75rem;line-height:1}.landing-brand .brand-symbol{width:76px;height:76px;display:block;filter:drop-shadow(0 0 16px rgba(96,165,250,.6))}.landing-brand .brand-text{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.landing-brand .brand-name{font-size:2.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 32px rgba(96,165,250,.55),0 4px 14px rgba(0,0,0,.7);line-height:1}.landing-brand .brand-tag{font-size:.7rem;letter-spacing:.28em;color:var(--text-secondary);font-weight:500;text-shadow:0 0 10px rgba(96,165,250,.2);text-transform:uppercase}@media(max-width:768px){.landing-brand{gap:.75rem;padding:0 .75rem 1.25rem}.landing-brand .brand-symbol{width:54px;height:54px}.landing-brand .brand-name{font-size:1.85rem;letter-spacing:.16em}.landing-brand .brand-tag{font-size:.6rem;letter-spacing:.22em}}@media(max-width:480px){.landing-brand{gap:.55rem}.landing-brand .brand-symbol{width:44px;height:44px}.landing-brand .brand-name{font-size:1.45rem;letter-spacing:.14em}.landing-brand .brand-tag{font-size:.55rem;letter-spacing:.2em}}.auth-container .landing-brand+.auth-card,.auth-container .auth-hero{margin:0 auto}.auth-hero{display:flex;flex-direction:column;align-items:center;width:100%}.landing-hero-group{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.space-bg .auth-container{position:relative;z-index:1;flex:1;padding:.75rem}.landing-hero-group .auth-container{flex:0 0 auto;padding:0}.space-bg .auth-card{position:relative;background:linear-gradient(var(--accent),var(--accent)) left top / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left top / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 2px 16px no-repeat,linear-gradient(rgba(96,165,250,.04) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,rgba(96,165,250,.04) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(145deg,#0f1630e0,#0a1024eb);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(96,165,250,.35);border-radius:4px;box-shadow:0 0 0 1px #60a5fa14 inset,0 0 40px #60a5fa2e,0 12px 40px #000000a6;padding:1.1rem 1.25rem .9rem;max-width:320px}.space-bg .auth-card h2{position:relative;z-index:1;font-size:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.22em;margin:0 0 .75rem;padding-bottom:.45rem;border-bottom:1px solid rgba(96,165,250,.18);text-align:center;text-shadow:0 0 8px rgba(96,165,250,.4)}.space-bg .auth-card form{position:relative;z-index:1;gap:.5rem}.space-bg .auth-card input{background:#ffffff08;border:1px solid rgba(96,165,250,.15);border-radius:3px;padding:.38rem .6rem;font-size:.78rem;color:var(--text-primary);transition:all .2s;letter-spacing:.01em}.space-bg .auth-card input::placeholder{color:#94a3b880;letter-spacing:.02em;text-transform:none;font-size:.78rem}.space-bg .auth-card input:focus{border-color:var(--accent);background:#60a5fa0f;box-shadow:0 0 0 1px #60a5fa33,0 0 12px #60a5fa26;outline:none}.space-bg .auth-card input:-webkit-autofill,.space-bg .auth-card input:-webkit-autofill:hover,.space-bg .auth-card input:-webkit-autofill:focus,.space-bg .auth-card input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px rgba(15,22,48,.95) inset!important;caret-color:var(--text-primary);transition:background-color 99999s ease-in-out 0s;border-color:#60a5fa40!important}.space-bg .auth-card input.invalid{border-color:#ef4444a6;background:#ef44440d;box-shadow:0 0 0 1px #ef444426}.space-bg .auth-card input.invalid:focus{border-color:#ef4444;box-shadow:0 0 0 1px #ef444459,0 0 12px #ef444433}.space-bg .auth-card input:invalid{box-shadow:none}.space-bg .auth-card button[type=submit],.space-bg .auth-card form>button{position:relative;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#60a5fa 55%,#2563eb);color:#fff;font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;padding:.45rem;border-radius:3px;border:1px solid rgba(147,197,253,.45);box-shadow:0 0 0 1px #ffffff14 inset,0 0 16px #3b82f666,0 4px 10px #0006;transition:all .2s;margin-top:.25rem}.space-bg .auth-card button[type=submit]:hover:not(:disabled),.space-bg .auth-card form>button:hover:not(:disabled){box-shadow:0 0 0 1px #ffffff1f inset,0 0 28px #3b82f6b3,0 4px 16px #00000080;transform:translateY(-1px)}.space-bg .auth-card button[type=submit]:active:not(:disabled),.space-bg .auth-card form>button:active:not(:disabled){transform:translateY(0)}@media(max-width:480px){.space-bg .auth-card{max-width:100%;padding:1rem 1rem .8rem}.landing-hero-group{padding:.5rem}}.space-bg .auth-card button[type=submit]:after,.space-bg .auth-card form>button:after{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skew(-20deg);transition:left .6s}.space-bg .auth-card button[type=submit]:hover:not(:disabled):after,.space-bg .auth-card form>button:hover:not(:disabled):after{left:130%}.space-bg .auth-card .auth-link{position:relative;z-index:1;margin-top:.55rem;font-size:.72rem}.space-bg .auth-card .auth-link a{color:var(--accent);text-transform:none;letter-spacing:.02em;font-size:.72rem;font-weight:500}.space-bg .auth-card .auth-link-sm{margin-top:.35rem;font-size:.65rem;opacity:.75}.space-bg .auth-card .auth-link-sm a{font-size:.65rem;color:var(--text-secondary)}.space-bg .auth-card .auth-link-sm a:hover{color:var(--accent)}.landing-footer{position:relative;z-index:1;padding:.5rem .85rem;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 100%);border-top:1px solid rgba(255,255,255,.05);color:var(--text-secondary);font-size:.7rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.landing-footer nav{display:flex;gap:.85rem;flex-wrap:wrap}.landing-footer nav a,.landing-footer nav button{color:var(--text-secondary);background:none;border:none;padding:0;font:inherit;text-decoration:none;cursor:pointer;transition:color .15s}.landing-footer nav a:hover,.landing-footer nav button:hover{color:var(--accent)}.landing-footer-bottom{color:var(--text-secondary);opacity:.7}.info-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060fc7;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:info-modal-fade-in .15s ease-out}@keyframes info-modal-fade-in{0%{opacity:0}to{opacity:1}}.info-modal{position:relative;max-width:620px;width:100%;max-height:calc(100vh - 4rem);overflow:hidden;margin:0;background:linear-gradient(var(--accent),var(--accent)) left top / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left top / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 2px 16px no-repeat,linear-gradient(rgba(96,165,250,.04) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,rgba(96,165,250,.04) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(145deg,#0f1630f2,#0a1024f7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(96,165,250,.35);border-radius:4px;box-shadow:0 0 0 1px #60a5fa14 inset,0 0 40px #60a5fa2e,0 12px 40px #000000a6;animation:info-modal-slide-in .2s ease-out;display:flex;flex-direction:column}.info-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word;padding:1.35rem 1.5rem 1.5rem;scrollbar-width:thin;scrollbar-color:rgba(96,165,250,.45) transparent}.info-modal-body::-webkit-scrollbar{width:6px}.info-modal-body::-webkit-scrollbar-track{background:transparent}.info-modal-body::-webkit-scrollbar-thumb{background:#60a5fa47;border-radius:3px}.info-modal-body::-webkit-scrollbar-thumb:hover{background:#60a5fa8c}.info-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(96,165,250,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.04) 1px,transparent 1px);background-size:24px 24px;opacity:.5;border-radius:inherit}.info-modal:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;border-radius:inherit;background:linear-gradient(var(--accent),var(--accent)) left top / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left top / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 2px 16px no-repeat;filter:drop-shadow(0 0 6px rgba(96,165,250,.55))}.info-modal>*{position:relative;z-index:1}@keyframes info-modal-slide-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.info-modal-close{position:absolute;top:.6rem;right:.75rem;z-index:5;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);border-radius:4px;cursor:pointer;font-size:1.1rem;line-height:1;transition:all .15s}.info-modal-close:hover{background:#ef444426;border-color:#ef444466;color:#f87171}.info-page{position:relative;z-index:1;max-width:620px;margin:1rem auto 2rem;padding:1.35rem 1.5rem 1.5rem;color:var(--text-primary);font-size:.78rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.space-bg>.info-page,.space-bg .auth-container .info-page{background:#0e1328c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(96,165,250,.2);border-radius:var(--radius-lg)}.info-page h1{margin:0 0 .5rem;font-size:1.15rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 8px rgba(96,165,250,.4)}.info-page h2{margin:.85rem 0 .25rem;font-size:.82rem;color:var(--text-primary);letter-spacing:.03em}.info-page .info-lead{color:var(--text-secondary);font-size:.76rem;margin:0 0 .75rem}.info-page section{margin-bottom:.35rem}.info-page p,.info-page li{color:var(--text-primary);font-size:.76rem;line-height:1.5}.info-page ul{margin:.15rem 0 .55rem;padding-left:1.1rem}.info-page li{margin-bottom:.2rem}.info-page a{color:var(--accent);text-decoration:none;word-break:break-word}.info-page a:hover{text-decoration:underline}.info-page .info-footnote{margin-top:.85rem;padding:.45rem .65rem;border-left:2px solid var(--warning, #eab308);background:#eab30814;font-size:.72rem;color:var(--text-secondary);line-height:1.45}@media(max-width:640px){.info-page{margin:.5rem;padding:1rem 1.1rem 1.1rem}}.universe-card-personal{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;font-size:.7rem;color:var(--text-primary);padding:.2rem .45rem;margin:.2rem 0;background:#60a5fa14;border:1px solid rgba(96,165,250,.25);border-radius:3px}.universe-personal-label{color:var(--text-secondary);font-size:.6rem;text-transform:uppercase;letter-spacing:.05em}.universe-personal-dot{color:var(--text-secondary);opacity:.5}.cabinet-panel{position:relative;background:linear-gradient(var(--accent),var(--accent)) left top / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left top / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 2px 16px no-repeat,linear-gradient(rgba(96,165,250,.04) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,rgba(96,165,250,.04) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(145deg,#0f1630f5,#0a1024fa);border:1px solid rgba(96,165,250,.3);border-radius:4px;box-shadow:0 0 0 1px #60a5fa0f inset,0 0 30px #60a5fa1f,0 8px 24px #0000008c;padding:1rem 1.15rem}.cabinet-panel>*{position:relative;z-index:1}.cabinet-btn{position:relative;overflow:hidden;border-radius:3px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;padding:.45rem .85rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.cabinet-btn:disabled{opacity:.5;cursor:not-allowed}.cabinet-btn-primary{background:linear-gradient(135deg,#3b82f6,#60a5fa 55%,#2563eb);color:#fff;border:1px solid rgba(147,197,253,.45);box-shadow:0 0 0 1px #ffffff14 inset,0 0 16px #3b82f666,0 3px 10px #0006}.cabinet-btn-primary:hover:not(:disabled){box-shadow:0 0 0 1px #ffffff1f inset,0 0 24px #3b82f6a6,0 4px 14px #00000080;transform:translateY(-1px)}.cabinet-btn-primary:after{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skew(-20deg);transition:left .6s}.cabinet-btn-primary:hover:not(:disabled):after{left:130%}.cabinet-btn-ghost{background:#ffffff08;color:var(--text-secondary);border:1px solid rgba(96,165,250,.2)}.cabinet-btn-ghost:hover:not(:disabled){background:#60a5fa14;border-color:#60a5fa66;color:var(--text-primary)}.cabinet-btn-danger-ghost{background:#ffffff08;color:var(--text-secondary);border:1px solid rgba(239,68,68,.25)}.cabinet-btn-danger-ghost:hover:not(:disabled){background:#ef444414;border-color:#ef44448c;color:#f87171}.settings-sub-tabs{display:flex;gap:0;border-bottom:1px solid rgba(96,165,250,.15);margin-bottom:.9rem}.settings-sub-tab{flex:1;padding:.45rem .5rem;background:none;border:none;color:var(--text-secondary);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.settings-sub-tab:hover{color:var(--text-primary)}.settings-sub-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.settings-form{display:flex;flex-direction:column;gap:.55rem}.settings-form input{background:#ffffff08;border:1px solid rgba(96,165,250,.15);border-radius:3px;padding:.4rem .6rem;font-size:.78rem;color:var(--text-primary);transition:all .2s;width:100%;box-sizing:border-box}.settings-form input:focus{outline:none;border-color:var(--accent);background:#60a5fa0f;box-shadow:0 0 0 1px #60a5fa33}.settings-form input.invalid{border-color:#ef444499;background:#ef44440d}.settings-form input::placeholder{color:#94a3b880}.settings-label{display:block;font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:.25rem 0 -.1rem}.settings-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.settings-form input:-webkit-autofill,.settings-form input:-webkit-autofill:hover,.settings-form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px rgba(15,22,48,.95) inset!important;caret-color:var(--text-primary)}.universe-card.rich.has-panel{border-color:#60a5fa40}.universe-card.rich.has-panel:hover{box-shadow:0 0 28px #60a5fa40}.universe-card.v2{position:relative;padding:0;overflow:visible;transition:all .2s;margin-top:10px}.universe-card.v2:hover{border-color:#60a5fa80;box-shadow:0 0 0 1px #60a5fa14 inset,0 0 30px #60a5fa4d,0 8px 24px #0000008c;transform:translateY(-1px)}.universe-card.v2.has-panel-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(180deg,transparent 0%,transparent 45%,rgba(7,11,27,.85) 85%,rgba(7,11,27,.92) 100%),linear-gradient(90deg,rgba(7,11,27,.78) 0%,rgba(7,11,27,.55) 45%,rgba(7,11,27,.25) 80%,transparent 100%),linear-gradient(#0a102473,#0a102473),var(--panel-bg-image);background-size:cover;background-position:center;opacity:1;z-index:0;border-radius:inherit}.universe-card.v2:not(.has-panel-bg):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 35%,rgba(99,102,241,.25) 0%,transparent 55%),radial-gradient(ellipse at 30% 70%,rgba(14,165,233,.18) 0%,transparent 60%),radial-gradient(1.5px 1.5px at 22% 40%,rgba(255,255,255,.6),transparent 50%),radial-gradient(1px 1px at 68% 25%,rgba(255,255,255,.8),transparent 50%),radial-gradient(1px 1px at 85% 65%,rgba(255,255,255,.5),transparent 50%),radial-gradient(1px 1px at 50% 80%,rgba(255,255,255,.6),transparent 50%),linear-gradient(135deg,#0a1028,#070b1b);border-radius:inherit;z-index:0}.uv-glyph-bg{position:absolute;top:0;right:0;bottom:0;width:45%;display:flex;align-items:center;justify-content:center;font-size:6rem;font-weight:700;color:#60a5fa2e;text-shadow:0 0 32px rgba(96,165,250,.3);font-family:monospace;letter-spacing:.05em;pointer-events:none;z-index:1;-webkit-user-select:none;user-select:none}.uv-body{position:relative;z-index:2;padding:1.1rem 1.25rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;min-width:0;min-height:160px}.uv-top{min-width:0}.uv-titleblock{display:flex;flex-direction:column;gap:.35rem;min-width:0}.uv-title-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.uv-name{margin:0;font-size:1.5rem;font-weight:700;color:#f1f5f9;letter-spacing:.12em;text-transform:uppercase;line-height:1;text-shadow:0 0 2px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.95),0 0 12px rgba(96,165,250,.7),0 0 28px rgba(59,130,246,.35)}.uv-desc{color:#bae6fd;font-size:.78rem;line-height:1.45;letter-spacing:.06em;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 8px rgba(125,211,252,.4);font-style:italic;opacity:.95}.uv-desc:before{content:"» ";color:#60a5fa;font-style:normal;opacity:.7;margin-right:.15rem}.uv-status{padding:.12rem .55rem;font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border-radius:2px;line-height:1.4}.uv-status.joined{background:#60a5fa1f;color:#93c5fd;border:1px solid rgba(96,165,250,.45);box-shadow:0 0 10px #60a5fa33 inset}.uv-status.open{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.45);box-shadow:0 0 10px #22c55e33 inset}.uv-status.upcoming{background:#eab3081f;color:#fcd34d;border:1px solid rgba(234,179,8,.45);box-shadow:0 0 10px #eab30833 inset}.uv-status.closed{background:#6b728024;color:#9ca3af;border:1px solid rgba(107,114,128,.4)}.uv-stats-rail{position:absolute;top:-10px;right:1.1rem;display:flex;gap:0;z-index:3}.uv-stat-tile{display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:58px;padding:.35rem .6rem .4rem;background:linear-gradient(180deg,#0f1630f2,#0a1024eb);border:1px solid rgba(96,165,250,.45);border-bottom:1px solid rgba(96,165,250,.2);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 100%,0 100%);box-shadow:0 4px 12px #00000080;position:relative}.uv-stat-tile+.uv-stat-tile{margin-left:-1px}.uv-stat-tile .uv-stat-label{font-size:.52rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.18em;line-height:1;opacity:.8}.uv-stat-tile .uv-stat-value{font-size:.9rem;font-weight:700;line-height:1.1;letter-spacing:.02em;font-family:ui-monospace,SF Mono,Menlo,monospace}.uv-stat-tile.build .uv-stat-value{color:#fdba74;text-shadow:0 0 8px rgba(251,146,60,.45)}.uv-stat-tile.fleet .uv-stat-value{color:#a5b4fc;text-shadow:0 0 8px rgba(99,102,241,.45)}.uv-stat-tile.mine .uv-stat-value{color:#67e8f9;text-shadow:0 0 8px rgba(34,211,238,.45)}.uv-stat-tile.players .uv-stat-value{color:#86efac;text-shadow:0 0 8px rgba(34,197,94,.45)}.uv-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.uv-commander{position:relative;padding:.35rem .75rem .4rem;flex:1;min-width:200px;background:linear-gradient(#60a5fa8c,#60a5fa8c) left top / 12px 1px no-repeat,linear-gradient(#60a5fa8c,#60a5fa8c) left top / 1px 12px no-repeat,linear-gradient(#60a5fa8c,#60a5fa8c) right bottom / 12px 1px no-repeat,linear-gradient(#60a5fa8c,#60a5fa8c) right bottom / 1px 12px no-repeat,linear-gradient(90deg,#60a5fa14,#60a5fa05);border-top:1px solid rgba(96,165,250,.25);border-bottom:1px solid rgba(96,165,250,.25)}.uv-commander-header{font-size:.55rem;color:var(--accent);text-transform:uppercase;letter-spacing:.22em;font-weight:700;margin-bottom:.18rem;text-shadow:0 0 6px rgba(96,165,250,.35)}.uv-commander-row{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.uv-commander-name{font-size:.95rem;font-weight:600;color:#e2e8f0;letter-spacing:.03em;text-shadow:0 0 6px rgba(96,165,250,.3)}.uv-commander-item{display:inline-flex;align-items:baseline;gap:.3rem;font-size:.75rem}.uv-commander-k{font-size:.58rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.14em;font-weight:600;opacity:.75}.uv-commander-v{font-family:ui-monospace,SF Mono,Menlo,monospace;color:#93c5fd;font-weight:600;font-size:.8rem}.uv-commander-total{font-size:.7rem;color:var(--text-secondary);opacity:.7}.uv-commander-empty .uv-commander-row{color:var(--text-secondary);font-size:.72rem;font-style:italic}.uv-header{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.uv-name{margin:0;font-size:.95rem;color:var(--text-primary);letter-spacing:.05em;font-weight:600}.uv-cta{margin-left:auto;display:flex;gap:.4rem}.uv-btn{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.42rem 1rem .42rem .9rem;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff;cursor:pointer;border:none;background:linear-gradient(135deg,#1e3a8a,#3b82f6 40%,#60a5fa 60%,#1e40af);background-size:200% 200%;background-position:0% 50%;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%);min-width:92px;justify-content:center;overflow:hidden;transition:background-position .35s,transform .2s,filter .2s;filter:drop-shadow(0 0 6px rgba(96,165,250,.35))}.uv-btn:before{content:"";position:absolute;top:2px;right:10px;bottom:2px;left:2px;background:linear-gradient(135deg,#3b82f6e6,#2563ebf2);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%);z-index:0}.uv-btn:after{content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);transform:skew(-22deg);transition:left .55s;z-index:1}.uv-btn>*{position:relative;z-index:2}.uv-btn-label{line-height:1}.uv-btn-arrow{font-size:1.2em;line-height:1;opacity:.9;transition:transform .25s}.uv-btn:hover:not(:disabled){background-position:100% 50%;transform:translateY(-1px);filter:drop-shadow(0 0 14px rgba(96,165,250,.7))}.uv-btn:hover:not(:disabled):after{left:110%}.uv-btn:hover:not(:disabled) .uv-btn-arrow{transform:translate(3px)}.uv-btn:active:not(:disabled){transform:translateY(0)}.uv-btn-enter{background:linear-gradient(135deg,#0e7490,#0ea5e9 40%,#22d3ee 60%,#0369a1);background-size:200% 200%;background-position:0% 50%;filter:drop-shadow(0 0 8px rgba(34,211,238,.45))}.uv-btn-enter:before{background:linear-gradient(135deg,#0ea5e9f2,#0369a1f2)}.uv-btn-enter:hover:not(:disabled){filter:drop-shadow(0 0 16px rgba(34,211,238,.8))}.uv-btn-disabled{background:linear-gradient(135deg,#334155b3,#1e293bcc);filter:none;color:#94a3b8;cursor:not-allowed}.uv-btn-disabled:before{background:linear-gradient(135deg,#334155d9,#1e293bf2)}.uv-btn-disabled:after{display:none}.uv-btn-disabled:hover{transform:none;filter:none}.uv-desc{color:var(--text-secondary);font-size:.72rem;line-height:1.4;margin:0}.uv-chips{display:flex;flex-wrap:wrap;gap:.25rem .4rem;margin-top:.1rem}.uv-stats{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}.uv-stat{display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;padding:.3rem .7rem;min-width:62px;background:linear-gradient(#60a5fa8c,#60a5fa8c) left top / 8px 1px no-repeat,linear-gradient(#60a5fa8c,#60a5fa8c) left top / 1px 8px no-repeat,linear-gradient(#60a5fa8c,#60a5fa8c) right bottom / 8px 1px no-repeat,linear-gradient(#60a5fa8c,#60a5fa8c) right bottom / 1px 8px no-repeat,linear-gradient(135deg,#1e2950b3,#0f1630bf);border:1px solid rgba(96,165,250,.18);border-radius:2px}.uv-stat-label{font-size:.55rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.14em;line-height:1;opacity:.75}.uv-stat-value{font-size:.92rem;font-weight:600;color:#93c5fd;line-height:1.15;letter-spacing:.01em;text-shadow:0 0 8px rgba(96,165,250,.4);font-family:ui-monospace,SF Mono,Menlo,monospace}.uv-stat.speed .uv-stat-value{color:#fdba74;text-shadow:0 0 8px rgba(251,146,60,.35)}.uv-stat.players .uv-stat-value{color:#86efac;text-shadow:0 0 8px rgba(34,197,94,.35)}.uv-stat.speed:nth-of-type(2) .uv-stat-value{color:#a5b4fc;text-shadow:0 0 8px rgba(99,102,241,.35)}.uv-stat.speed:nth-of-type(3) .uv-stat-value{color:#67e8f9;text-shadow:0 0 8px rgba(34,211,238,.35)}.uv-personal{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--text-secondary);padding:.2rem .5rem;align-self:flex-start;background:#60a5fa14;border:1px solid rgba(96,165,250,.2);border-radius:3px}.uv-personal strong{color:var(--text-primary)}.uv-personal-icon{font-size:.75rem;opacity:.8}.uv-personal-dot{opacity:.4;font-weight:300}@media(max-width:600px){.uv-body{padding:.75rem .9rem .85rem}.uv-glyph-bg{font-size:3.5rem;width:35%}.uv-cta{margin-left:0;width:100%}.uv-cta .cabinet-btn{flex:1}}.space-bg .cabinet{position:relative;z-index:1;flex:1}.space-bg .cabinet-header{background:#0b0f20b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid rgba(96,165,250,.15)}.space-bg .cabinet-profile{background:#0b0f2099;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-right:1px solid rgba(96,165,250,.1)}.universe-card.rich{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:stretch;padding:.6rem .85rem;background:#0e1328b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(96,165,250,.15);transition:all .2s}.universe-card.rich:hover{border-color:#60a5fa73;box-shadow:0 0 24px #60a5fa1f;transform:translateY(-1px)}.universe-card-title-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-bottom:.15rem}.universe-card-title-row h3{margin:0;font-size:.9rem;color:var(--text-primary)}.universe-card-desc{color:var(--text-secondary);font-size:.72rem;margin:.1rem 0 .25rem;line-height:1.35}.universe-card-meta{display:flex;flex-wrap:wrap;gap:.25rem .4rem;font-size:.66rem;color:var(--text-secondary);margin-top:.15rem}.universe-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.08rem .4rem;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:.64rem}.universe-chip.speed-build{border-color:#fb923c59;color:#fdba74}.universe-chip.speed-fleet{border-color:#6366f159;color:#a5b4fc}.universe-chip.speed-res{border-color:#22c55e59;color:#86efac}.universe-chip.players{border-color:#60a5fa59;color:#93c5fd}.universe-chip.galaxy{border-color:#a855f74d;color:#c4b5fd}.universe-badge{padding:.08rem .45rem;font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border-radius:3px}.universe-badge.open{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.universe-badge.closed{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.universe-badge.upcoming{background:#eab30826;color:#fcd34d;border:1px solid rgba(234,179,8,.3)}.universe-badge.joined{background:#60a5fa26;color:#93c5fd;border:1px solid rgba(96,165,250,.3)}.universe-card-cta{display:flex;flex-direction:column;justify-content:center;gap:.25rem;min-width:110px;text-align:center}.universe-card-cta .btn-play,.universe-card-cta .btn-join{padding:.35rem .75rem;font-size:.72rem}.universe-card-cta .btn-disabled{padding:.35rem .75rem;border-radius:5px;border:1px solid rgba(107,114,128,.3);background:#6b72801a;color:#9ca3af;font-size:.72rem;font-weight:600;cursor:not-allowed}.universe-card-cta small{color:var(--text-secondary);font-size:.6rem;line-height:1.25}@media(max-width:640px){.universe-card.rich{grid-template-columns:1fr}.universe-card-cta{flex-direction:row;justify-content:flex-start;min-width:auto}}.game-layout{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.game-header{padding:.5rem 1rem;background:linear-gradient(180deg,#0c1228f5,#0a1024fc);border-bottom:1px solid rgba(96,165,250,.22);box-shadow:0 1px #60a5fa14 inset,0 4px 16px #00000080}.mobile-nav-bar{display:none;position:relative}.mobile-nav-toggle{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;background:linear-gradient(var(--accent),var(--accent)) left top / 10px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) left top / 1px 10px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 10px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 1px 10px no-repeat,linear-gradient(135deg,#0f1630e6,#0a1024f2);border:1px solid rgba(96,165,250,.25);border-radius:2px;color:#dbeafe;cursor:pointer;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;width:100%;text-shadow:0 0 6px rgba(96,165,250,.35);transition:border-color .15s,box-shadow .15s,background .15s}.mobile-nav-toggle:hover{border-color:#60a5fa8c;box-shadow:0 0 12px #60a5fa40}.mobile-nav-toggle svg{color:var(--accent);filter:drop-shadow(0 0 4px rgba(96,165,250,.55))}.mobile-nav-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;overflow:hidden;background:linear-gradient(var(--accent),var(--accent)) left top / 14px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left top / 2px 14px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 14px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 2px 14px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 14px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 2px 14px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 14px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 2px 14px no-repeat,linear-gradient(rgba(96,165,250,.03) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(90deg,rgba(96,165,250,.03) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(145deg,#0f1630f7,#0a1024fc);border:1px solid rgba(96,165,250,.35);border-radius:2px;box-shadow:0 0 0 1px #60a5fa14 inset,0 0 24px #60a5fa33,0 10px 26px #0009;animation:mobile-nav-slide-in .18s ease-out;max-height:calc(100dvh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(96,165,250,.35) transparent}.mobile-nav-dropdown::-webkit-scrollbar{width:4px}.mobile-nav-dropdown::-webkit-scrollbar-track{background:transparent}.mobile-nav-dropdown::-webkit-scrollbar-thumb{background:#60a5fa4d;border-radius:2px}@keyframes mobile-nav-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-item{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.5rem .9rem;color:var(--text-secondary);text-decoration:none;font-size:.78rem;letter-spacing:.06em;transition:color .15s,background .15s,border-left-color .15s;border-left:2px solid transparent;border-bottom:1px solid rgba(96,165,250,.06)}.mobile-nav-item:last-child{border-bottom:none}.mobile-nav-item:hover{color:#dbeafe;background:#60a5fa0f;border-left-color:#60a5fa66;text-shadow:0 0 6px rgba(96,165,250,.3)}.mobile-nav-item.active{color:#dbeafe;background:linear-gradient(90deg,#60a5fa38,#60a5fa0a);border-left-color:var(--accent);font-weight:700;text-shadow:0 0 8px rgba(96,165,250,.5)}.mobile-nav-item.active:after{content:"›";color:var(--accent);font-size:1rem;line-height:1;text-shadow:0 0 6px rgba(96,165,250,.55)}.resource-tooltip-wrap{position:relative}.resource-tooltip{position:absolute;z-index:900;width:240px;padding:.6rem .75rem;background:linear-gradient(var(--accent),var(--accent)) left top / 12px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left top / 2px 12px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 12px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 2px 12px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 12px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 2px 12px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 12px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 2px 12px no-repeat,linear-gradient(rgba(96,165,250,.04) 1px,transparent 1px) 0 0 / 20px 20px,linear-gradient(90deg,rgba(96,165,250,.04) 1px,transparent 1px) 0 0 / 20px 20px,linear-gradient(145deg,#0f1630f7,#0a1024fc);border:1px solid rgba(96,165,250,.35);border-radius:2px;box-shadow:0 0 0 1px #60a5fa14 inset,0 0 24px #60a5fa38,0 10px 28px #000000a6;pointer-events:none;animation:rt-fade .15s ease}.resource-tooltip.below{top:100%;margin-top:6px}.resource-tooltip.above{bottom:100%;margin-bottom:6px}.resource-tooltip.align-center{left:50%;transform:translate(-50%)}.resource-tooltip.align-left{left:0;transform:none}.resource-tooltip.align-right{right:0;left:auto;transform:none}@keyframes rt-fade{0%{opacity:0}to{opacity:1}}.rt-header{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--accent);margin-bottom:.45rem;padding-bottom:.3rem;border-bottom:1px solid rgba(96,165,250,.2);text-shadow:0 0 8px rgba(96,165,250,.35)}.rt-row{display:flex;justify-content:space-between;align-items:center;padding:.15rem 0}.rt-row.rt-sub{opacity:.75}.rt-row.rt-sub .rt-label{padding-left:.65rem;font-style:normal;font-size:.6rem;opacity:.9}.rt-row.rt-sub .rt-label:before{content:"└ ";color:#60a5fa8c;margin-right:.15rem}.rt-label{font-size:.62rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.rt-value{font-size:.7rem;font-weight:700;color:#e2e8f0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums;letter-spacing:.02em}.rt-green{color:#86efac;text-shadow:0 0 6px rgba(34,197,94,.4)}.rt-bar{height:5px;background:#070b1bcc;border:1px solid rgba(96,165,250,.18);border-radius:1px;margin:.45rem 0;overflow:hidden}.rt-bar-fill{height:100%;transition:width .3s;box-shadow:0 0 8px currentColor}.resource-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;width:100%}.bar-left{justify-self:start;display:flex;align-items:center;gap:.35rem}.bar-center{justify-self:center;display:flex;align-items:center;gap:.85rem;flex-wrap:nowrap}.bar-right{justify-self:end;display:flex;align-items:center;gap:.5rem}.header-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:linear-gradient(135deg,#0f1630b3,#0a1024cc);border:1px solid rgba(96,165,250,.2);color:var(--text-secondary);border-radius:2px;cursor:pointer;transition:color .15s,border-color .15s,background .15s,box-shadow .15s}.header-icon-btn:hover{color:#dbeafe;border-color:#60a5fa99;background:linear-gradient(135deg,#1e2950d9,#0f1630e6);box-shadow:0 0 12px #60a5fa59}.header-icon-btn.has-unread{color:#eab308;border-color:#eab30866}.header-icon-btn .mail-badge,.header-icon-btn .quest-badge{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;color:#000;font-size:.58rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.header-icon-btn .mail-badge{background:#eab308}.header-icon-btn .quest-badge{background:#22c55e;box-shadow:0 0 6px #22c55eb3}.header-icon-btn.has-rewards{color:#4ade80;border-color:#22c55e66}.header-icon-btn.has-rewards:hover{border-color:#22c55eb3;box-shadow:0 0 12px #22c55e73}.resource-item{position:relative;display:flex;align-items:center;gap:.38rem;padding:.22rem .55rem .22rem .45rem;background:linear-gradient(#60a5fa73,#60a5fa73) left top / 8px 1px no-repeat,linear-gradient(#60a5fa73,#60a5fa73) left top / 1px 8px no-repeat,linear-gradient(#60a5fa73,#60a5fa73) right bottom / 8px 1px no-repeat,linear-gradient(#60a5fa73,#60a5fa73) right bottom / 1px 8px no-repeat,linear-gradient(135deg,#0f1630a6,#0a10248c);border:1px solid rgba(96,165,250,.14);border-radius:2px;transition:border-color .2s,box-shadow .2s}.resource-item:hover{border-color:#60a5fa73;box-shadow:0 0 10px #60a5fa33}.resource-numbers{display:flex;flex-direction:column;justify-content:center;line-height:1.15;min-height:26px}.resource-label{display:none}.resource-value{font-size:.74rem;font-weight:700;font-family:ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.02em;text-shadow:0 0 6px rgba(96,165,250,.25)}.resource-storage{font-size:.58rem;font-weight:400;opacity:.55;letter-spacing:.02em}.resource-rate{font-size:.55rem;color:#86efac;opacity:.95;letter-spacing:.04em;text-shadow:0 0 4px rgba(34,197,94,.35)}.resource-item.antimatter .resource-label{color:#a855f7}.resource-bar-actions{display:flex;align-items:center;gap:.5rem}.bar-username{font-size:.72rem;color:#93c5fd;white-space:nowrap;padding:.2rem .5rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;background:linear-gradient(var(--accent),var(--accent)) left top / 5px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) left top / 1px 5px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 5px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 1px 5px no-repeat,linear-gradient(135deg,#0f1630b3,#0a1024cc);border:1px solid rgba(96,165,250,.18);border-radius:2px;text-shadow:0 0 6px rgba(96,165,250,.3);transition:border-color .15s,box-shadow .15s,color .15s}.bar-username:hover{color:#dbeafe;border-color:#60a5fa80;box-shadow:0 0 10px #60a5fa40}.server-clock{display:inline-flex;flex-direction:column;align-items:center;line-height:1;font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--text-secondary);white-space:nowrap;padding:.25rem .65rem;background:linear-gradient(var(--accent),var(--accent)) left top / 6px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) left top / 1px 6px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 6px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 1px 6px no-repeat,linear-gradient(135deg,#0f1630bf,#0a1024d9);border:1px solid rgba(96,165,250,.22);border-radius:2px;letter-spacing:.06em}.server-clock-time{font-size:.82rem;color:#dbeafe;font-variant-numeric:tabular-nums;font-weight:600;text-shadow:0 0 8px rgba(96,165,250,.4)}.server-clock-date{font-size:.56rem;color:var(--text-secondary);margin-top:.18rem;font-variant-numeric:tabular-nums;letter-spacing:.1em;opacity:.8}.mail-button,.btn-cabinet{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:.35rem;border-radius:var(--radius-sm);transition:all .15s}.mail-button{position:relative}.mail-button:hover{border-color:var(--accent);color:var(--accent)}.mail-button.has-unread{color:var(--accent);border-color:var(--accent)}.mail-badge{position:absolute;top:-5px;right:-5px;background:var(--danger);color:#fff;font-size:.55rem;font-weight:700;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.bar-username:hover{color:var(--accent)}.btn-cabinet:hover{border-color:var(--accent);color:var(--accent)}.planet-selector select{padding:.28rem 1.5rem .28rem .55rem;border-radius:2px;border:1px solid rgba(96,165,250,.3);background:linear-gradient(135deg,#0f1630d9,#0a1024e6);color:#dbeafe;font-size:.72rem;font-weight:600;letter-spacing:.05em;max-width:180px;text-overflow:ellipsis;transition:border-color .15s,box-shadow .15s}.planet-selector select:hover{border-color:#60a5faa6;box-shadow:0 0 10px #60a5fa40}.planet-selector select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px #60a5fa59,0 0 12px #60a5fa4d}.game-body{display:flex;flex:1}.game-nav{display:flex;flex-direction:column;width:154px;box-sizing:border-box;flex-shrink:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(96,165,250,.35) transparent;background:linear-gradient(var(--accent),var(--accent)) left top / 12px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) left top / 1px 12px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 12px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 1px 12px no-repeat,linear-gradient(rgba(96,165,250,.025) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(90deg,rgba(96,165,250,.025) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(180deg,#0a1024f2,#070b1bfa);border-right:1px solid rgba(96,165,250,.22);padding:.5rem 0 .75rem;position:relative}.game-nav::-webkit-scrollbar{width:4px}.game-nav::-webkit-scrollbar-track{background:transparent}.game-nav::-webkit-scrollbar-thumb{background:#60a5fa4d;border-radius:2px}.game-nav::-webkit-scrollbar-thumb:hover{background:#60a5fa8c}.game-nav:after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(96,165,250,.45) 15%,rgba(96,165,250,.45) 85%,transparent 100%);box-shadow:0 0 8px #60a5fa4d;pointer-events:none}.nav-group{display:flex;flex-direction:column}.nav-group-title{position:relative;display:flex;align-items:center;gap:.35rem;padding:.38rem .75rem .2rem;font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--accent);opacity:.85;text-decoration:none;text-shadow:0 0 6px rgba(96,165,250,.3);transition:color .15s,opacity .15s;cursor:pointer}.nav-group-title:before{content:"";flex:0 0 6px;height:1px;background:var(--accent);opacity:.6}.nav-group-title:hover{opacity:1;text-shadow:0 0 10px rgba(96,165,250,.55)}.nav-group-title.active{opacity:1;background:linear-gradient(90deg,rgba(96,165,250,.14) 0%,transparent 100%);border-left:2px solid var(--accent);padding-left:calc(.85rem - 2px);text-shadow:0 0 10px rgba(96,165,250,.6)}.nav-group-sep{margin-top:.25rem;padding-top:.25rem;border-top:1px dashed rgba(96,165,250,.12)}.nav-link{position:relative;padding:.28rem .75rem;color:var(--text-secondary);text-decoration:none;font-size:.72rem;transition:all .15s;letter-spacing:.04em}.nav-link:hover{color:#93c5fd;background:#60a5fa0f;text-shadow:0 0 8px rgba(96,165,250,.3)}.nav-link.active{color:#dbeafe;background:linear-gradient(90deg,#60a5fa38,#60a5fa0a);border-left:2px solid var(--accent);padding-left:calc(.85rem - 2px);text-shadow:0 0 10px rgba(96,165,250,.55);font-weight:600;box-shadow:inset 0 0 18px #60a5fa14}.nav-link.active:before{content:"";position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:3px;height:14px;background:var(--accent);box-shadow:0 0 8px #60a5fab3}.nav-link.active:after{content:"›";position:absolute;right:.55rem;top:50%;transform:translateY(-50%);color:var(--accent);font-size:.95rem;line-height:1;opacity:.9;text-shadow:0 0 6px rgba(96,165,250,.55)}.game-content{flex:1;min-height:0;padding:1rem 1.25rem;overflow-y:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at 30% 20%,rgba(99,102,241,.04) 0%,transparent 55%),radial-gradient(ellipse at 85% 75%,rgba(14,165,233,.04) 0%,transparent 60%),linear-gradient(180deg,#0a1028,#070b1b);scrollbar-width:thin;scrollbar-color:rgba(96,165,250,.35) transparent}.game-content::-webkit-scrollbar{width:8px}.game-content::-webkit-scrollbar-track{background:transparent}.game-content::-webkit-scrollbar-thumb{background:#60a5fa40;border-radius:4px}.game-content::-webkit-scrollbar-thumb:hover{background:#60a5fa80}.planet-page{display:flex;flex-direction:column;gap:.5rem;max-width:1000px;margin:0 auto;width:100%}.resource-details-card,.buildings-summary-card,.queue-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.7rem .85rem}.planet-combined-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.6rem .75rem;display:flex;flex-direction:column;gap:0;transition:border-color .15s}.planet-combined-card:hover{border-color:var(--accent)}.planet-overview-title{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.planet-overview-name{font-size:.88rem;font-weight:600;display:flex;align-items:center;gap:.3rem}.platform-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;padding:.1rem .4rem;border-radius:3px;margin-right:.3rem}.planet-overview-meta{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.planet-abandon-btn{font-size:.65rem;padding:.15rem .5rem;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);background:#ef444414;color:var(--danger);cursor:pointer;opacity:.6;transition:all .15s}.planet-abandon-btn:hover{opacity:1;background:#ef444433;border-color:#ef444499}.abandon-modal{max-width:460px}.abandon-modal-body{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.25rem}.abandon-warning{text-align:center;padding:.75rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md)}.abandon-warning-title{margin:0;font-size:.95rem;color:var(--text-primary)}.abandon-warning-coords{margin:.25rem 0 0;font-size:.8rem;color:var(--text-secondary);font-family:monospace}.abandon-consequences{font-size:.85rem;color:var(--text-secondary)}.abandon-consequences-title{margin:0 0 .35rem;font-weight:600;color:var(--text-primary)}.abandon-consequences ul{margin:0;padding-left:1.25rem}.abandon-consequences li{margin-bottom:.25rem;line-height:1.4}.abandon-confirm-input{display:flex;flex-direction:column;gap:.35rem}.abandon-confirm-input label{font-size:.8rem;color:var(--text-secondary)}.abandon-confirm-btn{padding:.5rem 1.25rem;border:1px solid var(--danger);border-radius:6px;background:var(--danger);color:#fff;font-weight:600;cursor:pointer;transition:all .15s}.abandon-confirm-btn:disabled{opacity:.4;cursor:not-allowed}.abandon-confirm-btn:not(:disabled):hover{background:#dc2626;border-color:#dc2626}.planet-zone-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:.35rem;display:flex;align-items:center;gap:.5rem}.planet-zone-label:after{content:"";flex:1;height:1px;background:var(--border)}.orbit-slot-counter{font-size:.65rem;font-weight:400;background:var(--bg-secondary);padding:.1rem .35rem;border-radius:3px;color:var(--accent)}.surface-cell-count{font-size:.6rem;font-weight:400;background:var(--bg-secondary);padding:.1rem .35rem;border-radius:3px;color:var(--text-secondary)}.planet-combined-surface{display:flex;flex-direction:column;align-items:center}.planet-combined-orbit{border-top:1px solid var(--border);padding-top:.6rem;margin-top:.4rem}.orbital-mini-slots{display:flex;gap:.2rem;align-items:flex-start;flex-shrink:0}.orbital-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.2rem .15rem;border-radius:var(--radius-sm);width:38px;min-height:36px;text-align:center;transition:background .15s}.orbital-slot.occupied{background:#6366f11f;border:1px solid rgba(99,102,241,.3)}.orbital-slot.empty{background:var(--bg-secondary);border:1px dashed var(--border)}.orbital-slot-name{font-size:.5rem;color:var(--text-primary);line-height:1.1;max-width:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orbital-slot-level{font-size:.55rem;font-weight:700;color:var(--accent)}.orbital-slot-empty-icon{font-size:.75rem;color:var(--border);font-weight:300}.orbit-platform-row{margin-top:.25rem}.orbit-platform-link{display:flex;align-items:center;gap:.45rem;padding:.28rem .55rem;background:linear-gradient(135deg,#6366f114,#a855f714);border:1px solid rgba(99,102,241,.25);border-radius:6px;cursor:pointer;transition:background .15s}.orbit-platform-link:hover{background:linear-gradient(135deg,#6366f12e,#a855f72e)}.orbit-platform-label{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#a78bfa}.orbit-platform-name{flex:1;font-size:.76rem;font-weight:500;color:var(--text-primary)}.orbit-platform-flight{font-size:.62rem;color:var(--text-secondary)}.orbit-platform-go{font-size:.8rem;color:var(--accent)}.orbit-platform-build{display:block;margin:.1rem auto 0;width:auto;min-width:180px;max-width:260px;padding:.22rem .65rem;background:linear-gradient(135deg,#6366f11f,#a855f71f);border:1px dashed rgba(99,102,241,.35);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:.65rem;text-align:center;transition:all .15s}.orbit-platform-build:hover:not(:disabled){background:linear-gradient(135deg,#6366f140,#a855f740);color:var(--text-primary)}.orbit-platform-build:disabled{opacity:.5;cursor:not-allowed}.orbit-back-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:.6rem;margin-top:.4rem}.orbit-back-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:.3rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .15s}.orbit-back-btn:hover{border-color:var(--accent);color:var(--text-primary)}.orbit-back-meta{font-size:.7rem;color:var(--text-secondary)}.planet-combined-header{width:100%;margin-bottom:.5rem;display:flex;align-items:flex-start;gap:.5rem}.planet-header-left{flex:1;min-width:0}.governor-portrait{flex-shrink:0}.governor-portrait-filled{position:relative;width:64px;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.3rem;background:linear-gradient(135deg,#eab3081a,#f59e0b0d);border:1px solid rgba(234,179,8,.3);border-radius:6px;cursor:pointer;transition:all .15s}.governor-portrait-filled:hover{border-color:var(--warning);background:linear-gradient(135deg,#eab3082e,#f59e0b1a)}.governor-portrait-avatar{font-size:1.3rem;color:var(--warning);line-height:1}.governor-portrait-details{display:flex;flex-direction:column;align-items:center;gap:.05rem}.governor-portrait-name{font-size:.55rem;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.15;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.governor-portrait-bonuses{display:flex;flex-direction:column;align-items:center;gap:0}.governor-portrait-bonus{font-size:.5rem;color:var(--success);line-height:1.2}.governor-portrait-dismiss{position:absolute;top:-4px;right:-4px;width:14px;height:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);font-size:.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s}.governor-portrait-filled:hover .governor-portrait-dismiss{opacity:1}.governor-portrait-dismiss:hover{border-color:var(--danger);color:var(--danger)}.governor-portrait-empty{width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:6px;cursor:pointer;transition:all .15s}.governor-portrait-empty:hover{border-color:var(--warning);background:#eab3080f}.governor-portrait-plus{font-size:1.2rem;color:var(--border);font-weight:300;line-height:1}.governor-portrait-empty:hover .governor-portrait-plus{color:var(--warning)}.governor-portrait-hint{font-size:.55rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.governor-portrait-empty:hover .governor-portrait-hint{color:var(--text-primary)}.governor-bonuses{display:flex;flex-wrap:wrap;gap:.25rem}.governor-bonus{font-size:.65rem;color:var(--success);background:#22c55e14;padding:.05rem .3rem;border-radius:3px}.governor-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.governor-picker{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:420px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column}.governor-picker-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.governor-picker-header h3{margin:0;font-size:.9rem}.governor-picker-section{padding:.5rem}.governor-picker-section-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:.25rem .5rem;margin-bottom:.25rem}.governor-picker-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid var(--border);border-radius:6px;margin-bottom:.35rem;cursor:pointer;transition:all .15s}.governor-picker-item:hover{border-color:var(--accent);background:#6366f10d}.governor-picker-item-info{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.governor-picker-item-name{font-size:.8rem;font-weight:500;color:var(--text-primary)}.governor-picker-item-desc{font-size:.7rem;color:var(--text-secondary)}.governor-picker-item-cost{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.governor-cost-value{font-size:.85rem;font-weight:600;color:#c084fc}.governor-cost-label{font-size:.55rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary)}.player-profile-compact{display:flex;align-items:center;gap:.55rem;padding:.3rem .6rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:.4rem;font-size:.72rem;transition:background .15s}.player-profile-compact:hover{background:var(--card-hover)}.ppc-name{font-weight:700;color:var(--text-primary)}.ppc-rank{color:var(--accent);font-weight:600}.ppc-level{font-size:.62rem;font-weight:600;padding:.08rem .35rem;border-radius:var(--radius-sm)}.ppc-level.peaceful{background:#22c55e26;color:#22c55e}.ppc-level.combat{background:#ef444426;color:#ef4444}.ppc-score{margin-left:auto;font-weight:600;color:var(--text-secondary);font-size:.68rem}.player-profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.player-profile-header{display:flex;justify-content:space-between;align-items:center}.player-profile-name{font-size:1rem;font-weight:600}.player-profile-ranking{font-size:.85rem;font-weight:700;color:var(--accent);padding:.15rem .5rem;background:#3b82f61f;border-radius:var(--radius-sm)}.player-profile-levels{display:flex;gap:.75rem}.player-level-item{flex:1;display:flex;flex-direction:column;gap:.2rem;padding:.4rem .6rem;background:var(--bg-secondary);border-radius:6px}.player-level-top{display:flex;justify-content:space-between;align-items:center}.player-level-label{font-size:.68rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.player-level-value{font-size:.82rem;font-weight:700}.player-level-item.peaceful .player-level-value{color:var(--success)}.player-level-item.combat .player-level-value{color:var(--danger)}.player-level-bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden}.player-level-fill{height:100%;border-radius:2px;transition:width .5s ease}.player-level-fill.peaceful{background:var(--success)}.player-level-fill.combat{background:var(--danger)}.player-level-next{font-size:.62rem;color:var(--text-secondary);opacity:.7;font-variant-numeric:tabular-nums}.player-level-points{font-size:.68rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.player-profile-total{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-secondary);padding-top:.35rem;border-top:1px solid var(--border)}.player-profile-score{font-weight:700;font-size:.85rem;color:var(--accent);font-variant-numeric:tabular-nums}.pending-rewards-banner{display:flex;align-items:center;gap:.45rem;padding:.45rem .65rem;background:linear-gradient(135deg,#f59e0b1a,#a855f714);border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-md);margin-bottom:.5rem;transition:all .15s}.pending-rewards-banner:hover{background:linear-gradient(135deg,#f59e0b2e,#a855f724);border-color:#f59e0b80}.pending-rewards-icon{font-size:.95rem}.pending-rewards-text{flex:1;font-size:.75rem;color:var(--text-primary)}.pending-rewards-action{font-size:.72rem;font-weight:600;color:#f59e0b}.planet-name-header{display:flex;align-items:center;gap:.5rem}.planet-rename-trigger{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.1rem .3rem;border-radius:3px;transition:all .15s;opacity:.5}.planet-rename-trigger:hover{opacity:1;color:var(--accent)}.planet-rename-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.planet-rename-input{padding:.35rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-weight:600;width:200px}.planet-rename-input:focus{outline:none}.planet-rename-btn{padding:.3rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;cursor:pointer;font-size:.8rem;transition:all .15s}.planet-rename-btn.save{color:var(--accent);border-color:var(--accent)}.planet-rename-btn.save:hover{background:var(--accent-bg-medium)}.planet-rename-btn.cancel{color:var(--text-secondary)}.planet-rename-btn.cancel:hover{color:var(--text-primary)}.overview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.7rem .85rem}.overview-card h3{margin:0 0 .4rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.overview-research-item{display:flex;justify-content:space-between;align-items:center;padding:.35rem .55rem;background:var(--bg-secondary);border-radius:6px}.overview-research-name{font-size:.76rem}.overview-countdown{font-size:.76rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent)}.overview-missions-list{display:flex;flex-direction:column;gap:.25rem}.overview-mission-item{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .55rem;padding:.3rem .55rem;background:var(--bg-secondary);border-radius:6px;border-left:3px solid transparent;font-size:.76rem;position:relative;transition:background .15s,border-color .15s}.overview-mission-item:hover{background:var(--bg-tertiary, #1e293b)}.overview-mission-details{flex-basis:100%;display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem .75rem;font-size:.64rem;color:var(--text-secondary);padding-left:.1rem}.overview-mission-fleet{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.overview-mission-loot{color:var(--success);font-weight:500;cursor:help}.overview-mission-cargo{color:var(--text-secondary);cursor:help}.overview-mission-item.mission-returning{opacity:.75}.overview-mission-item.mission-completed{opacity:.5}.overview-mission-type{font-weight:700;font-size:.62rem;text-transform:uppercase;min-width:62px;letter-spacing:.05em}.overview-mission-eta-label{font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-right:.3rem}.overview-mission-eta-value{font-size:.76rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent)}.overview-mission-eta-abs{font-size:.6rem;font-weight:500;color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-left:.35rem;padding:.06rem .4rem;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);cursor:help;white-space:nowrap}.overview-mission-route{font-variant-numeric:tabular-nums;color:var(--text-secondary);flex:1}.overview-mission-ships{font-size:.62rem;color:var(--text-secondary);white-space:nowrap}.overview-mission-status{font-size:.62rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.mission-hover-tooltip,.mission-tooltip-section,.mission-tooltip-title,.mission-tooltip-row,.mission-tooltip-label,.mission-tooltip-value{display:none}.planet-details{display:flex;gap:2rem}.detail{display:flex;flex-direction:column}.detail .label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.detail .value{font-size:.95rem}.production-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:.5rem}.prod-item{display:flex;flex-direction:column;padding:.5rem;background:var(--bg-secondary);border-radius:6px}.prod-item .rate{font-size:.8rem;color:var(--accent)}.energy-summary{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;margin-top:.5rem;background:var(--bg-secondary);border-radius:6px;font-size:.85rem}.buildings-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.building-chip{padding:.25rem .5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8rem}.queue-item{display:flex;justify-content:space-between;padding:.5rem;margin-top:.5rem;background:var(--bg-secondary);border-radius:var(--radius-sm)}.queue-time{color:var(--accent);font-size:.85rem}.universe-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.universe-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.universe-card h3{color:var(--accent)}.universe-card p{color:var(--text-secondary);font-size:.9rem}.universe-speed{color:var(--text-secondary);font-size:.85rem}.universe-card button{margin-top:.5rem;padding:.5rem;border-radius:6px;border:none;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.universe-card button:hover:not(:disabled){background:var(--accent-hover)}.page-loading,.page-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary)}@media(max-width:960px){.game-nav{width:124px}.nav-link{font-size:.72rem;padding:.28rem .6rem}.nav-group-title{font-size:.6rem;padding:.35rem .6rem .12rem}.game-content{padding:.85rem 1rem}.resource-details-card,.buildings-summary-card,.queue-card{padding:.85rem}}@media(max-width:1100px){.game-header{padding:.35rem .5rem}.planet-selector select{font-size:.72rem;padding:.22rem .4rem;width:100%}.resource-bar{grid-template-columns:auto 1fr;grid-template-areas:"left right" "center center";gap:.45rem .5rem;row-gap:.4rem}.bar-left{grid-area:left;justify-self:start;gap:.3rem}.bar-right{grid-area:right;justify-self:end;gap:.3rem;flex-wrap:nowrap}.bar-center{grid-area:center;justify-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding-top:.4rem;border-top:1px solid rgba(96,165,250,.15)}.bar-center .planet-selector{grid-column:1 / -1;width:100%}.resource-item{min-width:0;padding:.22rem .4rem .22rem .35rem;gap:.3rem}.resource-item .game-icon,.resource-item img{flex-shrink:0}.resource-numbers{min-width:0;overflow:hidden}.resource-label{font-size:.5rem}.resource-value{font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-value .resource-storage{display:inline}.resource-rate{font-size:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-username{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem}.header-icon-btn{width:26px;height:26px}.header-icon-btn svg{width:13px;height:13px}.game-content{max-height:none;padding:.75rem .6rem}.resource-details-card,.buildings-summary-card,.queue-card{padding:.75rem}.planet-combined-card{padding:.6rem}.planet-details{flex-wrap:wrap;gap:1rem}.production-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.game-body{flex-direction:column}.game-nav{display:none}.mobile-nav-bar{display:block;border-bottom:1px solid var(--border);padding:.35rem .5rem;background:var(--bg-secondary)}}.profile-protection-section{margin-top:1.5rem}.profile-protection-section h3{color:#e2e8f0;font-size:1rem;margin-bottom:.75rem}.profile-protection-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profile-prot-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.4rem}.profile-prot-card.active{border-color:var(--success);background:#22c55e0f}.profile-prot-card.vacation{border-color:var(--warning);background:#eab3080f}.profile-prot-icon{font-size:1.5rem}.profile-prot-label{color:#e2e8f0;font-weight:600;font-size:.9rem}.profile-prot-value{font-size:.8rem}.profile-prot-value.success{color:var(--success)}.profile-prot-value.warning{color:var(--warning)}.profile-prot-value.muted{color:#64748b}.profile-vacation-btn{margin-top:.5rem;padding:.4rem .8rem;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600}.profile-vacation-btn.start{background:var(--warning);color:#000}.profile-vacation-btn.start:hover{filter:brightness(1.1)}.profile-vacation-btn.end{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.profile-vacation-btn.end:hover{background:#ef444440}@media(max-width:480px){.profile-protection-cards{grid-template-columns:1fr}.resource-item{padding:.2rem .35rem .2rem .3rem;gap:.25rem}.resource-rate{display:none}.resource-value{font-size:.62rem}.resource-value .resource-storage{opacity:.7;font-size:.95em}.bar-username{display:none}.bar-center{gap:.25rem}}.buildings-page,.research-page{max-width:1000px}.building-zone-tabs{display:flex;gap:.25rem}.building-zone-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.building-density-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-secondary)}.building-density-toggle .density-btn{padding:.25rem .65rem;background:transparent;border:none;color:var(--text-secondary);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:background .15s,color .15s}.building-density-toggle .density-btn+.density-btn{border-left:1px solid var(--border)}.building-density-toggle .density-btn:hover{background:var(--accent-bg-subtle);color:var(--text-primary)}.building-density-toggle .density-btn.active{background:var(--accent-bg);color:var(--accent)}.building-zone-tab{padding:.4rem 1rem;border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:500}.building-zone-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.slot-summary{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem;padding:.3rem .5rem;background:#ffffff08;border-radius:var(--radius-sm);display:inline-block}.subcategory-badge{font-size:.65rem;padding:.1rem .35rem;border-radius:3px;background:#ffffff0f;color:var(--text-secondary);margin-left:.3rem}.orbital-ring{width:100%;border-top:1px solid var(--border);padding-top:.5rem;margin-top:.25rem}.orbital-ring-slots{display:flex;gap:.3rem}.orbital-ring-slot{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.4rem .15rem;border-radius:6px;min-height:52px;text-align:center;cursor:pointer;transition:all .15s}.orbital-ring-slot.occupied{background:#6366f11a;border:1px solid rgba(99,102,241,.3)}.orbital-ring-slot.occupied:hover{border-color:var(--accent);background:#6366f12e}.orbital-ring-slot.occupied.selected{border-color:var(--accent);box-shadow:0 0 8px #3b82f64d}.orbital-ring-slot.empty{background:var(--bg-secondary);border:1px dashed var(--border);cursor:default}.orbital-ring-slot-name{font-size:.6rem;color:var(--text-primary);line-height:1.15;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orbital-ring-slot-level{font-size:.6rem;font-weight:700;color:var(--accent)}.orbital-ring-slot-empty{font-size:1.1rem;color:var(--border);font-weight:300}.orbital-catalog{margin-top:1.25rem}.orbital-catalog-header{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:.5rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.orbital-catalog-list{display:flex;flex-direction:column;gap:.25rem}.orbital-catalog-item{display:flex;align-items:center;justify-content:space-between;padding:.45rem .6rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:border-color .15s}.orbital-catalog-item:hover{border-color:var(--accent)}.orbital-catalog-item.built{border-left:3px solid rgba(99,102,241,.5)}.orbital-catalog-item.maxed{opacity:.5}.orbital-catalog-item.locked{opacity:.6}.orbital-catalog-info{display:flex;align-items:center;gap:.4rem;min-width:0}.orbital-catalog-name{font-size:.82rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orbital-catalog-level{font-size:.7rem;font-weight:700;color:var(--accent);flex-shrink:0}.orbital-catalog-badge{font-size:.6rem;padding:.1rem .3rem;border-radius:3px;flex-shrink:0}.orbital-catalog-badge.maxed{background:var(--overlay-light);color:var(--text-secondary)}.orbital-catalog-badge.locked{background:#eab3081f;color:var(--warning)}.orbital-catalog-cost{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.orbital-catalog-time{font-size:.7rem;font-family:monospace;color:var(--text-secondary)}.orbital-catalog-btn{padding:.2rem .5rem;font-size:.7rem;font-weight:600;border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;white-space:nowrap}.orbital-catalog-btn:hover:not(:disabled){background:var(--accent);color:#fff}.orbital-catalog-btn:disabled{opacity:.35;cursor:not-allowed}.buildings-page h2,.research-page h2{margin-bottom:1rem}.build-queue-panel{background:var(--bg-card);border:1px solid var(--accent);border-radius:6px;padding:.4rem .6rem;margin-bottom:.75rem}.build-queue-title{font-size:.62rem;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.queue-item-compact{display:flex;align-items:center;gap:.45rem;padding:.22rem .4rem;border-radius:var(--radius-sm);background:var(--bg-secondary);margin-bottom:.18rem;font-size:.72rem}.queue-item-compact:last-child{margin-bottom:0}.queue-item-compact.active{border-left:3px solid var(--accent)}.queue-item-compact.waiting{opacity:.7;border-left:3px solid var(--border)}.queue-item-compact .queue-item-name{font-size:.72rem;font-weight:600;white-space:nowrap;min-width:0}.queue-item-status{flex:1;display:flex;align-items:center;gap:.5rem}.progress-bar-container{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width 1s linear}.countdown{font-family:monospace;font-size:.75rem;color:var(--accent);white-space:nowrap;min-width:45px;text-align:right}.countdown.done{color:var(--success)}.countdown-finish{font-size:.65rem;color:var(--text-secondary);opacity:.7}.queue-waiting{font-size:.75rem;color:var(--text-secondary);font-style:italic}.btn-cancel-queue{background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:.1rem .4rem;border-radius:3px;font-size:.7rem;transition:all .15s;line-height:1}.btn-cancel-queue:hover{border-color:var(--error);color:var(--error)}.segment-control{display:flex;background:var(--bg-secondary);border-radius:var(--radius-md);padding:3px;margin-bottom:.75rem;gap:2px}.segment-btn{flex:1;padding:.45rem .75rem;border:none;background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s}.segment-btn:hover:not(.active){color:var(--text-primary)}.segment-btn.active{background:var(--accent);color:#fff;box-shadow:0 1px 3px #0003}.building-tabs-wrap{position:relative;margin-bottom:1rem}.building-tabs-wrap:after{content:"";position:absolute;right:0;top:0;bottom:0;width:24px;background:linear-gradient(to right,transparent,var(--bg-primary));pointer-events:none;opacity:1;transition:opacity .2s}.building-tabs-wrap.scrolled-end:after{opacity:0}.building-tabs{display:flex;gap:.2rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:.35rem}.building-tabs::-webkit-scrollbar{display:none}.building-tab{padding:.35rem .65rem;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.75rem;border-radius:6px;transition:all .15s;white-space:nowrap;flex-shrink:0}.building-tab:hover{color:var(--text-primary);border-color:var(--text-secondary)}.building-tab.active{color:var(--accent);border-color:var(--accent);background:#3b82f614}.building-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:.75rem}.building-card-v2{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem;display:flex;flex-direction:column;gap:.4rem;transition:border-color .15s;min-height:340px}.building-card-v2 .building-next-level,.building-card-v2 .btn-build,.building-card-v2 .building-costs,.building-card-v2 .building-maxed,.building-card-v2 .building-prereqs{margin-top:auto}.building-card-v2 .building-next-level~.btn-build,.building-card-v2 .building-next-level~.building-costs,.building-card-v2 .building-next-level~.building-maxed,.building-card-v2 .building-next-level~.building-prereqs,.building-card-v2 .building-costs~.btn-build,.building-card-v2 .building-costs~.building-maxed,.building-card-v2 .building-costs~.building-prereqs{margin-top:0}.building-grid.density-compact{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.density-compact .building-card-v2{padding:.55rem .65rem;gap:.22rem}.density-compact .building-description,.density-compact .building-prereqs,.density-compact .building-hint{display:none}.density-compact .building-card-header{margin-bottom:0}.density-compact .building-card-header>.game-icon,.density-compact .building-card-header>.game-icon-placeholder,.density-compact .building-card-header>img{width:32px!important;height:32px!important}.density-compact .building-name{font-size:.78rem}.density-compact .building-stat{font-size:.68rem}.density-compact .building-costs{font-size:.65rem}.building-grid.density-list{display:flex;flex-direction:column;gap:.2rem}.density-list .building-card-v2{padding:.28rem .6rem;flex-direction:row;align-items:center;gap:.6rem;min-height:0}.density-list .building-description,.density-list .building-prereqs,.density-list .building-hint,.density-list .building-instance-list,.density-list .building-next-level,.density-list .building-costs,.density-list .building-stat{display:none!important}.density-list .building-card-header{flex:1;margin:0;gap:.5rem;min-width:0}.density-list .building-name{font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.density-list .building-card-header img,.density-list .building-card-header .game-icon{width:22px!important;height:22px!important;flex-shrink:0}.density-list .building-level-badge,.density-list .cell-badge{font-size:.62rem;padding:.06rem .35rem}.density-list .btn-build{padding:.2rem .7rem;font-size:.68rem;white-space:nowrap;flex-shrink:0;width:auto;min-width:84px}.density-list .building-maxed{font-size:.62rem;padding:.15rem .55rem;flex-shrink:0}.building-card-v2:hover{border-color:var(--accent)}.building-card-v2.maxed{opacity:.6}.building-card-v2.in-queue{border-color:#3b82f64d;background:#3b82f608}.building-card-v2.recommended{border-color:#eab3088c;box-shadow:0 0 0 1px #eab30840}.building-recommended-badge{background:linear-gradient(135deg,#eab3082e,#f59e0b26);color:#fbbf24;border:1px solid rgba(234,179,8,.4);border-radius:999px;font-size:.6rem;font-weight:600;padding:.1rem .45rem;letter-spacing:.04em;white-space:nowrap}.building-instance-list{display:flex;flex-direction:column;gap:.22rem;margin-top:.35rem;padding-top:.35rem;border-top:1px dashed var(--border)}.building-instance-list-title{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-secondary);margin-bottom:.1rem}.building-instance-row{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.45rem;padding:.22rem .4rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.72rem;transition:border-color .15s,background .15s}.building-instance-row:hover{border-color:var(--accent)}.building-instance-row.in-queue{border-color:#3b82f666;background:#3b82f60f}.building-instance-cell{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em}.building-instance-level{font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.building-instance-delta{color:var(--success);font-size:.65rem;font-weight:500;font-variant-numeric:tabular-nums;text-align:right}.building-instance-maxed{font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;padding:.12rem .4rem;border:1px solid var(--border);border-radius:var(--radius-sm);opacity:.6}.btn-build.btn-build-mini{padding:.18rem .5rem;font-size:.68rem;min-width:0;white-space:nowrap}.building-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.15rem;min-width:0}.building-card-header>.game-icon,.building-card-header>.game-icon-placeholder,.building-card-header>img{flex-shrink:0}.building-card-header .building-name{font-size:.9rem;font-weight:600;flex:1;min-width:0;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.building-level-badge{font-size:.75rem;padding:.1rem .4rem;background:var(--accent-bg-medium);color:var(--accent);border-radius:3px;font-weight:600}.building-description{font-size:.72rem;color:var(--text-secondary);line-height:1.3;margin-bottom:.15rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.building-stat{display:flex;justify-content:space-between;font-size:.8rem}.building-stat-label{color:var(--text-secondary)}.building-stat-value{font-weight:500}.building-stat-value.energy-negative{color:var(--danger)}.building-stat-value.energy-positive{color:var(--success)}.stat-delta{font-size:.7rem;font-weight:400}.stat-delta.positive{color:var(--success)}.stat-delta.negative{color:var(--danger)}.building-next-level{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;margin-top:.25rem;padding-top:.4rem;border-top:1px solid var(--border);color:var(--text-secondary)}.building-time{font-family:monospace;color:var(--text-primary);font-size:.75rem}.building-costs{display:flex;gap:.5rem;font-size:.75rem;font-family:monospace;color:var(--text-primary)}.building-costs .insufficient{color:var(--danger)}.building-costs .sufficient{color:var(--success)}.btn-build{padding:.4rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;font-size:.8rem;font-weight:600;transition:all .15s;margin-top:.25rem;align-self:stretch;text-align:center}.btn-build:hover:not(:disabled){background:var(--accent);color:#fff}.btn-build:disabled{opacity:.4;cursor:not-allowed}.building-maxed{text-align:center;color:var(--text-secondary);font-size:.8rem;padding:.5rem 0;border-top:1px solid var(--border);margin-top:.25rem}.building-prereqs{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.building-prereq{font-size:.65rem;padding:.1rem .35rem;border-radius:3px}.building-prereq.met{background:var(--success-bg-medium);color:var(--success)}.building-prereq.unmet{background:#eab30826;color:var(--warning)}.building-prereq.clickable{display:inline-flex;align-items:center;gap:.15rem;border:1px solid rgba(234,179,8,.35);cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s}.building-prereq.clickable:hover{background:#eab3084d;border-color:var(--warning)}.building-prereq-arrow{font-size:.8em;opacity:.7}.building-card-v2.prereq-focus-flash{animation:prereq-focus-flash 1.4s ease-out}@keyframes prereq-focus-flash{0%{box-shadow:0 0 0 2px var(--accent),0 0 16px #3b82f699;border-color:var(--accent)}70%{box-shadow:0 0 0 2px var(--accent),0 0 16px #3b82f64d;border-color:var(--accent)}to{box-shadow:none}}.storage-bar{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.storage-bar-container{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.storage-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width 1s linear}.storage-bar-fill.warning{background:var(--warning)}.storage-bar-fill.full{background:var(--danger)}.building-category,.tech-branch{margin-bottom:1.5rem}.building-category h3,.tech-branch h3{font-size:.9rem;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--border)}.building-list,.tech-list{display:flex;flex-direction:column;gap:.4rem}.building-card,.tech-card{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;transition:border-color .15s}.building-card:hover,.tech-card:hover{border-color:var(--accent)}.building-info,.tech-info{display:flex;flex-direction:column}.tech-name{font-size:.9rem}.building-level,.tech-level{font-size:.75rem;color:var(--text-secondary)}.btn-research{padding:.35rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;font-size:.8rem;transition:all .15s}.btn-research:hover:not(:disabled){background:var(--accent);color:#fff}.btn-research:disabled{opacity:.4;cursor:not-allowed}.research-active{background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem}.research-active h3{color:var(--accent);font-size:.85rem;margin-bottom:.5rem}.building-details-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.building-details-panel{background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-md);padding:1.25rem;max-width:700px;width:100%;max-height:80vh;overflow-y:auto}.details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.details-header h3{margin:0;font-size:1.1rem}.details-current-level{font-size:.8rem;color:var(--accent)}.btn-close-details{background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.85rem;transition:all .15s}.btn-close-details:hover{border-color:var(--error);color:var(--error)}.details-description{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.75rem}.details-current-stats{margin-bottom:.75rem;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:6px}.details-stat-row{display:flex;justify-content:space-between;font-size:.85rem;padding:.15rem 0}.details-next-level-row{font-size:.8rem;color:var(--text-secondary);padding-left:.5rem;border-left:2px solid var(--border-color, #333);margin-left:.25rem;margin-bottom:.25rem}.details-projection{overflow-x:auto}.projection-table{width:100%;border-collapse:collapse;font-size:.78rem;font-family:monospace}.projection-table th{text-align:left;font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;padding:.4rem .5rem;border-bottom:1px solid var(--border);white-space:nowrap}.projection-table td{padding:.4rem .5rem;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}.projection-table tr:hover td{background:#3b82f60d}.projection-level{font-weight:600;color:var(--accent)}.projection-cost{font-size:.72rem}.projection-time{color:var(--text-secondary)}.details-cost{display:inline-flex;gap:.4rem}.production-summary{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.prod-summary-card{flex:1;min-width:120px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.15rem}.prod-summary-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.prod-summary-value{font-size:1rem;font-weight:600;font-family:monospace}.production-table-wrap{overflow-x:auto;margin-bottom:1rem}.production-table{width:100%;border-collapse:collapse;font-size:.8rem}.production-table th{text-align:left;font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;padding:.5rem;border-bottom:1px solid var(--border);white-space:nowrap}.production-table td{padding:.45rem .5rem;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap;font-family:monospace;font-size:.78rem}.production-table tr:hover td{background:#3b82f60d}.production-table .row-disabled td{opacity:.4}.prod-building-name{font-family:inherit;font-weight:500}.prod-level{color:var(--accent);font-weight:600}.pct-select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:.2rem .3rem;border-radius:3px;font-size:.75rem;cursor:pointer}.pct-select:focus{outline:none;border-color:var(--accent)}.rate-positive{color:var(--success)}.rate-negative{color:var(--danger)}.rate-zero{color:var(--text-secondary)}.prod-group-header td{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:.6rem .5rem .3rem;border-bottom:1px solid rgba(255,255,255,.08);font-family:inherit}.prod-group-header:hover td{background:transparent!important}.prod-bonus-row td{color:var(--text-secondary);font-style:italic}.totals-row td{border-top:1px solid var(--border);font-weight:600;padding-top:.6rem}.production-actions{display:flex;gap:.5rem;align-items:center}.ship-stats{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.ship-stats span{white-space:nowrap}.shipyard-quantity{display:flex;align-items:center;gap:.4rem;margin-top:.25rem}.shipyard-quantity-presets{display:flex;gap:.2rem}.qty-preset{padding:.2rem .4rem;font-size:.7rem;border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:3px;cursor:pointer;transition:all .15s}.qty-preset:hover{border-color:var(--accent);color:var(--accent)}.qty-preset.active{background:var(--accent);color:#fff;border-color:var(--accent)}.qty-input{width:60px;padding:.2rem .3rem;font-size:.75rem;font-family:monospace;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);border-radius:3px;text-align:center}.qty-input:focus{outline:none;border-color:var(--accent)}.planet-grid-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.55rem;margin-bottom:.6rem;display:flex;flex-direction:column;align-items:center;gap:.35rem}.planet-grid-svg{display:block}.planet-cell polygon{transition:fill .15s,stroke-opacity .15s}.planet-cell:hover polygon{fill:#ffffff14!important;stroke-opacity:1!important}.cell-badge{font-size:.65rem;padding:.1rem .3rem;background:var(--overlay-light);border:1px solid var(--border);border-radius:3px;color:var(--text-secondary);white-space:nowrap}.cell-bonus-badge{color:var(--success);margin-left:.15rem;font-weight:600}.cell-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.cell-picker-panel{background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-md);padding:1.25rem;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.cell-picker-header{display:flex;justify-content:space-between;align-items:center}.cell-picker-header h3{margin:0;font-size:1rem}.cell-picker-hint{font-size:.8rem;color:var(--text-secondary);margin:0}.cell-picker-selection{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:6px;font-size:.85rem}.cell-picker-bonus{font-weight:600;font-size:.8rem}.cell-picker-actions{display:flex;gap:.5rem;justify-content:flex-end}.cell-action-panel{background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-md);padding:1.25rem;max-width:400px;width:100%;display:flex;flex-direction:column;gap:.75rem}.cell-action-info{padding:.5rem .75rem;background:var(--bg-secondary);border-radius:6px;display:flex;flex-direction:column;gap:.25rem}.cell-action-row{display:flex;justify-content:space-between;font-size:.85rem}.cell-action-label{color:var(--text-secondary)}.cell-action-value{font-weight:500}.cell-action-desc{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;line-height:1.3}.cell-action-upgrade{padding:.5rem .75rem;background:var(--bg-secondary);border-radius:6px}.cell-action-buttons{display:flex;gap:.5rem}.cell-build-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.cell-build-row{display:flex;align-items:center;gap:.55rem;padding:.45rem .55rem;background:#60a5fa0a;border:1px solid rgba(96,165,250,.12);border-radius:4px}.cell-build-row:hover{border-color:#60a5fa59;background:#60a5fa14}.cell-build-icon{flex-shrink:0}.cell-build-info{flex:1;min-width:0}.cell-build-name{font-size:.78rem;font-weight:600;color:#dbeafe;margin-bottom:.15rem}.cell-build-costs{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.65rem;font-family:ui-monospace,SF Mono,Menlo,monospace}.cell-build-time{color:var(--text-secondary);margin-left:auto}.cell-build-row .btn-build{flex-shrink:0;padding:.4rem .75rem;font-size:.7rem}.cell-action-buttons .btn-build{flex:1}.btn-demolish{padding:.4rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--error);background:transparent;color:var(--error);cursor:pointer;font-size:.8rem;font-weight:600;transition:all .15s}.btn-demolish:hover:not(:disabled){background:var(--error);color:#fff}.btn-demolish:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.buildings-page h2,.research-page h2{font-size:1.1rem;margin-bottom:.5rem}.building-grid{grid-template-columns:1fr;gap:.6rem}.building-tabs-wrap:after{display:none}.building-tabs{flex-wrap:wrap;gap:.25rem}.building-tab{padding:.3rem .5rem;font-size:.7rem;flex-shrink:1}.building-card-v2{padding:.65rem;gap:.3rem}.building-card-header .building-name{font-size:.82rem}.building-description{font-size:.68rem}.building-stat{font-size:.75rem}.building-costs{font-size:.7rem}.btn-build{padding:.35rem .6rem;font-size:.75rem}.queue-item-compact{flex-wrap:wrap}.queue-item-status{min-width:100%}.planet-grid-section{padding:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.planet-grid-section::-webkit-scrollbar{display:none}.planet-grid-svg{max-width:100%;height:auto}.cell-picker-panel,.cell-action-panel{width:95vw;max-width:none;margin:.5rem}.cell-picker-overlay{align-items:flex-end;padding-bottom:0}.build-queue-panel{padding:.4rem .6rem}.queue-item-compact .queue-item-name{font-size:.72rem}}.details-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.3rem}.details-bonuses{margin-bottom:.75rem}.details-bonus-item{display:flex;justify-content:space-between;font-size:.82rem;padding:.2rem .75rem}.details-bonus-item:nth-child(odd){background:#ffffff05}.details-bonus-type{color:var(--text-secondary)}.details-bonus-value{color:#a78bfa;font-weight:500}.details-unlocks{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem}.details-unlock-badge{font-size:.75rem;padding:.15rem .5rem;background:#22c55e1f;color:var(--success);border-radius:var(--radius-sm)}.details-scope{font-size:.8rem;color:var(--accent);margin-bottom:.5rem}.details-prereqs{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem}.warning-banner{background:#ffa50026;border:1px solid rgba(255,165,0,.4);color:#fa3;padding:.6rem 1rem;border-radius:6px;font-size:.85rem;margin-bottom:.75rem;text-align:center}.buildings-page{max-width:1180px;margin:0 auto}.buildings-page .planet-grid-section{position:relative;padding:.75rem .9rem .9rem;background:linear-gradient(var(--accent),var(--accent)) left top / 12px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left top / 2px 12px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 12px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 2px 12px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 12px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 2px 12px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 12px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 2px 12px no-repeat,radial-gradient(ellipse at 50% 40%,rgba(96,165,250,.08),transparent 70%),linear-gradient(rgba(96,165,250,.04) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(90deg,rgba(96,165,250,.04) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(145deg,#0f1630eb,#0a1024f5);border:1px solid rgba(96,165,250,.28);border-radius:2px;box-shadow:0 0 20px #60a5fa1a}.buildings-page .planet-grid-section>div:first-child,.buildings-page .planet-grid-title{font-size:.58rem!important;font-weight:700!important;letter-spacing:.24em!important;text-transform:uppercase!important;color:var(--accent)!important;text-shadow:0 0 8px rgba(96,165,250,.45)!important;font-family:ui-monospace,SF Mono,Menlo,monospace!important}.buildings-page .planet-cell text{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.04em;paint-order:stroke;stroke:#070b1bb3;stroke-width:2px;stroke-linejoin:round}.buildings-page .planet-cell:hover polygon{filter:drop-shadow(0 0 6px rgba(96,165,250,.6))}.buildings-page .building-zone-tabs{gap:0;display:inline-flex}.buildings-page .building-zone-tab{padding:.3rem .85rem;border:1px solid rgba(96,165,250,.25);background:#0f1630d1;color:var(--text-secondary);font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;border-radius:2px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);transition:all .15s}.buildings-page .building-zone-tab+.building-zone-tab{margin-left:-4px}.buildings-page .building-zone-tab:hover{color:#dbeafe;border-color:#60a5fa8c;background:#1e2950e6}.buildings-page .building-zone-tab.active{color:#fff;border-color:#93c5fd8c;background:linear-gradient(135deg,#3b82f68c,#2563eb8c);text-shadow:0 0 8px rgba(255,255,255,.35);box-shadow:0 0 14px #3b82f666}.buildings-page .building-density-toggle{border:1px solid rgba(96,165,250,.25);background:#0f1630d1;border-radius:2px;overflow:hidden}.buildings-page .building-density-toggle .density-btn{padding:.24rem .55rem;font-size:.54rem;letter-spacing:.14em;color:var(--text-secondary);background:transparent;font-family:ui-monospace,SF Mono,Menlo,monospace}.buildings-page .building-density-toggle .density-btn+.density-btn{border-left:1px solid rgba(96,165,250,.18)}.buildings-page .building-density-toggle .density-btn:hover{background:#1e2950a6;color:#dbeafe}.buildings-page .building-density-toggle .density-btn.active{background:linear-gradient(135deg,#3b82f666,#2563eb66);color:#fff;text-shadow:0 0 6px rgba(255,255,255,.3);box-shadow:inset 0 0 8px #3b82f640}.buildings-page .slot-summary{font-size:.62rem;letter-spacing:.08em;padding:.28rem .5rem;background:linear-gradient(90deg,#60a5fa14,#60a5fa05);border:1px solid rgba(96,165,250,.2);border-radius:2px;color:var(--accent);font-family:ui-monospace,SF Mono,Menlo,monospace}.buildings-page .subcategory-badge{font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;padding:.1rem .35rem;background:#60a5fa14;border:1px solid rgba(96,165,250,.22);border-radius:2px;color:var(--accent)}.buildings-page .building-card-v2{position:relative;background:linear-gradient(var(--accent),var(--accent)) left top / 10px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left top / 2px 10px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 10px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 2px 10px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 10px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 2px 10px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 10px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 2px 10px no-repeat,linear-gradient(rgba(96,165,250,.03) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(90deg,rgba(96,165,250,.03) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(145deg,#0f1630e0,#0a1024f0);border:1px solid rgba(96,165,250,.2);border-radius:2px;box-shadow:0 0 14px #60a5fa0f;transition:border-color .15s,box-shadow .15s}.buildings-page .building-card-v2:hover{border-color:#60a5fa73;box-shadow:0 0 18px #60a5fa33}.buildings-page .building-card-v2.in-queue{border-color:#60a5fa8c;box-shadow:0 0 20px #60a5fa4d}.buildings-page .building-card-v2.recommended{border-color:#eab30873;box-shadow:0 0 18px #eab30838}.buildings-page .building-card-v2.maxed{opacity:.55}.buildings-page .building-card-header{font-size:.76rem}.buildings-page .building-card-header .building-name{font-weight:700;letter-spacing:.04em;color:#dbeafe}.buildings-page .building-description{font-size:.64rem;letter-spacing:.02em;color:var(--text-secondary);line-height:1.4}.buildings-page .building-stat{font-size:.64rem;font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.04em;color:var(--text-secondary)}.buildings-page .building-stat-value{color:#e2e8f0;font-variant-numeric:tabular-nums;text-shadow:0 0 4px rgba(96,165,250,.25)}.buildings-page .building-next-level{border-top:1px dashed rgba(96,165,250,.2);padding-top:.35rem;margin-top:.35rem;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.buildings-page .building-costs{font-size:.62rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums;letter-spacing:.04em}.buildings-page .building-costs .sufficient{color:#86efac;text-shadow:0 0 4px rgba(34,197,94,.35)}.buildings-page .building-costs .insufficient{color:#fca5a5;text-shadow:0 0 4px rgba(239,68,68,.35)}.buildings-page .btn-build,.buildings-page .btn-demolish,.buildings-page .btn-build-mini{padding:.3rem .7rem;font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-family:ui-monospace,SF Mono,Menlo,monospace;color:#dbeafe;background:linear-gradient(135deg,#3b82f659,#2563eb59);border:1px solid rgba(96,165,250,.55);border-radius:2px;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);cursor:pointer;transition:all .15s}.buildings-page .btn-build:hover:not(:disabled),.buildings-page .btn-build-mini:hover:not(:disabled){background:linear-gradient(135deg,#3b82f699,#2563eb99);color:#fff;text-shadow:0 0 6px rgba(255,255,255,.4);box-shadow:0 0 12px #3b82f673}.buildings-page .btn-build:disabled,.buildings-page .btn-build-mini:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.buildings-page .btn-demolish{color:#fca5a5;background:linear-gradient(135deg,#ef444433,#b91c1c33);border-color:#ef444480}.buildings-page .btn-demolish:hover{background:linear-gradient(135deg,#ef444480,#b91c1c80);color:#fff;box-shadow:0 0 12px #ef444473}.buildings-page .building-prereq{font-size:.56rem;letter-spacing:.1em;padding:.12rem .35rem;border-radius:2px;font-family:ui-monospace,SF Mono,Menlo,monospace}.buildings-page .building-prereq.met{color:#86efac;background:#22c55e1a;border:1px solid rgba(34,197,94,.35)}.buildings-page .building-prereq.unmet{color:#fcd34d;background:#eab30814;border:1px solid rgba(234,179,8,.35)}.buildings-page .orbital-ring{border-top:1px solid rgba(96,165,250,.18)}.buildings-page .orbital-ring-slot{background:#0f163099;border:1px solid rgba(96,165,250,.22);border-radius:2px;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);transition:border-color .15s,background .15s,box-shadow .15s}.buildings-page .orbital-ring-slot:hover{border-color:#60a5fa80;background:#1e2950bf;box-shadow:0 0 10px #60a5fa33}.buildings-page .orbital-ring-slot.occupied{background:linear-gradient(135deg,#3b82f633,#2563eb1f);border-color:#60a5fa8c;box-shadow:inset 0 0 10px #3b82f633}.buildings-page .orbital-ring-slot.selected{border-color:#93c5fdb3;box-shadow:0 0 14px #60a5fa73}.buildings-page .orbital-ring-slot-name{font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--accent)}.buildings-page .orbital-ring-slot-level{font-weight:700;color:#dbeafe;text-shadow:0 0 6px rgba(96,165,250,.4);font-family:ui-monospace,SF Mono,Menlo,monospace}.buildings-page .orbital-catalog-item{background:linear-gradient(145deg,#0f1630d9,#0a1024eb);border:1px solid rgba(96,165,250,.2);border-radius:2px;transition:border-color .15s,box-shadow .15s}.buildings-page .orbital-catalog-item:hover{border-color:#60a5fa73;box-shadow:0 0 12px #60a5fa33}.buildings-page .orbital-catalog-btn{padding:.25rem .6rem;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;font-family:ui-monospace,SF Mono,Menlo,monospace;color:#dbeafe;background:linear-gradient(135deg,#3b82f659,#2563eb59);border:1px solid rgba(96,165,250,.55);border-radius:2px;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);cursor:pointer}.buildings-page .orbital-catalog-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f699,#2563eb99);color:#fff;box-shadow:0 0 10px #3b82f666}.buildings-page .building-details-panel,.buildings-page .cell-picker-panel,.buildings-page .cell-action-panel{background:linear-gradient(145deg,#0f1630f5,#0a1024fa);border:1px solid rgba(96,165,250,.4);border-radius:2px;box-shadow:0 0 30px #60a5fa40,0 10px 40px #0009}.buildings-page .cell-action-info,.buildings-page .cell-action-upgrade{background:#070b1b99;border:1px solid rgba(96,165,250,.18);border-radius:2px}.notification-toast-container{position:fixed;bottom:1rem;right:1rem;z-index:10000;display:flex;flex-direction:column-reverse;gap:.5rem;max-width:400px;pointer-events:none}.notification-toast{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;border-radius:6px;border:1px solid;cursor:pointer;pointer-events:auto;animation:toast-slide-in .3s ease-out;font-size:.875rem;line-height:1.4;box-shadow:0 4px 12px #0006}.notification-toast--success{background:#10b98126;border-color:#10b98166;color:#6ee7b7}.notification-toast--danger{background:#ef444426;border-color:#ef444466;color:#fca5a5}.notification-toast--info{background:#3b82f626;border-color:#3b82f666;color:#93c5fd}.notification-toast__icon{flex-shrink:0;font-size:1rem}.notification-toast__message{flex:1;word-break:break-word}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:480px){.notification-toast-container{left:.5rem;right:.5rem;bottom:.5rem;max-width:none}}