: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}}