:root{--bg:#080a13;--panel:#101422;--panel2:#151a2c;--line:rgba(255,255,255,.1);--text:#f8f8fc;--muted:#9aa2b8;--accent:#a88bff;--accent2:#65d7ff;--ok:#5de0a3;--warn:#ffc56b;--danger:#ff728e;--radius:20px;--shadow:0 20px 70px rgba(0,0,0,.3);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -20%,rgba(118,81,255,.2),transparent 38%),var(--bg);color:var(--text);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{margin:0;color:var(--accent2);font-size:11px;letter-spacing:.19em;font-weight:800}.toast{position:fixed;z-index:20;right:26px;top:22px;transform:translateY(-12px);opacity:0;pointer-events:none;background:#20273a;border:1px solid var(--line);padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);transition:.25s;color:var(--text)}.toast.show{opacity:1;transform:none}.toast.error{border-color:rgba(255,114,142,.6);color:#ffd4dc}.login-view{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:60px;padding:7vw 10vw;overflow:hidden;position:relative}.login-art{position:relative;z-index:1}.login-art h1{font-size:clamp(42px,6vw,82px);line-height:1.05;letter-spacing:-.07em;margin:20px 0}.login-art h1 em{font-style:normal;color:var(--accent)}.brand-mark{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;font-weight:900;letter-spacing:-.08em;font-size:24px;color:#10101a;background:linear-gradient(135deg,#e4d8ff,#9681ff);box-shadow:0 0 60px rgba(168,139,255,.4)}.brand-mark.small{width:39px;height:39px;border-radius:14px;font-size:15px}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.75;pointer-events:none}.orb-a{width:480px;height:480px;background:radial-gradient(circle,#7e65e7,transparent 65%);left:-180px;top:-160px;opacity:.15}.orb-b{width:650px;height:650px;background:radial-gradient(circle,#35b8d4,transparent 62%);right:-300px;bottom:-360px;opacity:.12}.login-card{width:min(100%,420px);justify-self:end;background:rgba(16,20,34,.82);border:1px solid var(--line);border-radius:28px;padding:36px;box-shadow:var(--shadow);backdrop-filter:blur(24px)}.login-card h2{font-size:30px;margin:13px 0 4px}.login-card label{display:grid;gap:8px;color:#c8cede;font-size:13px;margin-top:24px}.login-card input,.field input,.field select,.field textarea{width:100%;background:#0b0f1c;color:var(--text);border:1px solid var(--line);border-radius:11px;padding:12px 13px;outline:0}.login-card input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(168,139,255,.14)}.button{border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--text);padding:10px 15px;transition:.2s}.button:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.3)}.button.primary{background:linear-gradient(135deg,#9a80ff,#6e62d7);border:0;box-shadow:0 8px 22px rgba(126,101,231,.28)}.button.danger{background:rgba(255,114,142,.12);color:#ffb9c5;border-color:rgba(255,114,142,.32)}.button.success{background:rgba(93,224,163,.12);color:#a9f4cf;border-color:rgba(93,224,163,.32)}.button.ghost{background:rgba(255,255,255,.045)}.button.wide{width:100%;display:flex;justify-content:space-between;margin-top:28px;padding:14px 16px}.form-error{color:#ff9fb0;font-size:13px;min-height:19px;margin-top:14px}.app-shell{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--line);background:rgba(8,10,19,.68);backdrop-filter:blur(20px);padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.side-brand{display:flex;align-items:center;gap:11px;padding:0 9px 26px}.side-brand strong,.side-brand span{display:block}.side-brand strong{font-size:15px}.side-brand span{font-size:10px;letter-spacing:.14em;color:var(--muted);margin-top:4px}.server-pill{border:1px solid rgba(93,224,163,.17);background:rgba(93,224,163,.06);border-radius:15px;padding:12px 13px;margin:0 3px 24px}.server-pill .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 12px var(--ok);margin-right:8px}.server-pill span{font-size:13px}.server-pill small{display:block;color:var(--muted);font-size:11px;margin:8px 0 0 17px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;border:0;background:transparent;color:var(--muted);padding:12px 12px;border-radius:12px;text-align:left;font-size:13px}.nav-item span{font-size:17px;width:18px;text-align:center}.nav-item:hover,.nav-item.active{background:rgba(168,139,255,.13);color:var(--text)}.nav-item.active{box-shadow:inset 2px 0 var(--accent)}.side-bottom{margin-top:auto}.side-note{padding:14px 12px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.side-note strong{display:block;color:#dce1ed;font-size:12px;margin-top:6px}.logout{background:transparent;color:var(--muted);border:0;padding:12px;text-align:left;width:100%;font-size:12px}.logout:hover{color:var(--danger)}.main{min-width:0;padding:34px clamp(22px,4vw,62px) 60px}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px}.topbar h1{font-size:34px;letter-spacing:-.05em;margin:10px 0 0}.top-actions{display:flex;align-items:center;gap:10px}.icon-button{width:39px;height:39px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.05);color:var(--text);font-size:20px}.page{display:none}.page.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{background:linear-gradient(145deg,rgba(19,24,42,.96),rgba(13,17,29,.95));border:1px solid var(--line);border-radius:18px;padding:18px;min-height:130px}.metric-label{color:var(--muted);font-size:12px}.metric-value{font-size:28px;font-weight:800;letter-spacing:-.05em;margin-top:19px}.metric-foot{font-size:11px;color:#737c95;margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:18px;margin-top:18px}.panel{background:rgba(16,20,34,.82);border:1px solid var(--line);border-radius:20px;padding:22px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.panel h3{font-size:15px;margin:0}.panel-sub{font-size:12px;color:var(--muted);margin-top:6px}.gauge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gauge{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--gauge-color, var(--accent)) var(--gauge-sweep, calc(var(--value)*1%)),rgba(255,255,255,.08) 0)}.gauge::after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--panel);border:1px solid var(--line)}.gauge-content{position:relative;z-index:1;text-align:center}.gauge-value{font-size:24px;font-weight:800}.gauge-label{font-size:11px;color:var(--muted);margin-top:5px}.status-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.status-item{padding:13px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.status-item span{display:block;color:var(--muted);font-size:11px}.status-item strong{display:block;margin-top:7px;font-size:14px}.ok{color:var(--ok)}.warn{color:var(--warn)}.danger{color:var(--danger)}.info-list{display:grid;gap:13px}.info-line{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:11px;font-size:12px}.info-line span{color:var(--muted)}.info-line strong{font-family:ui-monospace,monospace;text-align:right;word-break:break-word}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.toolbar .grow{flex:1}.search{min-width:220px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th,.data-table td{text-align:left;padding:14px 15px;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px;vertical-align:middle}.data-table th{color:var(--muted);font-weight:600;background:rgba(255,255,255,.025)}.data-table tr:last-child td{border-bottom:0}.tag{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;background:rgba(255,255,255,.07);font-size:11px;color:#c9d0e2}.tag.ok{background:rgba(93,224,163,.1);color:#a9f4cf}.tag.warn{background:rgba(255,197,107,.1);color:#ffdca3}.tag.danger{background:rgba(255,114,142,.1);color:#ffb9c5}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions .button{padding:7px 9px;font-size:11px}.field{display:grid;gap:8px;margin-bottom:17px}.field label{font-size:12px;color:#c9d0e2}.field textarea{min-height:90px;resize:vertical}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.config-grid .full{grid-column:1/-1}.log-box{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word;background:#070a11;border:1px solid var(--line);border-radius:15px;padding:18px;min-height:520px;max-height:70vh;overflow:auto;color:#cbd3e7;font-size:11px;line-height:1.7}.empty{padding:50px;text-align:center;color:var(--muted);font-size:13px}.modal-backdrop{position:fixed;inset:0;z-index:10;background:rgba(0,0,0,.65);display:grid;place-items:center;padding:20px}.modal{width:min(100%,500px);background:#13182a;border:1px solid var(--line);border-radius:20px;padding:23px;box-shadow:var(--shadow)}.modal h3{margin:0 0 17px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.login-view{grid-template-columns:1fr;padding:32px 20px}.login-card{justify-self:stretch}.login-art h1{font-size:50px}.app-shell{display:block}.sidebar{position:static;height:auto;padding:14px;display:block}.side-brand{padding-bottom:14px}.server-pill{margin-bottom:10px}.sidebar nav{display:flex;overflow:auto}.nav-item{white-space:nowrap}.side-bottom{display:none}.main{padding:24px 16px 40px}.topbar{align-items:flex-start;display:block}.top-actions{margin-top:18px}.metric-grid{grid-template-columns:1fr 1fr}.gauge-grid{gap:9px}.panel{padding:16px}.config-grid{grid-template-columns:1fr}.config-grid .full{grid-column:auto}.data-table{min-width:680px}}

/* Minecraft management console styles */
.field-hint{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:7px;line-height:1.45}.config-grid.compact{gap:12px}.world-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;align-items:start}.current-world{display:flex;align-items:center;gap:13px;border:1px solid rgba(168,139,255,.24);background:linear-gradient(135deg,rgba(168,139,255,.14),rgba(101,215,255,.055));border-radius:16px;padding:15px;margin-bottom:14px}.current-world strong,.world-card strong{display:block;font-size:14px}.current-world span,.world-card span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.world-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:linear-gradient(145deg,rgba(168,139,255,.35),rgba(101,215,255,.18));border:1px solid rgba(255,255,255,.14);color:#eee9ff;font-size:20px}.world-icon.small{width:34px;height:34px;border-radius:11px;font-size:15px}.world-list{display:grid;gap:9px}.world-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:15px;padding:12px}.world-card.active{border-color:rgba(93,224,163,.35);background:rgba(93,224,163,.055)}.world-card-main{display:flex;align-items:center;gap:10px;min-width:0}.check-row{display:flex;align-items:center;gap:9px;color:#c9d0e2;font-size:12px;margin:12px 0}.check-row input{accent-color:var(--accent);width:16px;height:16px}.panel-note{color:var(--muted);font-size:11px;line-height:1.55;margin-top:13px}.gauge{min-width:0;overflow:hidden}.gauge-value{font-variant-numeric:tabular-nums}@media(max-width:1100px){.world-layout{grid-template-columns:1fr}}@media(max-width:760px){.world-card{align-items:flex-start;flex-direction:column}.world-card .button{width:100%}}


