: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:0;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; color: #e0f8fc; 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}}
.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}}
#toast:has(.season-toast-actions){left:auto;right:20px;transform:none;max-width:min(400px,calc(100vw - 40px))}
.season-join-meta{margin-top:5px;color:#b9d0de}
.season-toast-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:9px}
.season-toast-actions button{padding:6px 10px}
#season-join-standings{margin-top:9px;max-height:min(300px,40dvh);overflow:auto;overscroll-behavior:contain}
#season-join-standings p{margin:5px 0}
#season-join-standings th,#season-join-standings td{padding:6px}
@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}}

.local-galaxies + .galaxy-grid{margin-top:24px}

/* 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}

/* Shared button presentation for utility links and actions. */
.utility-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border:1px solid var(--line);border-radius:4px;background:none;color:var(--cream);font:inherit;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s}
.utility-button:hover{background:#9be6f311;border-color:#6e92ac}
.utility-button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
footer{align-items:center;flex-wrap:wrap}
footer .controls{flex-wrap:wrap;margin-left:auto}

/* Public field guide: no gameplay controls, no polling, and no live advertising yet. */
.guide-page main{max-width:960px;padding:0;margin:0 auto}.guide-brand{height:auto;padding:0 0 28px;background:none;border:0;display:flex;align-items:center;justify-content:space-between;gap:18px}.guide-page .guide-hero{background:linear-gradient(90deg,#0d1728e8,#0d1728b0),url('/assets/orbital-city.webp') center/cover;border:1px solid #6e9db84d;border-radius:14px;padding:40px;margin-bottom:32px}.guide-hero h1{font:700 clamp(32px,6vw,54px)/1.05 Rajdhani,sans-serif;margin:16px 0 22px;color:#e8f7ff}.guide-page p,.guide-page li{font-size:15px;line-height:1.85;color:#b9cadc}.guide-chapter{margin:26px 0;padding:24px 0;border-bottom:1px solid #33465d}.guide-chapter h2{font-size:23px;color:#edf5ff;margin:10px 0 14px}.guide-chapter ol{padding-left:24px}.guide-chapter li{padding:5px 0 5px 8px}.guide-contents{display:flex;flex-wrap:wrap;gap:10px;padding:20px;background:#132034;border-radius:9px}.guide-contents a{color:#a1e3ef;font-size:13px;text-decoration:none;border:1px solid #4c647d;padding:8px 12px;border-radius:5px}.guide-contents a:hover{background:#20364e}.guide-page .guide-footer{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:32px 0 0;padding:24px 0;background:none;border-top:1px solid #33465d;color:#a1e3ef;font-size:12px}.guide-footer a:last-child{color:inherit}.guide-ad-preview{margin:160px 0;padding:28px 16px;min-height:120px;border:1px dashed #59748d;border-radius:6px;text-align:center;background:#101a29}.guide-ad-preview>span{font:10px var(--mono);letter-spacing:1px;color:#91a8bd}.guide-ad-preview small{color:#91a8bd}.guide-ad-placement{margin:160px 0}.guide-ad-placement[hidden]{display:none}@media(max-width:600px){.guide-page{padding:24px 16px}.guide-page .guide-hero{padding:26px 22px}.guide-brand .share-home{font-size:11px}.guide-page .guide-brand{flex-wrap:wrap}.guide-contents a{font-size:12px}.guide-chapter{padding:18px 0}}

.guide-ad-placement .advertisement-label{display:block;color:#8fa4ba;font:10px var(--mono);letter-spacing:1px;text-transform:uppercase;text-align:center;margin-bottom:12px}.guide-ad-body{min-height:280px;width:100%}#ad-eu-settings{margin:12px 0}#ad-privacy-status{color:#a3b9ce}

/* Personal Hall of Fame records: compact, distinct from active contract levels. */
.letter-avatar.hall-avatar{border-color:#e6bf70;outline:1px solid #e6bf7066;outline-offset:2px;box-shadow:0 0 12px #e9b95f38,inset 0 0 8px #f6d68c33}
.roster-hall{margin:0 0 16px;padding:14px;border:1px solid #a68a5266;border-radius:9px;background:linear-gradient(115deg,#342b2180,#182032 65%)}.roster-hall h3{font-size:15px;color:#f0cf8e;margin:0 0 4px}.roster-hall>p{font-size:11px;line-height:1.6;margin:0 0 12px}.roster-hall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;max-height:250px;overflow:auto;padding:3px}.roster-hall-entry{display:flex;align-items:center;gap:11px;padding:9px;border:1px solid #88734d55;border-radius:6px;background:#101a2ac7;min-width:0}.roster-hall-entry.hall-active{border-color:#d7b76a88}.roster-hall-entry .letter-avatar{width:32px;height:35px}.roster-hall-copy{min-width:0}.roster-hall-copy strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-hall-copy small{display:block;color:#e6c786;font-size:9px;margin-top:4px}.roster-hall .hall-empty{margin:0;color:#aebed0}.hall-confirm-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:22px}.hall-confirm-cost{color:#efd08e;font:12px var(--mono)}#hall-confirm-modal{border-color:#b99a60;max-height:90dvh;overflow:auto}#hall-confirm-modal h2{color:#f2d697;font-size:23px;margin:0 0 16px}#hall-confirm-modal p{font-size:13px}
/* Public site: crawlable content and the same orbital identity as the game. */
a.nav-item{text-decoration:none}.marketing{--site-max:1240px;background:#080b14;color:#e9edf4}.site-header{height:auto;max-width:var(--site-max);margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:26px;border:0}.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f5f3ee;font-weight:800;letter-spacing:1px;line-height:1.1}.site-brand img{object-fit:contain}.site-brand small{display:block;letter-spacing:5px;font-size:9px;margin-top:5px;color:#b9eaf1}.site-header nav{display:flex;gap:24px;flex-wrap:wrap}.site-header nav a{font-size:12px;color:#a7b9ce;text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current]{color:#a6edf3}.site-play{color:#bceef6!important;border:1px solid #7ba6be66;padding:9px 14px;border-radius:5px;text-decoration:none;white-space:nowrap;font-size:12px}.site-hero{position:relative;min-height:650px;max-width:1540px;margin:0 auto;overflow:hidden;isolation:isolate;display:flex;align-items:center;background:#111a2b;border-block:1px solid #728baa33}.site-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;object-position:center}.site-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080e1df5,#0d1223b8 48%,#0c142b18),linear-gradient(0deg,#080b14b0,transparent 45%)}.site-hero-copy{max-width:var(--site-max);width:100%;margin:0 auto;padding:65px 28px 95px}.site-kicker{font:10px var(--mono);letter-spacing:2px;color:#9ee2ec;line-height:1.7}.site-hero h1,.site-page-head h1{font-size:clamp(42px,6.4vw,83px);letter-spacing:-3px;line-height:1.02;margin:24px 0;color:#f4f1ea;font-weight:800}.site-hero h1 em{font-style:normal;color:#a4ecf4}.site-lede{max-width:520px;font-size:17px;line-height:1.8;color:#c2cee0}.site-actions{display:flex;align-items:center;gap:25px;margin:30px 0 18px}.site-cta{display:inline-flex;align-items:center;justify-content:center;gap:45px;background:#b3edf2;color:#0c2131;padding:14px 22px;border-radius:5px;font-size:14px;font-weight:700;text-decoration:none;border:1px solid #d5fcff;box-shadow:0 0 28px #6ad0e31a}.site-cta:hover{background:#d8fbff}.site-secondary{font-size:13px;color:#d1e5f2;text-underline-offset:5px}.site-fine{font-size:11px;line-height:1.8;color:#a1b1c6}.site-frequency{position:absolute;bottom:23px;left:0;width:100%;display:flex;justify-content:space-between;padding:0 max(28px,calc((100% - 1184px)/2));font:9px var(--mono);letter-spacing:1.5px;color:#b8ccdf}.site-section{max-width:var(--site-max);margin:auto;padding:78px 28px}.marketing h2{font-size:clamp(29px,3.5vw,43px);line-height:1.16;letter-spacing:-1.2px;margin:16px 0 20px}.site-intro{max-width:710px;color:#aebdd2;font-size:15px;line-height:1.9}.site-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.site-section>.site-tiles{margin-top:35px}.site-tiles article{position:relative;padding:27px;border:1px solid #50638255;background:linear-gradient(140deg,#182235a3,#101726);border-radius:8px}.site-number{font:11px var(--mono);color:#85cad8}.site-tiles h3,.site-tiles h2{font-size:21px;letter-spacing:-.4px;line-height:1.3;margin:17px 0 12px}.site-tiles p{font-size:13px;color:#aebdd1;line-height:1.9}.marketing a:not(.site-cta):not(.site-brand){color:#afdde7}.site-tiles a{font-size:12px;text-underline-offset:4px}.site-feature{max-width:1184px;margin:5px auto 0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#121b2b;border:1px solid #50638255;border-radius:9px}.site-feature img{width:100%;height:100%;min-height:360px;object-fit:cover}.site-feature>div{padding:42px}.site-feature p:not(.site-kicker){color:#aebdd2;font-size:14px;line-height:1.9}.site-feature a,.site-season a{font-size:13px;text-underline-offset:5px}.site-season{border-bottom:1px solid #26374b}.site-final{padding:70px 28px;text-align:center;background:radial-gradient(ellipse at center,#24345580,transparent 65%)}.site-final .site-cta{margin:12px 0 18px}.site-footer{max-width:var(--site-max);margin:auto;padding:25px 28px 35px;display:flex;flex-wrap:wrap;align-items:center;gap:20px;border-top:1px solid #34445a77}.site-footer>.site-brand{font-size:11px}.site-footer>span{font:8px var(--mono);color:#7891aa}.site-footer nav{display:flex;flex-wrap:wrap;gap:18px;margin-left:auto}.site-footer nav a{font-size:10px;text-decoration:none}.site-page-head{max-width:var(--site-max);margin:auto;padding:65px 28px 15px}.site-page-head h1{font-size:clamp(42px,6vw,72px)}.site-page-head .site-lede{max-width:720px}.site-outposts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.site-outposts article{overflow:hidden;border-radius:9px;border:1px solid #50638266;background:#121b2b}.site-outposts img{width:100%;height:210px;object-fit:cover;display:block}.site-outposts article>div{padding:24px}.site-outposts h2{font-size:26px;margin:12px 0}.site-outposts p{color:#b3c0d2;font-size:13px;line-height:1.8}.site-faq{max-width:950px;padding-top:35px}.site-faq details{padding:22px 0;border-bottom:1px solid #384a6266}.site-faq summary{cursor:pointer;font-weight:600;font-size:17px;color:#d8e7f4}.site-faq details p{font-size:14px;line-height:1.9;color:#aebdd2;max-width:780px}.marketing a:focus-visible,.site-faq summary:focus-visible{outline:2px solid #acf1fc;outline-offset:5px}.marketing .site-footer{font-size:12px}
@media(max-width:850px){.site-header{gap:15px;flex-wrap:wrap}.site-header nav{order:3;width:100%;justify-content:space-between;gap:12px}.site-hero{min-height:580px}.site-tiles{grid-template-columns:1fr 1fr}.site-feature{margin-inline:20px}.site-feature>div{padding:25px}.site-section{padding-block:50px}.site-footer nav{margin-left:0}}@media(max-width:560px){.site-header{padding:18px}.site-header nav a{font-size:11px}.site-hero-copy{padding:40px 20px 90px}.site-hero{min-height:570px}.site-hero:after{background:linear-gradient(90deg,#080e1de8,#0d1223aa),linear-gradient(0deg,#080b14b0,transparent)}.site-hero h1,.site-page-head h1{letter-spacing:-1.7px}.site-lede{font-size:15px}.site-frequency span:last-child{display:none}.site-tiles,.site-outposts,.site-feature{grid-template-columns:1fr}.site-feature img{min-height:0;height:220px}.site-section,.site-page-head{padding-inline:20px}.site-outposts img{height:185px}.site-final{padding:50px 20px}.site-footer{padding-inline:20px}.site-brand{font-size:13px}.site-brand img{width:42px;height:42px}}
.marketing main{padding:0}.site-header nav,.site-footer nav{flex-direction:row}

/* Currency identity: a warm credit coin and a violet Resonance waveform. */
.currency-icon{display:inline-flex;align-items:center;justify-content:center;width:1.2em;height:1.2em;flex:none;vertical-align:-.2em}.currency-icon svg{display:block;width:100%;height:100%;overflow:visible}.currency-credits{color:#edc98a}.currency-resonance{color:#bba3ff}.currency-amount{display:inline-flex;align-items:center;gap:.3em;white-space:nowrap;font-variant-numeric:tabular-nums}.currency-amount .currency-icon{width:1.1em;height:1.1em}[data-currency-icon]{display:inline-flex;vertical-align:-.2em;margin-right:2px}.wallet-cell .eyebrow>.currency-icon,.wallet-cell [data-currency-icon] .currency-icon{width:13px;height:13px}.station-income>strong,.station-income>small{white-space:nowrap}.station-controls .currency-amount{pointer-events:none}.profile-actions .currency-amount{gap:3px}.idle-balances [data-currency-icon]{margin-right:3px}

/* Align the currency group with the outpost control label. */
.station-controls button>.currency-amount,.transmit-inline>.currency-amount{position:relative;top:2px}

/* Public training and substantive player resources. */
.handbook{max-width:1000px;padding-top:25px}.handbook article{padding:32px 0;border-bottom:1px solid #34445a80;scroll-margin-top:25px}.handbook h2{font-size:clamp(24px,4vw,38px);margin:12px 0 20px}.handbook p,.handbook li{color:#b8c7db;font-size:15px;line-height:1.9}.handbook a{color:#aff0fa;text-underline-offset:4px}.handbook-contents{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 24px;padding:20px 0;border-block:1px solid #34445a80}.handbook-contents a{font-size:13px}.handbook figure,.guide-example{margin:28px 0;padding:14px;background:#101a29;border:1px solid #354a63;border-radius:10px}.handbook figure img,.guide-example img{display:block;width:100%;height:auto;border-radius:5px}.handbook figcaption,.guide-example figcaption{color:#93a9c1;font-size:12px;line-height:1.6;margin-top:12px}.public-lore{margin-top:20px;border-top:1px solid #34445a80;padding-top:16px}.public-lore summary{cursor:pointer;color:#b9e9f1;font-size:14px}.public-lore h3{font-size:18px}.public-lore p{font-size:13px}.demo-shell{padding-top:15px}.demo-wallet{display:flex;align-items:center;gap:20px;padding:15px 20px;border:1px solid #465c79;background:#18263b;border-radius:8px}.demo-wallet>strong{font-size:25px}.demo-wallet>span{font:12px var(--mono);color:#aecddd}.demo-wallet>button{margin-left:auto}.demo-guidance{padding:22px 0 20px;max-width:850px}.demo-guidance h2{font-size:30px;margin:8px 0}.demo-guidance p{font-size:14px;line-height:1.8;color:#b8c7db}#demo-message{min-height:1.5em;color:#f0c38e}#demo-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.demo-outpost{align-self:start;padding:0 18px 20px;background:#111c2b;border:1px solid #455b75;border-radius:9px;overflow:hidden}.demo-outpost header{margin:0 -18px 15px;height:120px;padding:22px;display:flex;align-items:center;gap:12px;background-position:center;background-size:cover}.demo-outpost header h2{font-size:27px;margin:0}.demo-outpost p,.demo-contracts>p{font-size:13px;line-height:1.8;color:#aabed3}.demo-seat{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #34475d}.demo-seat strong{font-size:13px;flex:1;min-width:0}.demo-seat .utility-button{font-size:12px;padding:8px}.demo-seat .letter-avatar{width:30px;height:32px}.demo-controls{display:flex;gap:10px;margin:18px 0 10px}.demo-controls button{font-size:13px}.demo-contracts{grid-column:1/-1;border-top:1px solid #34475d;padding-top:20px}.demo-contracts .demo-seat{max-width:800px}.demo-shell button:disabled{opacity:.4;cursor:not-allowed}#demo-finish{max-width:560px;border:1px solid #8ac9db;border-radius:12px;background:#111e30;color:#dcebf9;padding:30px}#demo-finish::backdrop{background:#020710c9}#demo-finish p{font-size:15px;line-height:1.8}#demo-finish .utility-button{margin:10px 8px 0 0}.marketing .site-header nav{gap:16px}.marketing .site-footer nav{max-width:760px}
@media(max-width:700px){#demo-board{grid-template-columns:1fr}.demo-wallet{flex-wrap:wrap;gap:10px}.demo-wallet>button{margin-left:0}.demo-wallet>strong{font-size:21px}.demo-outpost header h2{font-size:24px}.demo-seat{gap:6px}.demo-seat .utility-button{font-size:11px}.demo-controls{flex-wrap:wrap}.demo-guidance h2{font-size:25px}.handbook p,.handbook li{font-size:14px}.marketing .site-header nav{flex-wrap:wrap;justify-content:flex-start;gap:14px}}

.demo-shell .utility-button{gap:6px}
.marketing .site-footer nav{min-width:0;max-width:100%;width:100%}
.guide-example img,.handbook img[src$="guide-first-broadcast.png"]{max-width:582px;margin-inline:auto}

/* Small, optional decision aids; heavy game controls stay mounted across balance ticks. */
#player-assist{margin:10px 0 16px}#player-assist[hidden]{display:none}
.goal-drawer{border:1px solid #32465b;border-radius:8px;background:linear-gradient(110deg,#142230,#0e1725);overflow:hidden}
.goal-drawer>summary{display:flex;align-items:center;gap:12px;padding:10px 14px;list-style:none;cursor:pointer;min-height:54px}
.goal-drawer>summary::-webkit-details-marker{display:none}.goal-drawer>summary:after{content:'⌄';font-size:17px;color:#8eb4c6;transition:transform .15s}.goal-drawer[open]>summary:after{transform:rotate(180deg)}
.goal-drawer>summary:focus-visible{outline:2px solid #a2e9f1;outline-offset:-3px}.goal-mark{display:grid;place-items:center;width:29px;height:29px;flex:none;border:1px solid #44667b;border-radius:7px;color:#ade7ee;background:#263d5055;font-size:17px}
.goal-heading{display:grid;gap:2px;min-width:0;flex:1}.goal-heading .eyebrow{font-size:9px;letter-spacing:1.2px;color:#92c5d3}.goal-heading strong{font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.goal-drawer progress{width:88px;height:4px;accent-color:#a3dfe9;flex:none}.goal-status{font-size:10px;line-height:1.3;white-space:nowrap;padding:5px 8px;border:1px solid #344b61;border-radius:5px;color:#a9bdce;background:#122333}
.goal-drawer[data-state=ready] .goal-status{border-color:#517b70;color:#bcf0d7;background:#183b3444}.goal-drawer[data-state=funding] .goal-status{border-color:#735e45;color:#f0cea0;background:#44332244}
.goal-body{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1.1fr);gap:16px 28px;border-top:1px solid #293d50;padding:17px 18px 0}.goal-focus{min-width:0}.goal-focus>label{display:grid;gap:7px;font-size:10px;color:#9eb3c7}.goal-focus select{width:100%;max-width:none;font-size:12px;min-height:35px;padding:7px 10px;background:#0b1421;border-color:#3b536a}
.goal-funding{display:flex;align-items:flex-start;gap:9px;margin-top:13px}.goal-funding-mark{font-size:20px;line-height:1.1;color:#9cbed0}.goal-funding strong{font-size:12px;color:#d7e9f0}.goal-funding p{margin:4px 0 0;font-size:11px;line-height:1.6;color:#9fb3c6}.goal-estimate-note{display:block;font-size:10px;line-height:1.5;color:#758da4;margin:8px 0 0 29px}.goal-estimate-note[hidden]{display:none}
.goal-requirements>.eyebrow{font-size:9px;color:#92aabc;letter-spacing:1.2px}.goal-requirements ul{list-style:none;padding:0;margin:7px 0 0}.goal-requirements li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:11px;border-bottom:1px solid #293d503f;color:#a2b4c7}.goal-requirements li:last-child{border:0}.goal-check{width:15px;flex:none;text-align:center;color:#67849b}.is-met .goal-check{color:#9adcc6}.goal-check-label{flex:1;min-width:0}.goal-check-value{white-space:nowrap;font-size:10px;font-variant-numeric:tabular-nums;color:#8da5bc}.is-met .goal-check-value{color:#b2ccce}.goal-check-value .currency-icon{font-size:11px}
.goal-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.goal-actions button{padding:7px 11px;font-size:11px}.goal-footer{grid-column:1/-1;border-top:1px solid #2c4154;padding:12px 0;margin-top:0}.goal-primary{border-color:#6299a8;background:#264a57;color:#d8f7f9}.preview-setting{display:flex;align-items:center;gap:6px;margin-left:auto}.goal-footer .help-icon{width:19px;height:19px;padding:0}.preview-toggle{display:flex;align-items:center;gap:6px;font-size:11px;color:#8ea7bc;cursor:pointer}.preview-toggle input{accent-color:#a8e2ed;width:14px;height:14px}
/* Arrival report is intentionally dismissed only by the player. */
.return-dialog{width:min(620px,calc(100vw - 32px));max-width:620px;max-height:calc(100dvh - 32px);padding:0;margin:auto;overflow:auto;border:1px solid #52768d;border-radius:12px;background:#0d1725;color:#e5edf6;box-shadow:0 24px 100px #000a}
.return-dialog::backdrop{background:#020611cc;backdrop-filter:blur(5px)}.return-hero{position:relative;aspect-ratio:2.3;overflow:hidden;background:#101c2b}.return-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}.return-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d1725,transparent 42%);pointer-events:none}.return-arrival-tag{position:absolute;bottom:16px;left:25px;z-index:1;font:9px var(--mono);letter-spacing:1.6px;color:#bbebf0}.return-close{position:absolute;right:12px;top:12px;z-index:2;width:34px;height:34px;display:grid;place-items:center;padding:0;font-size:23px;line-height:1;background:#07111ccc;border:1px solid #7693a766;color:#e0eef6;border-radius:7px}.return-close:hover{background:#1c3549}
.return-body{padding:2px 25px 23px}.return-context{font:9px var(--mono);letter-spacing:1px;color:#7d9ab2;margin:0 0 8px}.return-body h2{font-size:28px;line-height:1.15;margin:0 0 9px;font-weight:700}.return-intro{font-size:12px;line-height:1.65;color:#9dafc4;margin:0 0 20px;max-width:460px}.return-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2c4259;border-radius:8px;background:#15233580;margin:0 0 14px}.return-stats.single-stat{grid-template-columns:1fr}.return-stat{padding:13px 16px;min-width:0}.return-stat+ .return-stat{border-left:1px solid #2c4259}.return-stat[hidden]{display:none}.return-stat>span{display:block;font-size:10px;color:#90aac0;margin-bottom:5px}.return-stat strong{display:block;font-size:24px;font-weight:600;color:#e9f3f9;line-height:1.2}.return-stat .currency-icon{font-size:16px}.return-changes{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.return-changes[hidden]{display:none}.return-changes>span{border:1px solid #35485d;padding:5px 8px;border-radius:4px;font-size:10px;color:#abc5d8}.return-note{font-size:10px;line-height:1.6;color:#849aae}.return-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.return-actions button{min-height:38px;padding:9px 13px;font-size:12px}.return-collect{background:#9de0eb;color:#091b26;border-color:#a2e7ee;font-weight:700}.return-collect:disabled{background:#1d3842;color:#9bb5ba;border-color:#33515a}.return-resume{background:transparent;border-color:#3e566e;color:#c5d8e8}
@media(max-width:700px){.goal-drawer>summary{gap:8px;padding:9px 11px}.goal-mark{width:25px;height:25px;font-size:15px}.goal-heading strong{font-size:12px}.goal-heading .eyebrow{font-size:8px}.goal-drawer progress{display:none}.goal-status{font-size:9px;padding:4px 6px}.goal-body{grid-template-columns:1fr;gap:17px;padding:15px 14px 0}.goal-footer{gap:9px}.goal-footer .preview-setting{margin-left:0;width:100%;padding:4px 0}.return-body{padding:2px 19px 19px}.return-arrival-tag{left:19px;bottom:14px;font-size:8px}.return-body h2{font-size:25px}.return-stat{padding:11px 12px}.return-stat strong{font-size:23px}.return-actions{gap:8px}.return-actions button{flex:0 1 auto;padding:9px 8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.goal-drawer>summary:after{transition:none}.return-dialog::backdrop{backdrop-filter:none}}
.action-preview{position:relative;display:inline-flex;align-items:center;vertical-align:middle;min-width:0;gap:2px}.action-preview>details>summary{list-style:none;cursor:pointer;color:#88bfce;font-size:11px;line-height:1;padding:6px 3px;border-radius:4px}.action-preview summary::-webkit-details-marker{display:none}.action-preview summary:focus-visible{outline:2px solid #a9edf7;outline-offset:2px}.action-preview-popover{display:none;position:fixed;top:12px;left:12px;width:min(320px,calc(100vw - 24px));padding:12px;z-index:30;background:#102337;border:1px solid #6795ac;border-radius:7px;box-shadow:0 10px 28px #000b;color:#dceaf7;white-space:normal;max-height:65vh;overflow:auto}.action-preview details[open]>.action-preview-popover{display:block}.preview-copy p{font-size:11px!important;line-height:1.65!important;margin:6px 0!important}.preview-copy small{display:block;font-size:10px!important;line-height:1.6;color:#9fbad0}.preview-copy .requirement-warning{color:#f1c58c}.preview-copy .currency-amount{position:static;top:auto;vertical-align:middle}.placement-preview{width:min(540px,90vw);max-height:85vh;overflow:auto;padding:25px;border:1px solid #7caabd;background:#111f31;color:#d9e9f5;border-radius:10px}.placement-preview::backdrop{background:#020611c9}.placement-preview h2{font-size:23px;margin:0 0 15px}.placement-preview .preview-copy p{font-size:13px!important}.placement-preview .preview-copy small{font-size:12px!important}.placement-preview .goal-actions{margin-top:18px}.seat-choices{flex:1 0 100%;margin:3px 0 1px;font-size:9px;color:#a5bccc}.seat-choices summary{cursor:pointer}.seat-choices p{font-size:10px;line-height:1.6;max-width:350px}.seat-choices button{font-size:9px;padding:4px 7px;margin:2px 5px 3px 0}.slot-line:has(.seat-choices){flex-wrap:wrap}.station-controls{overflow:visible}.outpost-card:has(.action-preview details[open]){position:relative;z-index:35;overflow:visible}.profile-list:has(.action-preview details[open]){overflow:visible}.profile-line:has(.action-preview details[open]){position:relative;z-index:35}.action-preview button:disabled{pointer-events:none}
@media(max-width:700px){.preview-copy p{font-size:12px!important}}

@media(max-width:700px){.action-preview>details>summary{padding:8px 6px}}

/* Keyboard users can bypass repeated navigation without changing the compact layout. */
.skip-link{position:fixed;top:8px;left:12px;z-index:1000;transform:translateY(-180%);padding:10px 16px;background:#b7ecf5;color:#08131d;border-radius:4px;font-weight:700}.skip-link:focus{transform:translateY(0);outline:2px solid #fff;outline-offset:2px}

/* Friend sites sit quietly above the portfolio link, with room for more logos. */
.sidebar-friends{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:auto;margin-bottom:42px;padding-top:36px;flex-shrink:0}
.sidebar-friend{display:block;width:64px;height:64px;opacity:.5;transition:opacity .18s ease;border-radius:8px}
.sidebar-friend img{display:block;width:100%;height:100%;object-fit:contain;transform:translateX(-3px)}
.sidebar-friend .rounded-logo{border-radius:inherit}
.sidebar-friend:hover,.sidebar-friend:focus-visible{opacity:1}
.sidebar-friend:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
@media(max-width:768px){.sidebar-friends{margin-top:16px;margin-bottom:14px;padding-top:0}.sidebar-friend{width:48px;height:48px}.sidebar-owner{padding-top:8px}}

/* The dedicated Hall shares the Roster's gold frames and record cards at a larger scale. */
.hall-page{padding:14px}
.hall-page-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));max-height:none;overflow:visible;gap:14px;padding:4px}
.hall-page .roster-hall-entry{min-height:112px;padding:18px;gap:16px}
.hall-page .letter-avatar{width:64px;height:70px;flex-shrink:0;font-size:24px}
.hall-page .roster-hall-copy strong{font-size:16px}
.hall-page .roster-hall-copy small{font-size:11px;line-height:1.6;margin-top:6px;white-space:normal}
@media(max-width:650px){.hall-page .roster-hall-entry{padding:14px;gap:14px}.hall-page .letter-avatar{width:54px;height:60px}.hall-page .roster-hall-copy strong{font-size:14px}}

/* Small persistent activity disclosure; polling updates text without replacing controls. */
.player-activity{position:relative;flex:none;color:#b5c8d9}
.player-activity>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;font-size:10px;padding:7px 4px;border-radius:4px;white-space:nowrap}
.player-activity>summary::-webkit-details-marker{display:none}
.player-activity>summary:hover{color:#d1f1f5}.player-activity>summary:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.activity-dot{width:5px;height:5px;border-radius:50%;background:#89d7e0;box-shadow:0 0 7px #89d7e033;flex:none}
.activity-panel{position:absolute;right:0;top:calc(100% + 10px);width:276px;max-width:calc(100vw - 24px);padding:17px;background:#101d2c;border:1px solid #416077;border-radius:8px;box-shadow:0 12px 32px #0008;z-index:45}
.activity-panel h3{font-size:13px;margin:0 0 12px;color:#d6eaf2}.activity-panel dl{margin:0}.activity-panel dl>div{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #304359}.activity-panel dt{font-size:11px}.activity-panel dt small{display:block;font-size:9px;color:#8ea6bc;margin-top:4px}.activity-panel dd{font-size:21px;font-weight:600;color:#b6eaf0;margin:0 0 0 14px}.activity-panel p{font-size:10px;line-height:1.6;color:#94aabe;margin:12px 0 0}
@media(max-width:650px){.header-right{max-width:100%;flex-wrap:wrap}.player-activity>summary{font-size:9px;gap:5px}.activity-panel{position:fixed;top:auto;right:12px;left:12px;width:auto;margin-top:8px}}

.bulk-upgrade-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:25px;border:1px solid #668da5;border-radius:10px;background:#101c2c;color:#dceaf5;box-shadow:0 20px 70px #0009}
.bulk-upgrade-dialog::backdrop{background:#020711cc}.bulk-upgrade-dialog h2{font-size:22px;margin:0 0 8px}.bulk-upgrade-name{font-size:14px;color:#a9e5ec;margin:0 0 17px}.bulk-upgrade-levels{font:13px var(--mono);margin:0 0 22px}.bulk-upgrade-dialog label{font-size:11px;color:#a8bed0}.bulk-upgrade-range{display:flex;align-items:center;gap:14px;margin:10px 0 20px}.bulk-upgrade-range input{flex:1;min-width:0;accent-color:#a2e3eb;padding:0}.bulk-upgrade-range button{padding:6px 10px;font-size:11px}.bulk-upgrade-dialog dl{margin:0;border-top:1px solid #35495f}.bulk-upgrade-dialog dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #35495f}.bulk-upgrade-dialog dt{font-size:12px;color:#9bb2c8}.bulk-upgrade-dialog dd{margin:0;font-size:18px}.bulk-upgrade-note{font-size:11px;line-height:1.7;color:#96acc2;margin:16px 0}.bulk-upgrade-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.bulk-upgrade-actions button{font-size:12px;padding:9px 12px}

.action-preview-popover .preview-more-action{display:inline-flex;align-items:center;width:auto;min-height:0;margin-top:8px;padding:4px 8px;font-size:10px;line-height:1.4;white-space:normal;text-align:left;border-color:#456378;background:#152b3a;color:#b9edf2}
.action-preview-popover .preview-more-action:hover{background:#25485b}

.action-preview-popover .preview-copy small{white-space:normal}

/* Compact social activity; private balances never enter these panels. */
#admin-link{font-size:10px;color:var(--muted);text-decoration:none}#admin-link:hover{color:var(--lime)}
#profile-initial{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex:none}#profile-initial img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.galaxy-wire{margin:10px 0 2px;border:1px solid #40536b70;border-radius:6px;background:linear-gradient(100deg,#152233,#101724);font-size:11px}.galaxy-wire>summary{display:flex;gap:14px;align-items:center;cursor:pointer;padding:8px 12px;list-style:none}.galaxy-wire>summary::-webkit-details-marker{display:none}.galaxy-wire>summary:after{content:'⌄';color:var(--muted);margin-left:auto}.galaxy-wire[open]>summary:after{content:'⌃'}.galaxy-wire>summary>span:first-child{color:#a6e6ef;white-space:nowrap;font:10px var(--mono)}.wire-latest{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;min-width:0}.wire-list,#notification-items{padding:0;margin:0;list-style:none;overflow:auto;overscroll-behavior:contain}.wire-list{max-height:180px;border-top:1px solid var(--line)}.wire-list li,#notification-items li{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:8px 12px;border-bottom:1px solid #30445b60;font-size:11px;line-height:1.5}.wire-list li>span,#notification-items li>span{min-width:0;overflow-wrap:anywhere}.wire-list time,#notification-items time{flex:none;color:var(--muted);font:9px/1.7 var(--mono)}.wire-empty{color:var(--muted)}
.notification-bell>summary{display:flex;align-items:center;justify-content:center;position:relative;list-style:none;cursor:pointer;width:30px;height:30px;border:1px solid #40566c;border-radius:6px;background:#132033;color:#b7dce9}.notification-bell>summary::-webkit-details-marker{display:none}.notification-bell>summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}#notification-count{position:absolute;right:-8px;top:-6px;border-radius:10px;background:#bcecf5;color:#0e2333;padding:1px 4px;font:9px/1.4 var(--mono);min-width:16px;text-align:center}.notification-panel{position:fixed;right:12px;top:58px;width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 90px);overflow:auto;z-index:80;background:#152236;border:1px solid #6d9ab5;border-radius:8px;box-shadow:0 16px 42px #0009}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 12px 6px}.notification-heading strong{font-size:13px}.notification-heading button{font-size:10px;padding:4px 7px}.notification-panel>p{font-size:10px;color:var(--muted);padding:0 12px 9px;margin:0}#notification-items{max-height:min(380px,55dvh)}#notification-items .notification-unread{background:#9be6f30b;border-left:2px solid #9be6f3}#notification-items li:last-child{border-bottom:0}
@media(max-width:650px){.header-right{gap:9px}.wire-latest{font-size:9px}.galaxy-wire>summary{gap:10px;padding:7px 10px}.notification-heading{padding-top:12px}#admin-link{font-size:9px}}

@media(max-width:650px){header .profile{display:inline-flex;padding:0;border:0;background:transparent}#profile-name{display:none}#profile-initial{width:28px;height:28px}header .save-status{display:none}.header-right{gap:9px}}
/* Profile links retain the compact, inline activity typography. */
.activity-profile-link{display:inline;padding:0;margin:0;border:0;border-radius:2px;background:none;color:#b9e8f0;font:inherit;line-height:inherit;vertical-align:baseline;text-align:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:#b9e8f035;text-underline-offset:2px}.activity-profile-link:hover{background:none;color:#e4fbff;text-decoration-color:currentColor}.activity-profile-link:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.wire-latest .activity-profile-link{color:inherit}

/* Official platform marks follow the local label's existing font size and color. */
.platform-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;line-height:1;flex:none}.platform-icon>svg{display:block;width:100%;height:100%}.galaxy-copy h3 .platform-icon,.local-galaxy h3 .platform-icon{vertical-align:-.1em}

.on-air-heading{padding:16px 18px;margin:14px 0;border:1px solid #314b60;border-radius:10px;background:linear-gradient(110deg,#172b3b,#151c2d 65%,#222038)}
body:is([data-section="arcade"],[data-section="broadcasts"],[data-section="locker"]) .scene-top>.hero{display:none}
.shared-game-hero{position:relative;isolation:isolate;overflow:hidden;padding:22px 24px;min-height:120px}
.shared-game-hero::before,.shared-game-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.shared-game-art{object-fit:cover;object-position:50% 55%;z-index:-2}
.shared-game-hero::before{content:"";background:linear-gradient(90deg,#0b1426fa,#0b1426e6 46%,#0b142660)}
.shared-game-hero h1{margin:5px 0;font-size:clamp(25px,3.6vw,37px);line-height:1.12}
.shared-game-hero>p{color:#d5e6f0}
.shared-guide{margin-top:12px;max-width:780px;color:#bce5ef}
.shared-guide summary,.broadcast-group>summary{width:fit-content;cursor:pointer;font-weight:600}
.shared-guide[open]{padding:8px 10px;border:1px solid #43627b;border-radius:6px;background:#101d2dee}
.shared-guide p{font-size:12px}
.broadcast-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 2px;padding:0;list-style:none;counter-reset:steps}
.broadcast-steps li{counter-increment:steps;padding:9px 10px;border-radius:5px;background:#15293b}
.broadcast-steps li::before{content:"0" counter(steps);margin-right:7px;color:#8ab7cb;font:11px var(--mono)}
.broadcast-steps p{margin:4px 0 0}
@media(max-width:680px){.broadcast-steps{grid-template-columns:1fr}.shared-game-hero{padding:16px}}
.on-air-heading p,.on-air-panel>p,.arcade-workspace p{margin:6px 0 12px;color:#a4b7c9;line-height:1.55}.on-air-heading p{max-width:80ch;margin-bottom:0}
.empire-prestige{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:0 0 12px;padding:8px 10px;background:#101d2b;border:1px solid #32465e;border-radius:7px}
.empire-prestige-status{display:flex;align-items:center;gap:8px}
.empire-network-state,.empire-prestige-progress{color:#b0bfd3;font:11px var(--mono)}
.empire-network-state{padding:3px 5px;border:1px solid #3b5169;border-radius:4px}
.empire-prestige-button{margin-left:auto}
.prestige-review-progress{color:#d5c7f2}
body[data-section="broadcasts"] .syndicated-board{margin-top:14px}

.on-air-panel{min-width:0;padding:18px;border:1px solid #314b60;border-radius:10px;background:linear-gradient(155deg,#162739,#111a29 65%)}
.on-air-panel h3{font-size:20px;margin:5px 0}
.on-air-panel .eyebrow,.on-air-meta{font:11px/1.5 var(--mono);color:#a1c4d3}
.on-air-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}
.on-air-actions button,.dead-air-touch button{min-height:34px;padding:6px 10px;border:1px solid #3c5368;border-radius:5px;background:#121f2d;color:#c8dce8;font-size:12px;line-height:1.3}
.on-air-actions .lime-button{justify-content:center;border-color:#6094a3;background:#244552;color:#d9f8fb;box-shadow:none}
.on-air-actions button:hover:not(:disabled),.dead-air-touch button:hover:not(:disabled){border-color:#89b8c5;background:#2b4c5b;color:#e4f8fa}
.on-air-status{color:#b4e6df;min-height:1.2em}
.on-air-status:empty{min-height:0;margin:0}
.on-air [hidden]{display:none}
.signal-play{border:1px solid #31516b;background:#0b1522;border-radius:8px;padding:12px}
.signal-hud{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.signal-strength{font:12px var(--mono);color:#b3eacb}
.signal-scope{display:block;width:100%;height:auto;max-height:220px;margin:8px 0;border:1px solid #304455;border-radius:4px;background:#09131e repeating-linear-gradient(0deg,transparent 0 18px,#28435555 18px 19px)}
.signal-scope polyline{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
.signal-reference{stroke:#79cbe9;stroke-dasharray:4 3}
.signal-tuned{stroke:#caf6be}
.signal-play meter{width:100%;margin:0 0 8px}
.signal-play label{display:grid;grid-template-columns:5.5em minmax(0,1fr);align-items:center;gap:8px;min-height:34px}
.signal-play input{width:100%;accent-color:#a3e1ed;margin:0}
.broadcast-setup h3{margin:0 0 9px}
.broadcast-composer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid #314a61;border-radius:8px;background:#0d1927}
.broadcast-composer .on-air-actions{margin:0}
.broadcast-picker{display:grid;min-width:0;gap:5px;color:#b9d0de;font-size:12px}
.broadcast-picker select{width:100%;max-width:none;min-width:0;min-height:34px}
.broadcast-setup .broadcast-hint{margin:7px 0 0}
.broadcast-setup>button{margin-top:8px}
.syndicated-board>h3{margin:0 0 10px}
.broadcast-list{display:grid;gap:13px}
.broadcast-group h4,.broadcast-group>summary{margin:0 0 6px;color:#b6cad9;font-size:12px}
.broadcast-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:9px}
.broadcast-meter{display:block;width:100%;height:5px;margin:5px 0 0;accent-color:#7cc8dc}
.broadcast-show{min-width:0;overflow:hidden;background:#0d1928;border:1px solid #31465c;border-radius:8px}
.broadcast-banner{position:relative;isolation:isolate;display:flex;justify-content:space-between;align-items:flex-end;gap:8px;min-height:74px;padding:9px 11px;border-bottom:1px solid #3a536b;background:#14283b}
.broadcast-cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.broadcast-banner::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0b1524f5,#0b152428)}
.broadcast-show-title{min-width:0}
.broadcast-show h4{margin:2px 0 0;font-size:15px;color:#e6f2fa}
.broadcast-scope{display:flex;align-items:center;gap:5px;font:11px var(--mono);color:#c2e6f1}
.broadcast-tag{flex:none;font:10px var(--mono);color:#d4f5f9;background:#152d40;border:1px solid #496779;padding:4px 6px;border-radius:4px}
.broadcast-tag[data-status="aired"]{color:#b3efd5}
.broadcast-tag[data-status="missed"]{color:#f5d0af}
.broadcast-show-body{padding:9px 11px}
.broadcast-timing{display:flex;flex-wrap:wrap;gap:2px 8px;margin-top:3px;color:#c3dce8}
.broadcast-timing [data-ends]+span::before{content:"·";margin-right:8px}
.broadcast-members{list-style:none;margin:8px 0 0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.broadcast-member{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;padding:3px 6px 3px 3px;border:1px solid #2b4359;border-radius:5px;background:#142337}
.broadcast-avatar{position:relative;display:grid;place-items:center;flex:none;width:25px;height:25px;overflow:hidden;border-radius:4px;background:#213c52;color:#c7f2fa;font:12px var(--mono)}
.broadcast-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.broadcast-member-copy{display:grid;min-width:0;gap:1px}
.broadcast-member-copy strong,.broadcast-member-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.broadcast-member-copy strong{font-size:11px;color:#dbecf6}
.broadcast-member-copy small{font-size:10px;color:#a5bbcd}
.broadcast-show-actions{justify-content:flex-end;margin-top:8px}
.broadcast-show-actions:empty{display:none}
.broadcast-show-actions button{min-height:30px;padding:4px 8px}
.broadcast-show-actions .broadcast-withdraw{border-color:#5a4c56;background:transparent;color:#e3b9bb}
.broadcast-show-actions .broadcast-withdraw:hover:not(:disabled){border-color:#cb8e96;background:#3b2631;color:#ffe1e4}
.broadcast-empty{grid-column:1/-1;margin:0;padding:12px;border:1px dashed #31465c;border-radius:7px;color:#a1c4d3;font-size:13px}
@media(max-width:550px){
 .broadcast-composer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .broadcast-composer .on-air-actions{grid-column:1/-1;justify-content:flex-end}
}
.arcade-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.arcade-card{min-width:0;border:1px solid #385166;border-radius:7px;background:#0c1725}
.arcade-card.is-selected{border-color:#8fc8d4;background:#1b3542}
.arcade-card:hover,.arcade-card:has(:focus-visible){border-color:#8fc8d4;background:#233e4c}
.arcade-picker .arcade-choice{display:grid;background:transparent;grid-template-rows:auto 1fr;width:100%;padding:0;overflow:hidden;text-align:left;border:0;border-radius:6px 6px 0 0}
.arcade-card-actions{margin:0;padding:0 8px 8px;gap:5px}
.arcade-card-actions button{min-height:30px;padding:4px 7px;font-size:11px}
.arcade-count{margin-left:auto}
.arcade-count.is-exhausted{color:#c0dbe6;text-align:right}
@media(min-width:900px){.arcade-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1180px){.arcade-picker{grid-template-columns:repeat(5,minmax(0,1fr))}}
.arcade-cover{display:block;width:100%;aspect-ratio:2.7;object-fit:cover;border-bottom:1px solid #40566a}
.arcade-choice-copy{display:grid;gap:4px;padding:9px 10px;font-size:13px}
.arcade-picker small{font-size:10px;color:#aac4d3;font-weight:400}
.arcade-guide-link{font-size:10px;color:#a6dcea}
.arcade-context{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.arcade-context p{margin:0}
.arcade-console{display:grid;gap:12px;margin-top:14px}
.arcade-workspace,.arcade-scores{min-width:0;padding:14px;border:1px solid #314b60;border-radius:9px;background:#121e2d}
@media(min-width:1050px){.arcade-console:not(.is-playing){grid-template-columns:minmax(0,1fr) minmax(245px,.42fr);align-items:start}}
.arcade-choice[aria-pressed=true]{color:#def8fb}
.dead-air-stage{background:#0b1522;border:1px solid #31516b;border-radius:8px;padding:10px}
.dead-air-stage .signal-hud{font:11px/1.5 var(--mono);color:#b0d4df;margin-bottom:6px}
.dead-air-screen{display:block;width:100%;height:auto;max-height:50vh;object-fit:contain;background:#081320;border:1px solid #36566a;border-radius:4px}
.dead-air-screen:focus-visible{outline:2px solid #a7e8ef;outline-offset:2px}
.dead-air-touch{display:flex;gap:6px;margin-top:8px}.dead-air-touch button{flex:1;min-width:0}
.dead-air-touch button{touch-action:none;user-select:none}
@media(pointer:coarse){.dead-air-touch button{min-height:44px}}
.dead-air-panel>.on-air-meta{margin:8px 0}

.arcade-results{width:min(440px,calc(100vw - 30px));max-height:calc(100dvh - 30px);padding:20px;overflow:auto;background:linear-gradient(145deg,#1a3046,#101927 72%);border-color:#5b819b;box-shadow:0 20px 65px #0009}
.arcade-results .eyebrow{color:#a6dbe7}
.arcade-results h2{margin:5px 0 15px;font-size:23px}
.arcade-result-stats,.arcade-rank-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
.arcade-result-stats.is-practice{grid-template-columns:1fr}
.arcade-rank-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.arcade-result-stats>div,.arcade-rank-stats>div{padding:9px;border:1px solid #3b536d;border-radius:6px;background:#101d2d}
.arcade-results dt{margin-bottom:4px;color:#b3cadb;font:11px/1.4 var(--mono)}
.arcade-results dd{margin:0;color:#e1f5fb;font-weight:650;overflow-wrap:anywhere}
#season-results-title-earned{margin:9px 0 0}
#season-results-status:empty{display:none}
#season-results-modal:has(#season-results-standings:not([hidden])){width:min(660px,calc(100vw - 30px))}
#season-results-standings{margin-top:14px}
#season-results-standings h3{margin:0;font-size:15px}
#season-results-standings p{margin:3px 0 7px}
#season-results-board{max-height:42dvh;overflow:auto}
#season-results-view{margin-right:auto}
.arcade-result-rank h3{margin:14px 0 3px;font-size:14px}
.arcade-result-rank p{margin:0 0 7px}
.arcade-result-rank>p:first-child{margin-top:8px}
.arcade-result-attempts{margin:12px 0 0;color:#c1dce8}
.arcade-result-actions{justify-content:flex-end;margin-top:14px}
.arcade-scores h3{font-size:16px;margin:0 0 9px}
.arcade-score-picker{display:grid;gap:4px;color:#b9d0de;font-size:12px}
.arcade-score-picker select{width:100%;min-height:34px;padding:4px 7px}
.arcade-score-empty{padding:9px;border:1px dashed #39536b;border-radius:6px}
.arcade-score-note{margin-bottom:0}
.arcade-scores li.is-self{color:#e0f8fc;background:#203f50;font-weight:650;box-shadow:inset 3px 0 #8ccbd9;padding-inline:7px}
.arcade-scores .on-air-actions{margin:7px 0}
.arcade-scores button[aria-pressed=true]{border-color:#78aabb;background:#233e4c;color:#def8fb}
.arcade-scores ol{padding-left:24px}
.arcade-scores li{padding:7px 0;border-bottom:1px solid #30485c;color:#c7dce7}
.arcade-scores li strong{float:right;color:#a9ead7;font-family:var(--mono)}
.standoff-briefing{padding:2px 0}
.standoff-board{border:1px solid #395870;border-radius:8px;padding:12px;background:linear-gradient(155deg,#172b3b,#0b1625 76%)}
.standoff-meters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.standoff-meters>div{min-width:0;padding:7px;border:1px solid #324d63;border-radius:5px;background:#0b1928}
.standoff-meters .eyebrow{font-size:9px;letter-spacing:0}
.standoff-meters strong{display:block;margin-top:4px;font:600 12px var(--mono);color:#d1e9f3}
.standoff-meters meter{display:block;width:100%;height:8px;margin-top:3px}
.standoff-met strong{color:#a3e9cb}
.standoff-board .standoff-threat{margin:9px 0;padding:6px 8px;border:1px solid #815f48;border-radius:5px;background:#382925;color:#ffd0a0}
.standoff-map{position:relative;isolation:isolate;height:245px;overflow:hidden;border:1px solid #426477;border-radius:7px;background:linear-gradient(#091b29b8,#091927e8),url('/assets/on-air-standoff.webp') center/cover}
.standoff-map>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.standoff-orbits{fill:none;stroke:#5eb5c8;stroke-opacity:.65;stroke-width:1;vector-effect:non-scaling-stroke}
.standoff-strike{stroke:#ffc181;stroke-width:2;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;animation:relay-strike 1.4s linear infinite}
@keyframes relay-strike{to{stroke-dashoffset:-20}}
@media(prefers-reduced-motion:reduce){.standoff-strike{animation:none}}
.standoff-uplink{position:absolute;left:50%;top:14%;transform:translateX(-50%);padding:4px 8px;border:1px solid #a2785d;border-radius:20px;background:#372c32;color:#ffd4ac;font:11px var(--mono);white-space:nowrap}
.standoff-station{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:3px;width:29%;min-height:61px;padding:4px;border:1px solid #426378;border-radius:6px;background:#112638;color:#d7edf8}
.standoff-station strong{font-size:12px}
.standoff-station-state{font:10px var(--mono);color:#9fc8db}
.standoff-station-marker{color:#99dbe7;line-height:1}
.standoff-station[data-control=yours]{background:#143c3c;border-color:#64a69e}
.standoff-station[data-control=rival]{background:#3b2834;border-color:#a77478}
.standoff-station.is-targeted .standoff-station-state{color:#ffd0a0}
.standoff-station.is-targeted{border-color:#d9a06c}
.standoff-station[aria-pressed=true]{outline:2px solid #a6d8e6;outline-offset:2px}
.standoff-station:focus-visible{outline:2px solid #fff;outline-offset:4px}
.standoff-map.is-resolved .standoff-station:disabled{opacity:1}
.standoff-console h4{font-size:13px;margin:11px 0 7px}
.standoff-orders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.standoff-orders button{display:grid;align-content:start;gap:4px;text-align:left;min-height:58px;padding:7px;border-color:#3b6175;background:#173147}
.standoff-orders button:hover:not(:disabled){background:#26495a}
.standoff-orders small{font-size:10px;line-height:1.35;color:#a9cedb}
.standoff-orders .standoff-risk{border-color:#bb8463;background:#45303a}
.standoff-orders .standoff-risk small{color:#ffd0a0}
.standoff-board .standoff-report{margin:10px 0 4px;color:#bdd5e1;font-size:12px}
@media(max-width:520px){.standoff-meters{grid-template-columns:repeat(2,minmax(0,1fr))}.standoff-map{height:210px}.standoff-orders{grid-template-columns:1fr}.standoff-orders button{min-height:42px}}

.finance-board-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;min-height:132px;margin:14px 0;padding:16px 18px;border:1px solid #365367;border-radius:9px;background-color:#142839;background-size:cover;background-position:center}
.bank-hero{background-image:linear-gradient(90deg,#0c1726f2,#0c17269c 67%,#0c17264a),url('/assets/aurora-vault.webp')}
.finance-board-hero h2{font-size:25px;margin:5px 0}
.finance-board-hero p{margin:4px 0 0;color:#c0d7e6}
.finance-tabs{margin:12px 0}
.finance-bank-panel{border-color:#345168;background:linear-gradient(150deg,#152b3a,#101c2b)}
.finance-bank-panel h3{margin:3px 0 6px}
.bank-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 20px}
.bank-metrics[hidden]{display:none}
.bank-metrics>div{min-width:0;padding:10px;border:1px solid #375469;border-radius:6px;background:#0f2030}
.bank-metrics strong{display:block;margin-top:4px;font:700 clamp(15px,2.1vw,24px)/1.2 var(--mono);color:#bdebf5;overflow-wrap:anywhere}
.bank-exchange{margin:14px 0 20px;padding:12px;border:1px solid #375469;border-radius:8px;background:#0f2030}
.bank-exchange p{margin:4px 0 8px}
.bank-exchange label{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 8px 6px 0}
.bank-exchange input{width:min(180px,100%);min-width:0}
.bank-exchange [aria-invalid="true"]{border-color:#d28b83}
.bank-exchange-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:6px;list-style:none;margin:8px 0 0;padding:0}
.bank-exchange-quotes[hidden]{display:none}
.bank-exchange-quotes li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;padding:7px 8px;border:1px solid #375469;border-radius:6px}
.bank-exchange-quotes small{display:block;color:var(--muted)}
.bank-exchange-quotes strong{color:#bdebf5;font:700 13px var(--mono);overflow-wrap:anywhere}
.finance-ranks{border:1px solid #345068}
.finance-ranks th{background:#1d3548}
.finance-ranks td{border-bottom:1px solid #2a3f52}
.finance-ranks tbody tr:nth-child(even){background:#152637}
.finance-ranks tbody tr.is-viewer{background:#203f50;color:#e0f8fc;font-weight:650}
.finance-ranks tr.is-viewer td:first-child{box-shadow:inset 3px 0 #8ccbd9}
p.arcade-personal-standing,p.bank-personal-standing,p.season-personal-standing,#season-results-standings .season-personal-standing{margin:8px 0 0;padding:7px 9px;border:1px solid #3b6175;border-radius:6px;background:#162d3c;color:#daf2f9;overflow-wrap:anywhere}
.finance-ranks .rank-identity{display:flex;align-items:center;gap:8px;min-width:0}
.rank-identity .letter-avatar{width:30px;height:30px;min-width:30px;flex-shrink:0;border-radius:6px;font-size:14px}
.rank-identity span{overflow-wrap:anywhere}
@media(max-width:520px){.finance-board-hero{min-height:110px;padding:12px}.bank-metrics>div{padding:7px}.finance-ranks th,.finance-ranks td{padding:7px 4px;font-size:11px}}

.ranking-hero{
 border-color:#4a5372;border-top:2px solid #8497c2;
 background-image:repeating-linear-gradient(0deg,#04080d22 0 1px,transparent 1px 4px),
   linear-gradient(90deg,#101526f7,#171631c9 59%,#17203464),url('/assets/relay.webp');
}
.ranking-hero .eyebrow{color:#a6bfd9}
.ranking-hero h2{
 margin:3px 0;font:700 clamp(32px,4vw,52px)/.95 ZSRBrand,var(--mono);
 text-transform:uppercase;letter-spacing:.06em;color:#b9f2ff;text-shadow:0 0 20px #73d7ef35;
}
.scoreboard-tabs .galaxy-destination{font:700 12px var(--mono);letter-spacing:.025em}
.scoreboard-tabs .selected{border-color:#7caebc;background:#1c3543;color:#e4faff;box-shadow:inset 0 -2px #7cd9eb}
.scoreboard-ranks{border-color:#394966}
.scoreboard-ranks th{
 background:#192237;color:#b8cce1;font:700 10px/1.3 var(--mono);
 text-transform:uppercase;letter-spacing:.065em;
}
.scoreboard-ranks td{border-bottom-color:#28354d}
.scoreboard-ranks tbody tr:nth-child(even){background:#141e30}
.scoreboard-ranks td:first-child{
 width:clamp(42px,7vw,82px);border-right:1px solid #303c54;text-align:center;
 background:linear-gradient(180deg,#07101a44 50%,#0a111c90 50%);color:#aed9e8;
 font:700 clamp(17px,2.2vw,25px)/1 ZSRBrand,var(--mono);font-variant-numeric:tabular-nums;
}
.scoreboard-ranks :is(th,td):first-child{text-align:center}
.scoreboard-ranks :is(th,td):nth-child(n+3){text-align:right}
.scoreboard-ranks td:nth-child(3){
 color:#bceef7;font:700 clamp(13px,1.7vw,20px)/1.1 var(--mono);font-variant-numeric:tabular-nums;
 overflow-wrap:anywhere;
}
.scoreboard-ranks tbody tr:nth-child(-n+3) td:first-child{color:#ffcb87}
.scoreboard-ranks tbody tr:first-child td:nth-child(3){color:#ffda9f}
.scoreboard-ranks tbody tr.is-viewer td:first-child{box-shadow:inset 3px 0 #8ccbd9}
@media(max-width:520px){
 .scoreboard-ranks .rank-identity{gap:4px}
 .scoreboard-ranks .rank-identity .letter-avatar{width:24px;height:24px;min-width:24px;font-size:11px}
}

/* Current galaxy and its quick switcher. */
.breadcrumb{display:flex;align-items:center;gap:7px}
#galaxy-switcher{position:relative;letter-spacing:0;color:var(--lime)}
#galaxy-switcher summary{display:flex;align-items:center;gap:4px;cursor:pointer;list-style:none;padding:4px 6px;font-size:14px;border:1px solid var(--line);border-radius:5px}
#galaxy-switcher summary::-webkit-details-marker{display:none}
#galaxy-switcher summary::after{content:"";width:4px;height:4px;border:solid currentColor;border-width:0 1px 1px 0;transform:translateY(-1px) rotate(45deg)}
#galaxy-switch-options{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:max-content;max-width:min(245px,calc(100vw - 132px));padding:4px;border:1px solid #436078;border-radius:7px;background:#101c2d;box-shadow:0 8px 24px #0008}
#galaxy-switch-options:empty{display:none}
#galaxy-switch-options button{display:flex;align-items:center;gap:7px;width:100%;text-align:left;padding:8px;border:0;font-size:12px}
#galaxy-switch-options button:hover,#galaxy-switch-options button[aria-current]{background:#20374a;color:var(--lime)}
#galaxy-switch-options small{margin-left:auto;color:var(--muted)}
.platform-icon[data-platform-icon="scenespot"]{background:currentColor;mask:url('/assets/scenespot-icon.webp') center/contain no-repeat}
.sidebar-friend .scenespot-friend{filter:brightness(0) invert(.85);width:70%;height:70%;margin:15% auto}
.galaxy-card-actions .galaxy-icon-button{display:grid;place-content:center;width:36px;height:36px;padding:0;flex:none}
.galaxy-preview-button{color:var(--lime)}
.galaxy-connect-button{justify-content:center;padding:8px 10px}
#modal:has(.galaxy-preview){width:min(930px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0}
#modal:has(.galaxy-preview)>.modal-close{position:sticky;top:12px;z-index:2;margin:12px 12px -48px 0;background:#101c2d;color:#e5f1ff;border:1px solid #607893;min-width:32px;min-height:32px}
.galaxy-preview-hero{padding:clamp(22px,5vw,55px) 22px 22px;background:linear-gradient(90deg,#0b1423f2,#0b142375),var(--galaxy-art) center/cover}
.galaxy-preview-hero h2{margin:6px 0;color:#e6faff;font-size:clamp(23px,4vw,36px)}
.galaxy-preview-hero p{max-width:450px;margin:0}
.galaxy-preview-status{margin:0;padding:10px 22px;background:#1b2d41;color:#d0e0f0;font-size:12px}
.galaxy-stage-group{padding:16px 22px 6px}
.galaxy-stage-group:last-child{padding-bottom:22px}
.galaxy-stage-group>h3{margin:0 0 10px;font-size:16px}
.galaxy-stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px}
.galaxy-stage{overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#162234}
.galaxy-stage>img{display:block;width:100%;aspect-ratio:2.6;object-fit:cover}
.galaxy-stage-identity{display:flex;align-items:center;gap:8px;padding:10px 10px 0}
.galaxy-stage-identity .station-thumb{width:36px;height:36px}
.galaxy-stage h4{margin:0;font-size:14px}
.galaxy-stage small{color:var(--muted)}
.galaxy-stage h5{margin:10px 10px 0;font-size:12px}
.galaxy-stage p{margin:4px 10px 12px;color:#bccbdd;font-size:12px}
.galaxy-story-link{margin:8px 10px 12px;padding:5px 8px;font-size:11px;color:var(--lime)}
.comic-panel.illustrated-comic-panel{padding-top:0}
.comic-panel-art{margin:0 -17px 13px;aspect-ratio:5/4;background-size:300% 100%;background-repeat:no-repeat;border-bottom:2px solid #07101b}
.comic-panel.illustrated-comic-panel .comic-panel-number{z-index:1}

.galaxy-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.local-galaxy>.galaxy-card-actions{flex:0 0 auto;max-width:100%}

#game-wallet[hidden],#galaxy-label[hidden],#competition-controls[hidden]{display:none}

.youtube-consent h2{margin:0 28px 12px 0;font-size:22px}
.youtube-consent p{margin:0 0 12px;font-size:13px;line-height:1.6}
.youtube-consent .youtube-consent-agreement{margin:0;color:var(--muted)}
.youtube-consent-agreement a{color:var(--lime);text-underline-offset:3px}
.youtube-consent-agreement a:hover{color:#d8f7fd}
.youtube-consent-agreement a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.youtube-consent-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.youtube-consent-actions button{justify-content:center;padding:8px 12px;font-size:12px}

#moderation-link{font-size:10px;color:var(--muted);text-decoration:none}
#moderation-link:hover{color:var(--lime)}
.report-profile-button{padding:4px 7px;color:var(--muted);font-size:11px}
.rank-identity .report-profile-button{margin-left:auto;flex:none}
#profile-report-form label{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#profile-report-status{min-height:1.5em;margin:8px 0;color:var(--muted)}
#profile-report-form .modal-actions{display:flex;justify-content:flex-end;gap:8px}

.letter-avatar{position:relative}
.avatar-badge-overlay{position:absolute;top:1%;right:1%;z-index:2;width:clamp(11px,42%,25px);height:auto;aspect-ratio:1;pointer-events:none}
.avatar-frame-overlay{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}
.locker-hero{
 position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;
 min-height:190px;aspect-ratio:4/1;max-height:340px;margin:0 0 16px;
 background:#101926;border:1px solid #3a465d;border-radius:8px;
}
.locker-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 47%;z-index:-1}
.locker-hero-copy{padding:24px clamp(24px,4vw,62px);max-width:460px;background:linear-gradient(90deg,#090f19d9,#090f1999 72%,transparent)}
.locker-hero-copy .eyebrow{color:#a2e4ee}
.locker-hero-copy h1{margin:6px 0;font:700 clamp(34px,4vw,56px)/1 Rajdhani,sans-serif;letter-spacing:-.02em}
.locker-hero-copy p{margin:0;max-width:260px;color:#c8d5e2;line-height:1.55}
@media(max-width:650px){
 .locker-hero{display:block;aspect-ratio:auto;min-height:0;max-height:none}
 .locker-hero>img{display:block;position:static;height:auto;aspect-ratio:2.5;object-position:right center}
 .locker-hero-copy{max-width:none;padding:14px 18px 16px;background:none}
 .locker-hero-copy p{max-width:none}
}
.locker-deck{max-width:1100px;border:1px solid #31455a;border-radius:9px;background:linear-gradient(140deg,#152333,#0d1521 75%);overflow:hidden}
.locker-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:8px;padding:10px 16px;background:#0b1420;border-bottom:1px solid #31455a}
.locker-slot{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px;color:#d6e5ef;background:#12202e;border:1px solid #3b5369;border-radius:6px}
.locker-slot-empty{color:var(--muted);background:#101925;border-style:dashed;border-color:#30445a}
.locker-slot .locker-slot-mark{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid #314559;border-radius:5px;color:#86a8bb;font-size:20px}
.locker-badge-slot .locker-slot-mark{position:relative}
.locker-badge-slot .avatar-badge-overlay{inset:5px;width:26px;height:26px}
.locker-bot-slot .locker-slot-mark{color:#a3e7ed}
.locker-bot-slot button,.locker-badge-slot button{margin-left:auto;padding:6px 9px}

.locker-slot span,.locker-slot strong,.locker-slot small{display:block}
.locker-slot .eyebrow,.locker-slot small{color:var(--muted)}
.locker-slot .letter-avatar{width:38px;height:38px;flex:none}
.locker-collection{padding:16px}
.locker-collection h2,.locker-collection h3{margin:0}
.locker-section-note{margin:4px 0 12px;color:var(--muted)}
.locker-manifest{margin:0;padding:0;list-style:none}
.locker-manifest li,.locker-founder{display:flex;align-items:center;gap:12px;padding:10px 0}
.locker-manifest li{border-top:1px solid #273a4f}
.locker-manifest .letter-avatar{width:42px;height:42px;flex:none}
.locker-item-copy{flex:1;min-width:0}
.locker-item-copy p{margin:2px 0;color:var(--muted)}
.locker-item-copy small{color:#edca8d;font-family:var(--mono)}
.locker-status{color:#aadce5;white-space:nowrap}
.locker-founder{padding:14px;border:1px solid #3b5369;border-radius:7px;background:radial-gradient(ellipse at 0% 50%,#1e3849,#101a29 65%)}
.locker-founder .letter-avatar{width:64px;height:64px;flex:none;border-radius:9px;font-size:26px}
.locker-founder-action{min-width:90px;text-align:right}
.locker-founder-controls{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#b6cada}
.locker-arrow{width:34px;height:34px;padding:0;font-size:22px;line-height:1}
.locker-collection .locker-group-heading{margin:16px 0 6px;font-size:14px}
@media(max-width:600px){
 .locker-founder,.locker-manifest li{flex-wrap:wrap}
 .locker-founder-controls{margin-left:auto}
 .locker-founder .locker-item-copy,.locker-manifest .locker-item-copy{flex-basis:calc(100% - 76px)}
}

.seasonal-event{
 display:flex;align-items:center;gap:10px;margin:10px 0;padding:7px 12px;
 border:1px solid #736b55;border-left:3px solid #d5a56f;border-radius:8px;
 background:repeating-linear-gradient(135deg,transparent 0 8px,#c99e6714 8px 12px) right top/52px 100% no-repeat,linear-gradient(105deg,#203b34,#14222b 66%,#20212c);
 font-size:11px;
}
.seasonal-mark{width:37px;height:37px;flex:none;background:url('/assets/silent-orbit-patch.svg') center/contain no-repeat}
.seasonal-event strong{display:block;color:#fff0cc}
#seasonal-lore,#seasonal-detail{display:block;margin-top:2px;color:#c4d9ce}
#seasonal-detail{color:#e4d4ac}
.seasonal-event a{margin-left:auto;color:#f2d8a3;text-align:right}
body[data-seasonal-event="silent-orbit"] :is(.hero,.locker-hero)::after{
 content:"";position:absolute;inset:0 0 auto;height:54px;z-index:3;pointer-events:none;
 background:url('/assets/silent-orbit-cable.svg') left top/556px 54px repeat-x;
}
body[data-seasonal-event="silent-orbit"] :is(.galaxy-destination,.local-galaxy){box-shadow:inset 0 2px 0 #ba95677d}
body[data-seasonal-event="silent-orbit"] .local-galaxy{position:relative;border-color:#7e7860}
body[data-seasonal-event="silent-orbit"] .local-galaxy::after{
 content:"";position:absolute;left:7px;bottom:7px;width:31px;height:31px;z-index:1;pointer-events:none;
 background:url('/assets/silent-orbit-patch.svg') center/contain no-repeat;
}
body[data-seasonal-event="silent-orbit"] .station-head::before{
 content:"";position:absolute;z-index:1;pointer-events:none;
 background:url('/assets/silent-orbit-cable.svg') left top/auto 100% no-repeat;
}
body[data-seasonal-event="silent-orbit"] .station-head::before{inset:0 0 auto 48%;height:24px;background-position:25% top;opacity:.83}
body[data-seasonal-event="silent-orbit"] .station-head::after{
 width:62%;background:linear-gradient(90deg,#ab776c,#caa77b 24%,#739d88 64%,transparent);
}
@media(max-width:650px){
 body[data-seasonal-event="silent-orbit"] :is(.hero,.locker-hero)::after{height:36px;background-size:372px 36px}
}

body[data-seasonal-event="common-table"] .seasonal-event{
 border-color:#92704f;border-left-color:#f3a260;
 background:repeating-linear-gradient(135deg,transparent 0 8px,#e1a0671c 8px 12px) right top/52px 100% no-repeat,linear-gradient(105deg,#463021,#29232a 78%);
}
body[data-seasonal-event="common-table"] .seasonal-mark{background-image:url('/assets/common-table-mug.svg')}
body[data-seasonal-event="common-table"] #seasonal-lore{color:#ecd0ad}
body[data-seasonal-event="common-table"] .station-head::after{
 width:68%;background:repeating-linear-gradient(90deg,#cf9166 0 9px,#98784a 9px 14px,#22262b 14px 18px);
}
.wallet-rate-line{display:flex;align-items:center;gap:5px}
.wallet-cell .wallet-bot{position:relative;top:auto;right:auto}
.wallet-cell .wallet-bot .help-icon{width:20px;height:20px;display:grid;place-items:center}
.wallet-bot .help-icon svg{width:14px;height:14px}
.wallet-bot .help-tooltip{left:0;right:auto;overflow-wrap:anywhere}
.wallet-bot .help-tooltip>span{display:block}
.wallet-bot .help-tooltip>span:first-child{font-weight:700;margin-bottom:3px}

/* Decorative layers sit in spare space and yield to the game content. */
.seasonal-sidebar,.seasonal-set{display:none}
body[data-seasonal-event="silent-orbit"]{
 --seasonal-ink:#8baea6;
}
body[data-seasonal-event="common-table"]{
 --seasonal-ink:#b1926a;
}
@media(min-width:769px) and (min-height:860px){
 body[data-seasonal-event] .seasonal-sidebar{
  display:block;flex:1;min-height:0;margin:22px -14px 0 0;
  background:linear-gradient(transparent,color-mix(in srgb,var(--seasonal-ink) 34%,transparent) 30%,transparent) right top/2px 75% no-repeat;
  pointer-events:none;
 }
}
@media(min-width:769px){
 #game-main{display:flex;flex-direction:column}
 body:is([data-section="galaxies"],[data-section="broadcasts"],[data-section="central"],[data-section="rankings"],[data-section="hof"],[data-section="exchange"],[data-section="roster"],[data-section="scene"]) .seasonal-set{
  display:block;flex:1;max-height:345px;margin: auto 12px 12px auto;
  position:relative;overflow:hidden;width:min(65%,var(--seasonal-prop-width));
 }
 .seasonal-set[data-local-preview]{min-height:220px}
 .seasonal-set::after{
  content:"";position:absolute;inset:10px 0 0;
  background:var(--seasonal-art) center bottom/contain no-repeat;
 }
}

/* The same placements work year-round and for every holiday set. */
.seasonal-set{--seasonal-prop-width:460px}
body[data-section="broadcasts"] .seasonal-set{--seasonal-prop-width:480px}
body[data-section="central"] .seasonal-set{--seasonal-prop-width:440px}
body[data-section="exchange"] .seasonal-set{--seasonal-prop-width:430px}
body[data-section="roster"] .seasonal-set{--seasonal-prop-width:450px}
body:is(:not([data-seasonal-event]),[data-seasonal-event="silent-orbit"]):is([data-section="galaxies"],[data-section="scene"]) .seasonal-set{
 --seasonal-prop-width:228px;
}
body:is(:not([data-seasonal-event]),[data-seasonal-event="silent-orbit"]):is([data-section="galaxies"],[data-section="scene"]) .seasonal-set:is([data-seasonal-galaxy="x"],[data-seasonal-galaxy="mastodon"],[data-seasonal-galaxy="youtube"]){
 --seasonal-prop-width:440px;
}
body:is(:not([data-seasonal-event]),[data-seasonal-event="silent-orbit"]):is([data-section="galaxies"],[data-section="scene"]) .seasonal-set:is([data-seasonal-galaxy="scenespot"],[data-seasonal-galaxy="bluesky"],[data-seasonal-galaxy="twitch"]){
 --seasonal-prop-width:270px;
}
body[data-seasonal-event="common-table"]:is([data-section="galaxies"],[data-section="scene"],[data-section="broadcasts"]) .seasonal-set{
 --seasonal-prop-width:570px;
}
body[data-seasonal-event="midnight-sync"]:is([data-section="galaxies"],[data-section="scene"]) .seasonal-set{
 --seasonal-prop-width:390px;
}
.seasonal-beacon-picker{
 align-self:center;justify-self:start;display:grid;gap:6px;color:var(--muted);
 font:11px var(--mono);
}
.seasonal-preview-choice{
 display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px;
 color:var(--muted);font:11px var(--mono);
}
.seasonal-preview-choice select,.seasonal-beacon-picker select{
 max-width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:5px;
 background:var(--surface);color:var(--cream);font:13px/1.4 system-ui,sans-serif;
}
body[data-section="galaxies"] .seasonal-set:has(.seasonal-beacon-picker:not([hidden])){
 display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,var(--seasonal-prop-width));
 gap:16px;width:min(100%,620px);min-height:240px;margin:16px 0 18px auto;
}
.seasonal-set:has(.seasonal-beacon-picker:not([hidden]))::after{
 content:"";position:static;background:var(--seasonal-art) center bottom/contain no-repeat;
}
@media(max-width:480px){
 body[data-section="galaxies"] .seasonal-set:has(.seasonal-beacon-picker:not([hidden])){grid-template-columns:1fr}
 .seasonal-set:has(.seasonal-beacon-picker:not([hidden]))::after{min-height:200px}
}
.seasonal-page-intro{display:contents}
@media(min-width:900px){
 .seasonal-page-intro{
  display:grid;grid-template-columns:minmax(0,1fr) clamp(140px,20vw,280px);
  gap:18px;align-items:stretch;
 }
 .seasonal-page-intro::after{
  content:"";margin:10px 0 16px;
  background:var(--seasonal-art) center bottom/contain no-repeat;
 }
 body[data-section="help"] .seasonal-page-intro{min-height:170px;align-items:center}
 body[data-section="help"] .seasonal-page-intro::after{align-self:stretch}
 body[data-section="locker"] .seasonal-page-intro{grid-template-columns:minmax(0,1fr) clamp(100px,15vw,200px)}
}

body[data-seasonal-event="midnight-sync"]{
 --seasonal-ink:#b5a9ef;--event-border:#665a8b;--event-panel:#252640;--event-lore:#d4d1eb;
 --event-mark:url('/assets/midnight-sync-dial.svg');
}
body[data-seasonal-event="open-frequency"]{
 --seasonal-ink:#d8a4ae;--event-border:#775667;--event-panel:#39242d;--event-lore:#edd1d5;
 --event-mark:url('/assets/open-frequency-mark.svg');
}
body[data-seasonal-event="salvage-circuit"]{
 --seasonal-ink:#9bbe92;--event-border:#4c685a;--event-panel:#203a31;--event-lore:#d1e1c8;
 --event-mark:url('/assets/salvage-circuit-mark.svg');
}
body[data-seasonal-event="homeward-signal"]{
 --seasonal-ink:#d4aa8c;--event-border:#815d59;--event-panel:#392e37;--event-lore:#f1d7c9;
 --event-mark:url('/assets/homeward-signal-mark.svg');
}
body[data-seasonal-event="hand-off"]{
 --seasonal-ink:#c0a47c;--event-border:#706b62;--event-panel:#262f42;--event-lore:#dfd7c3;
 --event-mark:url('/assets/hand-off-mark.svg');
}
body[data-seasonal-event="freeband-night"]{
 --seasonal-ink:#e38d7e;--event-border:#775b71;--event-panel:#37263b;--event-lore:#ead4d6;
 --event-mark:url('/assets/freeband-night-mark.svg');
}
body[data-seasonal-event="ghost-band"]{
 --seasonal-ink:#c2a1df;--event-border:#755578;--event-panel:#30243c;--event-lore:#ead4f1;
 --event-mark:url('/assets/ghost-band-mark.svg');
}
body[data-seasonal-event]:not([data-seasonal-event="silent-orbit"],[data-seasonal-event="common-table"]) .seasonal-event{
 border-color:var(--event-border);border-left-color:var(--seasonal-ink);
 background:linear-gradient(105deg,var(--event-panel),#182231);
}
body[data-seasonal-event]:not([data-seasonal-event="silent-orbit"],[data-seasonal-event="common-table"]) .seasonal-mark{
 background-image:var(--event-mark);
}
body[data-seasonal-event]:not([data-seasonal-event="silent-orbit"],[data-seasonal-event="common-table"]) #seasonal-lore{
 color:var(--event-lore);
}