:root {
  --bg: #080b14;
  --surface: #101623;
  --raised: #182131;
  --line: #253043;
  --cream: #e9edf4;
  --muted: #91a0b7;
  --lime: #9be6f3;
  --purple: #b09af6;
  --amber: #f8b87e;
  --mono: ui-monospace, SFMono-Regular, Consolas, monospace;
}
* { box-sizing: border-box; }
body {
  margin: 0; font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--cream); background: radial-gradient(ellipse at 85% 15%, #20203c35, transparent 50%), var(--bg);
}
button, input, select { font: inherit; }
button { cursor: pointer; background: none; border: 1px solid var(--line); color: var(--cream); border-radius: 4px; padding: 10px 13px; transition: background .18s, border-color .18s; }
button:hover { background: #9be6f311; border-color: #6e92ac; }
button:focus-visible { outline: 2px solid var(--lime); outline-offset: 4px; }
button:disabled { opacity: .4; cursor: not-allowed; }
.sidebar { overflow-y:auto; position: fixed; inset: 0 auto 0 0; width: 232px; border-right: 1px solid var(--line); padding: 30px 20px; background: linear-gradient(170deg, #111727, #0b101a 65%); display: flex; flex-direction: column; z-index: 8; }
.brand { display: flex; align-items: center; gap: 11px; text-decoration: none; color: var(--cream); margin-bottom: 20px; }
.brand-mark { font: 65px/0.9 Georgia, serif; color: var(--lime); letter-spacing: -8px; width: 52px; flex: none; position: relative; }
.brand-mark > span { position: absolute; top: 0; right: 1px; font: 15px sans-serif; color: var(--amber); }
.brand-type { display: flex; flex-direction: column; font-size: 21px; line-height: 1.04; font-weight: 850; letter-spacing: 3px; }
.brand-type small { font: 6px/1.4 var(--mono); letter-spacing: 1.2px; color: var(--muted); margin-top: 10px; }
.sidebar-owner{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:18px 8px 0;color:var(--muted);font-size:11px;text-decoration:none;flex-shrink:0}.sidebar-owner:hover{color:var(--lime)}.sidebar-owner:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
nav { flex-shrink:0; display: flex; flex-direction: column; gap: 6px; }
.nav-item { display: flex; align-items: center; gap: 12px; border: 1px solid transparent; text-align: left; padding: 13px 10px; color: var(--muted); font-size: 11px; white-space: nowrap; }
.nav-item.active { background: linear-gradient(90deg, #9be6f319, #9be6f306); border-color: #9be6f32d; color: var(--lime); box-shadow: inset 2px 0 var(--lime); }
.app-shell { margin-left: 232px; min-height: 100dvh; display:flex; flex-direction:column; }
header { height: 74px; padding: 0 32px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: #0b1019aa; }
.breadcrumb { font: 8px var(--mono); letter-spacing: 1.4px; color: var(--muted); }
.breadcrumb strong { font-weight: 500; color: var(--cream); }
.header-right { display: flex; align-items: center; gap: 22px; }
.save-status { font: 8px var(--mono); color: #89b7aa; }
.profile { display: flex; align-items: center; gap: 9px; border: 0; font-size: 11px; padding: 4px 8px; }
.profile > span:first-child { border: 1px solid #59758c; background: #1c3043; border-radius: 50%; width: 28px; height: 28px; display: grid; place-items: center; color: var(--lime); font-size: 12px; }
main { flex:1; width:100%; max-width: 1700px; padding: 23px 32px 0; margin: 0 auto; }
.eyebrow { font: 8px/1.6 var(--mono); letter-spacing: 1.6px; }
.muted { color: var(--muted); }
.lime { color: var(--lime); }
.orange { color: var(--amber); }
.intro-line { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.night-clock { font: 9px var(--mono); color: var(--muted); }
.hero { position: relative; isolation: isolate; overflow: hidden; min-height: 400px; border: 1px solid #3a465d; border-radius: 5px; display: flex; background: #0c1421; }
.hero-copy { padding: 54px 32px 50px; z-index: 2; width: 62%; background: linear-gradient(90deg, #070d18e8, #080d18ac 70%, transparent); }
.mini-tag { font: 7px/1.8 var(--mono); letter-spacing: 1.6px; color: #c3cedd; }
.mini-tag .live-dot { width: 4px; height: 4px; background: var(--lime); border-radius: 50%; display: inline-block; margin-right: 7px; box-shadow: 0 0 10px #9be6f350; }
.hero h1 { font-family: "Arial Black", Impact, sans-serif; font-size: clamp(33px, 3.65vw, 65px); line-height: 1.08; letter-spacing: -2px; font-weight: 900; margin: 24px 0 20px; white-space: nowrap; }
.hero h1 em { font-style: normal; color: var(--lime); text-shadow: 0 0 32px #74c4ed35; }
.hero-copy p { font-size: 12px; line-height: 1.85; color: #c0cad7; max-width: 390px; }
.lime-button { background: var(--lime); color: #092331; border: 1px solid var(--lime); font-weight: 750; padding: 12px 17px; font-size: 11px; border-radius: 3px; display: inline-flex; justify-content: space-between; align-items: center; gap: 25px; box-shadow: 0 0 24px #9be6f30a; }
.lime-button:hover { background: #c0f4fd; border-color: #c0f4fd; }
.hero-art { position: absolute; inset: 0; z-index: -1; }
.hero-art img { width: 100%; height: 100%; object-fit: cover; object-position: 65% center; }
.galaxy-picker { display: flex; gap: 8px; margin: 16px 0; align-items: center; }
.galaxy-tag { font: 7px var(--mono); letter-spacing: 1px; background: #2b4659; color: var(--lime); padding: 4px 8px; border-radius: 3px; margin-left: 8px; }
.wallet-bar { display: grid; grid-template-columns: repeat(4, 1fr); margin: 20px 0; border: 1px solid var(--line); border-radius: 5px; background: linear-gradient(125deg, #141d2a, #101620); }
.wallet-cell { padding: 20px 20px; border-right: 1px solid var(--line); display: flex; flex-direction: column; }
.wallet-cell:last-child { border: 0; }
.wallet-cell strong { font-size: 27px; font-weight: 500; letter-spacing: -1px; margin: 7px 0 4px; font-variant-numeric: tabular-nums; }
.micro { font-size: 10px; color: var(--muted); }
.multiplier-bar { display: flex; align-items: baseline; gap: 12px; margin: 16px 0; padding: 10px 14px; border: 1px solid var(--line); background: var(--surface); border-radius: 4px; }
.onboarding { display: flex; gap: 14px; align-items: center; border: 1px solid #9be6f323; border-radius: 4px; padding: 14px 17px; background: linear-gradient(90deg, #9be6f30b, transparent); margin-bottom: 26px; }
.step-circle { display: grid; place-items: center; font: 10px var(--mono); border: 1px solid #497185; color: var(--lime); border-radius: 50%; width: 28px; height: 28px; flex: none; }
.onboarding strong { font-size: 11px; }
.onboarding p { font-size: 10px; margin: 3px 0; color: var(--muted); }
.onboarding button { margin-left: auto; border: 0; font-size: 20px; padding: 0 3px; color: var(--muted); }
.section-head { display: flex; justify-content: space-between; align-items: center; margin: 25px 0 17px; gap: 15px; }
.section-head h2 { font-size: 23px; letter-spacing: -0.7px; margin: 0; font-weight: 550; }
.filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; }
.filters button.selected { background: var(--lime); color: #092331; border-color: var(--lime); }
.venue-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.venue-card { border: 1px solid var(--line); border-radius: 5px; overflow: hidden; background: var(--surface); transition: border-color .2s; }
.venue-card:hover { border-color: #4c6383; }
.venue-picture { height: 166px; position: relative; overflow: hidden; background-size: cover; background-position: center; }
.venue-body { padding: 17px; }
.venue-title h3 { margin: 0; font-size: 18px; letter-spacing: -0.4px; font-weight: 550; }
.slot { display: flex; align-items: center; gap: 8px; border: 1px dashed #31465a; border-radius: 3px; padding: 9px; margin: 7px 0; min-height: 36px; color: var(--muted); font-size: 10px; }
.slot.filled { border-style: solid; background: #172434; color: var(--cream); }
.artist-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
.artist-card { background: var(--surface); border: 1px solid var(--line); border-radius: 5px; overflow: hidden; min-width: 0; transition: border-color .2s; }
.artist-card:hover { border-color: #637995; }
.portrait { height: 205px; position: relative; overflow: hidden; background-image: url("/assets/artists.webp"); background-size: 300% 200%; background-position: 0 0; }
.portrait[data-atlas="2"] { background-image: url("/assets/artists-2.webp"); }
.portrait:after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, #080d18b0, transparent 60%); }
.portrait .initials { position: absolute; z-index: 2; left: 13px; bottom: 10px; font: 500 23px var(--mono); letter-spacing: 1px; color: #ffffffb0; background: rgba(8,11,20,0.6); padding: 2px 6px; border-radius: 3px; }
.portrait .level { position: absolute; z-index: 2; right: 9px; top: 9px; background: #080d18c9; border: 1px solid #ffffff28; color: #e2ebf4; font: 8px var(--mono); padding: 4px 6px; border-radius: 2px; }
.artist-body { padding: 15px; }
.artist-body h3 { font-size: 15px; margin: 0 0 4px; letter-spacing: -0.3px; font-weight: 600; }
.artist-finance { display: flex; justify-content: space-between; font: 10px var(--mono); margin: 12px 0; }
.hof-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.hof-card { background: linear-gradient(135deg, #1a2433, #101623); border: 1px solid var(--amber); padding: 16px; border-radius: 5px; }
.ranking-row { display: grid; grid-template-columns: 40px 1fr 100px 100px; gap: 15px; padding: 20px 10px; border-top: 1px solid var(--line); align-items: center; }
.ranking-row .rank { font: 22px var(--mono); color: #718ba4; }
.ranking-row strong { font-size: 13px; }
dialog { background: var(--surface); color: var(--cream); border: 1px solid #49617b; border-radius: 6px; padding: 30px; width: min(550px, 92vw); }
dialog::backdrop { background: #02050bc9; backdrop-filter: blur(6px); }
.modal-close { float: right; font-size: 25px; border: 0; padding: 0 7px; }
#toast { position: fixed; bottom: 24px; left: calc(50% + 100px); transform: translateX(-50%); z-index: 30; background: var(--lime); color: #092331; padding: 12px 22px; border-radius: 4px; font-size: 12px; max-width: 90vw; display: none; }
footer { display: flex; justify-content: space-between; gap: 20px; padding: 30px 0 24px; border-top: 1px solid var(--line); margin-top: 38px; color: #74869f; font: 7px/1.8 var(--mono); letter-spacing: 0.8px; }
.controls { display: flex; gap: 10px; align-items: center; }
.ad-hook { width: 100%; height: 100px; background: #0b1019aa; border: 1px dashed var(--line); margin: 20px 0; display: grid; place-items: center; color: var(--muted); font-size: 10px; }
.analytics-hook { display: none; }
@media (max-width: 1150px) {
  .sidebar { width: 205px; padding: 26px 15px; }
  .app-shell { margin-left: 205px; }
  .brand-type { font-size: 19px; }
  main { padding: 22px 22px 0; }
  header { padding: 0 22px; }
  .wallet-bar { grid-template-columns: repeat(2, 1fr); }
  .venue-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .sidebar { position: relative; width: auto; padding: 17px 16px 10px; border-right: 0; border-bottom: 1px solid var(--line); }
  nav { flex-direction: row; overflow-x: auto; }
  .nav-item { white-space: nowrap; flex: 1; justify-content: center; padding: 10px 8px; }
  .app-shell { margin-left: 0; }
  header { height: 57px; padding: 0 16px; }
  .hero-copy { width: 100%; padding: 40px 20px; background: linear-gradient(90deg, #080d18d6, #080d1870); }
  .wallet-bar { grid-template-columns: 1fr; }
  .venue-grid, .artist-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { *, *:before, *:after { transition: none !important; scroll-behavior: auto !important; } }
/* Game workspace: compact board and list views; expanded profiles live in the dialog. */
[hidden]{display:none!important}
body{font-size:13px;background:radial-gradient(ellipse at 72% 0%,#28234b50,transparent 52%),radial-gradient(ellipse at 10% 80%,#0b3d4d22,transparent 60%),#080c15}.sidebar{width:190px;padding:22px 14px}.brand-mark{font-size:53px;width:45px}.brand-type{font-size:17px}.brand-type small{font-size:6px}.app-shell{margin-left:190px}.nav-item{padding:10px 8px;font-size:11px}header{height:52px;padding:0 24px}.header-right{gap:14px}main{padding:14px 24px 0;max-width:1800px}.intro-line{display:none}.hero{min-height:0;height:150px;border-radius:9px;align-items:center;border-color:#6385a45c;box-shadow:inset 0 1px #d8eaff0d,0 8px 26px #0003}.hero-copy{padding:22px 24px;width:65%;background:linear-gradient(90deg,#070d18f2,#080d18b0,transparent)}.hero .mini-tag{display:none}.hero h1{white-space:normal;font-size:30px;line-height:1.1;margin:3px 0;letter-spacing:-.3px;color:#f0eee8;text-shadow:0 2px 18px #09182e}.hero h1 br{display:none}.hero-copy p,.hero #discover-button{display:none}.hero-art{position:absolute;inset:0;width:100%;height:100%;filter:saturate(1.12)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.hero-art:after{background:linear-gradient(90deg,#080b14,transparent)}.galaxy-tag{font:9px var(--mono);color:var(--muted);display:block;margin:5px 0 4px;background:none;width:fit-content}.wallet-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);gap:0;border:1px solid #3d526c7d;border-radius:8px;background:linear-gradient(110deg,#192638,#101724 75%);padding:0;margin:0;box-shadow:inset 0 1px #b1d5f00b,0 8px 28px #0002}.wallet-cell{min-width:0;padding:12px 16px;position:relative;border-right:1px solid var(--line)}.wallet-cell .eyebrow{padding-right:16px;font-size:8px;letter-spacing:.6px}.wallet-cell strong{font-size:17px;line-height:1.3;display:block;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-cell .micro{font-size:9px}.wallet-cell .help-wrap{position:absolute;right:5px;top:5px;margin:0}.wallet-cell .help-icon{width:17px;height:17px;font-size:10px}.unclaimed-cell{border-right:0}.unclaimed-cell>#idle-help{position:absolute;right:5px;top:5px}.unclaimed-content{display:flex;align-items:center;gap:12px;margin-top:6px}.idle-balances{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.idle-balances>div{display:flex;align-items:baseline;gap:7px;min-width:0}.idle-balances strong{font-size:14px;letter-spacing:0;margin:0}.idle-balances span{font-size:9px;color:var(--muted);flex:none}.collect-icon{width:40px;height:40px;display:grid;place-items:center;padding:8px;flex:none;border-radius:8px}.collect-icon svg{width:24px;height:24px}.collect-icon:disabled{opacity:.35;cursor:default}.collect-icon:focus-visible{outline:2px solid #fff;outline-offset:3px}.wallet-heading{display:flex;align-items:center;gap:8px;padding-right:18px}.wallet-heading>.eyebrow{padding-right:0}.level-wrap{position:relative;display:inline-flex;flex:none;align-items:center;vertical-align:middle}.level-badge{height:var(--level-badge-height,24px);min-width:28px;display:inline-flex;align-items:center;justify-content:center;flex:none;font:10px/1.5 var(--mono);font-weight:650;letter-spacing:-.3px;border:1px solid #6e9db85c;border-radius:4px;background:linear-gradient(135deg,#24435b,#20283d);color:#bcecf5;padding:1px 4px;white-space:nowrap;font-variant-numeric:tabular-nums}.level-badge:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.level-badge[tabindex]{cursor:help}.level-tooltip{display:none;position:absolute;z-index:40;bottom:calc(100% + 9px);left:0;min-width:210px;max-width:260px;padding:10px 12px;border:1px solid #8ab6ce;border-radius:7px;background:#192d46;box-shadow:0 8px 25px #0008;color:#e9f4ff;font:11px/1.7 var(--mono);white-space:pre-line;pointer-events:none}.level-wrap:hover>.level-tooltip,.level-wrap:focus-within>.level-tooltip{display:block}.station-title h3{display:flex;align-items:center;gap:6px}.station-title h3>.level-wrap{flex:none}.station-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-title .level-badge{font-size:10px}.slot-line .level-wrap{order:0}.seat-avatar-button{padding:0;border:0;background:none;display:inline-flex;flex:none;border-radius:6px}.seat-avatar-button:hover{background:none;box-shadow:0 0 10px #9be6f344}.seat-avatar-button .letter-avatar{pointer-events:none}.profile-detail>.level-wrap{margin-top:4px}.wallet-cell #empire-level{font-size:9px;letter-spacing:0}.wallet-cell #empire-level:empty{display:none}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 10px}.section-head h2{font-size:20px;letter-spacing:-.4px;margin:0 0 3px}.section-head p{font-size:11px;color:var(--muted);margin:0}.panel{background:linear-gradient(135deg,#142133,#0e1522);border:1px solid #31415b;border-radius:8px;padding:18px}.help-wrap{position:relative;display:inline-flex;align-items:center;margin-left:5px}.help-icon{border-radius:50%;width:23px;height:23px;padding:0;flex:none;color:var(--lime);font-size:11px}.help-tooltip{display:none;position:absolute;z-index:30;right:0;top:calc(100% + 8px);width:250px;max-width:70vw;padding:12px;background:#233450;border:1px solid #91c2e0;border-radius:7px;color:#edf7ff;font:12px/1.6 -apple-system,BlinkMacSystemFont,sans-serif;text-transform:none;letter-spacing:normal;box-shadow:0 12px 30px #0008}.help-wrap:hover .help-tooltip,.help-wrap:focus-within .help-tooltip{display:block}
.outpost-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.outpost-card{--station-color:116,205,224;border:1px solid rgba(var(--station-color),.28);border-radius:9px;overflow:visible;background:linear-gradient(150deg,#172135,#101724);min-width:0;box-shadow:0 8px 22px #0003,inset 0 1px #e4edff08;transition:border-color .18s,box-shadow .18s}.outpost-card:hover{border-color:rgba(var(--station-color),.58);box-shadow:0 8px 28px #0005,0 0 20px rgba(var(--station-color),.06)}.station-head{display:flex;align-items:center;gap:10px;min-height:76px;padding:12px 10px;border-radius:8px 8px 0 0;background-image:linear-gradient(90deg,#111c2cf5 0%,#142137c9 38%,#111b2b6b 80%,#111b2b8c),var(--station-art);background-size:cover;background-position:center 58%;border-bottom:1px solid rgba(var(--station-color),.25);position:relative;isolation:isolate}.station-head:after{content:"";position:absolute;bottom:-1px;left:10px;width:42%;height:1px;background:linear-gradient(90deg,rgba(var(--station-color),.8),transparent);pointer-events:none}.station-thumb{width:36px;height:43px;flex:none;border-radius:5px;background-size:cover;background-position:center;border:1px solid rgba(var(--station-color),.6);box-shadow:0 3px 12px #0008,inset 0 0 10px #0002}.station-title{min-width:0;flex:1}.station-title h3{font-size:15px;line-height:1.3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f2eee7;text-shadow:0 2px 8px #000}.station-title small{font-size:9px;color:#bac9db;text-shadow:0 1px 4px #000}.station-income{display:flex;flex-direction:column;text-align:right;font:10px var(--mono);gap:4px;color:#c1f2fc;padding:5px 6px;background:#0c182cc4;border:1px solid #9acfee24;border-radius:5px;text-shadow:0 0 12px #8bdbee35}.station-income:empty{display:none}.station-income small{font-size:9px;color:var(--purple)}.station-slots{display:flex;flex-direction:column;padding:2px 8px}.slot-line{display:flex;align-items:center;gap:5px;min-height:30px;padding:2px 0;border-bottom:1px solid #34486450;min-width:0}.slot-line:hover{background:rgba(var(--station-color),.035)}.slot-line:last-child{border:0}.slot-number{color:#69829e;font:9px var(--mono);width:9px;flex:none}.letter-avatar{display:grid;place-items:center;font-weight:750;color:#f0f2fc;background:linear-gradient(140deg,#366b86a0,#713c9690),url('/assets/low-orbit.webp') center/cover;border:1px solid #9cbce0a6;border-radius:6px;box-shadow:inset 0 0 12px #93c1ff16,0 0 10px #8078c915;text-shadow:0 2px 5px #07101e}.slot-line .letter-avatar{width:22px;height:24px;flex:none;font-size:12px}.slot-name{font-size:11px;min-width:30px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-chip{font:9px var(--mono);color:#b3c7df;white-space:nowrap}.inspect-button{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:3px;width:24px;height:25px;border-color:transparent;color:#a6bdd9}.inspect-button:hover{color:var(--lime);border-color:var(--line)}.upgrade-inline{padding:4px 6px;white-space:nowrap;color:#bbe6f3;font-size:10px;background:linear-gradient(135deg,#233d5180,#25344b40);border-color:#608aa64d}.inline-move{width:93px;min-width:0;flex:0 1 93px;padding:4px;font-size:9px}.slot-line .inline-move{width:70px;flex-basis:70px}.seat-picker{flex:1;width:0;min-width:0;font-size:10px;padding:5px}.transmit-inline{font:10px var(--mono);padding:5px 7px;color:var(--lime);flex:none}.station-controls{display:flex;align-items:center;gap:6px;padding:7px 9px;border-top:1px solid #45577659;min-height:36px;background:#0c1523a1;border-radius:0 0 9px 9px}.station-controls button{font-size:9px;padding:5px 7px}.station-controls small{font-size:9px;margin-left:auto;color:var(--muted);white-space:nowrap}.station-controls .help-icon{padding:0;width:19px;height:19px}.locked{border-color:#485a734a}.locked .station-head{background-image:linear-gradient(90deg,#121c2ded,#121c2dbd 55%,#152139b3),var(--station-art);filter:saturate(.75)}.locked .station-thumb{filter:saturate(.65);opacity:.78}.locked .station-head{min-height:52px;padding:7px 9px}.locked .station-thumb{width:28px;height:25px}.locked .station-title h3{font-size:12px}.locked .station-title small{display:none}.locked-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 9px}.locked-line small{font-size:9px;color:var(--muted);min-width:0}.locked-line button{font-size:9px;white-space:nowrap;padding:5px 8px}
input,select{font:inherit;min-width:0;max-width:100%;background:#0b1422;color:var(--cream);border:1px solid #344966;border-radius:4px}select{cursor:pointer}input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 12px}.filter-row input{padding:7px 10px;flex:1;max-width:280px;min-width:130px;font-size:11px}.filter-row button{padding:6px 10px;font-size:10px;text-transform:capitalize}.selected{border-color:var(--lime);color:var(--lime)}.destination-bar{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:10px;color:var(--muted)}.destination-bar select{padding:6px;font-size:10px;max-width:205px}.profile-list{border:1px solid #5067867d;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0003}.profile-list-head,.profile-line{--level-badge-height:31px;display:grid;grid-template-columns:minmax(160px,1.8fr) 50px 85px minmax(110px,1fr) 120px;align-items:center;gap:10px;padding:7px 12px}.profile-list-head{font:9px var(--mono);text-transform:uppercase;letter-spacing:.6px;color:#b7ccdf;background:linear-gradient(90deg,#25364c,#20263e)}.profile-line{min-height:46px;background:linear-gradient(90deg,#18253999,#101827 55%);border-top:1px solid #34435e80}.profile-line:nth-child(odd){background:linear-gradient(90deg,#1b294180,#131d2c 60%)}.profile-line:hover{background:linear-gradient(90deg,#21435a80,#24263e90);box-shadow:inset 2px 0 #83cddbc9}.profile-identity{display:flex;align-items:center;gap:10px;min-width:0}.profile-identity .letter-avatar{width:29px;height:31px;flex:none;font-size:15px}.profile-identity>div:last-child{min-width:0}.profile-identity strong{display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-identity small{display:block;font-size:8px;color:var(--muted)}.profile-value{font:11px var(--mono);color:#ead1a5;white-space:nowrap}.holder-name{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-line .inline-move{width:100%;max-width:190px;padding:6px;font-size:10px}.profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.sign-inline{padding:5px 12px;font-size:10px;color:#c8f4fc;min-width:60px;background:linear-gradient(135deg,#24475c80,#29365080);border-color:#72b0c666}.profile-actions .upgrade-inline{padding:5px 8px}.profile-detail{padding:12px 8px 0;text-align:center;position:relative;isolation:isolate}.profile-detail:before{content:"";position:absolute;z-index:-1;inset:-40px -36px auto;height:220px;background:linear-gradient(180deg,#12243a33,#152036),url('/assets/orbital-city.webp') center 48%/cover;opacity:.6;border-radius:12px;pointer-events:none}.profile-detail>.letter-avatar{width:110px;height:120px;font-size:49px;border:2px solid #9dbce4;border-radius:14px;box-shadow:0 0 30px #6c64c332;margin:0 auto 20px}.profile-detail h2{margin:8px 0;font-size:26px}.profile-detail>p{font-size:13px;line-height:1.7}.profile-detail-stats{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:10px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:20px 0}.profile-detail-stats dt{color:var(--muted);font-size:12px}.profile-detail-stats dd{margin:0;text-align:right;font:12px var(--mono);color:var(--lime)}dialog{background:linear-gradient(150deg,#1b2b45,#101724);color:#e9edf4;border:1px solid #6d83a8;border-radius:12px;width:440px;max-width:calc(100vw - 30px);padding:28px}dialog::backdrop{background:#03070dcc}dialog p{line-height:1.8}dialog form,dialog label{display:flex;flex-direction:column;gap:12px}.modal-close{position:absolute;right:10px;top:8px;padding:4px 8px}
.contract-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid h2{font-size:16px}.guide-grid p{font-size:12px;line-height:1.8;color:#bac7da;white-space:pre-line}.galaxy-section-title{font-size:17px;margin:24px 0 4px}.galaxy-intro,.galaxy-note{font-size:12px;color:var(--muted);line-height:1.7;max-width:850px}.galaxy-intro{margin:0 0 15px}.galaxy-note{margin:18px 0 24px}.galaxy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.galaxy-card{border:1px solid #3b506774;border-radius:10px;overflow:hidden;background:linear-gradient(140deg,#182338,#0e1522);min-width:0;box-shadow:0 8px 26px #0003}.galaxy-destination[data-platform="discord"],.galaxy-destination[data-platform="tiktok"],.galaxy-destination[data-platform="snapchat"],.galaxy-destination[data-platform="linkedin"],.galaxy-destination[data-platform="facebook"],.galaxy-destination[data-platform="instagram"],.galaxy-destination[data-platform="reddit"]{display:none}.galaxy-card[data-status="Next Galaxy"]{border-color:#a4dbe299}.galaxy-visual{position:relative;height:166px;overflow:hidden;background:#172338}.galaxy-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#080c1520 35%,#0e1522ed)}.galaxy-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.galaxy-card:hover .galaxy-visual img{transform:scale(1.035)}.galaxy-status{position:absolute;z-index:1;top:12px;left:12px;border:1px solid #b1bfd552;padding:4px 8px;border-radius:20px;background:#0b1329d9;color:#d3dced;font:9px var(--mono)}[data-status="Next Galaxy"] .galaxy-status{color:#c8f5ff;border-color:#9be6f366}.galaxy-sector{position:absolute;z-index:1;bottom:12px;left:16px;right:12px;font:11px var(--mono);letter-spacing:1px;color:#e1eafa}.galaxy-copy{padding:0 16px 14px}.galaxy-copy h3{font-size:20px;margin:0 0 5px}.galaxy-copy p{font-size:12px;color:#a9b8cb;line-height:1.6;min-height:38px;margin:0 0 14px}.galaxy-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #30415877;padding-top:12px}.galaxy-entry{font-size:10px;color:#91a8c4}.galaxy-locked{padding:6px 9px;font-size:10px;opacity:.8!important;color:#b8c9dd;background:#1f2d43;cursor:default!important}.local-galaxies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.local-galaxy{display:flex;align-items:center;gap:12px;border:1px solid #536f8755;border-radius:9px;padding:10px;background:#142030;min-width:0}.local-galaxy img{width:78px;height:68px;object-fit:cover;border-radius:6px;flex:none}.local-galaxy>div{flex:1;min-width:0}.local-galaxy h3{font-size:15px;margin:0}.local-galaxy p{font-size:10px;color:var(--muted);margin:3px 0}.local-galaxy .eyebrow{color:var(--lime);font-size:7px}.local-galaxy button{padding:8px;font-size:10px;flex:none}@media(min-width:1600px){.galaxy-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.galaxy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.local-galaxies{grid-template-columns:1fr}}@media(max-width:650px){body{min-height:100dvh;display:flex;flex-direction:column}.app-shell{min-height:0;flex:1}.sidebar-owner{margin-top:10px;padding:6px 8px;border-top:1px solid var(--line);justify-content:flex-start;gap:8px;align-self:flex-end}.galaxy-grid{grid-template-columns:1fr}.galaxy-visual{height:190px}.local-galaxy img{width:55px;height:62px}.local-galaxy button{font-size:9px}.galaxy-copy p{min-height:0}}@media(prefers-reduced-motion:reduce){.galaxy-visual img{transition:none}}
.network-panel{max-width:850px}.network-panel h2{font-size:18px;margin-top:22px}.network-panel p{font-size:12px;line-height:1.8}.top-hof{border-color:var(--lime)}.leaderboard{width:100%;border-collapse:collapse;background:#101827}.leaderboard td,.leaderboard th{text-align:left;padding:10px;border-bottom:1px solid #2b3a51;font-size:12px}.leaderboard th{font-size:9px;color:var(--muted);text-transform:uppercase}.empty-state{padding:20px;background:#131d2d;border:1px dashed #405475;border-radius:6px;color:var(--muted)}#toast{position:fixed;bottom:20px;right:20px;max-width:400px;background:#253952;padding:12px 18px;z-index:100;border:1px solid #87aac8;border-radius:7px;display:none}footer{padding:16px 24px;font-size:8px}
@media(min-width:1600px){.outpost-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1170px){.outpost-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-cell strong{font-size:14px}.wallet-cell{padding:9px 8px}.wallet-collect{padding:6px}.wallet-collect button{padding:6px;font-size:10px}.profile-list-head,.profile-line{grid-template-columns:minmax(130px,1.6fr) 35px 65px minmax(95px,1fr) 106px;gap:7px;padding:7px 9px}}
@media(max-width:850px){.sidebar{width:158px;padding:18px 10px}.app-shell{margin-left:158px}.brand-type{font-size:14px}.brand-mark{font-size:45px;width:38px}.nav-item{font-size:10px;gap:5px;padding:9px 5px}main{padding:12px}.outpost-grid{gap:9px}.slot-line .inline-move{width:60px;flex-basis:60px}.slot-name{font-size:9px}.slot-line .upgrade-inline{font-size:9px;padding:4px}.wallet-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-cell.unclaimed-cell{grid-column:1/-1}.wallet-cell{border-bottom:1px solid var(--line)}.profile-list-head,.profile-line{grid-template-columns:minmax(105px,1.5fr) 30px 55px minmax(80px,1fr) 93px;gap:5px;padding:6px}.profile-actions{gap:3px}.profile-actions .upgrade-inline{font-size:9px;padding:4px}.profile-identity{gap:6px}.profile-identity strong{font-size:10px}.profile-line{--level-badge-height:27px}.profile-identity .letter-avatar{width:24px;height:27px}.profile-value{font-size:10px}}
@media(max-width:650px){.station-title h3{flex-direction:column;align-items:flex-start;gap:2px}.station-name{max-width:100%}.level-tooltip{position:fixed;left:12px;right:12px;bottom:16px;width:auto;min-width:0;max-width:none}.sidebar{position:static;width:auto;padding:10px 12px}.sidebar .brand{display:none}.sidebar nav{display:flex;flex-direction:row;gap:3px;flex-wrap:wrap}.nav-item{padding:6px 8px;font-size:10px}.app-shell{margin-left:0}header{height:auto;min-height:44px;padding:8px 12px;gap:6px;flex-wrap:wrap}.breadcrumb{font-size:7px}.header-right{gap:8px}.save-status{font-size:7px}.outpost-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{height:110px}.hero-copy{padding:8px 12px;width:100%}.hero h1{font-size:23px}.idle-balances>div{flex-direction:column;gap:0}.idle-balances strong{font-size:12px}.hero .mini-tag{font-size:5px}.hero-art{opacity:.65}.wallet-cell .eyebrow{font-size:6px}.wallet-cell strong{font-size:13px}.wallet-collect{justify-content:center}.section-head{margin:14px 0 10px}.section-head h2{font-size:18px}.section-head p{font-size:10px}.guide-grid,.contract-grid,.galaxy-grid{grid-template-columns:1fr}.profile-list-head{display:none}.profile-line{grid-template-columns:minmax(100px,1fr) 30px 55px 90px;gap:5px;min-height:46px}.profile-line>.inline-move,.profile-line>.holder-name{grid-column:1/4;font-size:10px;max-width:none;width:100%;margin-left:34px;width:calc(100% - 34px)}.profile-actions{grid-column:4;grid-row:1/3;align-self:center}.filter-row input{max-width:none}.destination-bar{margin-left:0;flex:1 1 100%}.destination-bar select{max-width:none;flex:1}.station-head{padding:8px;gap:6px}.station-thumb{width:30px;height:30px}.station-title h3{font-size:12px}.station-title small{font-size:8px}.station-income{font-size:9px}.slot-line{gap:3px;flex-wrap:wrap}.slot-line .slot-name{flex:1;min-width:35px}.slot-line .inline-move{flex:1 1 80px;max-width:100%;margin-left:16px;width:auto}.station-controls{flex-wrap:wrap;padding:6px}.station-controls button{font-size:8px;padding:4px}.station-controls small{font-size:8px}.locked-line{align-items:start;flex-direction:column;gap:5px}.locked-line button{width:100%;font-size:9px}.leaderboard td,.leaderboard th{font-size:10px;padding:8px}.help-tooltip{max-width:65vw;width:230px}}
@media(max-width:370px){.outpost-grid,.wallet-bar{grid-template-columns:1fr}.wallet-cell{border-right:0}}

/* Share cards remain outside the compact game layout. */
@font-face{font-family:ZSRBrand;src:url('/assets/fonts/Rajdhani-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
.brand{gap:7px;align-items:center}
.brand-icon{width:52px;height:52px;object-fit:contain;flex:none;border-radius:0}
.brand-type{font-family:ZSRBrand,sans-serif;font-size:21px;line-height:1.05;font-weight:700;letter-spacing:.5px;white-space:nowrap}
.brand-type small{font-family:ZSRBrand,sans-serif;font-size:10px;line-height:1.2;letter-spacing:3px;color:var(--lime);margin-top:4px}
.share-signing{margin-top:12px;width:100%}
#share-modal{max-width:850px;width:calc(100vw - 36px);max-height:90vh;overflow:auto}
.share-preview{display:block;width:100%;height:auto;border:1px solid #314c65;border-radius:12px;margin:18px 0}
.share-actions{display:flex;gap:12px;flex-wrap:wrap}
.share-link{display:inline-block;padding:12px 18px;background:#183447;border:1px solid #6ba5bd;border-radius:8px;color:#d5f7ff;text-decoration:none}
.share-landing{display:block;min-height:100vh;background:#080b14;color:#e7eff9;padding:36px 20px}
.share-landing main{max-width:1000px;margin:0 auto}
.share-home{color:#9be6f3;letter-spacing:.16em;text-decoration:none}

.account-actions{display:grid;gap:10px;margin:18px 0}.account-actions form{display:grid;gap:10px;border-top:1px solid #33445d;padding-top:16px}.account-actions input{width:100%;box-sizing:border-box}.account-actions button,.account-actions .share-link{min-height:40px;text-align:left}.account-actions label{display:grid;gap:8px}

/* Station lore is a click-open comic, independent of gameplay help and polling. */
#outpost-story-modal{width:920px;max-width:calc(100vw - 28px);max-height:90vh;padding:0;overflow:auto;border:2px solid #7396b5;background:#0d1726;box-shadow:12px 14px 0 #020711aa}
#outpost-story-modal>.modal-close{position:sticky;top:10px;float:right;margin:10px 12px -42px 0;z-index:3;background:#0b1424;color:#eef8ff;border:1px solid #a7c6df;min-width:32px;min-height:32px}
.comic-cover{position:relative;isolation:isolate;padding:28px 32px 24px;min-height:175px;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:3px solid #020712;background:linear-gradient(90deg,#06111ee8,#101b2d66),var(--comic-art) center 48%/cover}
.comic-cover:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#bcdefa24 .7px,transparent .9px);background-size:5px 5px}
.comic-issue{align-self:flex-start;padding:6px 11px;margin-bottom:auto;background:#cee86f;color:#111a25;font:700 10px var(--mono);letter-spacing:1px;transform:rotate(-2deg);box-shadow:3px 3px 0 #020712}
.comic-location{font:600 12px var(--mono);letter-spacing:2px;text-transform:uppercase;color:#b4def2;margin:24px 0 9px}
.comic-cover h2{max-width:680px;margin:0;color:#fff4dc;font-size:clamp(25px,4vw,40px);line-height:1.08;text-transform:uppercase;text-shadow:3px 3px 0 #050b17}
.comic-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 20px 0}
.comic-panel{position:relative;border:2px solid #6b809d;background:linear-gradient(150deg,#21344c,#142032);padding:38px 17px 16px;box-shadow:4px 5px 0 #030913;min-width:0}
.comic-panel:nth-child(2){background:linear-gradient(150deg,#352e4e,#1b2239);border-color:#9788b8}
.comic-panel:nth-child(3){background:linear-gradient(150deg,#23424c,#142332);border-color:#75a6b5}
.comic-panel-number{position:absolute;top:-2px;left:-2px;background:#d7e9f0;color:#101a28;padding:4px 10px;font:700 12px var(--mono);border:2px solid #020712;transform:rotate(-3deg)}
.comic-panel h3{font-size:16px;line-height:1.3;color:#e7f39b;margin:0 0 12px}
.comic-panel p{font-size:13px;line-height:1.75;margin:0;color:#e1e9f3}
.comic-quote{position:relative;background:#e3ebef;color:#162233;border:2px solid #050b16;box-shadow:4px 4px 0 #030913;border-radius:15px 15px 15px 2px;padding:16px 22px;margin:22px;font-size:16px;font-weight:600;line-height:1.5}
.comic-quote cite{display:block;margin-top:5px;font:11px var(--mono);color:#354960}
.comic-colophon{text-align:center;padding:0 15px 16px;margin:0;color:#9eb4cb;font:9px var(--mono);letter-spacing:1.5px}
.outpost-story-button{flex:none}
@media(max-width:640px){.comic-panels{grid-template-columns:1fr;padding:14px 14px 0}.comic-cover{padding:22px;min-height:155px}.comic-panel{padding:33px 17px 16px}.comic-quote{margin:18px 14px}.comic-cover h2{font-size:28px}}

/* Compact, explicit separation between permanent and seasonal empires. */
.competition-controls{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.competition-button{border:1px solid #35485b;background:#101723;color:#b1c3d0;border-radius:6px;padding:7px 11px;font:inherit;font-size:12px;cursor:pointer}
.competition-button.selected{color:#d8faff;border-color:#90c7d0;background:#1c3543}
.competition-button:focus-visible{outline:2px solid #c2f7ff;outline-offset:3px}
.season-intro{margin:14px 0;max-width:850px}.season-intro p{line-height:1.6}.season-intro small{display:block;margin-top:10px;color:#a9b9c8}.season-title{color:#bef4f6}