/* Realtime dashboard chart styles */
.realtime-panel{grid-column:1/-1;position:relative;overflow:hidden}
.realtime-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0%,rgba(168,139,255,.12),transparent 34%),radial-gradient(circle at 84% 18%,rgba(101,215,255,.1),transparent 30%);pointer-events:none}
.realtime-panel>*{position:relative;z-index:1}
.realtime-wrap{display:grid;gap:14px;margin-top:4px}
.chart-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#dbe2f8;font-size:12px}
.chart-legend span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:999px;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.chart-legend i{width:9px;height:9px;border-radius:999px;box-shadow:0 0 14px currentColor;display:inline-block}
.realtime-chart{width:100%;height:260px;display:block;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,rgba(10,14,26,.72),rgba(8,10,18,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.chart-grid{stroke:rgba(255,255,255,.075);stroke-width:1;shape-rendering:crispEdges}
.chart-axis,.chart-empty{fill:rgba(216,224,245,.52);font-size:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.chart-empty{font-size:15px;text-anchor:middle;fill:rgba(216,224,245,.66)}
.chart-axis-line{stroke:rgba(255,255,255,.12);stroke-width:1}
.chart-line{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(255,255,255,.18))}
.chart-line.cpu{stroke:var(--accent2)}
.chart-line.mem{stroke:var(--accent)}
.chart-line.disk{stroke:var(--ok)}
.chart-line.tps{stroke:var(--warn)}
.chart-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.live-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.06);color:#cbd3e7;font-size:11px;white-space:nowrap}
.live-badge i{width:7px;height:7px;border-radius:999px;background:var(--warn);box-shadow:0 0 12px var(--warn)}
.live-badge.on{background:rgba(93,224,163,.1);color:#a9f4cf}.live-badge.on i{background:var(--ok);box-shadow:0 0 12px var(--ok)}
.live-badge.pending{background:rgba(255,197,107,.1);color:#ffdca3}
.server-pill.offline .dot{background:var(--danger);box-shadow:0 0 14px rgba(255,114,142,.7)}
@media(max-width:760px){.realtime-chart{height:220px}.chart-legend{gap:7px}.chart-legend span{padding:6px 8px;font-size:11px}.chart-foot{display:block;line-height:1.8}}


/* Amplified realtime lanes */
.realtime-wrap.amplified{gap:16px}
.chart-legend.big{font-size:14px;gap:12px}
.chart-legend.big span{padding:10px 13px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.chart-legend.big b{font-size:15px;letter-spacing:.02em;color:#fff}
.chart-legend.big em{font-style:normal;color:#aeb8d8;font-size:12px;border:1px dashed rgba(168,139,255,.35);border-radius:999px;padding:8px 11px;background:rgba(168,139,255,.06)}
.realtime-chart.amplified-chart{height:360px;padding:0;background:radial-gradient(circle at 50% 0%,rgba(101,215,255,.08),transparent 35%),linear-gradient(180deg,rgba(8,11,22,.88),rgba(6,8,15,.96))}
.lane-bg{fill:rgba(255,255,255,.025);stroke:rgba(255,255,255,.06);stroke-width:1}
.lane-title{fill:#f5f7ff;font-size:16px;font-weight:800;letter-spacing:.05em}
.lane-current{fill:#d9e2ff;font-size:20px;font-weight:900;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.lane-range{fill:rgba(216,224,245,.5);font-size:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.amplified-chart .chart-line{stroke-width:4.2;filter:drop-shadow(0 0 9px rgba(101,215,255,.28))}
.amplified-chart .chart-line.cpu{filter:drop-shadow(0 0 10px rgba(101,215,255,.42))}
.amplified-chart .chart-line.mem{filter:drop-shadow(0 0 10px rgba(168,139,255,.42))}
.amplified-chart .chart-line.tps{filter:drop-shadow(0 0 10px rgba(255,197,107,.38))}
@media(max-width:760px){.realtime-chart.amplified-chart{height:320px}.chart-legend.big{font-size:12px}.chart-legend.big b{font-size:13px}.chart-legend.big em{width:100%;text-align:center}.lane-title{font-size:13px}.lane-current{font-size:15px}}

/* Minecraft readiness / startup status */
.startup-panel{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(260px,1.6fr) minmax(150px,.75fr);gap:24px;align-items:center;margin:18px 0;padding:22px 24px;border:1px solid rgba(168,139,255,.2);border-radius:22px;background:linear-gradient(110deg,rgba(168,139,255,.13),rgba(101,215,255,.055) 55%,rgba(255,255,255,.035));box-shadow:0 18px 55px rgba(0,0,0,.16)}
.startup-panel.ready{border-color:rgba(93,224,163,.32);background:linear-gradient(110deg,rgba(93,224,163,.13),rgba(101,215,255,.045) 58%,rgba(255,255,255,.035))}
.startup-panel.stopped,.startup-panel.failed{border-color:rgba(255,114,142,.3);background:linear-gradient(110deg,rgba(255,114,142,.11),rgba(255,197,107,.035) 58%,rgba(255,255,255,.03))}
.startup-main{display:flex;align-items:center;gap:15px}.startup-orb{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:rgba(168,139,255,.17);box-shadow:0 0 30px rgba(168,139,255,.18)}.startup-orb i,.startup-status-dot{display:block;width:13px;height:13px;border-radius:50%;background:var(--accent2);box-shadow:0 0 18px rgba(101,215,255,.8);animation:startupPulse 1.5s ease-in-out infinite}.ready .startup-orb{background:rgba(93,224,163,.16)}.ready .startup-orb i,.ready .startup-status-dot{background:var(--ok);box-shadow:0 0 18px rgba(93,224,163,.75);animation:none}.stopped .startup-orb i,.failed .startup-orb i,.stopped .startup-status-dot,.failed .startup-status-dot{background:var(--danger);box-shadow:0 0 18px rgba(255,114,142,.7);animation:none}.startup-kicker{font-size:10px;letter-spacing:.16em;color:var(--accent2);font-weight:800}.startup-main h3{margin:5px 0 4px;font-size:21px}.startup-main p{margin:0;color:var(--muted);font-size:12px}.startup-progress-head,.startup-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.startup-progress-head{font-size:12px;color:#dce3f5}.startup-progress-head strong{font-size:20px;color:#fff;font-variant-numeric:tabular-nums}.startup-track{height:10px;margin:10px 0;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}.startup-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 18px rgba(101,215,255,.42);transition:width .55s ease}.ready .startup-track i{background:linear-gradient(90deg,var(--ok),var(--accent2));box-shadow:0 0 18px rgba(93,224,163,.42)}.startup-meta{font-size:11px;color:var(--muted)}.startup-side{border-left:1px solid var(--line);padding-left:22px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.startup-side strong{font-size:15px}.startup-side small{grid-column:2;color:var(--muted);font-size:10px;line-height:1.5;margin-top:5px;max-height:32px;overflow:hidden}.startup-status-dot{width:9px;height:9px;grid-row:1 / span 2;animation-duration:1.2s}@keyframes startupPulse{0%,100%{transform:scale(.82);opacity:.65}50%{transform:scale(1.15);opacity:1}}.server-pill.starting{border-color:rgba(255,197,107,.3);background:rgba(255,197,107,.07)}.server-pill.starting .dot{background:var(--warn);box-shadow:0 0 14px rgba(255,197,107,.7);animation:startupPulse 1.5s ease-in-out infinite}
@media(max-width:900px){.startup-panel{grid-template-columns:1fr}.startup-side{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.startup-main{min-width:0}.startup-meta{flex-wrap:wrap}}


/* Chinese diagnostics and key-mod explanations */
.log-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:14px 0 16px}.log-insights.empty{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid rgba(120,255,202,.22);background:rgba(120,255,202,.07);border-radius:18px;color:var(--muted)}.log-insight{position:relative;overflow:hidden;padding:15px 16px 14px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 12px 32px rgba(0,0,0,.18)}.log-insight:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}.log-insight strong{display:block;font-size:15px;color:var(--text);margin-bottom:7px}.log-insight p{margin:0 0 10px;color:var(--muted);line-height:1.65;font-size:13px}.log-insight em{display:block;font-style:normal;color:rgba(255,255,255,.82);font-size:12px;line-height:1.55;padding:9px 10px;border-radius:12px;background:rgba(0,0,0,.18)}.log-insight.warn:before{background:#ffcc66}.log-insight.danger:before{background:#ff6b8a}.log-insight.info:before{background:#7cc7ff}.mod-explain{margin-top:8px;max-width:560px;padding:9px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);display:flex;flex-direction:column;gap:3px;line-height:1.5}.mod-explain b{font-size:12px;color:var(--text)}.mod-explain span{font-size:12px;color:var(--muted)}.mod-explain.ok{border-color:rgba(120,255,202,.24);background:rgba(120,255,202,.06)}.mod-explain.warn{border-color:rgba(255,204,102,.28);background:rgba(255,204,102,.07)}.mod-explain.danger{border-color:rgba(255,107,138,.34);background:rgba(255,107,138,.08)}.mod-explain.info{border-color:rgba(124,199,255,.26);background:rgba(124,199,255,.06)}.important-mod td:first-child strong{color:#fff}.row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* Public landing page: only basic service availability is visible before login. */
.public-view{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:30px clamp(24px,6vw,88px)}.public-header,.public-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px}.public-brand{display:flex;align-items:center;gap:12px}.public-brand strong,.public-brand span{display:block}.public-brand span{margin-top:4px;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.public-main{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);align-items:center;gap:clamp(38px,8vw,120px);width:min(1180px,100%);margin:40px auto}.public-hero h1{font-size:clamp(52px,7vw,92px);line-height:1;letter-spacing:-.07em;margin:18px 0 26px}.public-hero h1 em{font-style:normal;color:var(--accent)}.public-copy{max-width:650px;color:#b0b8cc;line-height:1.9;font-size:15px}.public-actions{display:flex;align-items:center;gap:18px;margin-top:32px}.public-actions .button{padding:14px 20px}.public-privacy{color:var(--muted);font-size:12px}.public-status-card{padding:28px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,25,44,.94),rgba(11,15,27,.92));box-shadow:var(--shadow);backdrop-filter:blur(22px)}.public-status-top{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.public-status-dot{width:10px;height:10px;border-radius:50%;background:var(--warn);box-shadow:0 0 16px var(--warn);animation:startupPulse 1.4s ease-in-out infinite}.public-status-card.online{border-color:rgba(93,224,163,.27)}.public-status-card.online .public-status-dot{background:var(--ok);box-shadow:0 0 18px var(--ok);animation:none}.public-status-card.offline{border-color:rgba(255,114,142,.26)}.public-status-card.offline .public-status-dot{background:var(--danger);box-shadow:0 0 18px var(--danger);animation:none}.public-status-card>strong{display:block;font-size:32px;letter-spacing:-.04em;margin:18px 0 10px}.public-status-card>p{color:var(--muted);font-size:13px;line-height:1.65;min-height:43px}.public-status-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 17px}.public-status-meta div{padding:13px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.065)}.public-status-meta span,.public-status-meta b{display:block}.public-status-meta span{color:var(--muted);font-size:10px}.public-status-meta b{margin-top:7px;font-size:14px}.public-status-card>small{color:#737c95;font-size:10px}.public-footer{padding-top:22px;border-top:1px solid var(--line);color:#707991;font-size:10px;letter-spacing:.08em}.login-panel{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:22px;background:rgba(4,6,12,.74);backdrop-filter:blur(14px)}.login-panel .login-card{justify-self:auto;position:relative}.login-close{position:absolute;z-index:2;top:24px;right:24px;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:#151a2c;font-size:24px;line-height:1}.login-close:hover{border-color:rgba(255,255,255,.3)}
@media(max-width:760px){.public-view{padding:20px}.public-header .button{padding:9px 12px}.public-main{grid-template-columns:1fr;margin:58px auto 38px;gap:34px}.public-hero h1{font-size:54px}.public-copy{font-size:14px}.public-actions{align-items:flex-start;flex-direction:column}.public-status-card{padding:22px}.public-footer{align-items:flex-start;flex-direction:column}.login-panel{padding:14px}.login-panel .login-card{padding:28px 22px}.login-close{top:16px;right:16px}}

/* Mechanical Colony public portal */
.public-view{--colony-ink:#080b0d;--colony-panel:#101619;--colony-panel-2:#151d20;--colony-line:rgba(205,224,208,.14);--colony-cream:#eef0e7;--colony-muted:#8f9d97;--colony-copper:#d68a45;--colony-copper2:#f1b668;--colony-green:#8fca9a;isolation:isolate;background:radial-gradient(circle at 72% 42%,rgba(62,98,80,.18),transparent 29%),radial-gradient(circle at 12% 90%,rgba(214,138,69,.11),transparent 25%),linear-gradient(120deg,#07090b 0%,#0a0e10 48%,#080c0d 100%);padding:26px clamp(22px,5.8vw,86px) 22px;color:var(--colony-cream)}
.public-view::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.025) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(255,255,255,.018) 50%,transparent 50.1%);background-size:160px 160px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.public-view::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 18%),repeating-linear-gradient(105deg,transparent 0 48px,rgba(255,255,255,.008) 49px,transparent 50px);mix-blend-mode:screen}
.colony-grid{position:absolute;z-index:-1;inset:0;opacity:.28;background-image:linear-gradient(rgba(143,202,154,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(143,202,154,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at 72% 43%,black,transparent 42%)}
.colony-rail{position:absolute;z-index:-1;height:1px;background:linear-gradient(90deg,transparent,rgba(214,138,69,.45),transparent);transform-origin:left center}.rail-a{width:48vw;right:-8vw;top:25%;transform:rotate(-24deg)}.rail-b{width:42vw;left:-12vw;bottom:17%;transform:rotate(16deg)}
.public-header{padding-bottom:22px;border-bottom:1px solid var(--colony-line)}
.public-brand .brand-mark{background:linear-gradient(145deg,#e6a45d,#925126);color:#130d08;border-radius:6px;box-shadow:0 0 0 1px rgba(255,214,166,.18),0 12px 32px rgba(214,138,69,.18);transform:rotate(-2deg)}.public-brand .brand-mark span{font-size:21px;line-height:1;margin:0}.public-brand strong{font-family:"Microsoft YaHei",sans-serif;font-size:15px;letter-spacing:.08em}.public-brand span{color:#7d8c86;font-family:ui-monospace,Consolas,monospace;font-size:9px;letter-spacing:.2em}
.public-header-actions{display:flex;align-items:center;gap:22px}.header-season{display:inline-flex;align-items:center;gap:8px;color:#95a39d;font-size:11px}.header-season i,.footer-signal{width:7px;height:7px;border-radius:50%;background:var(--colony-green);box-shadow:0 0 12px rgba(143,202,154,.85)}.admin-link,.console-login-link{border:0;background:transparent;color:#b8c2bd;font-size:11px;letter-spacing:.08em;padding:8px 0}.admin-link:hover,.console-login-link:hover{color:var(--colony-copper2)}
.public-main{grid-template-columns:minmax(0,1.03fr) minmax(370px,.75fr);gap:clamp(48px,8vw,130px);width:min(1250px,100%);margin:32px auto 26px;min-height:650px}
.public-hero{position:relative}.hero-index{display:flex;align-items:center;gap:13px;width:min(420px,100%);margin-bottom:24px;color:#6f7e78;font-family:ui-monospace,Consolas,monospace;font-size:9px;letter-spacing:.13em}.hero-index i{height:1px;flex:1;background:linear-gradient(90deg,rgba(214,138,69,.7),transparent)}.public-hero .eyebrow{color:var(--colony-copper2);font-family:ui-monospace,Consolas,monospace;letter-spacing:.24em}
.public-hero h1{font-family:"Microsoft YaHei",sans-serif;font-size:clamp(58px,6.5vw,94px);font-weight:900;line-height:1.03;letter-spacing:-.075em;margin:17px 0 25px;color:var(--colony-cream);text-shadow:0 8px 40px rgba(0,0,0,.45)}.public-hero h1 em{position:relative;color:var(--colony-copper2);background:linear-gradient(90deg,#f0b56b,#cb7940);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.public-hero h1 em::after{content:"";position:absolute;left:2%;right:-3%;bottom:-7px;height:3px;background:repeating-linear-gradient(90deg,var(--colony-copper) 0 16px,transparent 16px 25px);opacity:.65}
.public-copy{max-width:610px;color:#9eaaa5;line-height:1.85;font-size:14px}.theme-tags{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0 28px}.theme-tags span{border:1px solid rgba(214,138,69,.2);background:rgba(214,138,69,.055);color:#c5b29e;padding:7px 11px;border-radius:3px;font-size:10px;letter-spacing:.08em}.theme-tags span::before{content:"+";color:var(--colony-copper2);margin-right:6px}
.join-console{width:min(580px,100%);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 16px 16px 20px;border:1px solid rgba(214,138,69,.36);border-radius:5px;background:linear-gradient(100deg,rgba(214,138,69,.11),rgba(18,25,26,.82));box-shadow:inset 3px 0 0 var(--colony-copper),0 18px 45px rgba(0,0,0,.22);position:relative;overflow:hidden}.join-console::before{content:"";position:absolute;right:-20px;top:-45px;width:150px;height:150px;border:1px dashed rgba(214,138,69,.16);border-radius:50%}.join-copy{position:relative;z-index:1}.join-copy small,.join-copy strong{display:block}.join-copy small{font-family:ui-monospace,Consolas,monospace;color:#7f8d87;font-size:9px;letter-spacing:.15em;margin-bottom:8px}.join-copy strong{font-family:ui-monospace,Consolas,monospace;font-size:clamp(18px,2vw,25px);letter-spacing:.015em;color:#fff}.copy-address{position:relative;z-index:1;flex:0 0 auto;border:1px solid rgba(241,182,104,.38);border-radius:3px;background:var(--colony-copper);color:#15100b;font-weight:800;padding:12px 15px;display:flex;align-items:center;gap:8px;font-size:11px;transition:.2s}.copy-address:hover{background:var(--colony-copper2);transform:translateY(-1px)}.copy-address.copied{background:var(--colony-green);border-color:var(--colony-green)}.copy-icon{font-size:15px}.join-hint{display:flex;align-items:center;gap:8px;color:#71807a;font-size:10px;margin:11px 0 0 4px}.join-hint i{width:5px;height:5px;border-radius:50%;background:var(--colony-green);box-shadow:0 0 8px var(--colony-green)}
.colony-console-wrap{position:relative;padding-top:115px}.schematic-label{position:absolute;font-family:ui-monospace,Consolas,monospace;font-size:8px;letter-spacing:.15em;color:rgba(143,202,154,.48)}.schematic-label::before{content:"";display:inline-block;width:30px;height:1px;background:currentColor;margin:0 8px 3px 0}.label-a{top:34px;right:6%}.label-b{top:92px;left:-6%}
.colony-emblem{position:absolute;z-index:-1;width:340px;height:340px;right:-4px;top:-3px;opacity:.48;filter:drop-shadow(0 0 35px rgba(214,138,69,.09))}.gear{position:absolute;border:1px solid rgba(214,138,69,.35);border-radius:50%;inset:20px}.gear::before,.gear::after{content:"";position:absolute;border-radius:50%;inset:32px;border:1px dashed rgba(143,202,154,.25)}.gear::after{inset:68px;border-style:solid}.gear i{position:absolute;left:50%;top:50%;width:10px;height:22px;background:#121a1b;border:1px solid rgba(214,138,69,.34);transform-origin:5px -142px}.gear i:nth-child(1){transform:translate(-5px,142px) rotate(0deg)}.gear i:nth-child(2){transform:translate(-5px,142px) rotate(45deg)}.gear i:nth-child(3){transform:translate(-5px,142px) rotate(90deg)}.gear i:nth-child(4){transform:translate(-5px,142px) rotate(135deg)}.gear i:nth-child(5){transform:translate(-5px,142px) rotate(180deg)}.gear i:nth-child(6){transform:translate(-5px,142px) rotate(225deg)}.gear i:nth-child(7){transform:translate(-5px,142px) rotate(270deg)}.gear i:nth-child(8){transform:translate(-5px,142px) rotate(315deg)}.colony-tower{position:absolute;left:50%;top:50%;width:78px;height:114px;transform:translate(-50%,-44%);border:1px solid rgba(241,182,104,.52);clip-path:polygon(12% 28%,35% 28%,35% 10%,50% 0,65% 10%,65% 28%,88% 28%,100% 100%,0 100%);background:linear-gradient(rgba(214,138,69,.16),rgba(12,18,18,.72))}.colony-tower span{position:absolute;height:2px;background:rgba(241,182,104,.65);left:15%;right:15%}.colony-tower span:nth-child(1){top:41%}.colony-tower span:nth-child(2){top:59%}.colony-tower span:nth-child(3){top:77%}
.public-status-card{position:relative;z-index:2;padding:25px;border-radius:5px;border:1px solid rgba(174,197,183,.18);background:linear-gradient(145deg,rgba(20,28,29,.97),rgba(10,15,16,.98));box-shadow:18px 20px 0 rgba(0,0,0,.12),0 30px 75px rgba(0,0,0,.38);backdrop-filter:blur(14px)}.public-status-card::before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.035);pointer-events:none}.public-status-card.online{border-color:rgba(143,202,154,.3)}.public-status-card.offline{border-color:rgba(255,114,142,.3)}.status-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--colony-line)}.status-card-head span,.status-card-head strong{display:block}.status-kicker{color:#75847e;font-family:ui-monospace,Consolas,monospace;font-size:8px;letter-spacing:.18em}.status-card-head strong{font-size:18px;margin-top:6px}.status-code{border:1px solid rgba(214,138,69,.28);color:var(--colony-copper2);padding:7px 8px;font-family:ui-monospace,Consolas,monospace;font-size:9px}.public-status-main{display:flex;align-items:center;gap:14px;margin:22px 0 13px}.public-status-main>div span,.public-status-main>div strong{display:block}.public-status-main>div span{color:#87958f;font-size:10px}.public-status-main>div strong{font-size:29px;margin-top:3px;letter-spacing:-.04em}.public-status-dot{width:13px;height:13px;flex:0 0 auto}.public-status-card>p{min-height:0;margin:0;color:#7e8d87;font-size:11px}.public-status-meta{margin:20px 0 18px}.public-status-meta div{border-radius:3px;background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.06);padding:12px}.public-status-meta span{font-family:ui-monospace,Consolas,monospace;font-size:8px;letter-spacing:.1em}.public-status-meta b{font-size:13px;color:#dfe6df}.status-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--colony-line)}.status-card-foot>span{color:#65736d;font-family:ui-monospace,Consolas,monospace;font-size:8px}.console-login-link{padding:3px 0;color:#8f9d97}
.public-footer{font-family:ui-monospace,Consolas,monospace;color:#63716b;letter-spacing:.12em}.public-footer span{display:inline-flex;align-items:center;gap:7px}.public-footer span:nth-child(2){margin-left:auto;margin-right:32px}
.login-panel{background:rgba(5,8,8,.82)}.login-panel .login-card{border-radius:5px;border-color:rgba(214,138,69,.25);background:linear-gradient(145deg,#151d1f,#0c1112)}.login-panel .login-card .eyebrow{color:var(--colony-copper2)}.login-panel .button.primary{border-radius:3px;background:linear-gradient(135deg,#d68a45,#aa5e2e)}.login-close{border-radius:3px;background:#171e20}
.archive-section{position:relative;z-index:2;width:min(1250px,100%);margin:30px auto 70px;padding-top:64px;border-top:1px solid var(--colony-line)}.archive-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:28px}.archive-heading>div{flex:0 0 auto}.archive-overline{display:block;color:var(--colony-copper2);font-family:ui-monospace,Consolas,monospace;font-size:9px;letter-spacing:.18em;margin-bottom:9px}.archive-heading h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.055em;margin:0}.archive-heading p{max-width:520px;margin:0;color:#899690;font-size:12px;line-height:1.75}.poster-wall{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px;height:690px}.poster-stack{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-height:0}.archive-poster{position:relative;overflow:hidden;border:1px solid rgba(214,138,69,.25);background:#101616;min-height:0;box-shadow:0 24px 70px rgba(0,0,0,.28)}.archive-poster::before,.archive-poster::after{content:"";position:absolute;z-index:4;width:26px;height:26px;border-color:rgba(241,182,104,.64);pointer-events:none}.archive-poster::before{left:12px;top:12px;border-left:1px solid;border-top:1px solid}.archive-poster::after{right:12px;bottom:12px;border-right:1px solid;border-bottom:1px solid}.archive-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.05);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.archive-poster:hover img{transform:scale(1.035);filter:saturate(1) contrast(1.05)}.poster-primary img{object-position:50% 46%}.poster-rail img{object-position:70% 66%;transform:scale(1.34)}.poster-rail:hover img{transform:scale(1.39)}.poster-water img{object-position:12% 83%;transform:scale(1.28)}.poster-water:hover img{transform:scale(1.33)}.poster-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(2,5,5,.08) 24%,rgba(4,7,7,.28) 55%,rgba(3,6,6,.95) 100%),linear-gradient(90deg,rgba(3,6,6,.32),transparent 56%)}.poster-detail .poster-shade{background:linear-gradient(90deg,rgba(3,6,6,.92),rgba(3,6,6,.3) 64%,rgba(3,6,6,.12)),linear-gradient(0deg,rgba(3,6,6,.82),transparent 65%)}.poster-number{position:absolute;z-index:3;right:22px;top:20px;padding:6px 8px;background:rgba(5,9,9,.62);border:1px solid rgba(241,182,104,.25);color:#d9a56c;font-family:ui-monospace,Consolas,monospace;font-size:8px;letter-spacing:.15em}.poster-copy{position:absolute;z-index:3;left:30px;right:30px;bottom:28px}.poster-copy small{font-family:ui-monospace,Consolas,monospace;color:var(--colony-copper2);font-size:8px;letter-spacing:.17em}.poster-copy h3{font-size:clamp(24px,3vw,43px);letter-spacing:-.055em;margin:7px 0 10px}.poster-copy p{max-width:530px;color:#aeb9b3;font-size:12px;line-height:1.65;margin:0}.poster-detail .poster-copy{left:24px;bottom:22px;max-width:68%}.poster-detail .poster-copy h3{font-size:27px}.poster-detail .poster-copy p{font-size:11px}.public-footer{flex-wrap:wrap}
@media(max-width:960px){.public-main{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:38px}.public-hero h1{font-size:clamp(52px,7vw,75px)}.colony-emblem{width:290px;height:290px}.gear i{transform-origin:5px -117px}.gear i:nth-child(1){transform:translate(-5px,117px) rotate(0deg)}.gear i:nth-child(2){transform:translate(-5px,117px) rotate(45deg)}.gear i:nth-child(3){transform:translate(-5px,117px) rotate(90deg)}.gear i:nth-child(4){transform:translate(-5px,117px) rotate(135deg)}.gear i:nth-child(5){transform:translate(-5px,117px) rotate(180deg)}.gear i:nth-child(6){transform:translate(-5px,117px) rotate(225deg)}.gear i:nth-child(7){transform:translate(-5px,117px) rotate(270deg)}.gear i:nth-child(8){transform:translate(-5px,117px) rotate(315deg)}}
@media(max-width:760px){.public-view{padding:18px}.public-header{align-items:center;gap:10px}.public-brand{min-width:0;gap:9px}.public-brand>div:last-child{min-width:0}.public-brand strong{font-size:12px;white-space:nowrap}.public-brand span{font-size:6px;letter-spacing:.12em;white-space:nowrap}.public-brand .brand-mark{width:34px;height:34px;flex:0 0 34px}.public-brand .brand-mark span{font-size:17px}.header-season{display:none}.public-header-actions{gap:8px;flex:0 0 auto}.admin-link{font-size:9px;white-space:nowrap}.public-main{grid-template-columns:1fr;min-height:auto;margin:34px auto 24px;gap:12px}.hero-index{margin-bottom:15px}.public-hero h1{font-size:clamp(43px,13vw,58px);margin:14px 0 18px}.public-copy{font-size:12px;line-height:1.7}.theme-tags{margin:15px 0 18px;gap:6px}.theme-tags span{font-size:9px;padding:6px 8px}.join-console{align-items:stretch;flex-direction:column;padding:14px}.copy-address{justify-content:center;width:100%}.colony-console-wrap{padding-top:58px}.colony-emblem{width:235px;height:235px;right:50%;transform:translateX(50%);top:-30px}.schematic-label{display:none}.public-status-card{padding:20px}.archive-section{padding-top:42px;margin:20px auto 48px}.archive-heading{display:block;margin-bottom:20px}.archive-heading p{margin-top:12px}.poster-wall{display:grid;grid-template-columns:1fr;height:auto}.poster-primary{height:540px}.poster-stack{grid-template-rows:none}.poster-detail{height:290px}.poster-detail .poster-copy{max-width:82%}.public-footer span:nth-child(2){margin:0}.public-footer{gap:10px}.public-footer span:last-child{display:none}}

/* Poster crop and narrow-screen overflow refinements */
.poster-rail img{object-position:72% 72%;transform-origin:right bottom}
.poster-water img{object-position:18% 88%;transform-origin:left bottom}
@media(max-width:760px){.public-main,.archive-section{width:100%;min-width:0;max-width:100%}.public-main>*{min-width:0}.public-main{grid-template-columns:minmax(0,1fr)}.hero-index{max-width:100%;overflow:hidden}.join-console,.colony-console-wrap,.public-status-card{width:100%;min-width:0;max-width:100%}.join-copy strong{font-size:20px;overflow-wrap:anywhere}.public-status-card{overflow:hidden}.public-status-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.status-card-foot{flex-wrap:wrap}.poster-wall{grid-template-columns:minmax(0,1fr)}.poster-stack{min-width:0}.poster-detail{width:100%}.poster-number{right:14px}.poster-water img{transform:scale(1.34)}.poster-water:hover img{transform:scale(1.38)}}

/* Current gameplay and next-season showcase */
.gameplay-section,.next-season{position:relative;z-index:2;width:min(1250px,100%);margin:0 auto 76px}.gameplay-section{padding-top:62px;border-top:1px solid var(--colony-line)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:28px}.section-heading>div{flex:0 0 auto}.section-heading h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.055em;margin:0}.section-heading p{max-width:520px;margin:0;color:#899690;font-size:12px;line-height:1.75}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.feature-card{position:relative;min-height:230px;padding:24px 21px 19px;border:1px solid rgba(174,197,183,.14);background:linear-gradient(145deg,rgba(20,28,29,.9),rgba(9,14,15,.94));overflow:hidden;transition:.25s}.feature-card::after{content:"";position:absolute;right:-32px;top:-32px;width:88px;height:88px;border:1px dashed rgba(214,138,69,.18);border-radius:50%}.feature-card:hover{transform:translateY(-3px);border-color:rgba(214,138,69,.38);background:linear-gradient(145deg,rgba(27,36,36,.94),rgba(11,16,17,.97))}.feature-card.feature-major{grid-column:span 2;background:linear-gradient(120deg,rgba(62,91,70,.25),rgba(19,27,26,.92));border-color:rgba(143,202,154,.24)}.feature-code{color:#68766f;font-family:ui-monospace,Consolas,monospace;font-size:8px;letter-spacing:.14em}.feature-icon{display:grid;place-items:center;width:36px;height:36px;margin:27px 0 18px;border:1px solid rgba(214,138,69,.3);color:var(--colony-copper2);font-style:normal;font-size:18px;transform:rotate(-2deg)}.feature-card h3{font-size:19px;margin:0 0 10px}.feature-card p{color:#88958f;font-size:11px;line-height:1.7;margin:0 0 19px}.feature-card b{position:absolute;left:21px;bottom:18px;color:#b8a690;font-family:ui-monospace,Consolas,monospace;font-size:8px;letter-spacing:.1em;font-weight:500}.season-flow{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,36px);margin-top:18px;padding:18px;border:1px solid rgba(214,138,69,.16);background:rgba(214,138,69,.035);color:#aeb8b2;font-size:11px;letter-spacing:.08em}.season-flow i{color:var(--colony-copper);font-style:normal}
.next-season{min-height:610px;border:1px solid rgba(201,83,52,.35);background:#090d0d;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.34)}.next-season::before,.next-season::after{content:"";position:absolute;z-index:4;pointer-events:none}.next-season::before{inset:9px;border:1px solid rgba(255,255,255,.04)}.next-season::after{left:0;right:0;top:0;height:4px;background:repeating-linear-gradient(90deg,#bd4e33 0 45px,#ed9c52 45px 70px,transparent 70px 86px)}.next-season-art{position:absolute;inset:0;overflow:hidden}.next-season-art img{width:100%;height:100%;object-fit:cover;object-position:52% 48%;filter:saturate(.36) contrast(1.25) brightness(.48) hue-rotate(310deg);transform:scale(1.08)}.next-season-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,8,.98) 0%,rgba(6,9,9,.92) 40%,rgba(8,10,9,.35) 76%,rgba(25,12,8,.5) 100%),linear-gradient(0deg,rgba(6,8,8,.84),transparent 48%),radial-gradient(circle at 82% 40%,rgba(182,47,28,.38),transparent 30%)}.disaster-scan{position:absolute;z-index:2;inset:0;opacity:.17;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.08) 5px,transparent 6px);mix-blend-mode:overlay}.next-season-content{position:relative;z-index:3;width:min(760px,72%);padding:46px clamp(30px,5vw,70px) 52px}.next-season-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.next-label{display:inline-flex;align-items:center;gap:9px;color:#ed9c6a;font-family:ui-monospace,Consolas,monospace;font-size:9px;letter-spacing:.16em}.next-label i{width:7px;height:7px;background:#d64d34;box-shadow:0 0 14px #d64d34;animation:startupPulse 1.4s ease-in-out infinite}.next-build{color:#6f7771;font-family:ui-monospace,Consolas,monospace;font-size:8px;letter-spacing:.12em}.warning-strip{display:inline-block;margin-top:58px;padding:7px 9px;background:#cf5c36;color:#170b07;font-family:ui-monospace,Consolas,monospace;font-size:8px;font-weight:900;letter-spacing:.13em;transform:rotate(-1deg)}.next-season h2{font-size:clamp(42px,6vw,74px);line-height:1;letter-spacing:-.07em;margin:17px 0 20px}.next-season h2 em{font-style:normal;color:#df734b}.next-season-content>p{max-width:650px;margin:0;color:#a9aca4;font-size:13px;line-height:1.85}.deceased-features{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.deceased-features span{padding:7px 9px;border:1px solid rgba(213,87,55,.3);background:rgba(145,47,29,.12);color:#cbb0a4;font-size:9px;letter-spacing:.08em}.deceased-features span::before{content:"//";color:#dc6543;margin-right:6px}.survival-loop{display:flex;align-items:center;gap:10px;margin-top:31px;color:#e1dfd4;font-size:11px}.survival-loop i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(213,87,55,.42);color:#cf6848;font-family:ui-monospace,Consolas,monospace;font-size:8px;font-style:normal}.season-notice{display:flex;align-items:flex-start;gap:18px;margin-top:31px;padding-top:17px;border-top:1px solid rgba(255,255,255,.1)}.season-notice strong{color:#d4a06e;font-size:10px;white-space:nowrap}.season-notice span{color:#727a74;font-size:10px;line-height:1.55}
@media(max-width:960px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.next-season-content{width:83%}}
@media(max-width:760px){.gameplay-section,.next-season{width:100%;min-width:0;margin-bottom:48px}.gameplay-section{padding-top:42px}.section-heading{display:block;margin-bottom:20px}.section-heading p{margin-top:12px}.feature-grid{grid-template-columns:1fr}.feature-card.feature-major{grid-column:auto}.feature-card{min-height:212px}.season-flow{justify-content:flex-start;overflow-x:auto;white-space:nowrap}.next-season{min-height:720px}.next-season-art img{object-position:65% 50%}.next-season-art::after{background:linear-gradient(90deg,rgba(5,8,8,.98),rgba(6,9,9,.7)),linear-gradient(0deg,rgba(6,8,8,.96) 0%,rgba(6,8,8,.42) 66%,rgba(20,8,5,.62))}.next-season-content{width:100%;padding:34px 22px 38px}.next-season-top{align-items:flex-start;flex-direction:column;gap:9px}.warning-strip{margin-top:55px}.next-season h2{font-size:47px}.survival-loop{flex-wrap:wrap}.season-notice{flex-direction:column;gap:7px}.public-footer{margin-top:0}}

/* Low-cost mechanical motion: transform/opacity only */
.gear-outer{animation:colonyGearClockwise 34s linear infinite;will-change:transform}.colony-tower{animation:colonyCoreBreath 4.8s ease-in-out infinite}
.ambient-machinery{position:absolute;z-index:-1;right:-145px;top:760px;width:570px;height:570px;pointer-events:none;opacity:.22;filter:drop-shadow(0 0 38px rgba(214,138,69,.1))}.ambient-gear{position:absolute;display:block;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(214,138,69,.62) 0 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(circle,transparent 0 42%,#000 42.5% 57%,transparent 57.5%);mask:radial-gradient(circle,transparent 0 42%,#000 42.5% 57%,transparent 57.5%);will-change:transform}.ambient-gear::before,.ambient-gear::after{content:"";position:absolute;border-radius:50%;pointer-events:none}.ambient-gear::before{inset:28%;border:1px dashed rgba(143,202,154,.72)}.ambient-gear::after{inset:40%;border:1px solid rgba(241,182,104,.7)}.ambient-gear-large{width:430px;height:430px;right:0;top:0;animation:colonyGearClockwise 58s linear infinite}.ambient-gear-small{width:235px;height:235px;left:2px;bottom:0;background:repeating-conic-gradient(from 6deg,rgba(143,202,154,.5) 0 7deg,transparent 7deg 22deg);animation:colonyGearCounter 36s linear infinite}.ambient-shaft{position:absolute;left:183px;top:208px;width:285px;height:2px;background:linear-gradient(90deg,transparent,rgba(214,138,69,.7),transparent);transform:rotate(38deg);transform-origin:left center;animation:colonyShaftPulse 3.6s ease-in-out infinite}
@keyframes colonyGearClockwise{to{transform:rotate(360deg)}}@keyframes colonyGearCounter{to{transform:rotate(-360deg)}}@keyframes colonyCoreBreath{0%,100%{filter:drop-shadow(0 0 0 rgba(214,138,69,0));opacity:.78}50%{filter:drop-shadow(0 0 12px rgba(214,138,69,.32));opacity:1}}@keyframes colonyShaftPulse{0%,100%{opacity:.22}50%{opacity:.75}}
@media(max-width:760px){.ambient-machinery{right:-180px;top:640px;width:420px;height:420px;opacity:.13;transform:scale(.78);transform-origin:right top}.ambient-gear-large{width:340px;height:340px}.ambient-gear-small{width:180px;height:180px}.ambient-shaft{left:130px;top:160px;width:220px}.gear-outer{animation-duration:42s}}
@media(prefers-reduced-motion:reduce){.gear-outer,.colony-tower,.ambient-gear,.ambient-shaft,.next-label i,.public-status-dot{animation:none!important}.ambient-machinery{opacity:.12}}

/* Meshed SVG gear train */
.ambient-machinery{right:-82px;top:710px;width:620px;height:560px;opacity:.28;filter:drop-shadow(0 0 30px rgba(214,138,69,.09))}.gear-train{display:block;width:100%;height:100%;overflow:visible}.gear-rotor{transform-box:view-box;transform-origin:0 0;will-change:transform}.gear-rotor-large{animation:gearTrainLarge 48s linear infinite}.gear-rotor-small{animation:gearTrainSmall 28s linear infinite}.gear-teeth-large,.gear-unit-large .gear-spokes{fill:rgba(128,79,42,.54);stroke:rgba(231,157,87,.62);stroke-width:1}.gear-teeth-small,.gear-unit-small .gear-spokes{fill:rgba(55,91,73,.6);stroke:rgba(143,202,154,.58);stroke-width:1}.gear-unit-large .gear-rim{fill:none;stroke:rgba(174,108,57,.58);stroke-width:27}.gear-unit-small .gear-rim{fill:none;stroke:rgba(75,121,96,.62);stroke-width:17}.gear-pitch{fill:none;stroke:rgba(221,181,133,.22);stroke-width:1;stroke-dasharray:4 7}.gear-hub{fill:#101817;stroke:rgba(230,165,98,.58);stroke-width:2}.gear-unit-small .gear-hub{stroke:rgba(143,202,154,.55)}.gear-axle{fill:#080d0d;stroke:rgba(239,181,111,.8);stroke-width:3}.gear-bolt{fill:#d69a5b}.gear-contact{stroke:rgba(241,182,104,.72);stroke-width:1;stroke-dasharray:3 3}.gear-contact-dot{fill:#efb26b;filter:drop-shadow(0 0 5px #d98845);animation:gearContactPulse 1.8s ease-in-out infinite}
@keyframes gearTrainLarge{from{transform:rotate(10deg)}to{transform:rotate(370deg)}}@keyframes gearTrainSmall{from{transform:rotate(-9.3deg)}to{transform:rotate(-369.3deg)}}@keyframes gearContactPulse{0%,100%{opacity:.25}50%{opacity:.9}}
@media(max-width:760px){.ambient-machinery{right:-210px;top:610px;width:500px;height:452px;opacity:.17;transform:none}.gear-train{width:100%;height:100%}}
@media(prefers-reduced-motion:reduce){.gear-rotor,.gear-contact-dot{animation:none!important}}

/* Corrected same-module gear geometry: pitch radii 120 + 70 = 190 center distance */
.ambient-machinery{right:-46px;top:710px}.gear-rotor{transform-box:fill-box;transform-origin:center}.gear-body{stroke-width:1}.gear-unit-large .gear-body,.gear-unit-large .gear-spokes{fill:rgba(128,79,42,.5);stroke:rgba(231,157,87,.62)}.gear-unit-small .gear-body,.gear-unit-small .gear-spokes{fill:rgba(55,91,73,.58);stroke:rgba(143,202,154,.62)}.gear-unit-large .gear-pitch{stroke:rgba(231,157,87,.16)}.gear-unit-small .gear-pitch{stroke:rgba(143,202,154,.16)}
@keyframes gearTrainLarge{from{transform:rotate(10deg)}to{transform:rotate(370deg)}}@keyframes gearTrainSmall{from{transform:rotate(16.429deg)}to{transform:rotate(-343.571deg)}}
.gear-rotor-large{animation-duration:48s}.gear-rotor-small{animation-duration:28s}

/* Hand-built wooden cog train: shallow engagement, visible backlash and material depth */
.ambient-machinery{right:-30px;top:704px;opacity:.58;filter:drop-shadow(0 18px 28px rgba(0,0,0,.28))}.gear-rotor{filter:drop-shadow(5px 7px 3px rgba(0,0,0,.58))}.gear-unit-large .gear-body,.gear-unit-large .gear-spokes{fill:url(#woodLarge);stroke:#d69a57;stroke-width:1.15;stroke-linejoin:round}.gear-unit-small .gear-body,.gear-unit-small .gear-spokes{fill:url(#woodSmall);stroke:#a98250;stroke-width:1.1;stroke-linejoin:round}.wood-depth{fill:#2b170e;stroke:#160c08;stroke-width:12;opacity:.9}.gear-unit-small .wood-depth{fill:#211912;stroke:#100d0a;stroke-width:9}.wood-inner-band{fill:none;stroke:#d39a5c;stroke-width:5;opacity:.44}.gear-unit-small .wood-inner-band{stroke:#ae8958;stroke-width:4}.wood-grain{fill:none;stroke:#321b10;stroke-width:2;stroke-linecap:round;opacity:.5}.gear-unit-small .wood-grain{stroke:#271d14;stroke-width:1.5}.iron-ring{fill:none;stroke:#171d1b;stroke-width:9;filter:drop-shadow(2px 3px 1px rgba(0,0,0,.65))}.gear-unit-small .iron-ring{stroke-width:7}.gear-hub{fill:url(#ironHub);stroke:#8c6b43;stroke-width:2}.gear-axle{fill:#080c0b;stroke:#a47942;stroke-width:3}.gear-bolt{fill:#c39a60;stroke:#302216;stroke-width:1}.gear-pitch,.gear-contact,.gear-contact-dot{display:none}.gear-rotor-large{animation-name:woodCogLarge}.gear-rotor-small{animation-name:woodCogSmall}
@keyframes woodCogLarge{from{transform:rotate(10deg)}to{transform:rotate(370deg)}}@keyframes woodCogSmall{from{transform:rotate(16.429deg)}to{transform:rotate(-343.571deg)}}
@media(max-width:760px){.ambient-machinery{right:-190px;top:620px;opacity:.34}}

/* Lower-page environmental storytelling */
.archive-instruments{display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(115px,.7fr) 56px minmax(115px,.7fr) 56px minmax(115px,.7fr) 56px minmax(115px,.7fr);align-items:center;gap:0;margin-top:18px;border:1px solid rgba(174,197,183,.13);background:linear-gradient(90deg,rgba(20,29,28,.88),rgba(10,15,15,.94));min-height:108px;position:relative;overflow:hidden}.archive-instruments::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 11px,rgba(255,255,255,.012) 12px,transparent 13px);pointer-events:none}.instrument-label{align-self:stretch;padding:22px 25px;border-right:1px solid rgba(214,138,69,.18);display:flex;flex-direction:column;justify-content:center}.instrument-label small{color:var(--colony-copper2);font-family:ui-monospace,Consolas,monospace;font-size:8px;letter-spacing:.16em}.instrument-label strong{font-size:17px;margin-top:7px}.instrument-label span{color:#68766f;font-size:9px;margin-top:5px}.instrument-cell{text-align:center;position:relative}.instrument-cell>span,.instrument-cell>b{display:block}.instrument-cell>span{color:#aeb8b1;font-size:10px;margin-top:8px}.instrument-cell>b{color:#66736e;font-family:ui-monospace,Consolas,monospace;font-size:7px;letter-spacing:.09em;margin-top:4px;font-weight:500}.instrument-glyph{display:block;width:25px;height:25px;margin:auto;border:1px solid rgba(214,138,69,.42);position:relative;transform:rotate(45deg)}.instrument-glyph::before,.instrument-glyph::after{content:"";position:absolute;background:#c98143}.warehouse-glyph::before{inset:6px}.warehouse-glyph::after{width:1px;height:31px;left:11px;top:-4px}.power-glyph{border-radius:50%;border-style:dashed;animation:instrumentSpin 12s linear infinite}.power-glyph::before{width:7px;height:7px;border-radius:50%;left:8px;top:8px}.power-glyph::after{width:31px;height:1px;left:-4px;top:11px}.rail-glyph::before{width:1px;height:23px;left:7px;top:0;box-shadow:8px 0 #c98143}.rail-glyph::after{width:21px;height:1px;left:1px;top:5px;box-shadow:0 6px #c98143,0 12px #c98143}.civic-glyph::before{width:13px;height:13px;left:5px;top:5px;clip-path:polygon(50% 0,100% 38%,82% 38%,82% 100%,18% 100%,18% 38%,0 38%)}.civic-glyph::after{width:3px;height:7px;left:10px;top:11px;background:#1a201e}.instrument-link{height:1px;background:linear-gradient(90deg,rgba(214,138,69,.15),rgba(214,138,69,.65),rgba(214,138,69,.15));display:flex;align-items:center;justify-content:space-around}.instrument-link i{width:4px;height:4px;border-radius:50%;background:#d38a48;box-shadow:0 0 7px rgba(214,138,69,.5);animation:linkSignal 2.4s ease-in-out infinite}.instrument-link i:nth-child(2){animation-delay:.4s}.instrument-link i:nth-child(3){animation-delay:.8s}
.system-blueprint{position:relative;margin-top:11px;padding:16px 22px 14px;border-left:1px solid rgba(143,202,154,.25);border-right:1px solid rgba(143,202,154,.25);background:linear-gradient(90deg,transparent,rgba(143,202,154,.035),transparent)}.blueprint-title{display:block;color:#587067;font-family:ui-monospace,Consolas,monospace;font-size:7px;letter-spacing:.16em;margin-bottom:11px}.blueprint-line{display:grid;grid-template-columns:12px 1fr 12px 1fr 12px 1fr 12px 1fr 12px;align-items:center}.blueprint-line i{width:12px;height:12px;border:1px solid rgba(143,202,154,.5);background:#101817;transform:rotate(45deg);box-shadow:0 0 0 4px rgba(143,202,154,.025)}.blueprint-line b{height:1px;background:repeating-linear-gradient(90deg,rgba(143,202,154,.45) 0 8px,transparent 8px 14px)}.blueprint-codes{display:flex;justify-content:space-between;color:#52655e;font-family:ui-monospace,Consolas,monospace;font-size:7px;letter-spacing:.08em;margin-top:8px}
.era-transition{position:relative;z-index:2;width:min(1250px,100%);margin:-28px auto 22px;display:grid;grid-template-columns:minmax(220px,.72fr) 1.3fr minmax(220px,.72fr);align-items:center;border-top:1px solid rgba(214,138,69,.18);border-bottom:1px solid rgba(190,69,45,.22);background:linear-gradient(90deg,rgba(60,85,69,.1),rgba(13,18,17,.88) 45%,rgba(92,30,20,.12));padding:18px 23px}.transition-current small,.transition-future small{display:block;font-family:ui-monospace,Consolas,monospace;font-size:7px;letter-spacing:.16em}.transition-current small{color:#82a68d}.transition-future small{color:#b7684e}.transition-current strong,.transition-future strong{display:block;font-size:13px;margin:6px 0}.transition-current span,.transition-future span{display:flex;align-items:center;gap:7px;color:#68746e;font-family:ui-monospace,Consolas,monospace;font-size:7px}.transition-current span i,.transition-future span i{width:5px;height:5px;border-radius:50%}.transition-current span i{background:#75c892;box-shadow:0 0 9px #75c892}.transition-future{text-align:right}.transition-future span{justify-content:flex-end}.transition-future span i{background:#bd4934;box-shadow:0 0 9px #bd4934;animation:warningBlink 1.7s steps(2,end) infinite}.transition-track{display:flex;align-items:center;justify-content:center;gap:clamp(11px,2vw,26px);position:relative}.transition-track::before{content:"";position:absolute;left:3%;right:3%;height:1px;background:linear-gradient(90deg,#6d977c,rgba(214,138,69,.55),#b44933)}.transition-track b{position:relative;z-index:1;width:7px;height:7px;background:#141b19;border:1px solid #8e9f91;transform:rotate(45deg)}.transition-track b:nth-last-child(-n+3){border-color:#9d4938}.transition-track em{position:relative;z-index:2;background:#111615;padding:4px 8px;color:#8d6858;font-family:ui-monospace,Consolas,monospace;font-size:7px;font-style:normal;letter-spacing:.12em}
@keyframes instrumentSpin{to{transform:rotate(405deg)}}@keyframes linkSignal{0%,100%{opacity:.2}50%{opacity:1}}@keyframes warningBlink{0%,45%{opacity:1}46%,100%{opacity:.2}}
@media(max-width:960px){.archive-instruments{grid-template-columns:1fr repeat(4,minmax(105px,.58fr))}.instrument-link{display:none}.era-transition{grid-template-columns:1fr 1fr}.transition-track{grid-column:1/-1;grid-row:2;margin-top:15px}.transition-future{grid-column:2;grid-row:1}}
@media(max-width:760px){.archive-instruments{grid-template-columns:1fr 1fr;margin-top:12px}.instrument-label{grid-column:1/-1;border-right:0;border-bottom:1px solid rgba(214,138,69,.16)}.instrument-cell{padding:17px 8px;border-right:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.system-blueprint{overflow:hidden}.blueprint-codes{min-width:440px}.blueprint-line{min-width:440px}.era-transition{grid-template-columns:1fr;margin:-12px auto 16px;padding:17px}.transition-future{grid-column:1;grid-row:3;text-align:left;margin-top:16px}.transition-future span{justify-content:flex-start}.transition-track{grid-column:1;grid-row:2;justify-content:flex-start;margin-top:16px;overflow:hidden}.transition-track::before{left:0;right:0}.transition-track em{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.power-glyph,.instrument-link i,.transition-future span i{animation:none!important}}

/* Full-height side scenery */
.side-works{position:absolute;z-index:0;top:1080px;bottom:210px;width:clamp(68px,7vw,112px);pointer-events:none;color:#8a5a31;opacity:.52}.side-works-left{left:0;border-right:1px solid rgba(214,138,69,.13);background:linear-gradient(90deg,rgba(63,39,22,.13),transparent)}.side-works-right{right:0;border-left:1px solid rgba(143,202,154,.1);background:linear-gradient(270deg,rgba(43,63,53,.12),transparent)}.side-code{position:absolute;font-family:ui-monospace,Consolas,monospace;font-size:7px;letter-spacing:.18em;white-space:nowrap;color:#745c43;writing-mode:vertical-rl}.code-a{top:3%;left:17px}.code-b{top:47%;right:13px}.code-c{top:9%;right:18px;color:#577064}.code-d{top:68%;left:15px;color:#7e4739}
.vertical-pipe{position:absolute;left:30%;top:8%;bottom:37%;width:14px;border-radius:7px;background:linear-gradient(90deg,#2a160d,#92562d 22%,#c78343 48%,#5a301a 72%,#1a110d);box-shadow:5px 0 12px rgba(0,0,0,.28),inset 1px 0 rgba(255,203,129,.3)}.vertical-pipe::before,.vertical-pipe::after{content:"";position:absolute;left:-7px;width:28px;height:8px;border:1px solid #714323;background:linear-gradient(#8f562f,#3a2114);box-shadow:0 2px 4px rgba(0,0,0,.38)}.vertical-pipe::before{top:19%}.vertical-pipe::after{top:71%}.vertical-pipe i{position:absolute;left:-3px;width:20px;height:4px;background:#28170f;border:1px solid #6d4228}.vertical-pipe i:nth-child(1){top:6%}.vertical-pipe i:nth-child(2){top:35%}.vertical-pipe i:nth-child(3){top:58%}.vertical-pipe i:nth-child(4){top:88%}
.timber-brace{position:absolute;width:86px;height:116px;filter:drop-shadow(5px 7px 4px rgba(0,0,0,.25))}.brace-a{top:18%;left:-31px;transform:rotate(-5deg)}.brace-b{top:57%;left:-22px;transform:rotate(4deg)}.timber-brace i{position:absolute;display:block;background:linear-gradient(90deg,#2a170e,#80502b 42%,#a56c39 56%,#3a2114);border:1px solid #5f371f}.timber-brace i:first-child{width:15px;height:116px;left:15px}.timber-brace i:nth-child(2){width:15px;height:116px;right:15px}.timber-brace b{position:absolute;left:3px;right:3px;top:49px;height:14px;background:linear-gradient(#a16a38,#432516);border:1px solid #6a4025;transform:rotate(-24deg)}
.pressure-gauge{position:absolute;z-index:2;top:31%;left:calc(30% - 25px);width:64px;height:64px;border-radius:50%;border:6px solid #29241e;background:radial-gradient(circle,#d4c59c 0 48%,#776c51 49% 52%,#171b18 53%);box-shadow:0 0 0 2px #78532e,5px 7px 12px rgba(0,0,0,.4);color:#262217;text-align:center}.pressure-gauge::before{content:"";position:absolute;inset:8px;border-radius:50%;background:repeating-conic-gradient(from -70deg,#372c20 0 1deg,transparent 1deg 15deg);mask:radial-gradient(circle,transparent 0 70%,#000 72%)}.pressure-gauge span{position:absolute;left:30px;top:14px;width:2px;height:19px;background:#a6422d;transform-origin:bottom;transform:rotate(48deg)}.pressure-gauge i{position:absolute;left:27px;top:30px;width:7px;height:7px;border-radius:50%;background:#30281d}.pressure-gauge b{position:relative;display:block;margin-top:32px;font-family:ui-monospace,Consolas,monospace;font-size:10px}.pressure-gauge small{position:relative;display:block;font-size:5px;margin-top:-2px}.side-valve{position:absolute;top:42%;left:calc(30% - 16px);width:47px;height:47px;border:3px solid #6d4b2d;border-radius:50%;animation:sideValveSpin 26s linear infinite}.side-valve::before,.side-valve::after{content:"";position:absolute;left:19px;top:-9px;width:4px;height:59px;background:#744a29}.side-valve::after{transform:rotate(90deg)}.side-valve i{position:absolute;inset:12px;border-radius:50%;background:#171a17;border:3px solid #91613a}.side-valve b{position:absolute;left:21px;top:44px;width:5px;height:34px;background:#3c2718}
.side-rivets{position:absolute;left:18px;bottom:8%;display:grid;gap:25px}.side-rivets i{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a47b4b,#29241d 66%);box-shadow:0 2px 3px #000}
.hanging-chain{position:absolute;right:28%;top:2%;height:27%;display:flex;flex-direction:column;gap:2px;align-items:center}.hanging-chain i{width:13px;height:22px;border:3px solid #4d4e45;border-radius:50%;margin-top:-5px;transform:rotate(16deg);box-shadow:2px 2px 3px rgba(0,0,0,.4)}.hanging-chain i:nth-child(even){transform:rotate(74deg);width:11px}
.signal-mast{position:absolute;top:24%;right:16%;width:32px;height:145px;border-left:5px solid #343a36}.signal-mast::before,.signal-mast::after{content:"";position:absolute;left:-15px;width:27px;height:5px;background:#363d38}.signal-mast::before{top:3px}.signal-mast::after{bottom:0}.signal-mast i,.signal-mast span,.signal-mast b{position:absolute;left:-15px;width:25px;height:25px;border:4px solid #232825;border-radius:50%;background:#121614}.signal-mast i{top:21px;box-shadow:inset 0 0 12px #61b181}.signal-mast span{top:52px;box-shadow:inset 0 0 12px #d29a4c}.signal-mast b{top:83px;box-shadow:inset 0 0 15px #9e362c;animation:warningBlink 2.1s steps(2,end) infinite}.signal-mast em{position:absolute;left:-22px;top:112px;width:38px;height:12px;background:repeating-linear-gradient(135deg,#bf6c35 0 5px,#25251f 5px 10px);transform:skew(-8deg)}
.rail-scale{position:absolute;right:0;top:43%;height:20%;width:53px;border-left:2px solid #38423d}.rail-scale i{display:block;width:31px;height:2px;background:#4a554f;margin:22px 0}.rail-scale i:nth-child(3n){width:48px;background:#8a6540}.warning-cable{position:absolute;right:-22px;top:61%;width:115px;height:235px;border-left:3px solid #66362a;border-radius:50%;transform:rotate(11deg)}.warning-cable span,.warning-cable i,.warning-cable b{position:absolute;width:7px;height:7px;border-radius:50%;background:#a73e31;box-shadow:0 0 10px #a73e31;animation:warningBlink 2.3s steps(2,end) infinite}.warning-cable span{left:-5px;top:38px}.warning-cable i{left:5px;top:113px;animation-delay:.6s}.warning-cable b{left:25px;top:181px;animation-delay:1.2s}
.damaged-plate{position:absolute;right:-22px;bottom:4%;width:95px;height:205px;background:linear-gradient(120deg,rgba(68,71,63,.28),rgba(18,22,20,.13));border:1px solid rgba(117,120,104,.2);clip-path:polygon(0 0,86% 4%,100% 20%,91% 39%,100% 58%,84% 72%,95% 100%,5% 95%,12% 72%,0 51%,9% 28%)}.damaged-plate i{position:absolute;width:6px;height:6px;border-radius:50%;background:#4f5149;box-shadow:0 2px 3px #000}.damaged-plate i:nth-child(1){left:12px;top:14px}.damaged-plate i:nth-child(2){right:15px;top:20px}.damaged-plate i:nth-child(3){left:16px;bottom:20px}.damaged-plate i:nth-child(4){right:12px;bottom:27px}.damaged-plate span{position:absolute;left:26px;top:33px;width:42px;height:139px;border-left:2px solid rgba(143,56,42,.65);border-right:1px dashed rgba(143,56,42,.35);transform:rotate(-11deg)}
@keyframes sideValveSpin{to{transform:rotate(360deg)}}
@media(max-width:1320px){.side-works{opacity:.34;width:58px}.side-works-left{left:-15px}.side-works-right{right:-15px}.side-code{display:none}}
@media(max-width:980px){.side-works{display:none}}
@media(prefers-reduced-motion:reduce){.side-valve,.signal-mast b,.warning-cable span,.warning-cable i,.warning-cable b{animation:none!important}}

/* Generated imagery integration */
.poster-rail img,.poster-water img{transform:none;object-position:center}.poster-rail:hover img,.poster-water:hover img{transform:scale(1.035)}.poster-rail img{object-position:52% 57%}.poster-water img{object-position:48% 58%}.poster-detail .poster-shade{background:linear-gradient(90deg,rgba(3,6,6,.88),rgba(3,6,6,.13) 72%),linear-gradient(0deg,rgba(3,6,6,.82),transparent 68%)}
.workshop-feature{position:relative;height:390px;margin-bottom:12px;overflow:hidden;border:1px solid rgba(214,138,69,.27);background:#0d1212;box-shadow:0 25px 70px rgba(0,0,0,.28)}.workshop-feature::before,.workshop-feature::after{content:"";position:absolute;z-index:4;width:30px;height:30px;border-color:rgba(241,182,104,.7);pointer-events:none}.workshop-feature::before{left:13px;top:13px;border-left:1px solid;border-top:1px solid}.workshop-feature::after{right:13px;bottom:13px;border-right:1px solid;border-bottom:1px solid}.workshop-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.85) contrast(1.06);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.workshop-feature:hover>img{transform:scale(1.025)}.workshop-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(3,6,6,.98) 0%,rgba(4,7,7,.91) 31%,rgba(4,7,7,.34) 59%,rgba(3,5,5,.08)),linear-gradient(0deg,rgba(3,6,6,.72),transparent 58%)}.workshop-index{position:absolute;z-index:3;right:22px;top:20px;padding:6px 8px;background:rgba(5,9,9,.62);border:1px solid rgba(241,182,104,.25);color:#d9a56c;font-family:ui-monospace,Consolas,monospace;font-size:8px;letter-spacing:.15em}.workshop-copy{position:absolute;z-index:3;left:clamp(28px,5vw,65px);top:50%;width:min(480px,44%);transform:translateY(-46%)}.workshop-copy small{color:var(--colony-copper2);font-family:ui-monospace,Consolas,monospace;font-size:8px;letter-spacing:.17em}.workshop-copy h3{font-size:clamp(29px,4vw,51px);line-height:1.05;letter-spacing:-.055em;margin:10px 0 14px}.workshop-copy p{color:#9ca8a1;font-size:11px;line-height:1.75;margin:0}.workshop-copy>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.workshop-copy>div span{padding:6px 8px;border:1px solid rgba(214,138,69,.25);background:rgba(214,138,69,.07);color:#bca386;font-size:8px;letter-spacing:.08em}
.next-season-art img{object-position:50% 52%;filter:saturate(.76) contrast(1.12) brightness(.65);transform:scale(1.02)}.next-season-art::after{background:linear-gradient(90deg,rgba(5,8,8,.98) 0%,rgba(6,9,9,.92) 39%,rgba(8,10,9,.31) 75%,rgba(25,12,8,.32)),linear-gradient(0deg,rgba(6,8,8,.78),transparent 52%),radial-gradient(circle at 79% 40%,rgba(182,47,28,.22),transparent 31%)}
@media(max-width:760px){.workshop-feature{height:510px}.workshop-feature>img{object-position:69% center}.workshop-shade{background:linear-gradient(0deg,rgba(3,6,6,.98) 0%,rgba(3,6,6,.89) 52%,rgba(3,6,6,.12) 100%)}.workshop-copy{left:22px;right:22px;top:auto;bottom:33px;width:auto;transform:none}.workshop-copy h3{font-size:34px}.next-season-art img{object-position:61% center;transform:scale(1.05)}}

/* Rich route cards */
.feature-grid{gap:12px}.feature-card{isolation:isolate;min-height:276px;padding:22px 21px 20px;background-color:#0d1414;background-repeat:no-repeat;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 16px 34px rgba(0,0,0,.14)}.feature-card>*{position:relative;z-index:2}.feature-card::before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(7,12,12,.18) 0%,rgba(7,12,12,.63) 43%,rgba(7,12,12,.98) 79%),linear-gradient(90deg,rgba(8,13,13,.9),transparent 74%);transition:background .35s}.feature-card::after{content:"0";position:absolute;z-index:1;right:15px;top:4px;width:auto;height:auto;border:0;color:rgba(225,170,105,.16);font-family:ui-monospace,Consolas,monospace;font-size:72px;font-weight:900;line-height:1;letter-spacing:-.11em}.feature-card:nth-child(1){background-image:url('/assets/route-colony-v1.jpg');background-position:61% 52%}.feature-card:nth-child(1)::after{content:"01"}.feature-card:nth-child(2){background-image:url('/assets/route-industry-v1.jpg');background-position:67% 50%}.feature-card:nth-child(2)::after{content:"02"}.feature-card:nth-child(3){background-image:url('/assets/route-railway-v1.jpg');background-position:68% 55%}.feature-card:nth-child(3)::after{content:"03"}.feature-card:nth-child(4){background-image:url('/assets/route-governance-v1.jpg');background-position:67% 52%}.feature-card:nth-child(4)::after{content:"04"}.feature-card:nth-child(5){background-image:url('/assets/route-coop-v1.jpg');background-position:66% 50%}.feature-card:nth-child(5)::after{content:"05"}.feature-card:nth-child(6){background-image:url('/assets/route-expedition-v1.jpg');background-position:70% 52%}.feature-card:nth-child(6)::after{content:"06"}.feature-card:nth-child(7){background-image:url('/assets/route-provisions-v1.jpg');background-position:68% 52%}.feature-card:nth-child(7)::after{content:"07"}.feature-card:hover::before{background:linear-gradient(180deg,rgba(7,12,12,.08) 0%,rgba(7,12,12,.52) 43%,rgba(7,12,12,.98) 80%),linear-gradient(90deg,rgba(8,13,13,.83),transparent 76%)}.feature-card.feature-major{background-image:url('/assets/route-colony-v1.jpg');background-position:61% 52%;min-height:276px}.feature-card.feature-major::before{background:linear-gradient(90deg,rgba(7,12,12,.98) 0%,rgba(7,12,12,.76) 42%,rgba(7,12,12,.2) 76%),linear-gradient(0deg,rgba(7,12,12,.96),transparent 70%)}
.feature-code{display:flex;align-items:center;gap:8px;color:#90a199}.feature-code::before{content:"";width:5px;height:5px;border-radius:50%;background:#84c99a;box-shadow:0 0 9px rgba(132,201,154,.8)}.feature-code::after{content:"SYSTEM ONLINE";margin-left:auto;margin-right:44px;color:#66766e;font-size:6px;letter-spacing:.12em}.feature-icon{margin:42px 0 16px;width:40px;height:40px;background:rgba(8,13,13,.72);box-shadow:0 0 0 4px rgba(214,138,69,.035);backdrop-filter:blur(4px)}.feature-card h3{font-size:21px;text-shadow:0 2px 10px #000}.feature-card p{max-width:92%;color:#b1bbb5;text-shadow:0 2px 8px #000}.feature-card b{bottom:17px}.feature-card b::after{content:" • ACTIVE";color:#6d9278}.feature-card.feature-major p{max-width:53%}.feature-card.feature-major .feature-code::after{margin-right:64px}
@media(max-width:960px){.feature-card.feature-major p{max-width:78%}}
@media(max-width:760px){.feature-grid{gap:9px}.feature-card,.feature-card.feature-major{min-height:260px}.feature-card::after{font-size:59px;right:12px}.feature-card.feature-major p{max-width:92%}.feature-code::after{display:none}.feature-card::before,.feature-card.feature-major::before{background:linear-gradient(180deg,rgba(7,12,12,.18),rgba(7,12,12,.67) 42%,rgba(7,12,12,.98) 78%)}}


/* Chunk pregeneration dashboard */
.pregen-panel{margin-top:18px;border-color:rgba(159,122,255,.28);background:linear-gradient(145deg,rgba(36,28,58,.82),rgba(14,18,32,.88))}
.pregen-progress{margin:12px 0 18px}.pregen-progress-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px}.pregen-progress-top strong{font-size:30px;line-height:1;color:#f0eaff}.pregen-progress-top span{font-size:12px;color:var(--muted);text-align:right;max-width:680px}.progress-track{height:12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);overflow:hidden}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9f7aff,#6fd6ff,#a7f3d0);box-shadow:0 0 18px rgba(159,122,255,.45);transition:width .35s ease}.pregen-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.pregen-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.pregen-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.pregen-form .field{margin:0}.pregen-note{font-size:12px;color:#aeb7d0;margin-top:12px;line-height:1.7}.tag.info{background:rgba(111,214,255,.1);color:#b7ecff}@media(max-width:900px){.pregen-stats,.pregen-form{grid-template-columns:1fr 1fr}}@media(max-width:560px){.pregen-stats,.pregen-form{grid-template-columns:1fr}.pregen-progress-top{display:block}.pregen-progress-top span{text-align:left;display:block;margin-top:8px}}