FIGHTORDER - User contributions [en]

MediaWiki:Common.css

2026-07-24T00:44:40Z

FightorderAdmin: Deploy from repo (GitHub Actions)

/* ============================================================================
* FIGHTORDER — sitewide theme (MediaWiki:Common.css)
* Purple-glow-on-black RTS-wiki aesthetic, layered over the Citizen skin.
* Managed in the repo at content/Common.css and deployed via GitHub Actions
* (workflow_dispatch -> import_content=true). Edits made here in-wiki will be
* overwritten on the next content import.
*
* Fonts (Michroma / Saira / JetBrains Mono) are loaded from Google Fonts as
* stand-ins per the design system; swap for self-hosted files if desired.
* ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Saira:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap');

/* --- Design tokens (ported from the Fightorder design system) ------------- */
:root{
--fo-black:#07060b; --fo-void:#0b0a12; --fo-ink:#12101c;
--fo-panel:#181528; --fo-panel-2:#1f1b31;
--fo-line:#2b2542; --fo-line-strong:#3a3158;
--fo-purple-050:#f3ebff; --fo-purple-200:#d5b8ff; --fo-purple-400:#b98cff;
--fo-purple-500:#a855f7; --fo-purple-600:#9333ea; --fo-purple-700:#7322c7;
--fo-purple-900:#3d1266;
--fo-glow:#c084fc; --fo-glow-cyan:#67e8f9;
--fo-text:#ece9f5; --fo-text-muted:#a49cc4; --fo-text-dim:#6f688c;
--fo-text-on-purple:#faf6ff;
--fo-success:#4ade80; --fo-warning:#fbbf24; --fo-danger:#f87171;

--glow-sm:0 0 8px rgba(168,85,247,.45);
--glow-md:0 0 16px rgba(168,85,247,.55),0 0 2px rgba(192,132,252,.8);
--glow-lg:0 0 32px rgba(168,85,247,.6),0 0 8px rgba(192,132,252,.5);
--glow-text:0 0 12px rgba(192,132,252,.7);
--shadow-card:0 2px 4px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.4);
--bg-bloom:radial-gradient(1200px 600px at 70% -10%,rgba(115,34,199,.28),transparent 60%),radial-gradient(800px 500px at 10% 110%,rgba(147,51,234,.18),transparent 55%),var(--fo-black);
--gradient-purple:linear-gradient(135deg,var(--fo-purple-600),var(--fo-purple-500) 55%,var(--fo-glow));
--hairline-purple:linear-gradient(90deg,transparent,var(--fo-purple-500),transparent);
--ease-out:cubic-bezier(.22,.61,.36,1); --dur:200ms;

--font-display:'Michroma',system-ui,sans-serif;
--font-body:'Saira','Bahnschrift',system-ui,sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,monospace;
--fs-hero:clamp(2.4rem,4.6vw,3.6rem); --fs-h2:1.6rem;
--radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-pill:999px;
--container:1180px;
}

/* --- Nudge Citizen's accents toward the brand ---------------------------- */
/* Citizen exposes these custom properties; recolour links/accents to purple. */
:root .skin-citizen,
:root{
--color-progressive:var(--fo-purple-500);
--color-progressive--hover:var(--fo-purple-400);
--color-progressive--active:var(--fo-purple-600);
--color-link:var(--fo-glow);
--color-link--hover:var(--fo-purple-400);
}

/* Content links across the wiki pick up the glow-violet. */
.mw-body a:not(.fo-btn):not(.new){color:var(--fo-glow)}
.mw-body a:not(.fo-btn):not(.new):hover{color:var(--fo-purple-400)}

/* ==========================================================================
* Main Page components — all scoped under .fo-main so they never leak into
* ordinary articles or the skin chrome.
* ========================================================================== */
.fo-main{font-family:var(--font-body);color:var(--fo-text);line-height:1.6;max-width:var(--container)}
.fo-main :is(h1,h2,h3,h4){font-family:var(--font-display);letter-spacing:.02em;font-weight:400}

/* Hero */
.fo-hero{position:relative;border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:40px 36px;background:radial-gradient(600px 300px at 85% -20%,rgba(115,34,199,.35),transparent 60%),var(--fo-ink);overflow:hidden;box-shadow:var(--shadow-card)}
.fo-hero h1{font-size:var(--fs-hero);line-height:1.1;margin:0 0 10px;text-shadow:var(--glow-text)}
.fo-hero p{max-width:600px;color:var(--fo-text-muted);font-size:1.05rem;margin:0 0 22px}
.fo-hero strong{color:var(--fo-text);font-weight:600}
.fo-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.fo-btn{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;padding:11px 20px;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--dur) var(--ease-out)}
/* wikilinks can't take a class, so each button is a span wrapper and the
inner wikilink is stretched over it for full-button clickability. */
.fo-btn a{color:inherit!important;text-decoration:none}
.fo-btn a::after{content:"";position:absolute;inset:0;z-index:1}
.fo-btn--p,a.fo-btn--p{background:var(--gradient-purple);color:var(--fo-text-on-purple);box-shadow:var(--glow-md)}
.fo-btn--p:hover{box-shadow:var(--glow-lg);color:var(--fo-text-on-purple);text-decoration:none}
.fo-btn--s,a.fo-btn--s{background:var(--fo-panel-2);color:var(--fo-text);border-color:var(--fo-line-strong)}
.fo-btn--s:hover{border-color:var(--fo-purple-500);box-shadow:var(--glow-sm);color:var(--fo-text);text-decoration:none}

/* Stat strip */
.fo-stat{display:flex;gap:26px;flex-wrap:wrap;font-family:var(--font-body);margin-top:26px;padding-top:20px;border-top:1px solid var(--fo-line)}
.fo-stat b{display:block;font-size:1.5rem;color:var(--fo-glow);text-shadow:var(--glow-text);font-weight:600}
.fo-stat span{font-size:.68rem;color:var(--fo-text-dim);letter-spacing:.1em;text-transform:uppercase}

/* Section heading + rule */
.fo-sec{margin-top:40px}
.fo-sec-h{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:var(--fs-h2);margin:0 0 4px}
.fo-sec-h .fo-ic{color:var(--fo-purple-500);font-size:1.35rem}
.fo-rule{height:1px;background:var(--hairline-purple);margin:10px 0 20px;border:0}

/* Portal card grid */
.fo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.fo-card{position:relative;background:var(--fo-panel);border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);transition:all var(--dur) var(--ease-out)}
.fo-card:hover{border-color:var(--fo-purple-500);box-shadow:var(--glow-md)}
.fo-card-ic{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--fo-purple-900);color:var(--fo-glow);margin-bottom:12px}
.fo-card-ic .fo-ic{font-size:20px}
.fo-card-h{font-family:var(--font-display);font-size:1.15rem;margin:0 0 6px}
.fo-card-h a{color:var(--fo-text)!important}
/* stretch the title link across the whole card for full-card clickability */
.fo-card-h a::after{content:"";position:absolute;inset:0;z-index:1}
.fo-card-h a:hover{text-decoration:none;color:var(--fo-glow)!important}
.fo-card-p{margin:0;font-size:.85rem;color:var(--fo-text-muted);line-height:1.5}

/* Two-column: featured + recent */
.fo-two{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:40px}
.fo-panel{background:var(--fo-panel);border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card)}
.fo-panel-h{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.2rem;margin:0 0 14px}
.fo-panel-h .fo-ic{color:var(--fo-purple-500);font-size:1.1rem}
.fo-feat{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--fo-line)}
.fo-feat:last-child{border-bottom:none}
.fo-feat-th{width:70px;height:52px;border-radius:var(--radius-sm);background:var(--gradient-purple);flex:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-sm);color:#fff}
.fo-feat-th .fo-ic{font-size:22px}
.fo-feat h4{margin:0 0 3px;font-size:1rem;color:var(--fo-text)}
.fo-feat p{margin:0;font-size:.8rem;color:var(--fo-text-muted)}
.fo-upd{display:flex;gap:10px;font-size:.85rem;padding:9px 0;border-bottom:1px solid var(--fo-line);align-items:baseline}
.fo-upd:last-child{border:none}
.fo-upd-t{font-family:var(--font-mono);font-size:.7rem;color:var(--fo-text-dim);flex:none;width:52px}
.fo-more{display:inline-block;margin-top:14px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}

/* Responsive: collapse the two-column band on narrow viewports */
@media(max-width:800px){.fo-two{grid-template-columns:1fr}}

/* --- Spring RTS portal ---------------------------------------------------- */
.fo-hero--sub{padding:28px 32px}
.fo-hero--sub h1{font-size:clamp(2rem,3.6vw,2.8rem)}
.fo-dpl ul{columns:3;column-gap:26px;margin:0;padding:0;list-style:none}
@media(max-width:900px){.fo-dpl ul{columns:2}}
@media(max-width:600px){.fo-dpl ul{columns:1}}
.fo-dpl li{break-inside:avoid;padding:5px 0;font-size:.9rem;line-height:1.3;border-bottom:1px solid var(--fo-line)}
.fo-dpl li a{color:var(--fo-glow)}
.fo-dpl li a:hover{color:var(--fo-purple-400)}
.fo-sec-count{font-family:var(--font-mono);font-size:.7rem;color:var(--fo-text-dim);margin-left:8px;font-weight:400}
.fo-dim{color:var(--fo-text-dim)}

.fo-recent ul{list-style:none;margin:0;padding:0}
.fo-recent li{padding:9px 0;border-bottom:1px solid var(--fo-line);font-size:.85rem;display:flex;gap:10px;align-items:baseline}
.fo-recent li:last-child{border-bottom:none}
.fo-recent li a{color:var(--fo-glow)}
.fo-recent li a:hover{color:var(--fo-purple-400)}

.fo-card-ic.fo-logo{background-color:transparent;background-size:contain;background-position:center;background-repeat:no-repeat;padding:0}
.fo-logo-zerok{background-image:url(/resources/fo/logo-zerok.png)}
.fo-logo-bar{background-image:url(/resources/fo/logo-bar.png)}
.fo-logo-recoil{background-image:url(/resources/fo/logo-recoil.svg);filter:invert(1)}
.fo-logo-spring{background-image:url(/resources/fo/logo-spring.png);border-radius:var(--radius-md)}

/* --- Icon masks (Lucide, ISC-licensed; tinted via currentColor) ---------- */
.fo-ic{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;vertical-align:-.125em;flex:none}
.fo-ic--book-open{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-book-open%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%207v14%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2018a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h5a4%204%200%200%201%204%204%204%204%200%200%201%204-4h5a1%201%200%200%201%201%201v13a1%201%200%200%201-1%201h-6a3%203%200%200%200-3%203%203%203%200%200%200-3-3z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--box{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-box%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M21%208a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016Z%22%20%2F%3E%20%3Cpath%20d%3D%22m3.3%207%208.7%205%208.7-5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2022V12%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--compass{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-compass%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m16.24%207.76-1.804%205.411a2%202%200%200%201-1.265%201.265L7.76%2016.24l1.804-5.411a2%202%200%200%201%201.265-1.265z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--cpu{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-cpu%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M12%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%207h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%207h2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%202v2%22%20%2F%3E%20%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%20%2F%3E%20%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--factory{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-factory%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2019a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V8.5a.5.5%200%200%200-.769-.422l-4.462%202.844A.5.5%200%200%201%2015%2010.5v-2a.5.5%200%200%200-.769-.422L9.77%2010.922A.5.5%200%200%201%209%2010.5V5a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2016h.01%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--gamepad-2{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-gamepad-2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cline%20x1%3D%226%22%20x2%3D%2210%22%20y1%3D%2211%22%20y2%3D%2211%22%20%2F%3E%20%3Cline%20x1%3D%228%22%20x2%3D%228%22%20y1%3D%229%22%20y2%3D%2213%22%20%2F%3E%20%3Cline%20x1%3D%2215%22%20x2%3D%2215.01%22%20y1%3D%2212%22%20y2%3D%2212%22%20%2F%3E%20%3Cline%20x1%3D%2218%22%20x2%3D%2218.01%22%20y1%3D%2210%22%20y2%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M17.32%205H6.68a4%204%200%200%200-3.978%203.59c-.006.052-.01.101-.017.152C2.604%209.416%202%2014.456%202%2016a3%203%200%200%200%203%203c1%200%201.5-.5%202-1l1.414-1.414A2%202%200%200%201%209.828%2016h4.344a2%202%200%200%201%201.414.586L17%2018c.5.5%201%201%202%201a3%203%200%200%200%203-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4%204%200%200%200%2017.32%205z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--git-branch{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-git-branch%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%206a9%209%200%200%200-9%209V3%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--history{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-history%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%209-9%209.75%209.75%200%200%200-6.74%202.74L3%208%22%20%2F%3E%20%3Cpath%20d%3D%22M3%203v5h5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%207v5l4%202%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--list{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-list%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%205h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2012h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2019h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%205h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2012h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2019h13%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--map{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-map%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.106%205.553a2%202%200%200%200%201.788%200l3.659-1.83A1%201%200%200%201%2021%204.619v12.764a1%201%200%200%201-.553.894l-4.553%202.277a2%202%200%200%201-1.788%200l-4.212-2.106a2%202%200%200%200-1.788%200l-3.659%201.83A1%201%200%200%201%203%2019.381V6.618a1%201%200%200%201%20.553-.894l4.553-2.277a2%202%200%200%201%201.788%200z%22%20%2F%3E%20%3Cpath%20d%3D%22M15%205.764v15%22%20%2F%3E%20%3Cpath%20d%3D%22M9%203.236v15%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--rocket{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-rocket%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5%22%20%2F%3E%20%3Cpath%20d%3D%22M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.4%2022.4%200%200%201-4%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012H4s.55-3.03%202-4c1.62-1.08%205%20.05%205%20.05%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--star{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-star%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--swords{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-swords%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpolyline%20points%3D%2214.5%2017.5%203%206%203%203%206%203%2017.5%2014.5%22%20%2F%3E%20%3Cline%20x1%3D%2213%22%20x2%3D%2219%22%20y1%3D%2219%22%20y2%3D%2213%22%20%2F%3E%20%3Cline%20x1%3D%2216%22%20x2%3D%2220%22%20y1%3D%2216%22%20y2%3D%2220%22%20%2F%3E%20%3Cline%20x1%3D%2219%22%20x2%3D%2221%22%20y1%3D%2221%22%20y2%3D%2219%22%20%2F%3E%20%3Cpolyline%20points%3D%2214.5%206.5%2018%203%2021%203%2021%206%2017.5%209.5%22%20%2F%3E%20%3Cline%20x1%3D%225%22%20x2%3D%229%22%20y1%3D%2214%22%20y2%3D%2218%22%20%2F%3E%20%3Cline%20x1%3D%227%22%20x2%3D%224%22%20y1%3D%2217%22%20y2%3D%2220%22%20%2F%3E%20%3Cline%20x1%3D%223%22%20x2%3D%225%22%20y1%3D%2219%22%20y2%3D%2221%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--terminal{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-terminal%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2019h8%22%20%2F%3E%20%3Cpath%20d%3D%22m4%2017%206-6-6-6%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--wrench{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-wrench%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.106-3.105c.32-.322.863-.22.983.218a6%206%200%200%201-8.259%207.057l-7.91%207.91a1%201%200%200%201-2.999-3l7.91-7.91a6%206%200%200%201%207.057-8.259c.438.12.54.662.219.984z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--zap{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-zap%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%20%2F%3E%20%3C%2Fsvg%3E")}

Main Page

2026-07-24T00:38:15Z

FightorderAdmin: Deploy from repo (GitHub Actions)

<div class="fo-main">
<div class="fo-hero">
<h1>FIGHTORDER</h1>
<p>The community knowledge base for the <strong>Spring RTS</strong> and <strong>Recoil</strong> engines and the games built on them — commands, units, mechanics, maps, and modding.</p>
<div class="fo-cta"><span class="fo-btn fo-btn--s"><span class="fo-ic fo-ic--list"></span>[[Special:AllPages|Browse all pages]]</span></div>
<div class="fo-stat"><div><b>{{NUMBEROFARTICLES}}</b><span>Articles</span></div><div><b>{{NUMBEROFEDITS}}</b><span>Edits</span></div><div><b>{{NUMBEROFACTIVEUSERS}}</b><span>Editors</span></div></div>
</div>
<div class="fo-two">
<div class="fo-panel">
<div class="fo-panel-h"><span class="fo-ic fo-ic--star"></span>Featured articles</div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--book-open"></span></div><div><h4>[[The Complete Guide To Making A Spring Game]]</h4><p>A full walkthrough of building a game from scratch on the engine — structure, content, and pitfalls.</p></div></div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--box"></span></div><div><h4>[[Gamedev:UnitDefs|Unit definitions reference]]</h4><p>The complete UnitDef field reference — every property that defines how a unit behaves.</p></div></div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--zap"></span></div><div><h4>[[Engine Profiling]]</h4><p>Finding and diagnosing performance bottlenecks in engine and game code.</p></div></div>
</div>
<div class="fo-panel">
<div class="fo-panel-h"><span class="fo-ic fo-ic--history"></span>Recent changes</div>
<div class="fo-recent">
{{#dpl:
|namespace=Main
|ordermethod=lastedit
|order=descending
|count=7
|addeditdate=true
|noresultsheader=<span class="fo-dim">No edits yet — start writing the wiki!</span>
|noresultsfooter=
}}
</div>
<span class="fo-more">[[Special:RecentChanges|→ See all recent changes]]</span>
</div>
</div>
<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--gamepad-2"></span>Games</div>
<hr class="fo-rule">
<div class="fo-grid">
<div class="fo-card"><div class="fo-card-ic fo-logo fo-logo-zerok"></div><div class="fo-card-h">[[Zero-K]]</div><p class="fo-card-p">Open-source RTS with physics projectiles, no unit build limits, and deep commander customization.</p></div>
<div class="fo-card"><div class="fo-card-ic fo-logo fo-logo-bar"></div><div class="fo-card-h">[[Beyond All Reason]]</div><p class="fo-card-p">BAR — large-scale modern RTS on the Recoil engine, free and community-driven.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--box"></span></div><div class="fo-card-h">[[NOTA]]</div><p class="fo-card-p">None Of The Above — a tightly-balanced annihilation-style total conversion.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--terminal"></span></div><div class="fo-card-h">[[Kernel Panic]]</div><p class="fo-card-p">Minimalist computer-themed RTS — three sides, no economy, pure tactics.</p></div>
</div>
</div>
<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--cpu"></span>Engines</div>
<hr class="fo-rule">
<div class="fo-grid">
<div class="fo-card"><div class="fo-card-ic fo-logo fo-logo-recoil"></div><div class="fo-card-h">[[Recoil Engine]]</div><p class="fo-card-p">The actively-developed fork powering Beyond All Reason and modern titles.</p></div>
<div class="fo-card"><div class="fo-card-ic fo-logo fo-logo-spring"></div><div class="fo-card-h">[[Spring RTS]]</div><p class="fo-card-p">The original engine and the heritage this wiki is preserving.</p></div>
</div>
</div>
</div>
__NOTOC__ __NOEDITSECTION__

MediaWiki:Common.css

2026-07-24T00:38:13Z

FightorderAdmin: Deploy from repo (GitHub Actions)

/* ============================================================================
* FIGHTORDER — sitewide theme (MediaWiki:Common.css)
* Purple-glow-on-black RTS-wiki aesthetic, layered over the Citizen skin.
* Managed in the repo at content/Common.css and deployed via GitHub Actions
* (workflow_dispatch -> import_content=true). Edits made here in-wiki will be
* overwritten on the next content import.
*
* Fonts (Michroma / Saira / JetBrains Mono) are loaded from Google Fonts as
* stand-ins per the design system; swap for self-hosted files if desired.
* ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Saira:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap');

/* --- Design tokens (ported from the Fightorder design system) ------------- */
:root{
--fo-black:#07060b; --fo-void:#0b0a12; --fo-ink:#12101c;
--fo-panel:#181528; --fo-panel-2:#1f1b31;
--fo-line:#2b2542; --fo-line-strong:#3a3158;
--fo-purple-050:#f3ebff; --fo-purple-200:#d5b8ff; --fo-purple-400:#b98cff;
--fo-purple-500:#a855f7; --fo-purple-600:#9333ea; --fo-purple-700:#7322c7;
--fo-purple-900:#3d1266;
--fo-glow:#c084fc; --fo-glow-cyan:#67e8f9;
--fo-text:#ece9f5; --fo-text-muted:#a49cc4; --fo-text-dim:#6f688c;
--fo-text-on-purple:#faf6ff;
--fo-success:#4ade80; --fo-warning:#fbbf24; --fo-danger:#f87171;

--glow-sm:0 0 8px rgba(168,85,247,.45);
--glow-md:0 0 16px rgba(168,85,247,.55),0 0 2px rgba(192,132,252,.8);
--glow-lg:0 0 32px rgba(168,85,247,.6),0 0 8px rgba(192,132,252,.5);
--glow-text:0 0 12px rgba(192,132,252,.7);
--shadow-card:0 2px 4px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.4);
--bg-bloom:radial-gradient(1200px 600px at 70% -10%,rgba(115,34,199,.28),transparent 60%),radial-gradient(800px 500px at 10% 110%,rgba(147,51,234,.18),transparent 55%),var(--fo-black);
--gradient-purple:linear-gradient(135deg,var(--fo-purple-600),var(--fo-purple-500) 55%,var(--fo-glow));
--hairline-purple:linear-gradient(90deg,transparent,var(--fo-purple-500),transparent);
--ease-out:cubic-bezier(.22,.61,.36,1); --dur:200ms;

--font-display:'Michroma',system-ui,sans-serif;
--font-body:'Saira','Bahnschrift',system-ui,sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,monospace;
--fs-hero:clamp(2.4rem,4.6vw,3.6rem); --fs-h2:1.6rem;
--radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-pill:999px;
--container:1180px;
}

/* --- Nudge Citizen's accents toward the brand ---------------------------- */
/* Citizen exposes these custom properties; recolour links/accents to purple. */
:root .skin-citizen,
:root{
--color-progressive:var(--fo-purple-500);
--color-progressive--hover:var(--fo-purple-400);
--color-progressive--active:var(--fo-purple-600);
--color-link:var(--fo-glow);
--color-link--hover:var(--fo-purple-400);
}

/* Content links across the wiki pick up the glow-violet. */
.mw-body a:not(.fo-btn):not(.new){color:var(--fo-glow)}
.mw-body a:not(.fo-btn):not(.new):hover{color:var(--fo-purple-400)}

/* ==========================================================================
* Main Page components — all scoped under .fo-main so they never leak into
* ordinary articles or the skin chrome.
* ========================================================================== */
.fo-main{font-family:var(--font-body);color:var(--fo-text);line-height:1.6;max-width:var(--container)}
.fo-main :is(h1,h2,h3,h4){font-family:var(--font-display);letter-spacing:.02em;font-weight:400}

/* Hero */
.fo-hero{position:relative;border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:40px 36px;background:radial-gradient(600px 300px at 85% -20%,rgba(115,34,199,.35),transparent 60%),var(--fo-ink);overflow:hidden;box-shadow:var(--shadow-card)}
.fo-hero h1{font-size:var(--fs-hero);line-height:1.1;margin:0 0 10px;text-shadow:var(--glow-text)}
.fo-hero p{max-width:600px;color:var(--fo-text-muted);font-size:1.05rem;margin:0 0 22px}
.fo-hero strong{color:var(--fo-text);font-weight:600}
.fo-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.fo-btn{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;padding:11px 20px;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--dur) var(--ease-out)}
/* wikilinks can't take a class, so each button is a span wrapper and the
inner wikilink is stretched over it for full-button clickability. */
.fo-btn a{color:inherit!important;text-decoration:none}
.fo-btn a::after{content:"";position:absolute;inset:0;z-index:1}
.fo-btn--p,a.fo-btn--p{background:var(--gradient-purple);color:var(--fo-text-on-purple);box-shadow:var(--glow-md)}
.fo-btn--p:hover{box-shadow:var(--glow-lg);color:var(--fo-text-on-purple);text-decoration:none}
.fo-btn--s,a.fo-btn--s{background:var(--fo-panel-2);color:var(--fo-text);border-color:var(--fo-line-strong)}
.fo-btn--s:hover{border-color:var(--fo-purple-500);box-shadow:var(--glow-sm);color:var(--fo-text);text-decoration:none}

/* Stat strip */
.fo-stat{display:flex;gap:26px;flex-wrap:wrap;font-family:var(--font-body);margin-top:26px;padding-top:20px;border-top:1px solid var(--fo-line)}
.fo-stat b{display:block;font-size:1.5rem;color:var(--fo-glow);text-shadow:var(--glow-text);font-weight:600}
.fo-stat span{font-size:.68rem;color:var(--fo-text-dim);letter-spacing:.1em;text-transform:uppercase}

/* Section heading + rule */
.fo-sec{margin-top:40px}
.fo-sec-h{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:var(--fs-h2);margin:0 0 4px}
.fo-sec-h .fo-ic{color:var(--fo-purple-500);font-size:1.35rem}
.fo-rule{height:1px;background:var(--hairline-purple);margin:10px 0 20px;border:0}

/* Portal card grid */
.fo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.fo-card{position:relative;background:var(--fo-panel);border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);transition:all var(--dur) var(--ease-out)}
.fo-card:hover{border-color:var(--fo-purple-500);box-shadow:var(--glow-md)}
.fo-card-ic{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--fo-purple-900);color:var(--fo-glow);margin-bottom:12px}
.fo-card-ic .fo-ic{font-size:20px}
.fo-card-h{font-family:var(--font-display);font-size:1.15rem;margin:0 0 6px}
.fo-card-h a{color:var(--fo-text)!important}
/* stretch the title link across the whole card for full-card clickability */
.fo-card-h a::after{content:"";position:absolute;inset:0;z-index:1}
.fo-card-h a:hover{text-decoration:none;color:var(--fo-glow)!important}
.fo-card-p{margin:0;font-size:.85rem;color:var(--fo-text-muted);line-height:1.5}

/* Two-column: featured + recent */
.fo-two{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:40px}
.fo-panel{background:var(--fo-panel);border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card)}
.fo-panel-h{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.2rem;margin:0 0 14px}
.fo-panel-h .fo-ic{color:var(--fo-purple-500);font-size:1.1rem}
.fo-feat{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--fo-line)}
.fo-feat:last-child{border-bottom:none}
.fo-feat-th{width:70px;height:52px;border-radius:var(--radius-sm);background:var(--gradient-purple);flex:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-sm);color:#fff}
.fo-feat-th .fo-ic{font-size:22px}
.fo-feat h4{margin:0 0 3px;font-size:1rem;color:var(--fo-text)}
.fo-feat p{margin:0;font-size:.8rem;color:var(--fo-text-muted)}
.fo-upd{display:flex;gap:10px;font-size:.85rem;padding:9px 0;border-bottom:1px solid var(--fo-line);align-items:baseline}
.fo-upd:last-child{border:none}
.fo-upd-t{font-family:var(--font-mono);font-size:.7rem;color:var(--fo-text-dim);flex:none;width:52px}
.fo-more{display:inline-block;margin-top:14px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}

/* Responsive: collapse the two-column band on narrow viewports */
@media(max-width:800px){.fo-two{grid-template-columns:1fr}}

/* --- Spring RTS portal ---------------------------------------------------- */
.fo-hero--sub{padding:28px 32px}
.fo-hero--sub h1{font-size:clamp(2rem,3.6vw,2.8rem)}
.fo-dpl ul{columns:3;column-gap:26px;margin:0;padding:0;list-style:none}
@media(max-width:900px){.fo-dpl ul{columns:2}}
@media(max-width:600px){.fo-dpl ul{columns:1}}
.fo-dpl li{break-inside:avoid;padding:5px 0;font-size:.9rem;line-height:1.3;border-bottom:1px solid var(--fo-line)}
.fo-dpl li a{color:var(--fo-glow)}
.fo-dpl li a:hover{color:var(--fo-purple-400)}
.fo-sec-count{font-family:var(--font-mono);font-size:.7rem;color:var(--fo-text-dim);margin-left:8px;font-weight:400}
.fo-dim{color:var(--fo-text-dim)}

.fo-recent ul{list-style:none;margin:0;padding:0}
.fo-recent li{padding:9px 0;border-bottom:1px solid var(--fo-line);font-size:.85rem;display:flex;gap:10px;align-items:baseline}
.fo-recent li:last-child{border-bottom:none}
.fo-recent li a{color:var(--fo-glow)}
.fo-recent li a:hover{color:var(--fo-purple-400)}

.fo-card-ic.fo-logo{background-color:transparent;background-size:contain;background-position:center;background-repeat:no-repeat;padding:0}
.fo-logo-zerok{background-image:url(/resources/fo/logo-zerok.png)}
.fo-logo-bar{background-image:url(/resources/fo/logo-bar.png)}
.fo-logo-recoil{background-image:url(/resources/fo/logo-recoil.svg)}
.fo-logo-spring{background-image:url(/resources/fo/logo-spring.png);border-radius:var(--radius-md)}

/* --- Icon masks (Lucide, ISC-licensed; tinted via currentColor) ---------- */
.fo-ic{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;vertical-align:-.125em;flex:none}
.fo-ic--book-open{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-book-open%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%207v14%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2018a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h5a4%204%200%200%201%204%204%204%204%200%200%201%204-4h5a1%201%200%200%201%201%201v13a1%201%200%200%201-1%201h-6a3%203%200%200%200-3%203%203%203%200%200%200-3-3z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--box{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-box%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M21%208a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016Z%22%20%2F%3E%20%3Cpath%20d%3D%22m3.3%207%208.7%205%208.7-5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2022V12%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--compass{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-compass%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m16.24%207.76-1.804%205.411a2%202%200%200%201-1.265%201.265L7.76%2016.24l1.804-5.411a2%202%200%200%201%201.265-1.265z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--cpu{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-cpu%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M12%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%207h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%207h2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%202v2%22%20%2F%3E%20%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%20%2F%3E%20%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--factory{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-factory%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2019a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V8.5a.5.5%200%200%200-.769-.422l-4.462%202.844A.5.5%200%200%201%2015%2010.5v-2a.5.5%200%200%200-.769-.422L9.77%2010.922A.5.5%200%200%201%209%2010.5V5a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2016h.01%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--gamepad-2{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-gamepad-2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cline%20x1%3D%226%22%20x2%3D%2210%22%20y1%3D%2211%22%20y2%3D%2211%22%20%2F%3E%20%3Cline%20x1%3D%228%22%20x2%3D%228%22%20y1%3D%229%22%20y2%3D%2213%22%20%2F%3E%20%3Cline%20x1%3D%2215%22%20x2%3D%2215.01%22%20y1%3D%2212%22%20y2%3D%2212%22%20%2F%3E%20%3Cline%20x1%3D%2218%22%20x2%3D%2218.01%22%20y1%3D%2210%22%20y2%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M17.32%205H6.68a4%204%200%200%200-3.978%203.59c-.006.052-.01.101-.017.152C2.604%209.416%202%2014.456%202%2016a3%203%200%200%200%203%203c1%200%201.5-.5%202-1l1.414-1.414A2%202%200%200%201%209.828%2016h4.344a2%202%200%200%201%201.414.586L17%2018c.5.5%201%201%202%201a3%203%200%200%200%203-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4%204%200%200%200%2017.32%205z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--git-branch{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-git-branch%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%206a9%209%200%200%200-9%209V3%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--history{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-history%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%209-9%209.75%209.75%200%200%200-6.74%202.74L3%208%22%20%2F%3E%20%3Cpath%20d%3D%22M3%203v5h5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%207v5l4%202%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--list{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-list%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%205h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2012h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2019h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%205h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2012h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2019h13%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--map{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-map%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.106%205.553a2%202%200%200%200%201.788%200l3.659-1.83A1%201%200%200%201%2021%204.619v12.764a1%201%200%200%201-.553.894l-4.553%202.277a2%202%200%200%201-1.788%200l-4.212-2.106a2%202%200%200%200-1.788%200l-3.659%201.83A1%201%200%200%201%203%2019.381V6.618a1%201%200%200%201%20.553-.894l4.553-2.277a2%202%200%200%201%201.788%200z%22%20%2F%3E%20%3Cpath%20d%3D%22M15%205.764v15%22%20%2F%3E%20%3Cpath%20d%3D%22M9%203.236v15%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--rocket{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-rocket%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5%22%20%2F%3E%20%3Cpath%20d%3D%22M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.4%2022.4%200%200%201-4%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012H4s.55-3.03%202-4c1.62-1.08%205%20.05%205%20.05%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--star{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-star%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--swords{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-swords%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpolyline%20points%3D%2214.5%2017.5%203%206%203%203%206%203%2017.5%2014.5%22%20%2F%3E%20%3Cline%20x1%3D%2213%22%20x2%3D%2219%22%20y1%3D%2219%22%20y2%3D%2213%22%20%2F%3E%20%3Cline%20x1%3D%2216%22%20x2%3D%2220%22%20y1%3D%2216%22%20y2%3D%2220%22%20%2F%3E%20%3Cline%20x1%3D%2219%22%20x2%3D%2221%22%20y1%3D%2221%22%20y2%3D%2219%22%20%2F%3E%20%3Cpolyline%20points%3D%2214.5%206.5%2018%203%2021%203%2021%206%2017.5%209.5%22%20%2F%3E%20%3Cline%20x1%3D%225%22%20x2%3D%229%22%20y1%3D%2214%22%20y2%3D%2218%22%20%2F%3E%20%3Cline%20x1%3D%227%22%20x2%3D%224%22%20y1%3D%2217%22%20y2%3D%2220%22%20%2F%3E%20%3Cline%20x1%3D%223%22%20x2%3D%225%22%20y1%3D%2219%22%20y2%3D%2221%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--terminal{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-terminal%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2019h8%22%20%2F%3E%20%3Cpath%20d%3D%22m4%2017%206-6-6-6%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--wrench{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-wrench%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.106-3.105c.32-.322.863-.22.983.218a6%206%200%200%201-8.259%207.057l-7.91%207.91a1%201%200%200%201-2.999-3l7.91-7.91a6%206%200%200%201%207.057-8.259c.438.12.54.662.219.984z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--zap{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-zap%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%20%2F%3E%20%3C%2Fsvg%3E")}

Main Page

2026-07-24T00:24:12Z

FightorderAdmin: Deploy from repo (GitHub Actions)

<div class="fo-main">
<div class="fo-hero">
<h1>FIGHTORDER</h1>
<p>The community knowledge base for the <strong>Spring RTS</strong> and <strong>Recoil</strong> engines and the games built on them — commands, units, mechanics, maps, and modding.</p>
<div class="fo-cta"><span class="fo-btn fo-btn--s"><span class="fo-ic fo-ic--list"></span>[[Special:AllPages|Browse all pages]]</span></div>
<div class="fo-stat"><div><b>{{NUMBEROFARTICLES}}</b><span>Articles</span></div><div><b>{{NUMBEROFEDITS}}</b><span>Edits</span></div><div><b>{{NUMBEROFACTIVEUSERS}}</b><span>Editors</span></div></div>
</div>
<div class="fo-two">
<div class="fo-panel">
<div class="fo-panel-h"><span class="fo-ic fo-ic--star"></span>Featured articles</div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--book-open"></span></div><div><h4>[[The Complete Guide To Making A Spring Game]]</h4><p>A full walkthrough of building a game from scratch on the engine — structure, content, and pitfalls.</p></div></div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--box"></span></div><div><h4>[[Gamedev:UnitDefs|Unit definitions reference]]</h4><p>The complete UnitDef field reference — every property that defines how a unit behaves.</p></div></div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--zap"></span></div><div><h4>[[Engine Profiling]]</h4><p>Finding and diagnosing performance bottlenecks in engine and game code.</p></div></div>
</div>
<div class="fo-panel">
<div class="fo-panel-h"><span class="fo-ic fo-ic--history"></span>Recent changes</div>
<div class="fo-recent">
{{#dpl:
|namespace=Main
|ordermethod=lastedit
|order=descending
|count=7
|addeditdate=true
|noresultsheader=<span class="fo-dim">No edits yet — start writing the wiki!</span>
|noresultsfooter=
}}
</div>
<span class="fo-more">[[Special:RecentChanges|→ See all recent changes]]</span>
</div>
</div>
<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--gamepad-2"></span>Games</div>
<hr class="fo-rule">
<div class="fo-grid">
<div class="fo-card"><div class="fo-card-ic"><img src="/resources/fo/logo-zerok.png" alt="Zero-K"></div><div class="fo-card-h">[[Zero-K]]</div><p class="fo-card-p">Open-source RTS with physics projectiles, no unit build limits, and deep commander customization.</p></div>
<div class="fo-card"><div class="fo-card-ic"><img src="/resources/fo/logo-bar.png" alt="Beyond All Reason"></div><div class="fo-card-h">[[Beyond All Reason]]</div><p class="fo-card-p">BAR — large-scale modern RTS on the Recoil engine, free and community-driven.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--box"></span></div><div class="fo-card-h">[[NOTA]]</div><p class="fo-card-p">None Of The Above — a tightly-balanced annihilation-style total conversion.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--terminal"></span></div><div class="fo-card-h">[[Kernel Panic]]</div><p class="fo-card-p">Minimalist computer-themed RTS — three sides, no economy, pure tactics.</p></div>
</div>
</div>
<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--cpu"></span>Engines</div>
<hr class="fo-rule">
<div class="fo-grid">
<div class="fo-card"><div class="fo-card-ic"><img src="/resources/fo/logo-recoil.svg" alt="Recoil Engine"></div><div class="fo-card-h">[[Recoil Engine]]</div><p class="fo-card-p">The actively-developed fork powering Beyond All Reason and modern titles.</p></div>
<div class="fo-card"><div class="fo-card-ic"><img src="/resources/fo/logo-spring.png" alt="Spring RTS"></div><div class="fo-card-h">[[Spring RTS]]</div><p class="fo-card-p">The original engine and the heritage this wiki is preserving.</p></div>
</div>
</div>
</div>
__NOTOC__ __NOEDITSECTION__

MediaWiki:Common.css

2026-07-24T00:24:09Z

FightorderAdmin: Deploy from repo (GitHub Actions)

/* ============================================================================
* FIGHTORDER — sitewide theme (MediaWiki:Common.css)
* Purple-glow-on-black RTS-wiki aesthetic, layered over the Citizen skin.
* Managed in the repo at content/Common.css and deployed via GitHub Actions
* (workflow_dispatch -> import_content=true). Edits made here in-wiki will be
* overwritten on the next content import.
*
* Fonts (Michroma / Saira / JetBrains Mono) are loaded from Google Fonts as
* stand-ins per the design system; swap for self-hosted files if desired.
* ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Saira:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap');

/* --- Design tokens (ported from the Fightorder design system) ------------- */
:root{
--fo-black:#07060b; --fo-void:#0b0a12; --fo-ink:#12101c;
--fo-panel:#181528; --fo-panel-2:#1f1b31;
--fo-line:#2b2542; --fo-line-strong:#3a3158;
--fo-purple-050:#f3ebff; --fo-purple-200:#d5b8ff; --fo-purple-400:#b98cff;
--fo-purple-500:#a855f7; --fo-purple-600:#9333ea; --fo-purple-700:#7322c7;
--fo-purple-900:#3d1266;
--fo-glow:#c084fc; --fo-glow-cyan:#67e8f9;
--fo-text:#ece9f5; --fo-text-muted:#a49cc4; --fo-text-dim:#6f688c;
--fo-text-on-purple:#faf6ff;
--fo-success:#4ade80; --fo-warning:#fbbf24; --fo-danger:#f87171;

--glow-sm:0 0 8px rgba(168,85,247,.45);
--glow-md:0 0 16px rgba(168,85,247,.55),0 0 2px rgba(192,132,252,.8);
--glow-lg:0 0 32px rgba(168,85,247,.6),0 0 8px rgba(192,132,252,.5);
--glow-text:0 0 12px rgba(192,132,252,.7);
--shadow-card:0 2px 4px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.4);
--bg-bloom:radial-gradient(1200px 600px at 70% -10%,rgba(115,34,199,.28),transparent 60%),radial-gradient(800px 500px at 10% 110%,rgba(147,51,234,.18),transparent 55%),var(--fo-black);
--gradient-purple:linear-gradient(135deg,var(--fo-purple-600),var(--fo-purple-500) 55%,var(--fo-glow));
--hairline-purple:linear-gradient(90deg,transparent,var(--fo-purple-500),transparent);
--ease-out:cubic-bezier(.22,.61,.36,1); --dur:200ms;

--font-display:'Michroma',system-ui,sans-serif;
--font-body:'Saira','Bahnschrift',system-ui,sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,monospace;
--fs-hero:clamp(2.4rem,4.6vw,3.6rem); --fs-h2:1.6rem;
--radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-pill:999px;
--container:1180px;
}

/* --- Nudge Citizen's accents toward the brand ---------------------------- */
/* Citizen exposes these custom properties; recolour links/accents to purple. */
:root .skin-citizen,
:root{
--color-progressive:var(--fo-purple-500);
--color-progressive--hover:var(--fo-purple-400);
--color-progressive--active:var(--fo-purple-600);
--color-link:var(--fo-glow);
--color-link--hover:var(--fo-purple-400);
}

/* Content links across the wiki pick up the glow-violet. */
.mw-body a:not(.fo-btn):not(.new){color:var(--fo-glow)}
.mw-body a:not(.fo-btn):not(.new):hover{color:var(--fo-purple-400)}

/* ==========================================================================
* Main Page components — all scoped under .fo-main so they never leak into
* ordinary articles or the skin chrome.
* ========================================================================== */
.fo-main{font-family:var(--font-body);color:var(--fo-text);line-height:1.6;max-width:var(--container)}
.fo-main :is(h1,h2,h3,h4){font-family:var(--font-display);letter-spacing:.02em;font-weight:400}

/* Hero */
.fo-hero{position:relative;border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:40px 36px;background:radial-gradient(600px 300px at 85% -20%,rgba(115,34,199,.35),transparent 60%),var(--fo-ink);overflow:hidden;box-shadow:var(--shadow-card)}
.fo-hero h1{font-size:var(--fs-hero);line-height:1.1;margin:0 0 10px;text-shadow:var(--glow-text)}
.fo-hero p{max-width:600px;color:var(--fo-text-muted);font-size:1.05rem;margin:0 0 22px}
.fo-hero strong{color:var(--fo-text);font-weight:600}
.fo-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.fo-btn{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;padding:11px 20px;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--dur) var(--ease-out)}
/* wikilinks can't take a class, so each button is a span wrapper and the
inner wikilink is stretched over it for full-button clickability. */
.fo-btn a{color:inherit!important;text-decoration:none}
.fo-btn a::after{content:"";position:absolute;inset:0;z-index:1}
.fo-btn--p,a.fo-btn--p{background:var(--gradient-purple);color:var(--fo-text-on-purple);box-shadow:var(--glow-md)}
.fo-btn--p:hover{box-shadow:var(--glow-lg);color:var(--fo-text-on-purple);text-decoration:none}
.fo-btn--s,a.fo-btn--s{background:var(--fo-panel-2);color:var(--fo-text);border-color:var(--fo-line-strong)}
.fo-btn--s:hover{border-color:var(--fo-purple-500);box-shadow:var(--glow-sm);color:var(--fo-text);text-decoration:none}

/* Stat strip */
.fo-stat{display:flex;gap:26px;flex-wrap:wrap;font-family:var(--font-body);margin-top:26px;padding-top:20px;border-top:1px solid var(--fo-line)}
.fo-stat b{display:block;font-size:1.5rem;color:var(--fo-glow);text-shadow:var(--glow-text);font-weight:600}
.fo-stat span{font-size:.68rem;color:var(--fo-text-dim);letter-spacing:.1em;text-transform:uppercase}

/* Section heading + rule */
.fo-sec{margin-top:40px}
.fo-sec-h{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:var(--fs-h2);margin:0 0 4px}
.fo-sec-h .fo-ic{color:var(--fo-purple-500);font-size:1.35rem}
.fo-rule{height:1px;background:var(--hairline-purple);margin:10px 0 20px;border:0}

/* Portal card grid */
.fo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.fo-card{position:relative;background:var(--fo-panel);border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);transition:all var(--dur) var(--ease-out)}
.fo-card:hover{border-color:var(--fo-purple-500);box-shadow:var(--glow-md)}
.fo-card-ic{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--fo-purple-900);color:var(--fo-glow);margin-bottom:12px}
.fo-card-ic .fo-ic{font-size:20px}
.fo-card-h{font-family:var(--font-display);font-size:1.15rem;margin:0 0 6px}
.fo-card-h a{color:var(--fo-text)!important}
/* stretch the title link across the whole card for full-card clickability */
.fo-card-h a::after{content:"";position:absolute;inset:0;z-index:1}
.fo-card-h a:hover{text-decoration:none;color:var(--fo-glow)!important}
.fo-card-p{margin:0;font-size:.85rem;color:var(--fo-text-muted);line-height:1.5}

/* Two-column: featured + recent */
.fo-two{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:40px}
.fo-panel{background:var(--fo-panel);border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card)}
.fo-panel-h{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.2rem;margin:0 0 14px}
.fo-panel-h .fo-ic{color:var(--fo-purple-500);font-size:1.1rem}
.fo-feat{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--fo-line)}
.fo-feat:last-child{border-bottom:none}
.fo-feat-th{width:70px;height:52px;border-radius:var(--radius-sm);background:var(--gradient-purple);flex:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-sm);color:#fff}
.fo-feat-th .fo-ic{font-size:22px}
.fo-feat h4{margin:0 0 3px;font-size:1rem;color:var(--fo-text)}
.fo-feat p{margin:0;font-size:.8rem;color:var(--fo-text-muted)}
.fo-upd{display:flex;gap:10px;font-size:.85rem;padding:9px 0;border-bottom:1px solid var(--fo-line);align-items:baseline}
.fo-upd:last-child{border:none}
.fo-upd-t{font-family:var(--font-mono);font-size:.7rem;color:var(--fo-text-dim);flex:none;width:52px}
.fo-more{display:inline-block;margin-top:14px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}

/* Responsive: collapse the two-column band on narrow viewports */
@media(max-width:800px){.fo-two{grid-template-columns:1fr}}

/* --- Spring RTS portal ---------------------------------------------------- */
.fo-hero--sub{padding:28px 32px}
.fo-hero--sub h1{font-size:clamp(2rem,3.6vw,2.8rem)}
.fo-dpl ul{columns:3;column-gap:26px;margin:0;padding:0;list-style:none}
@media(max-width:900px){.fo-dpl ul{columns:2}}
@media(max-width:600px){.fo-dpl ul{columns:1}}
.fo-dpl li{break-inside:avoid;padding:5px 0;font-size:.9rem;line-height:1.3;border-bottom:1px solid var(--fo-line)}
.fo-dpl li a{color:var(--fo-glow)}
.fo-dpl li a:hover{color:var(--fo-purple-400)}
.fo-sec-count{font-family:var(--font-mono);font-size:.7rem;color:var(--fo-text-dim);margin-left:8px;font-weight:400}
.fo-dim{color:var(--fo-text-dim)}

.fo-recent ul{list-style:none;margin:0;padding:0}
.fo-recent li{padding:9px 0;border-bottom:1px solid var(--fo-line);font-size:.85rem;display:flex;gap:10px;align-items:baseline}
.fo-recent li:last-child{border-bottom:none}
.fo-recent li a{color:var(--fo-glow)}
.fo-recent li a:hover{color:var(--fo-purple-400)}

.fo-card-ic img{width:22px;height:22px;object-fit:contain;border-radius:4px}

/* --- Icon masks (Lucide, ISC-licensed; tinted via currentColor) ---------- */
.fo-ic{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;vertical-align:-.125em;flex:none}
.fo-ic--book-open{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-book-open%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%207v14%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2018a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h5a4%204%200%200%201%204%204%204%204%200%200%201%204-4h5a1%201%200%200%201%201%201v13a1%201%200%200%201-1%201h-6a3%203%200%200%200-3%203%203%203%200%200%200-3-3z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--box{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-box%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M21%208a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016Z%22%20%2F%3E%20%3Cpath%20d%3D%22m3.3%207%208.7%205%208.7-5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2022V12%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--compass{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-compass%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m16.24%207.76-1.804%205.411a2%202%200%200%201-1.265%201.265L7.76%2016.24l1.804-5.411a2%202%200%200%201%201.265-1.265z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--cpu{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-cpu%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M12%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%207h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%207h2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%202v2%22%20%2F%3E%20%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%20%2F%3E%20%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--factory{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-factory%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2019a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V8.5a.5.5%200%200%200-.769-.422l-4.462%202.844A.5.5%200%200%201%2015%2010.5v-2a.5.5%200%200%200-.769-.422L9.77%2010.922A.5.5%200%200%201%209%2010.5V5a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2016h.01%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--gamepad-2{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-gamepad-2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cline%20x1%3D%226%22%20x2%3D%2210%22%20y1%3D%2211%22%20y2%3D%2211%22%20%2F%3E%20%3Cline%20x1%3D%228%22%20x2%3D%228%22%20y1%3D%229%22%20y2%3D%2213%22%20%2F%3E%20%3Cline%20x1%3D%2215%22%20x2%3D%2215.01%22%20y1%3D%2212%22%20y2%3D%2212%22%20%2F%3E%20%3Cline%20x1%3D%2218%22%20x2%3D%2218.01%22%20y1%3D%2210%22%20y2%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M17.32%205H6.68a4%204%200%200%200-3.978%203.59c-.006.052-.01.101-.017.152C2.604%209.416%202%2014.456%202%2016a3%203%200%200%200%203%203c1%200%201.5-.5%202-1l1.414-1.414A2%202%200%200%201%209.828%2016h4.344a2%202%200%200%201%201.414.586L17%2018c.5.5%201%201%202%201a3%203%200%200%200%203-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4%204%200%200%200%2017.32%205z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--git-branch{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-git-branch%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%206a9%209%200%200%200-9%209V3%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--history{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-history%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%209-9%209.75%209.75%200%200%200-6.74%202.74L3%208%22%20%2F%3E%20%3Cpath%20d%3D%22M3%203v5h5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%207v5l4%202%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--list{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-list%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%205h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2012h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2019h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%205h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2012h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2019h13%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--map{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-map%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.106%205.553a2%202%200%200%200%201.788%200l3.659-1.83A1%201%200%200%201%2021%204.619v12.764a1%201%200%200%201-.553.894l-4.553%202.277a2%202%200%200%201-1.788%200l-4.212-2.106a2%202%200%200%200-1.788%200l-3.659%201.83A1%201%200%200%201%203%2019.381V6.618a1%201%200%200%201%20.553-.894l4.553-2.277a2%202%200%200%201%201.788%200z%22%20%2F%3E%20%3Cpath%20d%3D%22M15%205.764v15%22%20%2F%3E%20%3Cpath%20d%3D%22M9%203.236v15%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--rocket{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-rocket%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5%22%20%2F%3E%20%3Cpath%20d%3D%22M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.4%2022.4%200%200%201-4%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012H4s.55-3.03%202-4c1.62-1.08%205%20.05%205%20.05%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--star{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-star%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--swords{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-swords%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpolyline%20points%3D%2214.5%2017.5%203%206%203%203%206%203%2017.5%2014.5%22%20%2F%3E%20%3Cline%20x1%3D%2213%22%20x2%3D%2219%22%20y1%3D%2219%22%20y2%3D%2213%22%20%2F%3E%20%3Cline%20x1%3D%2216%22%20x2%3D%2220%22%20y1%3D%2216%22%20y2%3D%2220%22%20%2F%3E%20%3Cline%20x1%3D%2219%22%20x2%3D%2221%22%20y1%3D%2221%22%20y2%3D%2219%22%20%2F%3E%20%3Cpolyline%20points%3D%2214.5%206.5%2018%203%2021%203%2021%206%2017.5%209.5%22%20%2F%3E%20%3Cline%20x1%3D%225%22%20x2%3D%229%22%20y1%3D%2214%22%20y2%3D%2218%22%20%2F%3E%20%3Cline%20x1%3D%227%22%20x2%3D%224%22%20y1%3D%2217%22%20y2%3D%2220%22%20%2F%3E%20%3Cline%20x1%3D%223%22%20x2%3D%225%22%20y1%3D%2219%22%20y2%3D%2221%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--terminal{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-terminal%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2019h8%22%20%2F%3E%20%3Cpath%20d%3D%22m4%2017%206-6-6-6%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--wrench{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-wrench%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.106-3.105c.32-.322.863-.22.983.218a6%206%200%200%201-8.259%207.057l-7.91%207.91a1%201%200%200%201-2.999-3l7.91-7.91a6%206%200%200%201%207.057-8.259c.438.12.54.662.219.984z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--zap{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-zap%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%20%2F%3E%20%3C%2Fsvg%3E")}

Main Page

2026-07-24T00:14:57Z

FightorderAdmin: Deploy from repo (GitHub Actions)

<div class="fo-main">
<div class="fo-hero">
<h1>FIGHTORDER</h1>
<p>The community knowledge base for the <strong>Spring RTS</strong> and <strong>Recoil</strong> engines and the games built on them — commands, units, mechanics, maps, and modding.</p>
<div class="fo-cta"><span class="fo-btn fo-btn--s"><span class="fo-ic fo-ic--list"></span>[[Special:AllPages|Browse all pages]]</span></div>
<div class="fo-stat"><div><b>{{NUMBEROFARTICLES}}</b><span>Articles</span></div><div><b>{{NUMBEROFEDITS}}</b><span>Edits</span></div><div><b>{{NUMBEROFACTIVEUSERS}}</b><span>Editors</span></div></div>
</div>
<div class="fo-two">
<div class="fo-panel">
<div class="fo-panel-h"><span class="fo-ic fo-ic--star"></span>Featured articles</div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--book-open"></span></div><div><h4>[[The Complete Guide To Making A Spring Game]]</h4><p>A full walkthrough of building a game from scratch on the engine — structure, content, and pitfalls.</p></div></div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--box"></span></div><div><h4>[[Gamedev:UnitDefs|Unit definitions reference]]</h4><p>The complete UnitDef field reference — every property that defines how a unit behaves.</p></div></div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--zap"></span></div><div><h4>[[Engine Profiling]]</h4><p>Finding and diagnosing performance bottlenecks in engine and game code.</p></div></div>
</div>
<div class="fo-panel">
<div class="fo-panel-h"><span class="fo-ic fo-ic--history"></span>Recent changes</div>
<div class="fo-recent">
{{#dpl:
|namespace=Main
|ordermethod=lastedit
|order=descending
|count=7
|addeditdate=true
|noresultsheader=<span class="fo-dim">No edits yet — start writing the wiki!</span>
|noresultsfooter=
}}
</div>
<span class="fo-more">[[Special:RecentChanges|→ See all recent changes]]</span>
</div>
</div>
<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--gamepad-2"></span>Games</div>
<hr class="fo-rule">
<div class="fo-grid">
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--gamepad-2"></span></div><div class="fo-card-h">[[Zero-K]]</div><p class="fo-card-p">Open-source RTS with physics projectiles, no unit build limits, and deep commander customization.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--swords"></span></div><div class="fo-card-h">[[Beyond All Reason]]</div><p class="fo-card-p">BAR — large-scale modern RTS on the Recoil engine, free and community-driven.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--box"></span></div><div class="fo-card-h">[[NOTA]]</div><p class="fo-card-p">None Of The Above — a tightly-balanced annihilation-style total conversion.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--terminal"></span></div><div class="fo-card-h">[[Kernel Panic]]</div><p class="fo-card-p">Minimalist computer-themed RTS — three sides, no economy, pure tactics.</p></div>
</div>
</div>
<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--cpu"></span>Engines</div>
<hr class="fo-rule">
<div class="fo-grid">
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--cpu"></span></div><div class="fo-card-h">[[Recoil Engine]]</div><p class="fo-card-p">The actively-developed fork powering Beyond All Reason and modern titles.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--git-branch"></span></div><div class="fo-card-h">[[Spring RTS]]</div><p class="fo-card-p">The original engine and the heritage this wiki is preserving.</p></div>
</div>
</div>
</div>
__NOTOC__ __NOEDITSECTION__

MediaWiki:Common.css

2026-07-24T00:14:53Z

FightorderAdmin: Deploy from repo (GitHub Actions)

/* ============================================================================
* FIGHTORDER — sitewide theme (MediaWiki:Common.css)
* Purple-glow-on-black RTS-wiki aesthetic, layered over the Citizen skin.
* Managed in the repo at content/Common.css and deployed via GitHub Actions
* (workflow_dispatch -> import_content=true). Edits made here in-wiki will be
* overwritten on the next content import.
*
* Fonts (Michroma / Saira / JetBrains Mono) are loaded from Google Fonts as
* stand-ins per the design system; swap for self-hosted files if desired.
* ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Saira:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap');

/* --- Design tokens (ported from the Fightorder design system) ------------- */
:root{
--fo-black:#07060b; --fo-void:#0b0a12; --fo-ink:#12101c;
--fo-panel:#181528; --fo-panel-2:#1f1b31;
--fo-line:#2b2542; --fo-line-strong:#3a3158;
--fo-purple-050:#f3ebff; --fo-purple-200:#d5b8ff; --fo-purple-400:#b98cff;
--fo-purple-500:#a855f7; --fo-purple-600:#9333ea; --fo-purple-700:#7322c7;
--fo-purple-900:#3d1266;
--fo-glow:#c084fc; --fo-glow-cyan:#67e8f9;
--fo-text:#ece9f5; --fo-text-muted:#a49cc4; --fo-text-dim:#6f688c;
--fo-text-on-purple:#faf6ff;
--fo-success:#4ade80; --fo-warning:#fbbf24; --fo-danger:#f87171;

--glow-sm:0 0 8px rgba(168,85,247,.45);
--glow-md:0 0 16px rgba(168,85,247,.55),0 0 2px rgba(192,132,252,.8);
--glow-lg:0 0 32px rgba(168,85,247,.6),0 0 8px rgba(192,132,252,.5);
--glow-text:0 0 12px rgba(192,132,252,.7);
--shadow-card:0 2px 4px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.4);
--bg-bloom:radial-gradient(1200px 600px at 70% -10%,rgba(115,34,199,.28),transparent 60%),radial-gradient(800px 500px at 10% 110%,rgba(147,51,234,.18),transparent 55%),var(--fo-black);
--gradient-purple:linear-gradient(135deg,var(--fo-purple-600),var(--fo-purple-500) 55%,var(--fo-glow));
--hairline-purple:linear-gradient(90deg,transparent,var(--fo-purple-500),transparent);
--ease-out:cubic-bezier(.22,.61,.36,1); --dur:200ms;

--font-display:'Michroma',system-ui,sans-serif;
--font-body:'Saira','Bahnschrift',system-ui,sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,monospace;
--fs-hero:clamp(2.4rem,4.6vw,3.6rem); --fs-h2:1.6rem;
--radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-pill:999px;
--container:1180px;
}

/* --- Nudge Citizen's accents toward the brand ---------------------------- */
/* Citizen exposes these custom properties; recolour links/accents to purple. */
:root .skin-citizen,
:root{
--color-progressive:var(--fo-purple-500);
--color-progressive--hover:var(--fo-purple-400);
--color-progressive--active:var(--fo-purple-600);
--color-link:var(--fo-glow);
--color-link--hover:var(--fo-purple-400);
}

/* Content links across the wiki pick up the glow-violet. */
.mw-body a:not(.fo-btn):not(.new){color:var(--fo-glow)}
.mw-body a:not(.fo-btn):not(.new):hover{color:var(--fo-purple-400)}

/* ==========================================================================
* Main Page components — all scoped under .fo-main so they never leak into
* ordinary articles or the skin chrome.
* ========================================================================== */
.fo-main{font-family:var(--font-body);color:var(--fo-text);line-height:1.6;max-width:var(--container)}
.fo-main :is(h1,h2,h3,h4){font-family:var(--font-display);letter-spacing:.02em;font-weight:400}

/* Hero */
.fo-hero{position:relative;border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:40px 36px;background:radial-gradient(600px 300px at 85% -20%,rgba(115,34,199,.35),transparent 60%),var(--fo-ink);overflow:hidden;box-shadow:var(--shadow-card)}
.fo-hero h1{font-size:var(--fs-hero);line-height:1.1;margin:0 0 10px;text-shadow:var(--glow-text)}
.fo-hero p{max-width:600px;color:var(--fo-text-muted);font-size:1.05rem;margin:0 0 22px}
.fo-hero strong{color:var(--fo-text);font-weight:600}
.fo-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.fo-btn{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;padding:11px 20px;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--dur) var(--ease-out)}
/* wikilinks can't take a class, so each button is a span wrapper and the
inner wikilink is stretched over it for full-button clickability. */
.fo-btn a{color:inherit!important;text-decoration:none}
.fo-btn a::after{content:"";position:absolute;inset:0;z-index:1}
.fo-btn--p,a.fo-btn--p{background:var(--gradient-purple);color:var(--fo-text-on-purple);box-shadow:var(--glow-md)}
.fo-btn--p:hover{box-shadow:var(--glow-lg);color:var(--fo-text-on-purple);text-decoration:none}
.fo-btn--s,a.fo-btn--s{background:var(--fo-panel-2);color:var(--fo-text);border-color:var(--fo-line-strong)}
.fo-btn--s:hover{border-color:var(--fo-purple-500);box-shadow:var(--glow-sm);color:var(--fo-text);text-decoration:none}

/* Stat strip */
.fo-stat{display:flex;gap:26px;flex-wrap:wrap;font-family:var(--font-body);margin-top:26px;padding-top:20px;border-top:1px solid var(--fo-line)}
.fo-stat b{display:block;font-size:1.5rem;color:var(--fo-glow);text-shadow:var(--glow-text);font-weight:600}
.fo-stat span{font-size:.68rem;color:var(--fo-text-dim);letter-spacing:.1em;text-transform:uppercase}

/* Section heading + rule */
.fo-sec{margin-top:40px}
.fo-sec-h{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:var(--fs-h2);margin:0 0 4px}
.fo-sec-h .fo-ic{color:var(--fo-purple-500);font-size:1.35rem}
.fo-rule{height:1px;background:var(--hairline-purple);margin:10px 0 20px;border:0}

/* Portal card grid */
.fo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.fo-card{position:relative;background:var(--fo-panel);border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);transition:all var(--dur) var(--ease-out)}
.fo-card:hover{border-color:var(--fo-purple-500);box-shadow:var(--glow-md)}
.fo-card-ic{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--fo-purple-900);color:var(--fo-glow);margin-bottom:12px}
.fo-card-ic .fo-ic{font-size:20px}
.fo-card-h{font-family:var(--font-display);font-size:1.15rem;margin:0 0 6px}
.fo-card-h a{color:var(--fo-text)!important}
/* stretch the title link across the whole card for full-card clickability */
.fo-card-h a::after{content:"";position:absolute;inset:0;z-index:1}
.fo-card-h a:hover{text-decoration:none;color:var(--fo-glow)!important}
.fo-card-p{margin:0;font-size:.85rem;color:var(--fo-text-muted);line-height:1.5}

/* Two-column: featured + recent */
.fo-two{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:40px}
.fo-panel{background:var(--fo-panel);border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card)}
.fo-panel-h{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.2rem;margin:0 0 14px}
.fo-panel-h .fo-ic{color:var(--fo-purple-500);font-size:1.1rem}
.fo-feat{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--fo-line)}
.fo-feat:last-child{border-bottom:none}
.fo-feat-th{width:70px;height:52px;border-radius:var(--radius-sm);background:var(--gradient-purple);flex:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-sm);color:#fff}
.fo-feat-th .fo-ic{font-size:22px}
.fo-feat h4{margin:0 0 3px;font-size:1rem;color:var(--fo-text)}
.fo-feat p{margin:0;font-size:.8rem;color:var(--fo-text-muted)}
.fo-upd{display:flex;gap:10px;font-size:.85rem;padding:9px 0;border-bottom:1px solid var(--fo-line);align-items:baseline}
.fo-upd:last-child{border:none}
.fo-upd-t{font-family:var(--font-mono);font-size:.7rem;color:var(--fo-text-dim);flex:none;width:52px}
.fo-more{display:inline-block;margin-top:14px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}

/* Responsive: collapse the two-column band on narrow viewports */
@media(max-width:800px){.fo-two{grid-template-columns:1fr}}

/* --- Spring RTS portal ---------------------------------------------------- */
.fo-hero--sub{padding:28px 32px}
.fo-hero--sub h1{font-size:clamp(2rem,3.6vw,2.8rem)}
.fo-dpl ul{columns:3;column-gap:26px;margin:0;padding:0;list-style:none}
@media(max-width:900px){.fo-dpl ul{columns:2}}
@media(max-width:600px){.fo-dpl ul{columns:1}}
.fo-dpl li{break-inside:avoid;padding:5px 0;font-size:.9rem;line-height:1.3;border-bottom:1px solid var(--fo-line)}
.fo-dpl li a{color:var(--fo-glow)}
.fo-dpl li a:hover{color:var(--fo-purple-400)}
.fo-sec-count{font-family:var(--font-mono);font-size:.7rem;color:var(--fo-text-dim);margin-left:8px;font-weight:400}
.fo-dim{color:var(--fo-text-dim)}

.fo-recent ul{list-style:none;margin:0;padding:0}
.fo-recent li{padding:9px 0;border-bottom:1px solid var(--fo-line);font-size:.85rem;display:flex;gap:10px;align-items:baseline}
.fo-recent li:last-child{border-bottom:none}
.fo-recent li a{color:var(--fo-glow)}
.fo-recent li a:hover{color:var(--fo-purple-400)}

/* --- Icon masks (Lucide, ISC-licensed; tinted via currentColor) ---------- */
.fo-ic{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;vertical-align:-.125em;flex:none}
.fo-ic--book-open{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-book-open%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%207v14%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2018a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h5a4%204%200%200%201%204%204%204%204%200%200%201%204-4h5a1%201%200%200%201%201%201v13a1%201%200%200%201-1%201h-6a3%203%200%200%200-3%203%203%203%200%200%200-3-3z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--box{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-box%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M21%208a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016Z%22%20%2F%3E%20%3Cpath%20d%3D%22m3.3%207%208.7%205%208.7-5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2022V12%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--compass{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-compass%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m16.24%207.76-1.804%205.411a2%202%200%200%201-1.265%201.265L7.76%2016.24l1.804-5.411a2%202%200%200%201%201.265-1.265z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--cpu{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-cpu%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M12%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%207h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%207h2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%202v2%22%20%2F%3E%20%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%20%2F%3E%20%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--factory{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-factory%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2019a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V8.5a.5.5%200%200%200-.769-.422l-4.462%202.844A.5.5%200%200%201%2015%2010.5v-2a.5.5%200%200%200-.769-.422L9.77%2010.922A.5.5%200%200%201%209%2010.5V5a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2016h.01%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--gamepad-2{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-gamepad-2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cline%20x1%3D%226%22%20x2%3D%2210%22%20y1%3D%2211%22%20y2%3D%2211%22%20%2F%3E%20%3Cline%20x1%3D%228%22%20x2%3D%228%22%20y1%3D%229%22%20y2%3D%2213%22%20%2F%3E%20%3Cline%20x1%3D%2215%22%20x2%3D%2215.01%22%20y1%3D%2212%22%20y2%3D%2212%22%20%2F%3E%20%3Cline%20x1%3D%2218%22%20x2%3D%2218.01%22%20y1%3D%2210%22%20y2%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M17.32%205H6.68a4%204%200%200%200-3.978%203.59c-.006.052-.01.101-.017.152C2.604%209.416%202%2014.456%202%2016a3%203%200%200%200%203%203c1%200%201.5-.5%202-1l1.414-1.414A2%202%200%200%201%209.828%2016h4.344a2%202%200%200%201%201.414.586L17%2018c.5.5%201%201%202%201a3%203%200%200%200%203-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4%204%200%200%200%2017.32%205z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--git-branch{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-git-branch%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%206a9%209%200%200%200-9%209V3%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--history{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-history%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%209-9%209.75%209.75%200%200%200-6.74%202.74L3%208%22%20%2F%3E%20%3Cpath%20d%3D%22M3%203v5h5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%207v5l4%202%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--list{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-list%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%205h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2012h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2019h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%205h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2012h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2019h13%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--map{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-map%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.106%205.553a2%202%200%200%200%201.788%200l3.659-1.83A1%201%200%200%201%2021%204.619v12.764a1%201%200%200%201-.553.894l-4.553%202.277a2%202%200%200%201-1.788%200l-4.212-2.106a2%202%200%200%200-1.788%200l-3.659%201.83A1%201%200%200%201%203%2019.381V6.618a1%201%200%200%201%20.553-.894l4.553-2.277a2%202%200%200%201%201.788%200z%22%20%2F%3E%20%3Cpath%20d%3D%22M15%205.764v15%22%20%2F%3E%20%3Cpath%20d%3D%22M9%203.236v15%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--rocket{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-rocket%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5%22%20%2F%3E%20%3Cpath%20d%3D%22M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.4%2022.4%200%200%201-4%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012H4s.55-3.03%202-4c1.62-1.08%205%20.05%205%20.05%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--star{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-star%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--swords{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-swords%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpolyline%20points%3D%2214.5%2017.5%203%206%203%203%206%203%2017.5%2014.5%22%20%2F%3E%20%3Cline%20x1%3D%2213%22%20x2%3D%2219%22%20y1%3D%2219%22%20y2%3D%2213%22%20%2F%3E%20%3Cline%20x1%3D%2216%22%20x2%3D%2220%22%20y1%3D%2216%22%20y2%3D%2220%22%20%2F%3E%20%3Cline%20x1%3D%2219%22%20x2%3D%2221%22%20y1%3D%2221%22%20y2%3D%2219%22%20%2F%3E%20%3Cpolyline%20points%3D%2214.5%206.5%2018%203%2021%203%2021%206%2017.5%209.5%22%20%2F%3E%20%3Cline%20x1%3D%225%22%20x2%3D%229%22%20y1%3D%2214%22%20y2%3D%2218%22%20%2F%3E%20%3Cline%20x1%3D%227%22%20x2%3D%224%22%20y1%3D%2217%22%20y2%3D%2220%22%20%2F%3E%20%3Cline%20x1%3D%223%22%20x2%3D%225%22%20y1%3D%2219%22%20y2%3D%2221%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--terminal{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-terminal%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2019h8%22%20%2F%3E%20%3Cpath%20d%3D%22m4%2017%206-6-6-6%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--wrench{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-wrench%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.106-3.105c.32-.322.863-.22.983.218a6%206%200%200%201-8.259%207.057l-7.91%207.91a1%201%200%200%201-2.999-3l7.91-7.91a6%206%200%200%201%207.057-8.259c.438.12.54.662.219.984z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--zap{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-zap%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%20%2F%3E%20%3C%2Fsvg%3E")}

Zero-K

2026-07-23T23:35:16Z

FightorderAdmin: Deploy Zero-K portal (GitHub Actions)

<div class="fo-main">
<div class="fo-hero fo-hero--sub">
<h1>Zero-K</h1>
<p>Open-source RTS with physics-driven combat, unrestricted unit building, and deep commander customization — built on the Spring/Recoil engine lineage. Content below is imported verbatim from the [https://zero-k.info/mediawiki official Zero-K wiki] (CC BY-SA).</p>
<div class="fo-cta"><span class="fo-btn fo-btn--s"><span class="fo-ic fo-ic--gamepad-2"></span>[https://zero-k.info Zero-K official site]</span><span class="fo-btn fo-btn--s"><span class="fo-ic fo-ic--list"></span>[[Special:Categories|All categories]]</span></div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--book-open"></span>Manual & Commands</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Manual|Commands|Mission Editor|namespace=Main|count=80|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--swords"></span>Units</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Units|Riots|Raiders|Assaults|Skirmishers|Artillery|Anti-Air|Scouts|Bombs|Constructors|namespace=Main|count=200|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--box"></span>Buildings</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Buildings|namespace=Main|count=100|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--zap"></span>Economy</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Energy|Resources|namespace=Main|count=50|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--map"></span>PlanetWars</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=PlanetWars|namespace=Main|count=50|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--wrench"></span>Modding & Templates</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Development|Lua|Lua-based templates|Infobox templates|Layout templates|ZK Infoboxes|namespace=Main|count=80|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--history"></span>Community Discussion</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Cold Takes|namespace=Main|count=50|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>
</div>
__NOTOC__ __NOEDITSECTION__

Beyond All Reason

2026-07-23T04:29:35Z

FightorderAdmin: Deploy from repo (GitHub Actions)

'''Beyond All Reason''' (commonly abbreviated '''BAR''') is a free, open-source real-time strategy game built on the [[Recoil Engine]]. It carries forward the large-scale, physically-simulated combat style of the original ''Total Annihilation'' and ''Spring RTS'' lineage: full unit and projectile simulation, deformable terrain, and battles that can scale from small skirmishes to hundreds of units per side.

The game is under active, community-driven development and is free to download for Windows and Linux.

== Factions ==
BAR currently has two complete factions, with a third in development:

* '''Armada''' — one of the two core playable factions.
* '''Cortex''' — the other core playable faction.
* '''Legion''' — a newer faction, still a work in progress.

(See [[Beyond All Reason/Armada|Armada]] and [[Beyond All Reason/Cortex|Cortex]] for faction-specific pages as they're written.)

== Gameplay ==
* Terrain affects tactics directly — for example, radar cannot see through mountains, so terrain shapes scouting and ambush play.
* Unit rosters span many classes: bots, vehicles, aircraft, ships, hovercraft, factories, and static defenses, including experimental/late-game units.
* The economy is built around balancing resource production against unit output, the same metal/energy foundation as the Spring RTS lineage this wiki already documents (see [[Spring RTS]]).
* Powerful late-game weapons (including nuclear weapons) can physically alter the terrain.

== Getting started ==
* The game is downloaded and played through BAR's own launcher/client from the official site.
* Matches, replays, and leaderboards are tracked centrally, and the game includes in-client guides and a command reference.
* The community is active on Discord, and the project is open-source on GitHub.

== See also ==
* [[Recoil Engine]] — the engine BAR is built on.
* [[Spring RTS]] — the engine lineage BAR descends from.
* [[Zero-K]] — another actively-developed game in the same engine family.

[[Category:Games]]

Spring RTS

2026-07-23T04:29:33Z

FightorderAdmin: Deploy from repo (GitHub Actions)

<div class="fo-main">
<div class="fo-hero fo-hero--sub">
<h1>Spring RTS</h1>
<p>The original <strong>Spring</strong> engine knowledge base — {{NUMBEROFARTICLES}} articles on strategy, games, maps, modding, Lua, AI, and engine internals, imported and preserved from the Spring wiki. Every section below is built live from the wiki's categories.</p>
<div class="fo-cta"><span class="fo-btn fo-btn--s"><span class="fo-ic fo-ic--list"></span>[[Special:Categories|All categories]]</span><span class="fo-btn fo-btn--s"><span class="fo-ic fo-ic--history"></span>[[Special:RecentChanges|Recent changes]]</span></div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--book-open"></span>Getting Started</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Tutorial|FAQ|Help|Playing|namespace=Main|count=50|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--swords"></span>Strategy & Gameplay</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Strategy|namespace=Main|count=50|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--gamepad-2"></span>Games & Mods</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Games|Mods|Balanced Annihilation|Xta|Expand and Exterminate|namespace=Main|count=80|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--map"></span>Maps</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Map Dev|Map making|Maps|Map Tools|namespace=Main|count=80|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--box"></span>Content Development</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Game Dev|Gamedata|3D Models|Animation|CEG|namespace=Main|count=80|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--terminal"></span>Lua Scripting</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Lua|Libraries|namespace=Main|count=80|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--cpu"></span>AI</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=AI|AI Dev|AIWrapper|namespace=Main|count=80|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--git-branch"></span>Engine & Core Dev</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Spring|Engine Dev|Development|namespace=Main|count=80|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--wrench"></span>Lobby & Infrastructure</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Lobby|Download Systems|Autohosts|Buildbot|namespace=Main|count=80|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>
</div>
__NOTOC__ __NOEDITSECTION__

Main Page

2026-07-23T04:29:32Z

FightorderAdmin: Deploy from repo (GitHub Actions)

<div class="fo-main">
<div class="fo-hero">
<h1>FIGHTORDER</h1>
<p>The community knowledge base for the <strong>Spring RTS</strong> and <strong>Recoil</strong> engines and the games built on them — commands, units, mechanics, maps, and modding.</p>
<div class="fo-cta"><span class="fo-btn fo-btn--s"><span class="fo-ic fo-ic--list"></span>[[Special:AllPages|Browse all pages]]</span></div>
<div class="fo-stat"><div><b>{{NUMBEROFARTICLES}}</b><span>Articles</span></div><div><b>{{NUMBEROFEDITS}}</b><span>Edits</span></div><div><b>{{NUMBEROFACTIVEUSERS}}</b><span>Editors</span></div></div>
</div>
<div class="fo-two">
<div class="fo-panel">
<div class="fo-panel-h"><span class="fo-ic fo-ic--star"></span>Featured articles</div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--swords"></span></div><div><h4>[[Fight|The Fight command]]</h4><p>Move-and-engage: how attack-move differs from raw move, and when to queue it.</p></div></div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--zap"></span></div><div><h4>[[Commander|D-gun & commander play]]</h4><p>Timing the disintegrator, avoiding com-drops, and reclaim micro.</p></div></div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--factory"></span></div><div><h4>[[Economy|Economy fundamentals]]</h4><p>Metal vs energy, overdrive, and expanding without stalling.</p></div></div>
</div>
<div class="fo-panel">
<div class="fo-panel-h"><span class="fo-ic fo-ic--history"></span>Recent changes</div>
{{#dpl:
|namespace=Main
|ordermethod=lastedit
|order=descending
|count=7
|mode=userformat
|noresultsheader=<div class="fo-upd"><span class="fo-upd-t">wiki</span><div>No edits yet — start writing the wiki!</div></div>
|listseparators=,<div class="fo-upd"><span class="fo-upd-t">edit</span><div>,</div></div>,
}}
<span class="fo-more">[[Special:RecentChanges|→ See all recent changes]]</span>
</div>
</div>
<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--gamepad-2"></span>Games</div>
<hr class="fo-rule">
<div class="fo-grid">
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--gamepad-2"></span></div><div class="fo-card-h">[[Zero-K]]</div><p class="fo-card-p">Open-source RTS with physics projectiles, no unit build limits, and deep commander customization.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--swords"></span></div><div class="fo-card-h">[[Beyond All Reason]]</div><p class="fo-card-p">BAR — large-scale modern RTS on the Recoil engine, free and community-driven.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--box"></span></div><div class="fo-card-h">[[NOTA]]</div><p class="fo-card-p">None Of The Above — a tightly-balanced annihilation-style total conversion.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--terminal"></span></div><div class="fo-card-h">[[Kernel Panic]]</div><p class="fo-card-p">Minimalist computer-themed RTS — three sides, no economy, pure tactics.</p></div>
</div>
</div>
<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--cpu"></span>Engines</div>
<hr class="fo-rule">
<div class="fo-grid">
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--cpu"></span></div><div class="fo-card-h">[[Recoil Engine]]</div><p class="fo-card-p">The actively-developed fork powering Beyond All Reason and modern titles.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--git-branch"></span></div><div class="fo-card-h">[[Spring RTS]]</div><p class="fo-card-p">The original engine and the heritage this wiki is preserving.</p></div>
</div>
</div>
</div>
__NOTOC__ __NOEDITSECTION__

Recoil Engine

2026-07-23T02:57:57Z

FightorderAdmin: Deploy Recoil Engine portal (GitHub Actions)

<div class="fo-main">
<div class="fo-hero fo-hero--sub">
<h1>Recoil Engine</h1>
<p>The actively-developed engine powering <strong>Beyond All Reason</strong> and other modern titles — a continuation and significant extension of the original Spring RTS engine. Documentation below is imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki official RecoilEngine wiki] on GitHub.</p>
<div class="fo-cta"><span class="fo-btn fo-btn--s"><span class="fo-ic fo-ic--git-branch"></span>[https://github.com/beyond-all-reason/RecoilEngine RecoilEngine on GitHub]</span><span class="fo-btn fo-btn--s"><span class="fo-ic fo-ic--list"></span>[[Special:Categories|All categories]]</span></div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--wrench"></span>Building the Engine</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Recoil Building|namespace=Main|count=50|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--terminal"></span>Lua Scripting</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Recoil Lua|namespace=Main|count=50|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--box"></span>Configuration</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Recoil Configuration|namespace=Main|count=50|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--cpu"></span>Engine Internals</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Recoil Engine Internals|namespace=Main|count=50|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--book-open"></span>Reference</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Recoil Reference|namespace=Main|count=50|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--swords"></span>Development & Releases</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Recoil Development|namespace=Main|count=50|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--zap"></span>Profiling & Debugging</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Recoil Profiling|namespace=Main|count=50|ordermethod=title|order=ascending|noresultsheader=<span class="fo-dim">No pages yet.</span>|noresultsfooter=}}</div>
</div>
</div>
__NOTOC__ __NOEDITSECTION__

Recoil:Windows build environment, step by step

2026-07-23T02:57:55Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

<span id="preamble"></span>
= Preamble =

This page is intended for users looking for step-by-step instructions to set up a Windows build environment. If you are already proficient with Git and Unix shell in general, [https://github.com/beyond-all-reason/spring/wiki/SpringRTS-Build-Environment-(Docker)#quickstart you will probably want to follow the Quickstart instead].

<span id="quick-primer"></span>
= Quick primer =

Recoil must be compiled to an executable (e.g. <code>spring.exe</code>) for it to actually run on a target platform (e.g. Windows), and the compilation process itself is actually easier from Linux for both Linux and Windows targets. In the past, this situation would have been handled with Linux virtual machines or a dual boot, but fortunately, nowadays we have access to WSL and Docker.

WSL (Windows Subsystem for Linux) allows developers to run a GNU/Linux environment directly on Windows. Under the hood, WSL is actually a lightweight virtual machine automatically managed by Windows, which automatically handles everything (such as how to transfer files between WSL and Windows).

Docker allows to build lightweight executable packages called container images, which include everything needed to run an application. In our case, it is used for the compilation toolchain.

In this tutorial, we will:

* [[#install-prerequisites|Install prerequisites]]
* [[#clone-recoil-in-wsl|Clone Recoil in WSL]]
* [[#build-recoil-for-windows-from-wsl|Build Recoil for Windows from WSL]]
* [[#automatically-using-latest-build-in-windows-game|Automatically using latest build in Windows game]]

<span id="install-prerequisites"></span>
= Install prerequisites =

<span id="docker-desktop-and-wsl"></span>
== Docker Desktop and WSL ==

* Download and install [https://docs.docker.com/desktop/wsl/#turn-on-docker-desktop-wsl-2 Docker Desktop for WSL 2].
* During the installation process, Docker Desktop will prompt you to install WSL 2. Follow the instructions.
* Once installed, launch Docker Desktop, go to <code>Settings</code> > <code>General</code>, and make sure <code>Use WSL 2 based engine</code> is enabled.

<span id="vs-code"></span>
== VS Code ==

* Download and install [https://code.visualstudio.com/download VS Code].
* When prompted to <code>Select Additional Tasks</code> during installation, make sure to check the <code>Add to PATH</code> option so you can easily open VS Code from WSL using the <code>code</code> command.
* Install the [https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack Remote Development] extension pack.

<span id="clone-recoil-in-wsl"></span>
= Clone Recoil in WSL =

* Open a Terminal and then run:

<syntaxhighlight lang="sh">wsl
cd ~
git clone https://github.com/beyond-all-reason/spring --recursive</syntaxhighlight>
* The Recoil repository is now cloned in WSL. You can access it in multiple ways:
** From the Terminal: <code>wsl</code> and then <code>cd ~/spring</code> (shorthand for <code>/home/<username>/spring</code>).
*** You can then use <code>code .</code> to open the repository in a VS Code WSL window.
** From the Windows File Explorer: navigate to <code>\\wsl$\Ubuntu\home\<username>\spring</code> (also available under <code>Linux</code> from the sidebar on the left).
*** Note that if you try to open <code>\\wsl$\Ubuntu\home\<username>\spring</code> in VS Code, a notification recommending you to switch to a WSL window will be displayed, with the option to <code>Reopen Folder in WSL</code>.

<span id="build-recoil-for-windows-from-wsl"></span>
= Build Recoil for Windows from WSL =

<span id="first-compilation"></span>
== First compilation ==

* Open a Terminal and then run:

<syntaxhighlight lang="sh">wsl
cd ~/spring/docker-build
./init_container.sh
./build.sh</syntaxhighlight>
* This will take a long time.
* After the compilation is done, the build artifacts will be located in <code>~/spring/build-windows-64-RELWITHDEBINFO/install</code>. Check that everything is sound by running the <code>ls ~/spring/build-windows-64-RELWITHDEBINFO/install</code> command, which should output something like this:

<syntaxhighlight lang="console">$ ls ~/spring/build-windows-64-RELWITHDEBINFO/install
AI base fonts libIL.dll libfontconfig-1.dll libiconv-2.dll libvorbis-0.dll maps spring-headless.exe
LuaUI cmdcolors.txt games libILU.dll libfreetype-6.dll libintl-8.dll libvorbisenc-2.dll pr-downloader.exe spring.exe
OpenAL32.dll ctrlpanel.txt glew32.dll libbz2.dll libgcc_s_seh-1.dll libogg-0.dll libvorbisfile-3.dll share springsettings.cfg
README-SDL.txt doc include libcurl.dll libglib-2.0-0.dll libpcre-1.dll libwinpthread-1.dll socket.lua unitsync.dll
SDL2.dll examples lib libexpat-1.dll libharfbuzz-0.dll libpng16-16.dll luaui.lua spring-dedicated.exe zlib1.dll</syntaxhighlight>
* Note the presence of <code>spring.exe</code> there. Congratulations, you now have successfully compiled Recoil!

<span id="recompiling"></span>
== Recompiling ==

Recompilations are much faster as the compilation cache is stored locally. After making changes in the repository (or switching to another branch, etc.), you can recompile by re-running <code>./build.sh</code> in almost the same way as above:

<syntaxhighlight lang="sh">wsl
cd ~/spring/docker-build
./build.sh</syntaxhighlight>
Note that <code>./init_container.sh</code> does not need to be run again, <code>./build.sh</code> will automatically detect if the container image is outdated and will tell you to run <code>./init_container.sh</code> again when needed.

Let's try to make a simple change and recompile:

* From VS Code, open the file <code>rts/System/SpringApp.cpp</code> and <code>Ctrl</code>+<code>F</code> for <code>InitWindow</code>, then change the default window name to something else (e.g. <code>HelloSpring</code>).
* Now recompile using the instructions above, and notice how much faster it is.

<span id="automatically-using-latest-build-in-windows-game"></span>
= Automatically using latest build in Windows game =

The build artifacts located in WSL at <code>~/spring/build-windows-64-RELWITHDEBINFO/install</code> can automatically be made available in your local Windows game environment by creating a symbolic link that points to them under <code><game directory>\data\engine\local-build</code>, exploiting the fact WSL exposes them to Windows via <code>\\wsl$\Ubuntu\home\<username>\spring\build-windows-64-RELWITHDEBINFO\install</code>.

* Open a Powershell Terminal in administrator mode, and then run the following command replacing <code><game directory></code> and <code><username></code>:

<syntaxhighlight lang="powershell">New-Item -ItemType SymbolicLink -Path "<game directory>\data\engine\local-build" -Target "\\wsl$\Ubuntu\home\<username>\spring\build-windows-64-RELWITHDEBINFO\install"</syntaxhighlight>
* After the symbolic link has been created, the latest locally compiled engine build will always be available to use with the game.

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Building]]

Recoil:Tracy Profiling

2026-07-23T02:57:54Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

<span id="how-to-profile-the-engine-using-tracy"></span>
= How to profile the engine using tracy =

<span id="preparation-steps"></span>
== Preparation steps: ==

# Download Tracy, unzip it anywhere: https://github.com/wolfpld/tracy/releases/tag/v0.11.1
# Get the tracy engine version we are currently using from https://github.com/beyond-all-reason/RecoilEngine/releases/tag/2025.04.04
# Find the exact engine version folder we are currently using in BAR/data/engine

-----

<span id="method-a-simple"></span>
=== Method A simple ===

4A. Rename the old spring.exe to spring_vanilla.exe, and extract spring.exe from the archive to this engine folder.

5A. Start BAR as you would otherwise via the lancher.

-----

<span id="method-b-advanced"></span>
=== Method B advanced ===

4B. Unzip the engine to BAR/data/engine

5B. Get the BAR Debug Launcher exe file from here: https://github.com/beyond-all-reason/bar_debug_launcher/tree/main . Install it to BAR root folder (next to beyond-all-reason.exe)

6B. In the BAR Debug launcher, select the tracy engine build you unzipped in step 2, and select "Spring-launcher with rapid://byar-chobby:test"

6B. Hit Start in the BAR Debug launcher

[[File:https://github.com/beyond-all-reason/spring/assets/109391/dfa95d82-f132-4f86-b1db-f4d532340ba7|image]]

-----

<ol start="7" style="list-style-type: decimal;">
<li>Launch Tracy.exe, and hit connect. If it throws an instrumentation error, connect again.</li></ol>

[[File:https://github.com/beyond-all-reason/spring/assets/109391/830e5c6e-b37f-48ab-9adc-cc297cefff46|image]]

<ol start="8" style="list-style-type: decimal;">
<li>Analyze profile.</li></ol>

<span id="instrumentation"></span>
= Instrumentation =

Tracy can benefit from additional manual instrumentation to allow for very accurate profiling. By default, the engine does provide a good coverage of of zones. On the image below, the yellow zones are mostly from the engine, while the blue zones are generally from BAR's widgethandler.

[[File:https://github.com/user-attachments/assets/52ce04a6-6528-4bfb-a5cb-13f5acf580c8|image]]

<span id="building-the-engine-with-tracy-enabled"></span>
== Building the engine with Tracy enabled ==

Using the provided docker build environment, enable tracy via:

<syntaxhighlight lang="sh">./build.sh -o -t RELEASE -C -DTRACY_ENABLE=1</syntaxhighlight>
<span id="adding-zones-in-lua"></span>
== Adding Zones in Lua ==

The rules of adding zones are the following:

# Always call <code>tracy.ZoneEnd()</code>, if you have multiple return paths from a function, then add <code>tracy.ZoneEnd()</code> to all of them
# The lines with <code>tracy.*</code> get removed from the lua files in non-tracy enabled builds, so they dont cost performance.
# Remember to name your zones in <code>tracy.ZoneBeginN()</code>

Below is an example of nesting zones:

<syntaxhighlight lang="lua">function gadgetHandler:GameFrame(frameNum)
-- Since GameGrame should never be called nested ensure here the callinDepth
-- is ok. We set it to 1 so after the run it will be set to 0 again.
callinDepth = 1
tracy.ZoneBeginN("G:GameFrame")
for _, g in ipairs(self.GameFrameList) do
tracy.ZoneBeginN("G:GameFrame:" .. g.ghInfo.name)
g:GameFrame(frameNum)
tracy.ZoneEnd()
end
tracy.ZoneEnd()
return
end</syntaxhighlight>
Here is the result of the above annotation:

[[File:https://github.com/user-attachments/assets/a020ff22-a7c1-49e9-adb8-71e141e3c7d3|image]]

Note that there are two consecutive G:GameFrame zones, one for synced and one for unsynced.

<span id="adding-messages-to-tracy"></span>
== Adding Messages to Tracy ==

By default, all messages that go through Recoil's logging system, including <code>Spring.Echo()</code> also generate tracy messages. This is very useful because the exact time stamp and approximate call stack of the message can be inferred from this. Also, messages can be searched.

To use, specify a message in Lua like so:

<syntaxhighlight lang="lua">if tracy then
tracy.Message(string.format("spawnCreepStructure: Failed to spawn %s at %d*%d*%d ", unitDefName, spawnPosX, spawnPosY, spawnPosZ ))
end</syntaxhighlight>
Messages can be viewed and clicked in the messages tab of the Tracy UI, see: [[File:https://github.com/user-attachments/assets/f739bc4f-e6ff-48b1-bea6-29642206ff5f|image]]

<span id="adding-plots-to-tracy"></span>
== Adding Plots to Tracy. ==

You can plot data in an extremely accurate way (and quickly) and view it side-by-side with the traces by initializing and plotting data.

Note that initialization via <code>tracy.LuaTracyPlotConfig</code> is optional. You can just <code>tracy.LuaTracyPlot</code> if you want

<syntaxhighlight lang="c">/*** Initialize a plot in Tracy for use in debugging or profiling
*
* @function tracy.LuaTracyPlotConfig
* @string plotName which should be initialized
* @string[opt] plotFormatType "Number"|"Percentage"|"Memory", default "Number"
* @bool[opt] step stepwise chart, default true is stepwise
* @bool[opt] fill color fill, default false is no fill
* @number[opt] color unit32 number as BGR color, default white
* @treturn nil
*/

/*** Update a Tracy Plot with a value
*
* @function tracy.LuaTracyPlot
* @string plotName which LuaPlot should be updated (must have been initialized via LuaTracyPlotConfig)
* @number plotvalue the number to show on the Tracy plot
* @treturn nil
*/</syntaxhighlight>
For example, lets say we wanted to plot the lua memory usage of the engine on every update:

<syntaxhighlight lang="lua">if tracy and tracy.LuaTracyPlotConfig then
tracy.LuaTracyPlotConfig("LuaRAM", "memory")
end
function widgetHandler:Update()
if tracy and tracy.LuaTracyPlot then
tracy.LuaTracyPlot("LuaRAM", collectgarbage("count"))
end
...</syntaxhighlight>
See a wide view of the plot:

[[File:https://github.com/user-attachments/assets/566944e0-29b5-4ce7-9cf8-d84c159aab78|image]]

See how accurate the plot is, also giving us a delta value on mouseover:

[[File:https://github.com/user-attachments/assets/6f888782-f05c-4229-9015-d78dff6fdc4c|image]]

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Profiling]]

Recoil:Build Environment (Docker)

2026-07-23T02:57:53Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

The article migrated to https://recoilengine.org/development/building-with-docker/

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Building]]

Recoil:Profiling Linux Builds with Perf

2026-07-23T02:57:52Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

<span id="for-profiling-running-instances-spring-dedicated-and-spring-headless"></span>
= For profiling running instances spring-dedicated and spring-headless =

If you want to profile spring-dedicated, while it is running, there is one good way of doing so, using linux perf tools, which can be installed on most ubuntu/debian based systems easily.

<span id="preparing-for-a-profile-capture"></span>
== Preparing for a profile capture ==

Find out the PID of the spring-dedicated process you wish to attach to. The process seems to have two threads, with approximately equal shares of CPU usage. Find it with

<code>ps aux | grep spring</code>

Remember the process ID of the main thread (generally the smaller one)

<span id="get-the-debug-symbols"></span>
=== Get the debug symbols ===

* Create a working directory for where you will store your captures.
* Download the debug symbols from the releases page here on github (take care to select linux, and the correct version too).
* Unpack the debug symbols, and make sure the symbols (e.g. spring-dedicated.dbg) are unzipped into your working directory.

<span id="starting-the-profiler"></span>
== Starting the profiler ==

Often you will need sudo permissions to perform this capture. perf will warn you otherwise.

Example command:

<code>sudo perf record --pid=3140530 --freq=1000 -m 10M -o spring-dedicated_6cg_lag1.perfoutput --stat -g --call-graph dwarf -e cpu-cycles</code>

Arguments:

* --pid= the process id for spring-dedicated, can pass multiple pids comma separated list. This will sample every thread of the given process.
* --tid= the thread id of an individual thread you wish to sample (rather than the whole process). Typically the main thread has the same tid as the pid of the process.
* --freq= the number of samples per second to take. For higher frequencies or on slower machines, you can set the -m flag to increase perf's memory.
* -m (# | #M) - number of mmap data pages OR size specification with appended unit character. This memory acts as a ring buffer of perf samples the kernel writes, read from by userspace to be written to disk. Larger values can allow high resolution sampling for longer periods before dropping samples.
* -o the name of the output file, if you dont name it, it will overwrite previous captures
* -g enable call graphs (this is implied by below)
* --stat Record per-thread event counts. Use it with perf report -T to
* -e eventtype1,eventtype2 - a comma separated list of events to record. A list of supported events on your system can be found with <code>perf list</code>. Typically, we recommend hardware events like cpu-cycles, cache-misses, and branch-misses. Be aware, the more events you specify, the more data you'll save on disk.
* --call-graph dwarf : the format of the call graphs. I am unsure if 'fp' or 'dwarf' is the correct argument here, but it seems like dwarf is better.

<pre>
When "dwarf" recording is used, perf also records (user) stack dump
when sampled. Default size of the stack dump is 8192 (bytes).
User can change the size by passing the size after comma like
"--call-graph dwarf,4096".
When "fp" recording is used, perf tries to save stack enties
up to the number specified in sysctl.kernel.perf_event_max_stack
by default. User can change the number by passing it after comma
like "--call-graph fp,32".</pre>
<span id="stop-the-profiler"></span>
== Stop the profiler: ==

Press CTRL+C to stop the profiler, or send it a SIGTERM signal from code, if you are doing this automatically

<span id="displaying-the-results-in-hostpot"></span>
== Displaying the results in hostpot ==

# build or install hotspot following steps here: https://github.com/KDAB/hotspot#getting-hotspot
# run hotspot via <code>$ hotspot</code>
# open the perf data file you saved from <code>perf record</code>
# Enjoy! Example ui: [[File:https://github.com/beyond-all-reason/spring/assets/8520801/ad278744-9aca-44bf-ac71-2830611f56d3|image]]

<span id="displaying-the-results-in-a-browsable-format"></span>
== Displaying the results in a browsable format: ==

<code>sudo perf report -i spring-dedicated_6cg_lag1.perfoutput </code>

Use the '+' key on your keyboard to expand call graphs within perf

Drawing a full-on call graph:

<code>sudo perf report -T -i spring-dedicated_6cg_lag1.perfoutput </code>

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Profiling]]

Recoil:Pre-release testing and release checklist

2026-07-23T02:57:51Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

<span id="pre-release-testing"></span>
= Pre-release testing =

<span id="preparation"></span>
== Preparation ==

<ol start="0" style="list-style-type: decimal;">
<li><p>Get an engine version that isn't obviously broken in known ways preventing release with help from #engine. The latest ones can be downloaded from the [https://github.com/beyond-all-reason/spring/releases releases page]</p></li>
<li><p>Build and release an engine. Only developers can trigger a new build, testers only need to download from above.</p>
<p>Release is needed so that cluster can easily grab engine.</p>
<ul>
<li>Trigger "Build engine (Docker)" GitHub Actions workflow. No need to change any input boxes, just click the Run button.</li>
<li>Trigger "Release Engine" workflow after the above finishes, which will automatically use the result of that build (no need to alter any input either)</li></ul>
</li>
<li><p>Set up engine testing host. Devs only.</p>
<ul>
<li>Choose a cluster, and update the engine by grabbing the URL of the Linux build from the releases page (so that wget can download it)</li>
<li>In the cluster, run
<pre>$ ~/spads/spads_config_bar/python3 spads_config_bar_updater.py -u [engine url from github]</pre></li>
<li>Edit <code>springServer</code> and <code>unitsyncDir</code> parameters in <code>~/spads/etc/latest_engine_spads.conf</code>. It's a file analogous to regular [https://github.com/beyond-all-reason/spads_config_bar/blob/main/etc/spads.conf <code>spads.conf</code>] for the testing engine room. Ensure that <code>springServerType</code> is set to <code>spring-headless</code>. Dedicated servers dont run sim code, headless does.</li></ul>
</li></ol>

<span id="private-testing"></span>
== Private testing ==

<span id="start-chobby"></span>
=== Start Chobby ===

Download engine, unpack in <code>engines/</code> and use [https://github.com/beyond-all-reason/bar_debug_launcher BAR Debug Launcher] to start Chobby using new engine version.

<details><summary>Alternative methods without debug launcher</summary>

<span id="using-spring-launcher"></span>
==== Using spring launcher ====

Create a <code>config-dev.json</code> file in the <code>data/</code> folder with contents like this:

<pre>{
"title" : "Beyond All Reason",
"setups" : [
{
"package": {
"id": "engine-test",
"display": "Engine Test"
},
"no_start_script" : true,
"no_downloads" : true,
"auto_start": true,
"launch": {
"start_args" : ["--menu", "rapid://byar-chobby:test"]
"engine": "VERSION_TO_TEST"
}
}
]
}</pre>
Replace <code>VERSION_TO_TEST</code> with the name of directory in <code>engines/</code> that contains the engine version you want to test, e.g. <code>105.1.1-1214-gcf8d087 bar</code>.

Finally, launch the launcher pointing at this config: <code>C:\Users\*\AppData\Local\Programs\Beyond-All-Reason\Beyond-All-Reason.exe -c C:\Users\*\AppData\Local\Programs\Beyond-All-Reason\data\config-dev.json</code>

<span id="run-engine-from-command-line"></span>
==== Run engine from command line ====

Manually start new engine version from command line like:

<pre>$ {SPRING_BINARY} --write-dir {DATA_DIR} --isolation --menu rapid://byar-chobby:test</pre>
'''NOTE''': Downloads in Chobby won't work in this method, as downloads require working launcher.

</details>

<span id="tests"></span>
=== Tests ===

<ol style="list-style-type: decimal;">
<li><p>Test local skirmish game:</p>
<ul>
<li>Starting</li>
<li>Saving</li>
<li>Loading</li>
<li>AI does stuff</li></ul>
</li>
<li><p>Sync test online</p>
<p>Join the engine testing autohost (set up during preparation) and run game with plenty of Barbarian AIs on a mixed mode map such as Pentos to check if there are any sync issues.</p></li>
<li><p>Check for any visual bugs or artifacts.</p></li>
<li><p>Check infolog for any unusual messages</p></li></ol>

<span id="public-testing"></span>
== Public testing ==

<span id="publish-testing-engine"></span>
=== Publish testing engine ===

# Create/Update a "Engine Test" entries in the launcher [https://github.com/beyond-all-reason/BYAR-Chobby/blob/master/dist_cfg/config.json <code>config.json</code>] that have the same options as production config, but new testing engine version.
# Launch <code>Publish launcher config.json</code> GitHub Actions workflow in the <code>BYAR-Chobby</code> repo to publish the <code>config.json</code> update to all players.

<span id="testing"></span>
=== Testing ===

Write announce message in the #dev-main channel tagging testers to test the new engine version using the "Engine Test" launcher config option.

The message should contain:

<ul>
<li><p>Basic local game testing instructions similar to private testing, just play some games locally and in engine testing room.</p></li>
<li><p>Special testing instruction for features/changes that were done in the engine since last release. This should be gathered from developers in the #engine room into a document that will be then also used as a base for the release message announcement.</p>
<p>E.g.: If there were changes to minimap, mention what is expected/unexpected in testing instructions to get better feedback from players to look for issues there.</p></li>
<li><p>Reaction button for each of the graphics configurations to ensure testing covered all of them:</p>
<ul>
<li>Linux/Intel</li>
<li>Linux/AMD</li>
<li>Linux/NVIDIA</li>
<li>Windows/Intel</li>
<li>Windows/AMD</li>
<li>Windows/NVIDIA</li></ul>
</li></ul>

'''Recommendation''': If a lot of changes were being made to graphics, to make it easier for players to point issues, it's highly recommended to prepare a replay of a game showcasing those features and a video recording of that replay from system that showcases how it should look like when rendered correctly.

<span id="release"></span>
= Release =

<ol start="0" style="list-style-type: decimal;">
<li><p>Verify all the bug reports from testers and ensure that '''all''' of the graphics configurations were tested.</p></li>
<li><p>Prepare engine release announcement message with promo team. Announce in #spads lobby channel to all hosts with "!say Engine update coming in, this lobby will close after the game is finished, please restart your clients after to update".</p></li>
<li><p>Update all clusters by shutting down cluster managers, by typing !quit into #spads lobby channel. This will exit all managers and non-ingame instances, as well as tell running instances to exit once their games are over.</p></li>
<li><p>Update their engine and configs with:</p>
<pre>$ ~/spads/spads_config_bar/python3 spads_config_bar_updater.py -c -u [engine url from github]</pre></li>
<li><p>Restart AU, US, EU and EU1 clusters via ~/spads/etc/spads_cluster_launcher.sh</p></li>
<li><p>Update debug symbols for engine on [https://github.com/beyond-all-reason/stacktrace_translator stacktrace translator]</p>
<pre>$ python update_debug_symbols.py [windows debug symbol.tgz url]</pre></li>
<li><p>Update [https://github.com/beyond-all-reason/BYAR-Chobby/blob/master/dist_cfg/config.json <code>config.json</code>] entries with new engine version.</p></li>
<li><p>Launch <code>Publish launcher config.json</code> GitHub Actions workflow in <code>BYAR-Chobby</code> repo to publish the <code>config.json</code> update to all players.</p></li>
<li><p>Publish new engine release announcement.</p></li></ol>

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Development]]

Recoil:Move Definitions

2026-07-23T02:57:51Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

<span id="move-definitions"></span>
= Move Definitions =

A Move Definition holds information that determines accessibility of areas of a map for any unit that uses that Move Definition; this information is used for path finding and for unit movement-based collisions. Many unit types typically share a Move Definition. The more Move Definitions you have in a game the more memory and CPU power the engine has to use to maintain the pathing data.

<span id="new-values-for-move-definitions"></span>
== New values for Move Definitions ==

Some values used for unit movement were defined per-unit-type. However that means the pathing system, which only works on Move Definitions, was unable to correctly determine pathable areas. So, for movement purposes-only, these new values are used instead.

<code>height</code> is defined in Elmos and is used to determine vertical collisions in water. This does not affect projectile collisions, it only affects unit movement. The engine will default this value to the calculated width of the units move step in elmos and for Bots it is assumed to be as tall as it is wide, and half that for other unit types.

''Note: minimum height is 1''

<code>waterline</code> is defined in positive Elmos and ise used to determine the maximum depth the unit will sink. If the ground goes deeper than this, then the unit will not drop further. By default, bot and tank units are assumed to sink to the bottom of the water; hovercraft default to 0, ships are defaulted to 1, and submarines to double their height.

''Note: using negative values get converted to positive numbers.''

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Configuration]]

Recoil:Mod Rules

2026-07-23T02:57:50Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

Mod Rules can be used to configure the behaviour of the simulation systems within the engine. As they get added to the engine they will be documented here.

* <code>int flankingBonus.defaultMode</code> use to specify the method of flanking bonus to apply for units. Set to zero to deactivate flanking bonus. <code>default = 1</code>
* <code>float flankingBonus.defaultMax</code> use to specify the maximum damage bonus used by the flanking bonus (unless overriden at unit def level.) <code>default = 1.9</code>
* <code>float flankingBonus.defaultMin</code> use to specify the minimum damage bonus used by the flanking bonus (unless overriden at unit def level.) <code>default = 0.9</code>
* <code>int movement.groundUnitCollisionAvoidanceUpdateRate</code> use to control the rate in sim frames that ground/sea units update their unit collision avoidance vectors. A lower number will increase CPU load, but improve reaction time of collision avoidance. <code>Default = 3</code>
* <code>float movement.maxCollisionPushMultiplier</code> use to restrict the maximum distance, relative to a unit's max speed, a unit can be pushed as a result of collision deconfliction in a single frame. Setting to <code>1</code> cuts down the ability of many fast units pushing a slow unit faster than it should go. <code>Default = infinity</code>
* <code>int movement.unitQuadPositionUpdateRate</code> use to control the rate in sim frames that a unit's position in the quad grid is updated. A lower number will increase CPU load, but increase accuracy of collision detection. <code>Default = 3</code>
* <code>bool system.enableSmoothMesh</code> use to enable/disable the SmoothGroundMesh, often used to help aircraft navigate drastic changes in terrain. <code>Default = true</code>
* <code>int system.quadFieldQuadSizeInElmos</code> use to adjust the size (in Elmos) of the quads used for grouping objects for collision detection. Objects get registered in all quads they overlap, so you want to avoid making the quads too small. Also, the collision queries have to assess all unique units that come up in all quads that overlap a collision query area, so the larger the quad size the more unwanted objects that will have to be checked. <code>default = 128</code>
* <code>float system.pathFinderUpdateRate</code> is removed in engine release after 1821.
* <code>float system.pathFinderUpdateRateScale</code> use to adjust the rate in which to apply map changes to the pathing system. > 1.0f to increase the intensisty, <1.f to reduce it. Increasing the rate will mean the pathing system responds to changes faster, but at the cost of increased CPU usage. Likewise, reducing the rate will decrease CPU usage, but slow down the response time of the pathing reacting to map changes.

Mod Rules for debugging purposes: ''(removed in next engine release after 1821)''

* <code>bool system.pfForceSingleThreaded</code> use to force pathing system to send pathing requests single threaded. This is for debugging purposes. <code>Default = false</code>
* <code>bool system.pfForceUpdateSingleThreaded</code> use to force pathing vertex updates to be processed single threaded. This is for debugging purposes. <code>Default = false</code>
* <code>bool movement.forceCollisionsSingleThreaded</code> use to force collisions system to use only a single thread. This is for debugging purposes. <code>Default = false</code>
* <code>bool movement.forceCollisionAvoidanceSingleThreaded</code> use to force collision avoidance system to use only a single thread. This is for debugging purposes. <code>Default = false</code>

Mod Rules coming up: ''Engine version 2208+''

* <code>int system.qtMaxNodesSearched</code> limits how many nodes the QTPFS pathing system is permitted to search. A smaller number improves CPU performance, but a larger number will resolve longer paths better, without needing to refresh the path. <code>Default = 8192</code>
* <code>float system.qtRefreshPathMinDist</code> minimum size, in elmos, an incomplete path has to be to allow the path to be refreshed. Once the path is smaller than this distance then the system assumes the path cannot be improved further. A larger number reduces CPU usage, but also increses the chance that a unit will become trapped in a complex terrain/base setup even if there's a route that would bring the unit nearer to the goal. <code>Default = 2000</code>
* <code>float system.qtMaxNodesSearchedRelativeToMapOpenNodes</code> limits how many nodes the QTPFS pathing system is permitted to search, like qtMaxNodesSearched, except that it calculated based off a relative to walkable nodes in the map. The larger of this and qtMaxNodesSearched will be used. <code>Default = 0.25</code>

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Configuration]]

Recoil:MINGW64 Setup (Windows x64)

2026-07-23T02:57:49Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

<blockquote>[!WARNING]<br />
This page might be a bit hard to follow, if you are just starting out prefer to follow references [https://github.com/beyond-all-reason/RecoilEngine/blob/master/README.markdown#compiling from the main project readme] before trying this method.
</blockquote>
Create a fork of or clone of the recoil engine https://github.com/beyond-all-reason/spring.git

Recursively clone the submodules: <code>git submodule update --init --recursive</code>

If you clone your fork, download the tags: <code>git remote add upstream https://github.com/beyond-all-reason/spring.git</code>

<pre>git fetch --all --tags</pre>
Clone mingwlibs64 into the engine directory : https://github.com/beyond-all-reason/mingwlibs64

Launch cmake with cmake-gui .

Set source code to the cloned spring repository.

Pick the build dir separate from the main spring dir (for example spring/build)

In the CMAKELIST file in spring change (AI_TYPES = ALL) to (AI_TYPES = NATIVE). [copied from MSVC tutorial,perhaps not necessary]

Choose MinGW Makefiles as the generator and then Generate

Use mingw32-make to build the project : <code>mingw32-make.exe -j {substitute computer logical cores - 1} engine-legacy engine-headless engine-dedicated</code>

Copy all the dlls from mingwlibs64/dll into the build directory

You should be able to open spring.exe

In the build directory add games/ and maps/ folder. The games and maps you place respectively will appear within the spring engine

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Building]]

Recoil:Lua UnsyncedRead

2026-07-23T02:57:49Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

<span id="springgetnanoprojectileparams---startrot-number-speed-number-accel"></span>
=== Spring.GetNanoProjectileParams() -> startRot, number speed, number accel. ===

Gets the rotation params of the nano-building projectile. speed: deg/s, accel: deg/s2, startRot: deg.

<span id="springgetrenderfeaturesdrawflagchangedbool-senddrawflags---table-featureids--table-drawflags"></span>
=== Spring.GetRenderFeaturesDrawFlagChanged(bool sendDrawFlags) -> table featureIds [, table drawFlags] ===

Gets a list of feature Ids whose DrawFlags have changed since the last render frame. Set sendDrawFlags = true to also get a the current DrawFlags for each of those features. The index positions of the featureIds and drawFlags tables correlate to the same feature.

<span id="springgetrenderunitsdrawflagchangedbool-senddrawflags---table-unitids--table-drawflags"></span>
=== Spring.GetRenderUnitsDrawFlagChanged(bool sendDrawFlags) -> table unitIds [, table drawFlags] ===

Gets a list of unit Ids whose DrawFlags have changed since the last render frame. Set sendDrawFlags = true to also get a the current DrawFlags for each of those units. The index positions of the unitIds and drawFlags tables correlate to the same unit.

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Lua]]

Recoil:Lua UnsyncedCtrl

2026-07-23T02:57:48Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

<span id="springsetnanoprojectileparamsnumber-startrot-number-speed-number-accel"></span>
=== Spring.SetNanoProjectileParams(number startRot, number speed, number accel) ===

Sets the rotation params of the nano-building projectile. Speed: deg/s, Acceleration: deg/s2, StartRot: deg.

<span id="springyieldnumber-ms---boolean"></span>
=== Spring.Yield(number ms) -> boolean ===

To be (optionally) used as assistance mean with async loading (<code>LoadingMT = 1</code> re-implementation). <code>ms</code> - specifies the amount of time in ms to sleep (default is 10). The purpose of the call is to give back OpenGL context from game-loading thread back to main thread to process events and draw with LuaIntro. Boolean return indicates if Spring.Yield() should be called moving on.

Ideally Spring.Yield() should be called from widgethandler/gadgethandler:Initialize() like following (gadgethandler example):

<pre>function gadgetHandler:Initialize()
local doMoreYield = (Spring.Yield ~= nil);
..........
for k, gf in ipairs(gadgetFiles) do
local gadget = self:LoadGadget(gf)
if (gadget) then
table.insert(unsortedGadgets, gadget)
if not IsSyncedCode() and doMoreYield then
doMoreYield = doMoreYield and Spring.Yield()
end
end
end</pre>

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Lua]]

Recoil:Lua SyncedControl

2026-07-23T02:57:47Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

<span id="original-height-map"></span>
== Original Height Map ==

The original height map represents the correct levels that the map should have if the map has sustained no damage and used by the restore terrain command to determine what the correct height levels should be.

''Note that this does not affect the current height map. You will need to call functions such as LevelHeightMap to change the map's current terrain levels.''

<span id="springadjustoriginalheightmap-number-x1-number-z1--number-x2-number-z2--number-height-"></span>
=== Spring.AdjustOriginalHeightMap( number x1, number z1 [, number x2, number z2 ], number height ) ===

Adds the given height (which can be negative) the original height map in the specified area.

<span id="springleveloriginalheightmap-number-x1-number-z1--number-x2-number-z2--number-height-"></span>
=== Spring.LevelOriginalHeightMap( number x1, number z1 [, number x2, number z2 ], number height ) ===

Change the original height map to a specific value in the specified area.

<span id="springrevertoriginalheightmap-number-x1-number-z1--number-x2-number-z2--number-origfactor-"></span>
=== Spring.RevertOriginalHeightMap( number x1, number z1 [, number x2, number z2 ], number origFactor ) ===

Restore an area of the original height map to the levels as first read from the map file.

<span id="springsetoriginalheightmapfunc-lua_function--arg1--arg2-------nil--number-abstotaloriginalheightmapamountchanged"></span>
=== Spring.SetOriginalHeightMapFunc( lua_function [, arg1 [, arg2 [, ... ]]] ) -> nil | number absTotalOriginalHeightMapAmountChanged ===

Use a custom function to change the original height map. These custom functions have to use special function to apply the changes to the original height map: AddOriginalHeightMap and SetOriginalHeightMap (see the following functions)

Example code:

<pre>Spring.SetOriginalHeightMapFunc(function()
for z=0,Game.mapSizeZ, Game.squareSize do
for x=0,Game.mapSizeX, Game.squareSize do
Spring.SetOriginalHeightMap( x, z, 200 + 20 * math.cos((x + z) / 90) )
end
end
end)</pre>
<span id="springaddoriginalheightmap-number-x-number-z-number-height----nil--number-newheight"></span>
=== Spring.AddOriginalHeightMap( number x, number z, number height ) -> nil | number newHeight ===

Can only be called in SetOriginalHeightMapFunc(). Adds the given height (which can be negative) the original height map in the specified area.

<span id="springsetoriginalheightmap-number-x-number-z-number-height--number-terraform--1-----nil--number-absheightdiff"></span>
=== Spring.SetOriginalHeightMap( number x, number z, number height [, number terraform = 1 ] ) -> nil | number absHeightDiff ===

Can only be called in SetOriginalHeightMapFunc(). Change the original height map to a specific value in the specified area. The terraform argument is a scaling factor. It represents how much towards the specified height the current height map should be changed, for exmaple:

If =0 nothing will be changed (the terraform starts) and if =1 the terraform will be finished and the specific height value will be the new current height map level.

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Lua]]

Recoil:Lua Handle

2026-07-23T02:57:46Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

<span id="unitfeaturecollisionnumber-colliderunitid-number-collideefeatureid"></span>
=== UnitFeatureCollision(number colliderUnitId, number collideeFeatureId) ===

This callback is triggered whenever a unit collides with a feature.

''Note: this function used to allow a bool to be returned. When set to true it would prevent the engine from processing the collision. This is now '''deprecated'''.''

<span id="unitunitcollisionnumber-colliderunitid-number-collideeunitid"></span>
=== UnitUnitCollision(number colliderUnitId, number collideeUnitId) ===

This callback is triggered whenever a unit collides with another unit.

''Note: this function used to allow a bool to be returned. When set to true it would prevent the engine from processing the collision. This is now '''deprecated'''.''

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Lua]]

Recoil:Lua annotations convention

2026-07-23T02:57:45Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

<blockquote>[!NOTE] This is just a WIP document to contain information that should be extracted and ported to the new Recoil official site, when we do document enginedev concerns
</blockquote>
Here's an example of using the documentation header to provide for table of contents support:

<syntaxhighlight lang="cpp">/***
*
* @function VBO:CopyTo
*
* Copies the current content of the buffer to another buffer. That another buffer is expected to have sufficient allocation.</syntaxhighlight>
This would look on a table of contents (when we implement a proper index/toc), and on the documentation body later, like this:

<pre class="md">{toc}
- VBO:CopyTo Copies the current content of the buffer to another buffer. That another buffer is expected to have sufficient allocation.

{below}
### function VBO:CopyTo

Copies the current content of the buffer to another buffer. That another buffer is expected to have sufficient allocation.</pre>
Suggestion is something like this:

<syntaxhighlight lang="cpp">/*** Copy the contents of the VBO to another VBO.
*
* @function VBO:CopyTo
*
* Destination VBO is expected to have sufficient allocation size. When that's not the case, <shit> happens.</syntaxhighlight>
Would look rendered like this:

<pre class="md">{toc}
- VBO:CopyTo Copy the contents of the VBO to another VBO.

{below}
### function VBO:CopyTo

{highlighted brief description}
Copy the contents of the VBO to another VBO.

{further description}
Destination VBO is expected to have sufficient allocation size. When that's not the case, <shit> happens.</pre>
''(I took some liberty to rewrite a little bit, <code>VBO:</code> already indicates that it operates on self, and we should know VBO is a buffer already. So I simplified it a little bit, feel free to ignore the rewrite and just consider the <code>brief_description|more_description</code> concept I want to illustrate)''

I know when coding we don't care too much about these things with the most detail, and that's perfectly fine. Just wanted to provide information, so we can support the format we want and will support in the future.

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Lua]]

Recoil:Lua VBO and VAO

2026-07-23T02:57:44Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

Previously hosted at this wiki, the guide is now accessible as a guide on the site: https://beyond-all-reason.github.io/spring/guides/lua-vbo-vao

Alternatively one can find it here: https://github.com/beyond-all-reason/spring/blob/BAR105/doc/site/guides/lua-vbo-vao.markdown

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Lua]]

Recoil:Known games

2026-07-23T02:57:44Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

Because the list at springrts wiki is unreliable and I want to know where and when to send PRs if I make a backwards-incompatible engine change. (Or just for discovery.)

<span id="alive-current-engine-version"></span>
=== alive (current engine version) ===

* https://github.com/ZeroK-RTS/Zero-K (2314)
* https://github.com/beyond-all-reason/Beyond-All-Reason ([https://github.com/beyond-all-reason/BYAR-Chobby/commits/master/dist_cfg/config.json see here])
* https://github.com/SplinterFaction/SplinterFaction (2472 no autohost. Core game is very nearly complete. Unfortunately development is slow due to career job)
* https://github.com/FluidPlay/TAP (2438)
* https://github.com/springraaar/metal_factions (2438)
* https://github.com/techannihilation/TA (2438)
* https://github.com/GoogleFrog/spring1944 (matches ZK)
* https://github.com/PicassoCT/MOSAIC (1544-g058c8ea BAR105)

<span id="unsure-if-alive"></span>
=== unsure if alive ===

* https://github.com/spring1944/spring1944
* https://github.com/azaremoth/cursed
* https://github.com/sprunk/kernel-panic (2004)
* https://github.com/DarkBlueDiamond/VroomRTS

<span id="interesting-breakpoints-that-allow-prs"></span>
=== interesting breakpoints that allow PRs ===

* 1801 - unit defs / UnitDefs keys unification
* 1873 - recursive VFS.DirList
* 2322 - GetUnitHeading radians

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Reference]]

Recoil:Engine Settings Config File

2026-07-23T02:57:43Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

<span id="engine-settings-config-file-springsettingscfg"></span>
= Engine Settings Config File (SpringSettings.cfg) =

This configration file is used to configure the non-simulation aspects of the engine. (For Simulation Configure see Mod Rules)

<span id="additions-since-the-fork-of-the-spring-engine"></span>
== Additions since the fork of the Spring Engine ==

The following settings have been added to the engine since the fork of the Spring Engine.

* <code>DumpGameStateOnDesync</code>. When set to true (1) on the server, the server will request all clients to produce a local copy of the current game state the first time a desync is detected in a match (effectively calling /dumpstate.) <code>Default: false (0)</code>

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Configuration]]

Recoil:Engine Configuration Overview

2026-07-23T02:57:42Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

These are the ways to configure games running on the Recoil Engine:

<span id="mod-rules"></span>
= Mod Rules =

[https://github.com/beyond-all-reason/spring/wiki/Mod-Rules Mod Rules]

For all configuration changes that impact only the Simulation, whether synced or unsynced.

<span id="spring-settings"></span>
= Spring Settings =

[https://github.com/beyond-all-reason/spring/wiki/Engine-Settings-Config-File Spring Settings]

For client-side only configuration that does not impact the simulation. Drawing configuration for example.

<span id="start-up-script"></span>
= Start Up Script =

(No link yet)

For per-game configuration, such as map, number of players. These need to be matched for each client and can change on a per game basis.

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Configuration]]

Recoil:Determinism in Engine

2026-07-23T02:57:41Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

The synchronised code in the Recoil Engine is deterministic. Therefore certain considerations must be observed when working in these areas of code.

<span id="general-programming"></span>
== General Programming ==

There are a few programming practices that should be observed in the engine simulation code to help avoid introducing desyncs.

* Use the Recoil provided RNG function.
* Use only stable sorting algorithms i.e. a sorting algorithm that maintains the relative order of the items with equal sort keys.
* Avoid relying on sort of order of strings - different locales can have different sort orders.
* Do not call functions as arguments to other functions - the order of the calls are not guaranteed. Instead, call them before the function and store the return value in a local variable.

This example will risk a desync:

<pre>DoSomething(GetRNG(), GetRNG());</pre>
Instead do this:

<pre>int firstNumber = GetRNG();
int secondNumber = GetRNG();
DoSomething(firstNumber, secondNumber);</pre>
<span id="multi-threading"></span>
== Multi-threading ==

Multi-threading parts of the engine may offer the opportunity for better performance; however, there are several situations that can cause the engine to desync. So avoid the following:

* Do not trigger script call-backs during an MT section. Scripts, whether COB, BOS, Lua, or LUS, are not thread-safe. Collect the calls that need to be made and issue them in a proceeding single-threaded section.
* Synced parameters must not be modified in an MT section because they update the sync checksum on update. Store the new value in a separate parameter and apply the new value in a proceeding single-threaded section.
* When a parameter is updated when visited per job, the parameter needs to be expanded in an array with a number of entries equal to <code>ThreadPool::MAX_THREADS</code>. This allows each thread to tracking visiting the parameter without interfering with other threads' visits by using an <code>index == thread number</code>.
* Pay careful attention to whether a job output can influence an input into another job. For example, don't move units if the jobs also check the unit's position.
* Beware of lists resizing and potentially reordering their elements as a result.

<span id="sse-instructions"></span>
== SSE Instructions ==

Do not use the reciprocal functions: Intel specified a maximum error guarantee, which allowed them to use make adjustments depending on the needs of each processor family, but that can result in different results at the bit level.

As a result, do not use the following SSE functions:

<blockquote>_mm_rcp_ps()
</blockquote>
<blockquote>_mm_rcp_ss()
</blockquote>
<blockquote>_mm_rsqrt_ps()
</blockquote>
<blockquote>_mm_rsqrt_ss()
</blockquote>
<span id="fpu-x87"></span>
== FPU (x87) ==

The engine uses the strepflop library to setup all FPU-related CPU-bound hardware to ensure that regardless of whether a compiler has used SSE or FPU, general floating point calculations will conform to IEEE754. This is important because most third party libraries are pre-compiled to use the FPU rather than SSE.

The engine also checks multiple times in each sim frame that the FPU options are correct.

<span id="hints-for-debugging-a-desync"></span>
=== Hints for debugging a desync ===

https://springrts.com/wiki/Debugging_sync_errors

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Engine Internals]]

Recoil:Console Commands

2026-07-23T02:57:40Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

During a match, if you start a chat message with a forward slash (/) you will issue a console command. Documentated here are the console commands the engine responds to.

* <code>/cheat</code> - activates console commands that have the potential to be used for cheating.
* <code>/airmesh</code> - shows the Smooth Height Mesh that is available to aircraft. This now requires <code>/cheat</code> to be activated because the air mesh responds to changes to the height map during a match (https://github.com/beyond-all-reason/spring/pull/289)

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Reference]]

Recoil:ClientGameState and ServerGameState state dumps

2026-07-23T02:57:39Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

In case a server instance of Recoil has a springsetting <code>DumpGameStateOnDesync = 1</code> (see https://github.com/beyond-all-reason/spring/wiki/Engine-Settings-Config-File) this will force creation of local state dump files for a desync frame (when the first desync in a particular game is detected).

The files will be named <code>ServerGameState</code> or <code>ClientGameState</code> followed by a random negative or positive number (will be unique for all game participants), followed by two numbers representing a desync frame number.

Example filenames for the same desynced game from different players: <code>ClientGameState-216428739-4589-4589.txt</code> <code>ClientGameState--398141872-4589-4589.txt</code>.

[https://github.com/beyond-all-reason/spring/files/13701364/ClientGameState--398141872-4589-4589.zip Example of a game state dump file]

Upon a desync event or request deliver the following files to the engine devs (via an engine Github issue or through Discord):

# One <code>(Server|Client)GameState</code> file from a player or the server representing a majority "version" of the simulation (not reporting as desynced).
# One or more files from a desynced player/players (as reported by the majority).

Examining the differences in these files helps trace the possible desync sources in the engine or game code.

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Engine Internals]]

Recoil:Building on MSVC

2026-07-23T02:57:37Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

<span id="clone"></span>
== Clone ==

<syntaxhighlight lang="sh">git clone --recursive https://github.com/beyond-all-reason/RecoilEngine RecoilEngine</syntaxhighlight>
If you cloned before without --recursive, you can apply --recursive with

<syntaxhighlight lang="sh">cd RecoilEngine
git submodule update --init --recursive</syntaxhighlight>
<span id="msvc---x64"></span>
=== MSVC - x64 ===

Once RecoilEngine is cloned.

<syntaxhighlight lang="sh">cd RecoilEngine
git clone https://github.com/beyond-all-reason/vclibs64 vclibs64</syntaxhighlight>
* Dont change path name of vclibs64 or cmake won´t find the libs

<span id="vcpkg-optional"></span>
== VCPkg (optional?) ==

<syntaxhighlight lang="sh">./vcpkg install jsoncpp
./vcpkg install minizip</syntaxhighlight>
Warning: the above mentioned commands are powershell only

the main command for setting up vcpkg for handing env vars within cmake for downloadable libraries is:

<syntaxhighlight lang="sh">cmake -B ../RecoilEngine -S . -DCMAKE_TOOLCHAIN_FILE=../vcpkg/scripts/buildsystems/vcpkg.cmake</syntaxhighlight>
Inside the <code>./RecoilEngine</code> folder

<span id="dependencies"></span>
== Dependencies ==

* MSVC 2022 community edition, tested, works with almost no issues. Download and install here: https://visualstudio.microsoft.com/vs/community/
* CMake Any recent version should suffice, this one for example https://github.com/Kitware/CMake/releases/tag/v3.23.4

<span id="windows-environmental-variables"></span>
= Windows Environmental variables =

Env variables can be used to avoid copying potentially large maps and games folders into the same folder as the build sizes grow with prod.

The easiest way is using the debug launcher found at https://github.com/beyond-all-reason/bar_debug_launcher

or you can add to environmental variables in Windows settings (or [advanced] use script to set them up each time the engine is launched) In Powershell cmd

* <code>set SPRING_DATADIR=<place to where your content root is></code>
* <code>set SPRING_WRITEDIR=<place to where your content root is></code>

''E.g. your RecoilEngine maps are at <code>E:\RecoilEngine\maps</code>, <code><place to where your content root is></code> should be <code>E:\RecoilEngine</code>''<br />
''Note <code>set</code> is only needed if you launch from script, Windows environment variables dialog needs no <code>set</code>''

<span id="building"></span>
== Building ==

* Launch cmake with <code>cmake-gui .</code>
* Set source code to the cloned RecoilEngine repository.
* Pick the build dir separate from the main RecoilEngine dir (for example <code>RecoilEngine/build-msvc</code>)
* In the CMAKELIST file in RecoilEngine change (<code>AI_TYPES = ALL</code>) to (<code>AI_TYPES = NATIVE</code>).
* Ensure that <code>MINGWLIBS</code> points to the cloned vclibs64 repository (it should already be set correct if vclibs64 was cloned to RecoilEngine).
* Under Tools, press Configure, choose MSVC 2022 / x64 when asked, then press Generate.
* Go to the build directory and open the project file Spring.sln.
* Find engine-legacy in the the projects list and set it to be the Startup Project
* Build the project in MSVC
* Copy *.dll from vclibs64/dll into the builddir (Debug/Release/etc)
* Copy unitsync.dll from somewhere or just create an empty file in the builddir (Debug/Release/etc)*
* If you did not set the SPRING_DATADIR and SPRING_WRITEDIR env variables, copy maps, games, base and fonts from an existing spring install into builddir.
* Launch the engine right from the debugger (MSVC environment variables (as set from the debugger menu) are broken, use some .bat script to set env variables (in case not set globally) and launch spring.exe

<span id="common-gotchas"></span>
== Common gotchas ==

<span id="archivedataempty-assertion-failure"></span>
=== !archiveData.empty() assertion failure ===

<span id="the-cause"></span>
==== The cause ====

Missing unitsync.dll prevents the engine directory from being treated as data directory. Happens on full clean up of the project.

<span id="solution"></span>
==== Solution ====

Copy over unitsync.dll from somewhere else

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Building]]

Recoil:Building the engine without Docker

2026-07-23T02:57:36Z

FightorderAdmin: Verbatim import from RecoilEngine wiki (GitHub)

This documentation page was migrated to https://recoilengine.org/development/building-without-docker/

----
''Imported verbatim from the [https://github.com/beyond-all-reason/RecoilEngine/wiki RecoilEngine wiki] on GitHub ([https://github.com/beyond-all-reason/RecoilEngine beyond-all-reason/RecoilEngine]). See the source repository for full page history and authorship.''
[[Category:Recoil Building]]

Spring RTS

2026-07-23T00:31:55Z

FightorderAdmin: Deploy from repo (GitHub Actions)

MediaWiki:Common.css

2026-07-23T00:31:52Z

FightorderAdmin: Deploy from repo (GitHub Actions)

/* ============================================================================
* FIGHTORDER — sitewide theme (MediaWiki:Common.css)
* Purple-glow-on-black RTS-wiki aesthetic, layered over the Citizen skin.
* Managed in the repo at content/Common.css and deployed via GitHub Actions
* (workflow_dispatch -> import_content=true). Edits made here in-wiki will be
* overwritten on the next content import.
*
* Fonts (Michroma / Saira / JetBrains Mono) are loaded from Google Fonts as
* stand-ins per the design system; swap for self-hosted files if desired.
* ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Saira:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap');

/* --- Design tokens (ported from the Fightorder design system) ------------- */
:root{
--fo-black:#07060b; --fo-void:#0b0a12; --fo-ink:#12101c;
--fo-panel:#181528; --fo-panel-2:#1f1b31;
--fo-line:#2b2542; --fo-line-strong:#3a3158;
--fo-purple-050:#f3ebff; --fo-purple-200:#d5b8ff; --fo-purple-400:#b98cff;
--fo-purple-500:#a855f7; --fo-purple-600:#9333ea; --fo-purple-700:#7322c7;
--fo-purple-900:#3d1266;
--fo-glow:#c084fc; --fo-glow-cyan:#67e8f9;
--fo-text:#ece9f5; --fo-text-muted:#a49cc4; --fo-text-dim:#6f688c;
--fo-text-on-purple:#faf6ff;
--fo-success:#4ade80; --fo-warning:#fbbf24; --fo-danger:#f87171;

--glow-sm:0 0 8px rgba(168,85,247,.45);
--glow-md:0 0 16px rgba(168,85,247,.55),0 0 2px rgba(192,132,252,.8);
--glow-lg:0 0 32px rgba(168,85,247,.6),0 0 8px rgba(192,132,252,.5);
--glow-text:0 0 12px rgba(192,132,252,.7);
--shadow-card:0 2px 4px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.4);
--bg-bloom:radial-gradient(1200px 600px at 70% -10%,rgba(115,34,199,.28),transparent 60%),radial-gradient(800px 500px at 10% 110%,rgba(147,51,234,.18),transparent 55%),var(--fo-black);
--gradient-purple:linear-gradient(135deg,var(--fo-purple-600),var(--fo-purple-500) 55%,var(--fo-glow));
--hairline-purple:linear-gradient(90deg,transparent,var(--fo-purple-500),transparent);
--ease-out:cubic-bezier(.22,.61,.36,1); --dur:200ms;

--font-display:'Michroma',system-ui,sans-serif;
--font-body:'Saira','Bahnschrift',system-ui,sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,monospace;
--fs-hero:clamp(2.4rem,4.6vw,3.6rem); --fs-h2:1.6rem;
--radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-pill:999px;
--container:1180px;
}

/* --- Nudge Citizen's accents toward the brand ---------------------------- */
/* Citizen exposes these custom properties; recolour links/accents to purple. */
:root .skin-citizen,
:root{
--color-progressive:var(--fo-purple-500);
--color-progressive--hover:var(--fo-purple-400);
--color-progressive--active:var(--fo-purple-600);
--color-link:var(--fo-glow);
--color-link--hover:var(--fo-purple-400);
}

/* Content links across the wiki pick up the glow-violet. */
.mw-body a:not(.fo-btn):not(.new){color:var(--fo-glow)}
.mw-body a:not(.fo-btn):not(.new):hover{color:var(--fo-purple-400)}

/* ==========================================================================
* Main Page components — all scoped under .fo-main so they never leak into
* ordinary articles or the skin chrome.
* ========================================================================== */
.fo-main{font-family:var(--font-body);color:var(--fo-text);line-height:1.6;max-width:var(--container)}
.fo-main :is(h1,h2,h3,h4){font-family:var(--font-display);letter-spacing:.02em;font-weight:400}

/* Hero */
.fo-hero{position:relative;border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:40px 36px;background:radial-gradient(600px 300px at 85% -20%,rgba(115,34,199,.35),transparent 60%),var(--fo-ink);overflow:hidden;box-shadow:var(--shadow-card)}
.fo-hero h1{font-size:var(--fs-hero);line-height:1.1;margin:0 0 10px;text-shadow:var(--glow-text)}
.fo-hero p{max-width:600px;color:var(--fo-text-muted);font-size:1.05rem;margin:0 0 22px}
.fo-hero strong{color:var(--fo-text);font-weight:600}
.fo-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.fo-btn{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;padding:11px 20px;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--dur) var(--ease-out)}
/* wikilinks can't take a class, so each button is a span wrapper and the
inner wikilink is stretched over it for full-button clickability. */
.fo-btn a{color:inherit!important;text-decoration:none}
.fo-btn a::after{content:"";position:absolute;inset:0;z-index:1}
.fo-btn--p,a.fo-btn--p{background:var(--gradient-purple);color:var(--fo-text-on-purple);box-shadow:var(--glow-md)}
.fo-btn--p:hover{box-shadow:var(--glow-lg);color:var(--fo-text-on-purple);text-decoration:none}
.fo-btn--s,a.fo-btn--s{background:var(--fo-panel-2);color:var(--fo-text);border-color:var(--fo-line-strong)}
.fo-btn--s:hover{border-color:var(--fo-purple-500);box-shadow:var(--glow-sm);color:var(--fo-text);text-decoration:none}

/* Stat strip */
.fo-stat{display:flex;gap:26px;flex-wrap:wrap;font-family:var(--font-body);margin-top:26px;padding-top:20px;border-top:1px solid var(--fo-line)}
.fo-stat b{display:block;font-size:1.5rem;color:var(--fo-glow);text-shadow:var(--glow-text);font-weight:600}
.fo-stat span{font-size:.68rem;color:var(--fo-text-dim);letter-spacing:.1em;text-transform:uppercase}

/* Section heading + rule */
.fo-sec{margin-top:40px}
.fo-sec-h{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:var(--fs-h2);margin:0 0 4px}
.fo-sec-h .fo-ic{color:var(--fo-purple-500);font-size:1.35rem}
.fo-rule{height:1px;background:var(--hairline-purple);margin:10px 0 20px;border:0}

/* Portal card grid */
.fo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.fo-card{position:relative;background:var(--fo-panel);border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);transition:all var(--dur) var(--ease-out)}
.fo-card:hover{border-color:var(--fo-purple-500);box-shadow:var(--glow-md)}
.fo-card-ic{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--fo-purple-900);color:var(--fo-glow);margin-bottom:12px}
.fo-card-ic .fo-ic{font-size:20px}
.fo-card-h{font-family:var(--font-display);font-size:1.15rem;margin:0 0 6px}
.fo-card-h a{color:var(--fo-text)!important}
/* stretch the title link across the whole card for full-card clickability */
.fo-card-h a::after{content:"";position:absolute;inset:0;z-index:1}
.fo-card-h a:hover{text-decoration:none;color:var(--fo-glow)!important}
.fo-card-p{margin:0;font-size:.85rem;color:var(--fo-text-muted);line-height:1.5}

/* Two-column: featured + recent */
.fo-two{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:40px}
.fo-panel{background:var(--fo-panel);border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card)}
.fo-panel-h{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.2rem;margin:0 0 14px}
.fo-panel-h .fo-ic{color:var(--fo-purple-500);font-size:1.1rem}
.fo-feat{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--fo-line)}
.fo-feat:last-child{border-bottom:none}
.fo-feat-th{width:70px;height:52px;border-radius:var(--radius-sm);background:var(--gradient-purple);flex:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-sm);color:#fff}
.fo-feat-th .fo-ic{font-size:22px}
.fo-feat h4{margin:0 0 3px;font-size:1rem;color:var(--fo-text)}
.fo-feat p{margin:0;font-size:.8rem;color:var(--fo-text-muted)}
.fo-upd{display:flex;gap:10px;font-size:.85rem;padding:9px 0;border-bottom:1px solid var(--fo-line);align-items:baseline}
.fo-upd:last-child{border:none}
.fo-upd-t{font-family:var(--font-mono);font-size:.7rem;color:var(--fo-text-dim);flex:none;width:52px}
.fo-more{display:inline-block;margin-top:14px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}

/* Responsive: collapse the two-column band on narrow viewports */
@media(max-width:800px){.fo-two{grid-template-columns:1fr}}

/* --- Spring RTS portal ---------------------------------------------------- */
.fo-hero--sub{padding:28px 32px}
.fo-hero--sub h1{font-size:clamp(2rem,3.6vw,2.8rem)}
.fo-dpl ul{columns:3;column-gap:26px;margin:0;padding:0;list-style:none}
@media(max-width:900px){.fo-dpl ul{columns:2}}
@media(max-width:600px){.fo-dpl ul{columns:1}}
.fo-dpl li{break-inside:avoid;padding:5px 0;font-size:.9rem;line-height:1.3;border-bottom:1px solid var(--fo-line)}
.fo-dpl li a{color:var(--fo-glow)}
.fo-dpl li a:hover{color:var(--fo-purple-400)}
.fo-sec-count{font-family:var(--font-mono);font-size:.7rem;color:var(--fo-text-dim);margin-left:8px;font-weight:400}
.fo-dim{color:var(--fo-text-dim)}

/* --- Icon masks (Lucide, ISC-licensed; tinted via currentColor) ---------- */
.fo-ic{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;vertical-align:-.125em;flex:none}
.fo-ic--book-open{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-book-open%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%207v14%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2018a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h5a4%204%200%200%201%204%204%204%204%200%200%201%204-4h5a1%201%200%200%201%201%201v13a1%201%200%200%201-1%201h-6a3%203%200%200%200-3%203%203%203%200%200%200-3-3z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--box{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-box%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M21%208a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016Z%22%20%2F%3E%20%3Cpath%20d%3D%22m3.3%207%208.7%205%208.7-5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2022V12%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--compass{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-compass%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m16.24%207.76-1.804%205.411a2%202%200%200%201-1.265%201.265L7.76%2016.24l1.804-5.411a2%202%200%200%201%201.265-1.265z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--cpu{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-cpu%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M12%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%207h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%207h2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%202v2%22%20%2F%3E%20%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%20%2F%3E%20%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--factory{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-factory%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2019a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V8.5a.5.5%200%200%200-.769-.422l-4.462%202.844A.5.5%200%200%201%2015%2010.5v-2a.5.5%200%200%200-.769-.422L9.77%2010.922A.5.5%200%200%201%209%2010.5V5a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2016h.01%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--gamepad-2{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-gamepad-2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cline%20x1%3D%226%22%20x2%3D%2210%22%20y1%3D%2211%22%20y2%3D%2211%22%20%2F%3E%20%3Cline%20x1%3D%228%22%20x2%3D%228%22%20y1%3D%229%22%20y2%3D%2213%22%20%2F%3E%20%3Cline%20x1%3D%2215%22%20x2%3D%2215.01%22%20y1%3D%2212%22%20y2%3D%2212%22%20%2F%3E%20%3Cline%20x1%3D%2218%22%20x2%3D%2218.01%22%20y1%3D%2210%22%20y2%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M17.32%205H6.68a4%204%200%200%200-3.978%203.59c-.006.052-.01.101-.017.152C2.604%209.416%202%2014.456%202%2016a3%203%200%200%200%203%203c1%200%201.5-.5%202-1l1.414-1.414A2%202%200%200%201%209.828%2016h4.344a2%202%200%200%201%201.414.586L17%2018c.5.5%201%201%202%201a3%203%200%200%200%203-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4%204%200%200%200%2017.32%205z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--git-branch{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-git-branch%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%206a9%209%200%200%200-9%209V3%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--history{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-history%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%209-9%209.75%209.75%200%200%200-6.74%202.74L3%208%22%20%2F%3E%20%3Cpath%20d%3D%22M3%203v5h5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%207v5l4%202%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--list{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-list%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%205h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2012h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2019h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%205h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2012h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2019h13%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--map{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-map%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.106%205.553a2%202%200%200%200%201.788%200l3.659-1.83A1%201%200%200%201%2021%204.619v12.764a1%201%200%200%201-.553.894l-4.553%202.277a2%202%200%200%201-1.788%200l-4.212-2.106a2%202%200%200%200-1.788%200l-3.659%201.83A1%201%200%200%201%203%2019.381V6.618a1%201%200%200%201%20.553-.894l4.553-2.277a2%202%200%200%201%201.788%200z%22%20%2F%3E%20%3Cpath%20d%3D%22M15%205.764v15%22%20%2F%3E%20%3Cpath%20d%3D%22M9%203.236v15%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--rocket{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-rocket%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5%22%20%2F%3E%20%3Cpath%20d%3D%22M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.4%2022.4%200%200%201-4%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012H4s.55-3.03%202-4c1.62-1.08%205%20.05%205%20.05%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--star{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-star%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--swords{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-swords%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpolyline%20points%3D%2214.5%2017.5%203%206%203%203%206%203%2017.5%2014.5%22%20%2F%3E%20%3Cline%20x1%3D%2213%22%20x2%3D%2219%22%20y1%3D%2219%22%20y2%3D%2213%22%20%2F%3E%20%3Cline%20x1%3D%2216%22%20x2%3D%2220%22%20y1%3D%2216%22%20y2%3D%2220%22%20%2F%3E%20%3Cline%20x1%3D%2219%22%20x2%3D%2221%22%20y1%3D%2221%22%20y2%3D%2219%22%20%2F%3E%20%3Cpolyline%20points%3D%2214.5%206.5%2018%203%2021%203%2021%206%2017.5%209.5%22%20%2F%3E%20%3Cline%20x1%3D%225%22%20x2%3D%229%22%20y1%3D%2214%22%20y2%3D%2218%22%20%2F%3E%20%3Cline%20x1%3D%227%22%20x2%3D%224%22%20y1%3D%2217%22%20y2%3D%2220%22%20%2F%3E%20%3Cline%20x1%3D%223%22%20x2%3D%225%22%20y1%3D%2219%22%20y2%3D%2221%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--terminal{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-terminal%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2019h8%22%20%2F%3E%20%3Cpath%20d%3D%22m4%2017%206-6-6-6%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--wrench{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-wrench%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.106-3.105c.32-.322.863-.22.983.218a6%206%200%200%201-8.259%207.057l-7.91%207.91a1%201%200%200%201-2.999-3l7.91-7.91a6%206%200%200%201%207.057-8.259c.438.12.54.662.219.984z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--zap{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-zap%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%20%2F%3E%20%3C%2Fsvg%3E")}

Modding

2026-07-23T00:21:18Z

FightorderAdmin: Brand redirect (GitHub Actions)

#REDIRECT [[Gamedev:Main]]

Spring RTS

2026-07-23T00:21:16Z

FightorderAdmin: Deploy from repo (GitHub Actions)

<div class="fo-main">
<div class="fo-hero fo-hero--sub">
<h1>Spring RTS</h1>
<p>The original <strong>Spring</strong> engine knowledge base — {{NUMBEROFARTICLES}} articles on strategy, games, maps, modding, Lua, AI, and engine internals, imported and preserved from the Spring wiki. Every section below is built live from the wiki's categories.</p>
<div class="fo-cta"><span class="fo-btn fo-btn--s"><span class="fo-ic fo-ic--list"></span>[[Special:Categories|All categories]]</span><span class="fo-btn fo-btn--s"><span class="fo-ic fo-ic--history"></span>[[Special:RecentChanges|Recent changes]]</span></div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--book-open"></span>Getting Started</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Tutorial|FAQ|Help|Playing|namespace=Main|count=50|ordermethod=title|order=ascending|mode=userformat|listseparators=,<div class="fo-dpl-item">,</div>,|noresultsheader=<span class="fo-dim">No pages yet.</span>}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--swords"></span>Strategy & Gameplay</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Strategy|namespace=Main|count=50|ordermethod=title|order=ascending|mode=userformat|listseparators=,<div class="fo-dpl-item">,</div>,|noresultsheader=<span class="fo-dim">No pages yet.</span>}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--gamepad-2"></span>Games & Mods</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Games|Mods|Balanced Annihilation|Xta|Expand and Exterminate|namespace=Main|count=80|ordermethod=title|order=ascending|mode=userformat|listseparators=,<div class="fo-dpl-item">,</div>,|noresultsheader=<span class="fo-dim">No pages yet.</span>}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--map"></span>Maps</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Map Dev|Map making|Maps|Map Tools|namespace=Main|count=80|ordermethod=title|order=ascending|mode=userformat|listseparators=,<div class="fo-dpl-item">,</div>,|noresultsheader=<span class="fo-dim">No pages yet.</span>}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--box"></span>Content Development</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Game Dev|Gamedata|3D Models|Animation|CEG|namespace=Main|count=80|ordermethod=title|order=ascending|mode=userformat|listseparators=,<div class="fo-dpl-item">,</div>,|noresultsheader=<span class="fo-dim">No pages yet.</span>}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--terminal"></span>Lua Scripting</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Lua|Libraries|namespace=Main|count=80|ordermethod=title|order=ascending|mode=userformat|listseparators=,<div class="fo-dpl-item">,</div>,|noresultsheader=<span class="fo-dim">No pages yet.</span>}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--cpu"></span>AI</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=AI|AI Dev|AIWrapper|namespace=Main|count=80|ordermethod=title|order=ascending|mode=userformat|listseparators=,<div class="fo-dpl-item">,</div>,|noresultsheader=<span class="fo-dim">No pages yet.</span>}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--git-branch"></span>Engine & Core Dev</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Spring|Engine Dev|Development|namespace=Main|count=80|ordermethod=title|order=ascending|mode=userformat|listseparators=,<div class="fo-dpl-item">,</div>,|noresultsheader=<span class="fo-dim">No pages yet.</span>}}</div>
</div>

<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--wrench"></span>Lobby & Infrastructure</div>
<hr class="fo-rule">
<div class="fo-dpl">{{#dpl:|category=Lobby|Download Systems|Autohosts|Buildbot|namespace=Main|count=80|ordermethod=title|order=ascending|mode=userformat|listseparators=,<div class="fo-dpl-item">,</div>,|noresultsheader=<span class="fo-dim">No pages yet.</span>}}</div>
</div>
</div>
__NOTOC__ __NOEDITSECTION__

MediaWiki:Sidebar

2026-07-23T00:21:14Z

FightorderAdmin: Deploy from repo (GitHub Actions)

# MediaWiki:Sidebar — Citizen reads this for the left navigation on every page.
# Managed in the repo (content/Sidebar.wikitext), deployed via import_content.
* navigation
** Main Page|Home
** Spring RTS|Spring RTS
** Special:RecentChanges|Recent changes
** Special:Random|Random page
** Special:Categories|All categories

* Spring RTS
** Spring RTS|Portal home
** Category:Tutorial|Getting started
** Category:Strategy|Strategy & gameplay
** Category:Mods|Games & mods
** Category:Map Dev|Maps
** Category:Game Dev|Content development
** Category:Lua|Lua scripting
** Category:AI|AI
** Category:Spring|Engine & core
** Category:Lobby|Lobby & infrastructure

* SEARCH
* TOOLBOX

MediaWiki:Common.css

2026-07-23T00:21:13Z

FightorderAdmin: Deploy from repo (GitHub Actions)

/* ============================================================================
* FIGHTORDER — sitewide theme (MediaWiki:Common.css)
* Purple-glow-on-black RTS-wiki aesthetic, layered over the Citizen skin.
* Managed in the repo at content/Common.css and deployed via GitHub Actions
* (workflow_dispatch -> import_content=true). Edits made here in-wiki will be
* overwritten on the next content import.
*
* Fonts (Michroma / Saira / JetBrains Mono) are loaded from Google Fonts as
* stand-ins per the design system; swap for self-hosted files if desired.
* ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Saira:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap');

/* --- Design tokens (ported from the Fightorder design system) ------------- */
:root{
--fo-black:#07060b; --fo-void:#0b0a12; --fo-ink:#12101c;
--fo-panel:#181528; --fo-panel-2:#1f1b31;
--fo-line:#2b2542; --fo-line-strong:#3a3158;
--fo-purple-050:#f3ebff; --fo-purple-200:#d5b8ff; --fo-purple-400:#b98cff;
--fo-purple-500:#a855f7; --fo-purple-600:#9333ea; --fo-purple-700:#7322c7;
--fo-purple-900:#3d1266;
--fo-glow:#c084fc; --fo-glow-cyan:#67e8f9;
--fo-text:#ece9f5; --fo-text-muted:#a49cc4; --fo-text-dim:#6f688c;
--fo-text-on-purple:#faf6ff;
--fo-success:#4ade80; --fo-warning:#fbbf24; --fo-danger:#f87171;

--glow-sm:0 0 8px rgba(168,85,247,.45);
--glow-md:0 0 16px rgba(168,85,247,.55),0 0 2px rgba(192,132,252,.8);
--glow-lg:0 0 32px rgba(168,85,247,.6),0 0 8px rgba(192,132,252,.5);
--glow-text:0 0 12px rgba(192,132,252,.7);
--shadow-card:0 2px 4px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.4);
--bg-bloom:radial-gradient(1200px 600px at 70% -10%,rgba(115,34,199,.28),transparent 60%),radial-gradient(800px 500px at 10% 110%,rgba(147,51,234,.18),transparent 55%),var(--fo-black);
--gradient-purple:linear-gradient(135deg,var(--fo-purple-600),var(--fo-purple-500) 55%,var(--fo-glow));
--hairline-purple:linear-gradient(90deg,transparent,var(--fo-purple-500),transparent);
--ease-out:cubic-bezier(.22,.61,.36,1); --dur:200ms;

--font-display:'Michroma',system-ui,sans-serif;
--font-body:'Saira','Bahnschrift',system-ui,sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,monospace;
--fs-hero:clamp(2.4rem,4.6vw,3.6rem); --fs-h2:1.6rem;
--radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-pill:999px;
--container:1180px;
}

/* --- Nudge Citizen's accents toward the brand ---------------------------- */
/* Citizen exposes these custom properties; recolour links/accents to purple. */
:root .skin-citizen,
:root{
--color-progressive:var(--fo-purple-500);
--color-progressive--hover:var(--fo-purple-400);
--color-progressive--active:var(--fo-purple-600);
--color-link:var(--fo-glow);
--color-link--hover:var(--fo-purple-400);
}

/* Content links across the wiki pick up the glow-violet. */
.mw-body a:not(.fo-btn):not(.new){color:var(--fo-glow)}
.mw-body a:not(.fo-btn):not(.new):hover{color:var(--fo-purple-400)}

/* ==========================================================================
* Main Page components — all scoped under .fo-main so they never leak into
* ordinary articles or the skin chrome.
* ========================================================================== */
.fo-main{font-family:var(--font-body);color:var(--fo-text);line-height:1.6;max-width:var(--container)}
.fo-main :is(h1,h2,h3,h4){font-family:var(--font-display);letter-spacing:.02em;font-weight:400}

/* Hero */
.fo-hero{position:relative;border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:40px 36px;background:radial-gradient(600px 300px at 85% -20%,rgba(115,34,199,.35),transparent 60%),var(--fo-ink);overflow:hidden;box-shadow:var(--shadow-card)}
.fo-hero h1{font-size:var(--fs-hero);line-height:1.1;margin:0 0 10px;text-shadow:var(--glow-text)}
.fo-hero p{max-width:600px;color:var(--fo-text-muted);font-size:1.05rem;margin:0 0 22px}
.fo-hero strong{color:var(--fo-text);font-weight:600}
.fo-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.fo-btn{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;padding:11px 20px;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--dur) var(--ease-out)}
/* wikilinks can't take a class, so each button is a span wrapper and the
inner wikilink is stretched over it for full-button clickability. */
.fo-btn a{color:inherit!important;text-decoration:none}
.fo-btn a::after{content:"";position:absolute;inset:0;z-index:1}
.fo-btn--p,a.fo-btn--p{background:var(--gradient-purple);color:var(--fo-text-on-purple);box-shadow:var(--glow-md)}
.fo-btn--p:hover{box-shadow:var(--glow-lg);color:var(--fo-text-on-purple);text-decoration:none}
.fo-btn--s,a.fo-btn--s{background:var(--fo-panel-2);color:var(--fo-text);border-color:var(--fo-line-strong)}
.fo-btn--s:hover{border-color:var(--fo-purple-500);box-shadow:var(--glow-sm);color:var(--fo-text);text-decoration:none}

/* Stat strip */
.fo-stat{display:flex;gap:26px;flex-wrap:wrap;font-family:var(--font-body);margin-top:26px;padding-top:20px;border-top:1px solid var(--fo-line)}
.fo-stat b{display:block;font-size:1.5rem;color:var(--fo-glow);text-shadow:var(--glow-text);font-weight:600}
.fo-stat span{font-size:.68rem;color:var(--fo-text-dim);letter-spacing:.1em;text-transform:uppercase}

/* Section heading + rule */
.fo-sec{margin-top:40px}
.fo-sec-h{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:var(--fs-h2);margin:0 0 4px}
.fo-sec-h .fo-ic{color:var(--fo-purple-500);font-size:1.35rem}
.fo-rule{height:1px;background:var(--hairline-purple);margin:10px 0 20px;border:0}

/* Portal card grid */
.fo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.fo-card{position:relative;background:var(--fo-panel);border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);transition:all var(--dur) var(--ease-out)}
.fo-card:hover{border-color:var(--fo-purple-500);box-shadow:var(--glow-md)}
.fo-card-ic{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--fo-purple-900);color:var(--fo-glow);margin-bottom:12px}
.fo-card-ic .fo-ic{font-size:20px}
.fo-card-h{font-family:var(--font-display);font-size:1.15rem;margin:0 0 6px}
.fo-card-h a{color:var(--fo-text)!important}
/* stretch the title link across the whole card for full-card clickability */
.fo-card-h a::after{content:"";position:absolute;inset:0;z-index:1}
.fo-card-h a:hover{text-decoration:none;color:var(--fo-glow)!important}
.fo-card-p{margin:0;font-size:.85rem;color:var(--fo-text-muted);line-height:1.5}

/* Two-column: featured + recent */
.fo-two{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:40px}
.fo-panel{background:var(--fo-panel);border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card)}
.fo-panel-h{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.2rem;margin:0 0 14px}
.fo-panel-h .fo-ic{color:var(--fo-purple-500);font-size:1.1rem}
.fo-feat{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--fo-line)}
.fo-feat:last-child{border-bottom:none}
.fo-feat-th{width:70px;height:52px;border-radius:var(--radius-sm);background:var(--gradient-purple);flex:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-sm);color:#fff}
.fo-feat-th .fo-ic{font-size:22px}
.fo-feat h4{margin:0 0 3px;font-size:1rem;color:var(--fo-text)}
.fo-feat p{margin:0;font-size:.8rem;color:var(--fo-text-muted)}
.fo-upd{display:flex;gap:10px;font-size:.85rem;padding:9px 0;border-bottom:1px solid var(--fo-line);align-items:baseline}
.fo-upd:last-child{border:none}
.fo-upd-t{font-family:var(--font-mono);font-size:.7rem;color:var(--fo-text-dim);flex:none;width:52px}
.fo-more{display:inline-block;margin-top:14px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}

/* Responsive: collapse the two-column band on narrow viewports */
@media(max-width:800px){.fo-two{grid-template-columns:1fr}}

/* --- Spring RTS portal ---------------------------------------------------- */
.fo-hero--sub{padding:28px 32px}
.fo-hero--sub h1{font-size:clamp(2rem,3.6vw,2.8rem)}
.fo-dpl{columns:3;column-gap:26px;margin:0}
@media(max-width:900px){.fo-dpl{columns:2}}
@media(max-width:600px){.fo-dpl{columns:1}}
.fo-dpl .fo-dpl-item{break-inside:avoid;padding:5px 0;font-size:.9rem;line-height:1.3;border-bottom:1px solid var(--fo-line)}
.fo-dpl .fo-dpl-item a{color:var(--fo-glow)}
.fo-dpl .fo-dpl-item a:hover{color:var(--fo-purple-400)}
.fo-sec-count{font-family:var(--font-mono);font-size:.7rem;color:var(--fo-text-dim);margin-left:8px;font-weight:400}
.fo-dim{color:var(--fo-text-dim)}

/* --- Icon masks (Lucide, ISC-licensed; tinted via currentColor) ---------- */
.fo-ic{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;vertical-align:-.125em;flex:none}
.fo-ic--book-open{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-book-open%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%207v14%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2018a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h5a4%204%200%200%201%204%204%204%204%200%200%201%204-4h5a1%201%200%200%201%201%201v13a1%201%200%200%201-1%201h-6a3%203%200%200%200-3%203%203%203%200%200%200-3-3z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--box{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-box%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M21%208a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016Z%22%20%2F%3E%20%3Cpath%20d%3D%22m3.3%207%208.7%205%208.7-5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2022V12%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--compass{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-compass%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m16.24%207.76-1.804%205.411a2%202%200%200%201-1.265%201.265L7.76%2016.24l1.804-5.411a2%202%200%200%201%201.265-1.265z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--cpu{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-cpu%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M12%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%207h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%207h2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%202v2%22%20%2F%3E%20%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%20%2F%3E%20%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--factory{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-factory%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2019a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V8.5a.5.5%200%200%200-.769-.422l-4.462%202.844A.5.5%200%200%201%2015%2010.5v-2a.5.5%200%200%200-.769-.422L9.77%2010.922A.5.5%200%200%201%209%2010.5V5a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2016h.01%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--gamepad-2{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-gamepad-2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cline%20x1%3D%226%22%20x2%3D%2210%22%20y1%3D%2211%22%20y2%3D%2211%22%20%2F%3E%20%3Cline%20x1%3D%228%22%20x2%3D%228%22%20y1%3D%229%22%20y2%3D%2213%22%20%2F%3E%20%3Cline%20x1%3D%2215%22%20x2%3D%2215.01%22%20y1%3D%2212%22%20y2%3D%2212%22%20%2F%3E%20%3Cline%20x1%3D%2218%22%20x2%3D%2218.01%22%20y1%3D%2210%22%20y2%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M17.32%205H6.68a4%204%200%200%200-3.978%203.59c-.006.052-.01.101-.017.152C2.604%209.416%202%2014.456%202%2016a3%203%200%200%200%203%203c1%200%201.5-.5%202-1l1.414-1.414A2%202%200%200%201%209.828%2016h4.344a2%202%200%200%201%201.414.586L17%2018c.5.5%201%201%202%201a3%203%200%200%200%203-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4%204%200%200%200%2017.32%205z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--git-branch{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-git-branch%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%206a9%209%200%200%200-9%209V3%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--history{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-history%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%209-9%209.75%209.75%200%200%200-6.74%202.74L3%208%22%20%2F%3E%20%3Cpath%20d%3D%22M3%203v5h5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%207v5l4%202%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--list{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-list%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%205h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2012h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2019h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%205h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2012h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2019h13%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--map{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-map%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.106%205.553a2%202%200%200%200%201.788%200l3.659-1.83A1%201%200%200%201%2021%204.619v12.764a1%201%200%200%201-.553.894l-4.553%202.277a2%202%200%200%201-1.788%200l-4.212-2.106a2%202%200%200%200-1.788%200l-3.659%201.83A1%201%200%200%201%203%2019.381V6.618a1%201%200%200%201%20.553-.894l4.553-2.277a2%202%200%200%201%201.788%200z%22%20%2F%3E%20%3Cpath%20d%3D%22M15%205.764v15%22%20%2F%3E%20%3Cpath%20d%3D%22M9%203.236v15%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--rocket{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-rocket%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5%22%20%2F%3E%20%3Cpath%20d%3D%22M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.4%2022.4%200%200%201-4%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012H4s.55-3.03%202-4c1.62-1.08%205%20.05%205%20.05%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--star{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-star%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--swords{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-swords%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpolyline%20points%3D%2214.5%2017.5%203%206%203%203%206%203%2017.5%2014.5%22%20%2F%3E%20%3Cline%20x1%3D%2213%22%20x2%3D%2219%22%20y1%3D%2219%22%20y2%3D%2213%22%20%2F%3E%20%3Cline%20x1%3D%2216%22%20x2%3D%2220%22%20y1%3D%2216%22%20y2%3D%2220%22%20%2F%3E%20%3Cline%20x1%3D%2219%22%20x2%3D%2221%22%20y1%3D%2221%22%20y2%3D%2219%22%20%2F%3E%20%3Cpolyline%20points%3D%2214.5%206.5%2018%203%2021%203%2021%206%2017.5%209.5%22%20%2F%3E%20%3Cline%20x1%3D%225%22%20x2%3D%229%22%20y1%3D%2214%22%20y2%3D%2218%22%20%2F%3E%20%3Cline%20x1%3D%227%22%20x2%3D%224%22%20y1%3D%2217%22%20y2%3D%2220%22%20%2F%3E%20%3Cline%20x1%3D%223%22%20x2%3D%225%22%20y1%3D%2219%22%20y2%3D%2221%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--terminal{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-terminal%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2019h8%22%20%2F%3E%20%3Cpath%20d%3D%22m4%2017%206-6-6-6%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--wrench{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-wrench%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.106-3.105c.32-.322.863-.22.983.218a6%206%200%200%201-8.259%207.057l-7.91%207.91a1%201%200%200%201-2.999-3l7.91-7.91a6%206%200%200%201%207.057-8.259c.438.12.54.662.219.984z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--zap{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-zap%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%20%2F%3E%20%3C%2Fsvg%3E")}

Modding

2026-07-23T00:12:41Z

FightorderAdmin: Brand redirect (GitHub Actions)

#REDIRECT [[Mod and Unit development]]

Commands

2026-07-23T00:12:39Z

FightorderAdmin: Brand redirect (GitHub Actions)

#REDIRECT [[Command Reference]]

Lua API

2026-07-23T00:12:37Z

FightorderAdmin: Brand redirect (GitHub Actions)

#REDIRECT [[Lua:Main]]

Spring RTS

2026-07-23T00:12:36Z

FightorderAdmin: Brand redirect (GitHub Actions)

#REDIRECT [[Spring]]

Main Page

2026-07-23T00:12:34Z

FightorderAdmin: Deploy from repo (GitHub Actions)

<div class="fo-main">
<div class="fo-hero">
<h1>FIGHTORDER</h1>
<p>The community knowledge base for the <strong>Spring RTS</strong> and <strong>Recoil</strong> engines and the games built on them — commands, units, mechanics, maps, and modding.</p>
<div class="fo-cta"><span class="fo-btn fo-btn--s"><span class="fo-ic fo-ic--list"></span>[[Special:AllPages|Browse all pages]]</span></div>
<div class="fo-stat"><div><b>{{NUMBEROFARTICLES}}</b><span>Articles</span></div><div><b>{{NUMBEROFEDITS}}</b><span>Edits</span></div><div><b>{{NUMBEROFACTIVEUSERS}}</b><span>Editors</span></div></div>
</div>
<div class="fo-two">
<div class="fo-panel">
<div class="fo-panel-h"><span class="fo-ic fo-ic--star"></span>Featured articles</div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--swords"></span></div><div><h4>[[Fight|The Fight command]]</h4><p>Move-and-engage: how attack-move differs from raw move, and when to queue it.</p></div></div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--zap"></span></div><div><h4>[[Commander|D-gun & commander play]]</h4><p>Timing the disintegrator, avoiding com-drops, and reclaim micro.</p></div></div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--factory"></span></div><div><h4>[[Economy|Economy fundamentals]]</h4><p>Metal vs energy, overdrive, and expanding without stalling.</p></div></div>
</div>
<div class="fo-panel">
<div class="fo-panel-h"><span class="fo-ic fo-ic--history"></span>Recent changes</div>
{{#dpl:
|namespace=Main
|ordermethod=lastedit
|order=descending
|count=7
|mode=userformat
|noresultsheader=<div class="fo-upd"><span class="fo-upd-t">wiki</span><div>No edits yet — start writing the wiki!</div></div>
|listseparators=,<div class="fo-upd"><span class="fo-upd-t">edit</span><div>,</div></div>,
}}
<span class="fo-more">[[Special:RecentChanges|→ See all recent changes]]</span>
</div>
</div>
<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--gamepad-2"></span>Games</div>
<hr class="fo-rule">
<div class="fo-grid">
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--gamepad-2"></span></div><div class="fo-card-h">[[Zero-K]]</div><p class="fo-card-p">Open-source RTS with physics projectiles, no unit build limits, and deep commander customization.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--swords"></span></div><div class="fo-card-h">[[Beyond All Reason]]</div><p class="fo-card-p">BAR — large-scale modern RTS on the Recoil engine, free and community-driven.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--box"></span></div><div class="fo-card-h">[[NOTA]]</div><p class="fo-card-p">None Of The Above — a tightly-balanced annihilation-style total conversion.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--terminal"></span></div><div class="fo-card-h">[[Kernel Panic]]</div><p class="fo-card-p">Minimalist computer-themed RTS — three sides, no economy, pure tactics.</p></div>
</div>
</div>
<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--cpu"></span>Engines</div>
<hr class="fo-rule">
<div class="fo-grid">
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--cpu"></span></div><div class="fo-card-h">[[Recoil Engine]]</div><p class="fo-card-p">The actively-developed fork powering Beyond All Reason and modern titles.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--git-branch"></span></div><div class="fo-card-h">[[Spring RTS]]</div><p class="fo-card-p">The original engine and the heritage this wiki is preserving.</p></div>
</div>
</div>
</div>
__NOTOC__ __NOEDITSECTION__

Main Page

2026-07-21T11:42:23Z

FightorderAdmin: Deploy from repo (GitHub Actions)

<div class="fo-main">
<div class="fo-hero">
<h1>FIGHTORDER</h1>
<p>The community knowledge base for the <strong>Spring RTS</strong> and <strong>Recoil</strong> engines and the games built on them — commands, units, mechanics, maps, and modding.</p>
<div class="fo-cta"><span class="fo-btn fo-btn--s"><span class="fo-ic fo-ic--list"></span>[[Special:AllPages|Browse all pages]]</span></div>
<div class="fo-stat"><div><b>{{NUMBEROFARTICLES}}</b><span>Articles</span></div><div><b>{{NUMBEROFEDITS}}</b><span>Edits</span></div><div><b>{{NUMBEROFACTIVEUSERS}}</b><span>Editors</span></div></div>
</div>
<div class="fo-two">
<div class="fo-panel">
<div class="fo-panel-h"><span class="fo-ic fo-ic--star"></span>Featured articles</div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--swords"></span></div><div><h4>[[Fight|The Fight command]]</h4><p>Move-and-engage: how attack-move differs from raw move, and when to queue it.</p></div></div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--zap"></span></div><div><h4>[[Commander|D-gun & commander play]]</h4><p>Timing the disintegrator, avoiding com-drops, and reclaim micro.</p></div></div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--factory"></span></div><div><h4>[[Economy|Economy fundamentals]]</h4><p>Metal vs energy, overdrive, and expanding without stalling.</p></div></div>
</div>
<div class="fo-panel">
<div class="fo-panel-h"><span class="fo-ic fo-ic--history"></span>Recent changes</div>
{{#dpl:
|namespace=Main
|ordermethod=lastedit
|order=descending
|count=7
|mode=userformat
|noresultsheader=<div class="fo-upd"><span class="fo-upd-t">wiki</span><div>No edits yet — start writing the wiki!</div></div>
|listseparators=,<div class="fo-upd"><span class="fo-upd-t">edit</span><div>,</div></div>,
}}
<span class="fo-more">[[Special:RecentChanges|→ See all recent changes]]</span>
</div>
</div>
<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--gamepad-2"></span>Games</div>
<hr class="fo-rule">
<div class="fo-grid">
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--gamepad-2"></span></div><div class="fo-card-h">[[Zero-K]]</div><p class="fo-card-p">Open-source RTS with physics projectiles, no unit build limits, and deep commander customization.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--swords"></span></div><div class="fo-card-h">[[Beyond All Reason]]</div><p class="fo-card-p">BAR — large-scale modern RTS on the Recoil engine, free and community-driven.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--box"></span></div><div class="fo-card-h">[[NOTA]]</div><p class="fo-card-p">None Of The Above — a tightly-balanced annihilation-style total conversion.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--terminal"></span></div><div class="fo-card-h">[[Kernel Panic]]</div><p class="fo-card-p">Minimalist computer-themed RTS — three sides, no economy, pure tactics.</p></div>
</div>
</div>
<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--cpu"></span>Engines</div>
<hr class="fo-rule">
<div class="fo-grid">
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--cpu"></span></div><div class="fo-card-h">[[Recoil Engine]]</div><p class="fo-card-p">The actively-developed fork powering Beyond All Reason and modern titles.</p></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--git-branch"></span></div><div class="fo-card-h">[[Spring RTS]]</div><p class="fo-card-p">The original engine and the heritage this wiki is preserving.</p></div>
</div>
</div>
</div>
__NOTOC__ __NOEDITSECTION__

MediaWiki:Common.css

2026-07-21T11:42:22Z

FightorderAdmin: Deploy from repo (GitHub Actions)

/* ============================================================================
* FIGHTORDER — sitewide theme (MediaWiki:Common.css)
* Purple-glow-on-black RTS-wiki aesthetic, layered over the Citizen skin.
* Managed in the repo at content/Common.css and deployed via GitHub Actions
* (workflow_dispatch -> import_content=true). Edits made here in-wiki will be
* overwritten on the next content import.
*
* Fonts (Michroma / Saira / JetBrains Mono) are loaded from Google Fonts as
* stand-ins per the design system; swap for self-hosted files if desired.
* ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Saira:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap');

/* --- Design tokens (ported from the Fightorder design system) ------------- */
:root{
--fo-black:#07060b; --fo-void:#0b0a12; --fo-ink:#12101c;
--fo-panel:#181528; --fo-panel-2:#1f1b31;
--fo-line:#2b2542; --fo-line-strong:#3a3158;
--fo-purple-050:#f3ebff; --fo-purple-200:#d5b8ff; --fo-purple-400:#b98cff;
--fo-purple-500:#a855f7; --fo-purple-600:#9333ea; --fo-purple-700:#7322c7;
--fo-purple-900:#3d1266;
--fo-glow:#c084fc; --fo-glow-cyan:#67e8f9;
--fo-text:#ece9f5; --fo-text-muted:#a49cc4; --fo-text-dim:#6f688c;
--fo-text-on-purple:#faf6ff;
--fo-success:#4ade80; --fo-warning:#fbbf24; --fo-danger:#f87171;

--glow-sm:0 0 8px rgba(168,85,247,.45);
--glow-md:0 0 16px rgba(168,85,247,.55),0 0 2px rgba(192,132,252,.8);
--glow-lg:0 0 32px rgba(168,85,247,.6),0 0 8px rgba(192,132,252,.5);
--glow-text:0 0 12px rgba(192,132,252,.7);
--shadow-card:0 2px 4px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.4);
--bg-bloom:radial-gradient(1200px 600px at 70% -10%,rgba(115,34,199,.28),transparent 60%),radial-gradient(800px 500px at 10% 110%,rgba(147,51,234,.18),transparent 55%),var(--fo-black);
--gradient-purple:linear-gradient(135deg,var(--fo-purple-600),var(--fo-purple-500) 55%,var(--fo-glow));
--hairline-purple:linear-gradient(90deg,transparent,var(--fo-purple-500),transparent);
--ease-out:cubic-bezier(.22,.61,.36,1); --dur:200ms;

--font-display:'Michroma',system-ui,sans-serif;
--font-body:'Saira','Bahnschrift',system-ui,sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,monospace;
--fs-hero:clamp(2.4rem,4.6vw,3.6rem); --fs-h2:1.6rem;
--radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-pill:999px;
--container:1180px;
}

/* --- Nudge Citizen's accents toward the brand ---------------------------- */
/* Citizen exposes these custom properties; recolour links/accents to purple. */
:root .skin-citizen,
:root{
--color-progressive:var(--fo-purple-500);
--color-progressive--hover:var(--fo-purple-400);
--color-progressive--active:var(--fo-purple-600);
--color-link:var(--fo-glow);
--color-link--hover:var(--fo-purple-400);
}

/* Content links across the wiki pick up the glow-violet. */
.mw-body a:not(.fo-btn):not(.new){color:var(--fo-glow)}
.mw-body a:not(.fo-btn):not(.new):hover{color:var(--fo-purple-400)}

/* ==========================================================================
* Main Page components — all scoped under .fo-main so they never leak into
* ordinary articles or the skin chrome.
* ========================================================================== */
.fo-main{font-family:var(--font-body);color:var(--fo-text);line-height:1.6;max-width:var(--container)}
.fo-main :is(h1,h2,h3,h4){font-family:var(--font-display);letter-spacing:.02em;font-weight:400}

/* Hero */
.fo-hero{position:relative;border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:40px 36px;background:radial-gradient(600px 300px at 85% -20%,rgba(115,34,199,.35),transparent 60%),var(--fo-ink);overflow:hidden;box-shadow:var(--shadow-card)}
.fo-hero h1{font-size:var(--fs-hero);line-height:1.1;margin:0 0 10px;text-shadow:var(--glow-text)}
.fo-hero p{max-width:600px;color:var(--fo-text-muted);font-size:1.05rem;margin:0 0 22px}
.fo-hero strong{color:var(--fo-text);font-weight:600}
.fo-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.fo-btn{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;padding:11px 20px;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--dur) var(--ease-out)}
/* wikilinks can't take a class, so each button is a span wrapper and the
inner wikilink is stretched over it for full-button clickability. */
.fo-btn a{color:inherit!important;text-decoration:none}
.fo-btn a::after{content:"";position:absolute;inset:0;z-index:1}
.fo-btn--p,a.fo-btn--p{background:var(--gradient-purple);color:var(--fo-text-on-purple);box-shadow:var(--glow-md)}
.fo-btn--p:hover{box-shadow:var(--glow-lg);color:var(--fo-text-on-purple);text-decoration:none}
.fo-btn--s,a.fo-btn--s{background:var(--fo-panel-2);color:var(--fo-text);border-color:var(--fo-line-strong)}
.fo-btn--s:hover{border-color:var(--fo-purple-500);box-shadow:var(--glow-sm);color:var(--fo-text);text-decoration:none}

/* Stat strip */
.fo-stat{display:flex;gap:26px;flex-wrap:wrap;font-family:var(--font-body);margin-top:26px;padding-top:20px;border-top:1px solid var(--fo-line)}
.fo-stat b{display:block;font-size:1.5rem;color:var(--fo-glow);text-shadow:var(--glow-text);font-weight:600}
.fo-stat span{font-size:.68rem;color:var(--fo-text-dim);letter-spacing:.1em;text-transform:uppercase}

/* Section heading + rule */
.fo-sec{margin-top:40px}
.fo-sec-h{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:var(--fs-h2);margin:0 0 4px}
.fo-sec-h .fo-ic{color:var(--fo-purple-500);font-size:1.35rem}
.fo-rule{height:1px;background:var(--hairline-purple);margin:10px 0 20px;border:0}

/* Portal card grid */
.fo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.fo-card{position:relative;background:var(--fo-panel);border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);transition:all var(--dur) var(--ease-out)}
.fo-card:hover{border-color:var(--fo-purple-500);box-shadow:var(--glow-md)}
.fo-card-ic{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--fo-purple-900);color:var(--fo-glow);margin-bottom:12px}
.fo-card-ic .fo-ic{font-size:20px}
.fo-card-h{font-family:var(--font-display);font-size:1.15rem;margin:0 0 6px}
.fo-card-h a{color:var(--fo-text)!important}
/* stretch the title link across the whole card for full-card clickability */
.fo-card-h a::after{content:"";position:absolute;inset:0;z-index:1}
.fo-card-h a:hover{text-decoration:none;color:var(--fo-glow)!important}
.fo-card-p{margin:0;font-size:.85rem;color:var(--fo-text-muted);line-height:1.5}

/* Two-column: featured + recent */
.fo-two{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:40px}
.fo-panel{background:var(--fo-panel);border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card)}
.fo-panel-h{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.2rem;margin:0 0 14px}
.fo-panel-h .fo-ic{color:var(--fo-purple-500);font-size:1.1rem}
.fo-feat{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--fo-line)}
.fo-feat:last-child{border-bottom:none}
.fo-feat-th{width:70px;height:52px;border-radius:var(--radius-sm);background:var(--gradient-purple);flex:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-sm);color:#fff}
.fo-feat-th .fo-ic{font-size:22px}
.fo-feat h4{margin:0 0 3px;font-size:1rem;color:var(--fo-text)}
.fo-feat p{margin:0;font-size:.8rem;color:var(--fo-text-muted)}
.fo-upd{display:flex;gap:10px;font-size:.85rem;padding:9px 0;border-bottom:1px solid var(--fo-line);align-items:baseline}
.fo-upd:last-child{border:none}
.fo-upd-t{font-family:var(--font-mono);font-size:.7rem;color:var(--fo-text-dim);flex:none;width:52px}
.fo-more{display:inline-block;margin-top:14px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}

/* Responsive: collapse the two-column band on narrow viewports */
@media(max-width:800px){.fo-two{grid-template-columns:1fr}}

/* --- Icon masks (Lucide, ISC-licensed; tinted via currentColor) ---------- */
.fo-ic{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;vertical-align:-.125em;flex:none}
.fo-ic--book-open{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-book-open%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%207v14%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2018a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h5a4%204%200%200%201%204%204%204%204%200%200%201%204-4h5a1%201%200%200%201%201%201v13a1%201%200%200%201-1%201h-6a3%203%200%200%200-3%203%203%203%200%200%200-3-3z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--box{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-box%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M21%208a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016Z%22%20%2F%3E%20%3Cpath%20d%3D%22m3.3%207%208.7%205%208.7-5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2022V12%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--compass{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-compass%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m16.24%207.76-1.804%205.411a2%202%200%200%201-1.265%201.265L7.76%2016.24l1.804-5.411a2%202%200%200%201%201.265-1.265z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--cpu{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-cpu%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M12%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%207h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%207h2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%202v2%22%20%2F%3E%20%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%20%2F%3E%20%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--factory{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-factory%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2019a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V8.5a.5.5%200%200%200-.769-.422l-4.462%202.844A.5.5%200%200%201%2015%2010.5v-2a.5.5%200%200%200-.769-.422L9.77%2010.922A.5.5%200%200%201%209%2010.5V5a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2016h.01%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--gamepad-2{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-gamepad-2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cline%20x1%3D%226%22%20x2%3D%2210%22%20y1%3D%2211%22%20y2%3D%2211%22%20%2F%3E%20%3Cline%20x1%3D%228%22%20x2%3D%228%22%20y1%3D%229%22%20y2%3D%2213%22%20%2F%3E%20%3Cline%20x1%3D%2215%22%20x2%3D%2215.01%22%20y1%3D%2212%22%20y2%3D%2212%22%20%2F%3E%20%3Cline%20x1%3D%2218%22%20x2%3D%2218.01%22%20y1%3D%2210%22%20y2%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M17.32%205H6.68a4%204%200%200%200-3.978%203.59c-.006.052-.01.101-.017.152C2.604%209.416%202%2014.456%202%2016a3%203%200%200%200%203%203c1%200%201.5-.5%202-1l1.414-1.414A2%202%200%200%201%209.828%2016h4.344a2%202%200%200%201%201.414.586L17%2018c.5.5%201%201%202%201a3%203%200%200%200%203-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4%204%200%200%200%2017.32%205z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--git-branch{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-git-branch%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%206a9%209%200%200%200-9%209V3%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--history{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-history%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%209-9%209.75%209.75%200%200%200-6.74%202.74L3%208%22%20%2F%3E%20%3Cpath%20d%3D%22M3%203v5h5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%207v5l4%202%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--list{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-list%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%205h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2012h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2019h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%205h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2012h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2019h13%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--map{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-map%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.106%205.553a2%202%200%200%200%201.788%200l3.659-1.83A1%201%200%200%201%2021%204.619v12.764a1%201%200%200%201-.553.894l-4.553%202.277a2%202%200%200%201-1.788%200l-4.212-2.106a2%202%200%200%200-1.788%200l-3.659%201.83A1%201%200%200%201%203%2019.381V6.618a1%201%200%200%201%20.553-.894l4.553-2.277a2%202%200%200%201%201.788%200z%22%20%2F%3E%20%3Cpath%20d%3D%22M15%205.764v15%22%20%2F%3E%20%3Cpath%20d%3D%22M9%203.236v15%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--rocket{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-rocket%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5%22%20%2F%3E%20%3Cpath%20d%3D%22M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.4%2022.4%200%200%201-4%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012H4s.55-3.03%202-4c1.62-1.08%205%20.05%205%20.05%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--star{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-star%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--swords{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-swords%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpolyline%20points%3D%2214.5%2017.5%203%206%203%203%206%203%2017.5%2014.5%22%20%2F%3E%20%3Cline%20x1%3D%2213%22%20x2%3D%2219%22%20y1%3D%2219%22%20y2%3D%2213%22%20%2F%3E%20%3Cline%20x1%3D%2216%22%20x2%3D%2220%22%20y1%3D%2216%22%20y2%3D%2220%22%20%2F%3E%20%3Cline%20x1%3D%2219%22%20x2%3D%2221%22%20y1%3D%2221%22%20y2%3D%2219%22%20%2F%3E%20%3Cpolyline%20points%3D%2214.5%206.5%2018%203%2021%203%2021%206%2017.5%209.5%22%20%2F%3E%20%3Cline%20x1%3D%225%22%20x2%3D%229%22%20y1%3D%2214%22%20y2%3D%2218%22%20%2F%3E%20%3Cline%20x1%3D%227%22%20x2%3D%224%22%20y1%3D%2217%22%20y2%3D%2220%22%20%2F%3E%20%3Cline%20x1%3D%223%22%20x2%3D%225%22%20y1%3D%2219%22%20y2%3D%2221%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--terminal{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-terminal%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2019h8%22%20%2F%3E%20%3Cpath%20d%3D%22m4%2017%206-6-6-6%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--wrench{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-wrench%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.106-3.105c.32-.322.863-.22.983.218a6%206%200%200%201-8.259%207.057l-7.91%207.91a1%201%200%200%201-2.999-3l7.91-7.91a6%206%200%200%201%207.057-8.259c.438.12.54.662.219.984z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--zap{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-zap%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%20%2F%3E%20%3C%2Fsvg%3E")}

Main Page

2026-07-21T11:12:07Z

FightorderAdmin: Deploy from repo (GitHub Actions)

<div class="fo-main">
<div class="fo-hero">
<h1>The Fightorder Wiki</h1>
<p>The community knowledge base for the <strong>Spring RTS</strong> and <strong>Recoil</strong> engines and the games built on them — commands, units, mechanics, maps, and modding.</p>
<div class="fo-cta"><span class="fo-btn fo-btn--p"><span class="fo-ic fo-ic--rocket"></span>[[Getting Started]]</span><span class="fo-btn fo-btn--s"><span class="fo-ic fo-ic--list"></span>[[Special:AllPages|Browse all pages]]</span></div>
<div class="fo-stat"><div><b>{{NUMBEROFARTICLES}}</b><span>Articles</span></div><div><b>{{NUMBEROFEDITS}}</b><span>Edits</span></div><div><b>{{NUMBEROFACTIVEUSERS}}</b><span>Editors</span></div></div>
</div>
<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--compass"></span>Explore</div>
<hr class="fo-rule">
<div class="fo-grid">
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--swords"></span></div><div class="fo-card-h">[[Commands]]</div><p class="fo-card-p">Fight, Guard, Patrol, Repair, Reclaim — every order and its hotkey.</p><div class="fo-tags"><span class="fo-tag">Fight</span><span class="fo-tag">Guard</span><span class="fo-tag">D-gun</span></div></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--box"></span></div><div class="fo-card-h">[[Units]]</div><p class="fo-card-p">Commanders, constructors, and combat units across every faction.</p><div class="fo-tags"><span class="fo-tag">Com</span><span class="fo-tag">Eco</span></div></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--map"></span></div><div class="fo-card-h">[[Maps]]</div><p class="fo-card-p">Terrain, metal spots, and start positions for competitive play.</p><div class="fo-tags"><span class="fo-tag">1v1</span><span class="fo-tag">FFA</span></div></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--gamepad-2"></span></div><div class="fo-card-h">[[Games]]</div><p class="fo-card-p">Zero-K, Beyond All Reason, and other engine derivatives.</p><div class="fo-tags"><span class="fo-tag">Zero-K</span><span class="fo-tag">BAR</span></div></div>
</div>
</div>
<div class="fo-sec">
<div class="fo-sec-h"><span class="fo-ic fo-ic--cpu"></span>Engines</div>
<hr class="fo-rule">
<div class="fo-grid">
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--cpu"></span></div><div class="fo-card-h">[[Recoil Engine]]</div><p class="fo-card-p">The actively-developed fork powering Beyond All Reason and modern titles.</p><div class="fo-tags"><span class="fo-tag">Active</span><span class="fo-tag">Lua</span></div></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--git-branch"></span></div><div class="fo-card-h">[[Spring RTS]]</div><p class="fo-card-p">The original engine and the heritage the wiki is preserving.</p><div class="fo-tags"><span class="fo-tag">Legacy</span><span class="fo-tag">Archive</span></div></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--terminal"></span></div><div class="fo-card-h">[[Lua API]]</div><p class="fo-card-p">Synced, unsynced, and gadget/widget entry points for modders.</p><div class="fo-tags"><span class="fo-tag">Synced</span><span class="fo-tag">Gadgets</span></div></div>
<div class="fo-card"><div class="fo-card-ic"><span class="fo-ic fo-ic--wrench"></span></div><div class="fo-card-h">[[Modding]]</div><p class="fo-card-p">Building games on the engine — content, balance, and packaging.</p><div class="fo-tags"><span class="fo-tag">Games</span><span class="fo-tag">Widgets</span></div></div>
</div>
</div>
<div class="fo-two">
<div class="fo-panel">
<div class="fo-panel-h"><span class="fo-ic fo-ic--star"></span>Featured articles</div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--swords"></span></div><div><h4>[[Fight|The Fight command]]</h4><p>Move-and-engage: how attack-move differs from raw move, and when to queue it.</p></div></div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--zap"></span></div><div><h4>[[Commander|D-gun & commander play]]</h4><p>Timing the disintegrator, avoiding com-drops, and reclaim micro.</p></div></div>
<div class="fo-feat"><div class="fo-feat-th"><span class="fo-ic fo-ic--factory"></span></div><div><h4>[[Economy|Economy fundamentals]]</h4><p>Metal vs energy, overdrive, and expanding without stalling.</p></div></div>
</div>
<div class="fo-panel">
<div class="fo-panel-h"><span class="fo-ic fo-ic--history"></span>Recent changes</div>
<div class="fo-upd"><span class="fo-upd-t">wiki</span><div>Every edit shows up here as the wiki grows. This section is currently a static seed.</div></div>
<div class="fo-upd"><span class="fo-upd-t">seed</span><div>[[Fight]] — write the flagship command article</div></div>
<div class="fo-upd"><span class="fo-upd-t">seed</span><div>[[Recoil Engine]] — port the engine overview from Spring</div></div>
<div class="fo-upd"><span class="fo-upd-t">seed</span><div>[[Lua API]] — Spring.GiveOrder and friends</div></div>
<span class="fo-more">[[Special:RecentChanges|→ See all recent changes]]</span>
</div>
</div>
</div>
__NOTOC__ __NOEDITSECTION__

MediaWiki:Common.css

2026-07-21T11:12:05Z

FightorderAdmin: Deploy from repo (GitHub Actions)

/* ============================================================================
* FIGHTORDER — sitewide theme (MediaWiki:Common.css)
* Purple-glow-on-black RTS-wiki aesthetic, layered over the Citizen skin.
* Managed in the repo at content/Common.css and deployed via GitHub Actions
* (workflow_dispatch -> import_content=true). Edits made here in-wiki will be
* overwritten on the next content import.
*
* Fonts (Michroma / Saira / JetBrains Mono) are loaded from Google Fonts as
* stand-ins per the design system; swap for self-hosted files if desired.
* ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Saira:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap');

/* --- Design tokens (ported from the Fightorder design system) ------------- */
:root{
--fo-black:#07060b; --fo-void:#0b0a12; --fo-ink:#12101c;
--fo-panel:#181528; --fo-panel-2:#1f1b31;
--fo-line:#2b2542; --fo-line-strong:#3a3158;
--fo-purple-050:#f3ebff; --fo-purple-200:#d5b8ff; --fo-purple-400:#b98cff;
--fo-purple-500:#a855f7; --fo-purple-600:#9333ea; --fo-purple-700:#7322c7;
--fo-purple-900:#3d1266;
--fo-glow:#c084fc; --fo-glow-cyan:#67e8f9;
--fo-text:#ece9f5; --fo-text-muted:#a49cc4; --fo-text-dim:#6f688c;
--fo-text-on-purple:#faf6ff;
--fo-success:#4ade80; --fo-warning:#fbbf24; --fo-danger:#f87171;

--glow-sm:0 0 8px rgba(168,85,247,.45);
--glow-md:0 0 16px rgba(168,85,247,.55),0 0 2px rgba(192,132,252,.8);
--glow-lg:0 0 32px rgba(168,85,247,.6),0 0 8px rgba(192,132,252,.5);
--glow-text:0 0 12px rgba(192,132,252,.7);
--shadow-card:0 2px 4px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.4);
--bg-bloom:radial-gradient(1200px 600px at 70% -10%,rgba(115,34,199,.28),transparent 60%),radial-gradient(800px 500px at 10% 110%,rgba(147,51,234,.18),transparent 55%),var(--fo-black);
--gradient-purple:linear-gradient(135deg,var(--fo-purple-600),var(--fo-purple-500) 55%,var(--fo-glow));
--hairline-purple:linear-gradient(90deg,transparent,var(--fo-purple-500),transparent);
--ease-out:cubic-bezier(.22,.61,.36,1); --dur:200ms;

--font-display:'Michroma',system-ui,sans-serif;
--font-body:'Saira','Bahnschrift',system-ui,sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,monospace;
--fs-hero:clamp(2.4rem,4.6vw,3.6rem); --fs-h2:1.6rem;
--radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-pill:999px;
--container:1180px;
}

/* --- Nudge Citizen's accents toward the brand ---------------------------- */
/* Citizen exposes these custom properties; recolour links/accents to purple. */
:root .skin-citizen,
:root{
--color-progressive:var(--fo-purple-500);
--color-progressive--hover:var(--fo-purple-400);
--color-progressive--active:var(--fo-purple-600);
--color-link:var(--fo-glow);
--color-link--hover:var(--fo-purple-400);
}

/* Content links across the wiki pick up the glow-violet. */
.mw-body a:not(.fo-btn):not(.new){color:var(--fo-glow)}
.mw-body a:not(.fo-btn):not(.new):hover{color:var(--fo-purple-400)}

/* ==========================================================================
* Main Page components — all scoped under .fo-main so they never leak into
* ordinary articles or the skin chrome.
* ========================================================================== */
.fo-main{font-family:var(--font-body);color:var(--fo-text);line-height:1.6;max-width:var(--container)}
.fo-main :is(h1,h2,h3,h4){font-family:var(--font-display);letter-spacing:.02em;font-weight:400}

/* Hero */
.fo-hero{position:relative;border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:40px 36px;background:radial-gradient(600px 300px at 85% -20%,rgba(115,34,199,.35),transparent 60%),var(--fo-ink);overflow:hidden;box-shadow:var(--shadow-card)}
.fo-hero h1{font-size:var(--fs-hero);line-height:1.1;margin:0 0 10px;text-shadow:var(--glow-text)}
.fo-hero p{max-width:600px;color:var(--fo-text-muted);font-size:1.05rem;margin:0 0 22px}
.fo-hero strong{color:var(--fo-text);font-weight:600}
.fo-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.fo-btn{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;padding:11px 20px;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--dur) var(--ease-out)}
/* wikilinks can't take a class, so each button is a span wrapper and the
inner wikilink is stretched over it for full-button clickability. */
.fo-btn a{color:inherit!important;text-decoration:none}
.fo-btn a::after{content:"";position:absolute;inset:0;z-index:1}
.fo-btn--p,a.fo-btn--p{background:var(--gradient-purple);color:var(--fo-text-on-purple);box-shadow:var(--glow-md)}
.fo-btn--p:hover{box-shadow:var(--glow-lg);color:var(--fo-text-on-purple);text-decoration:none}
.fo-btn--s,a.fo-btn--s{background:var(--fo-panel-2);color:var(--fo-text);border-color:var(--fo-line-strong)}
.fo-btn--s:hover{border-color:var(--fo-purple-500);box-shadow:var(--glow-sm);color:var(--fo-text);text-decoration:none}

/* Stat strip */
.fo-stat{display:flex;gap:26px;flex-wrap:wrap;font-family:var(--font-mono);margin-top:26px;padding-top:20px;border-top:1px solid var(--fo-line)}
.fo-stat b{display:block;font-size:1.5rem;color:var(--fo-glow);text-shadow:var(--glow-text);font-weight:600}
.fo-stat span{font-size:.68rem;color:var(--fo-text-dim);letter-spacing:.1em;text-transform:uppercase}

/* Section heading + rule */
.fo-sec{margin-top:40px}
.fo-sec-h{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:var(--fs-h2);margin:0 0 4px}
.fo-sec-h .fo-ic{color:var(--fo-purple-500);font-size:1.35rem}
.fo-rule{height:1px;background:var(--hairline-purple);margin:10px 0 20px;border:0}

/* Portal card grid */
.fo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.fo-card{position:relative;background:var(--fo-panel);border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);transition:all var(--dur) var(--ease-out)}
.fo-card:hover{border-color:var(--fo-purple-500);box-shadow:var(--glow-md)}
.fo-card-ic{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--fo-purple-900);color:var(--fo-glow);margin-bottom:12px}
.fo-card-ic .fo-ic{font-size:20px}
.fo-card-h{font-family:var(--font-display);font-size:1.15rem;margin:0 0 6px}
.fo-card-h a{color:var(--fo-text)!important}
/* stretch the title link across the whole card for full-card clickability */
.fo-card-h a::after{content:"";position:absolute;inset:0;z-index:1}
.fo-card-h a:hover{text-decoration:none;color:var(--fo-glow)!important}
.fo-card-p{margin:0;font-size:.85rem;color:var(--fo-text-muted);line-height:1.5}
.fo-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;position:relative;z-index:2}
.fo-tag{font-family:var(--font-mono);font-size:.66rem;font-weight:600;padding:3px 9px;border-radius:var(--radius-pill);background:var(--fo-purple-900);color:var(--fo-glow);border:1px solid var(--fo-purple-700)}

/* Two-column: featured + recent */
.fo-two{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:40px}
.fo-panel{background:var(--fo-panel);border:1px solid var(--fo-line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card)}
.fo-panel-h{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.2rem;margin:0 0 14px}
.fo-panel-h .fo-ic{color:var(--fo-purple-500);font-size:1.1rem}
.fo-feat{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--fo-line)}
.fo-feat:last-child{border-bottom:none}
.fo-feat-th{width:70px;height:52px;border-radius:var(--radius-sm);background:var(--gradient-purple);flex:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-sm);color:#fff}
.fo-feat-th .fo-ic{font-size:22px}
.fo-feat h4{margin:0 0 3px;font-size:1rem;color:var(--fo-text)}
.fo-feat p{margin:0;font-size:.8rem;color:var(--fo-text-muted)}
.fo-upd{display:flex;gap:10px;font-size:.85rem;padding:9px 0;border-bottom:1px solid var(--fo-line);align-items:baseline}
.fo-upd:last-child{border:none}
.fo-upd-t{font-family:var(--font-mono);font-size:.7rem;color:var(--fo-text-dim);flex:none;width:52px}
.fo-more{display:inline-block;margin-top:14px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}

/* Responsive: collapse the two-column band on narrow viewports */
@media(max-width:800px){.fo-two{grid-template-columns:1fr}}

/* --- Icon masks (Lucide, ISC-licensed; tinted via currentColor) ---------- */
.fo-ic{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;vertical-align:-.125em;flex:none}
.fo-ic--book-open{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-book-open%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%207v14%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2018a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h5a4%204%200%200%201%204%204%204%204%200%200%201%204-4h5a1%201%200%200%201%201%201v13a1%201%200%200%201-1%201h-6a3%203%200%200%200-3%203%203%203%200%200%200-3-3z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--box{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-box%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M21%208a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016Z%22%20%2F%3E%20%3Cpath%20d%3D%22m3.3%207%208.7%205%208.7-5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2022V12%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--compass{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-compass%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m16.24%207.76-1.804%205.411a2%202%200%200%201-1.265%201.265L7.76%2016.24l1.804-5.411a2%202%200%200%201%201.265-1.265z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--cpu{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-cpu%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M12%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M17%202v2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M2%207h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2012h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2017h2%22%20%2F%3E%20%3Cpath%20d%3D%22M20%207h2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2020v2%22%20%2F%3E%20%3Cpath%20d%3D%22M7%202v2%22%20%2F%3E%20%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%20%2F%3E%20%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--factory{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-factory%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2016h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2019a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V8.5a.5.5%200%200%200-.769-.422l-4.462%202.844A.5.5%200%200%201%2015%2010.5v-2a.5.5%200%200%200-.769-.422L9.77%2010.922A.5.5%200%200%201%209%2010.5V5a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2016h.01%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--gamepad-2{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-gamepad-2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cline%20x1%3D%226%22%20x2%3D%2210%22%20y1%3D%2211%22%20y2%3D%2211%22%20%2F%3E%20%3Cline%20x1%3D%228%22%20x2%3D%228%22%20y1%3D%229%22%20y2%3D%2213%22%20%2F%3E%20%3Cline%20x1%3D%2215%22%20x2%3D%2215.01%22%20y1%3D%2212%22%20y2%3D%2212%22%20%2F%3E%20%3Cline%20x1%3D%2218%22%20x2%3D%2218.01%22%20y1%3D%2210%22%20y2%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M17.32%205H6.68a4%204%200%200%200-3.978%203.59c-.006.052-.01.101-.017.152C2.604%209.416%202%2014.456%202%2016a3%203%200%200%200%203%203c1%200%201.5-.5%202-1l1.414-1.414A2%202%200%200%201%209.828%2016h4.344a2%202%200%200%201%201.414.586L17%2018c.5.5%201%201%202%201a3%203%200%200%200%203-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4%204%200%200%200%2017.32%205z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--git-branch{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-git-branch%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%206a9%209%200%200%200-9%209V3%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--history{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-history%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%209-9%209.75%209.75%200%200%200-6.74%202.74L3%208%22%20%2F%3E%20%3Cpath%20d%3D%22M3%203v5h5%22%20%2F%3E%20%3Cpath%20d%3D%22M12%207v5l4%202%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--list{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-list%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%205h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2012h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2019h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%205h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2012h13%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2019h13%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--map{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-map%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.106%205.553a2%202%200%200%200%201.788%200l3.659-1.83A1%201%200%200%201%2021%204.619v12.764a1%201%200%200%201-.553.894l-4.553%202.277a2%202%200%200%201-1.788%200l-4.212-2.106a2%202%200%200%200-1.788%200l-3.659%201.83A1%201%200%200%201%203%2019.381V6.618a1%201%200%200%201%20.553-.894l4.553-2.277a2%202%200%200%201%201.788%200z%22%20%2F%3E%20%3Cpath%20d%3D%22M15%205.764v15%22%20%2F%3E%20%3Cpath%20d%3D%22M9%203.236v15%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--rocket{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-rocket%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5%22%20%2F%3E%20%3Cpath%20d%3D%22M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.4%2022.4%200%200%201-4%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2012H4s.55-3.03%202-4c1.62-1.08%205%20.05%205%20.05%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--star{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-star%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--swords{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-swords%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpolyline%20points%3D%2214.5%2017.5%203%206%203%203%206%203%2017.5%2014.5%22%20%2F%3E%20%3Cline%20x1%3D%2213%22%20x2%3D%2219%22%20y1%3D%2219%22%20y2%3D%2213%22%20%2F%3E%20%3Cline%20x1%3D%2216%22%20x2%3D%2220%22%20y1%3D%2216%22%20y2%3D%2220%22%20%2F%3E%20%3Cline%20x1%3D%2219%22%20x2%3D%2221%22%20y1%3D%2221%22%20y2%3D%2219%22%20%2F%3E%20%3Cpolyline%20points%3D%2214.5%206.5%2018%203%2021%203%2021%206%2017.5%209.5%22%20%2F%3E%20%3Cline%20x1%3D%225%22%20x2%3D%229%22%20y1%3D%2214%22%20y2%3D%2218%22%20%2F%3E%20%3Cline%20x1%3D%227%22%20x2%3D%224%22%20y1%3D%2217%22%20y2%3D%2220%22%20%2F%3E%20%3Cline%20x1%3D%223%22%20x2%3D%225%22%20y1%3D%2219%22%20y2%3D%2221%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--terminal{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-terminal%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%2019h8%22%20%2F%3E%20%3Cpath%20d%3D%22m4%2017%206-6-6-6%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--wrench{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-wrench%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.106-3.105c.32-.322.863-.22.983.218a6%206%200%200%201-8.259%207.057l-7.91%207.91a1%201%200%200%201-2.999-3l7.91-7.91a6%206%200%200%201%207.057-8.259c.438.12.54.662.219.984z%22%20%2F%3E%20%3C%2Fsvg%3E")}
.fo-ic--zap{--i:url("data:image/svg+xml,%3Csvg%20class%3D%22lucide%20lucide-zap%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%20%2F%3E%20%3C%2Fsvg%3E")}