:root { --cyan:#bdeeff; --blue:#0b3f59; --edge:#2c90ad; --gold:#ffd23f; --ink:#020b10; }
* { box-sizing:border-box; } body { margin:0; min-height:100vh; color:var(--cyan); font:14px/1.4 Verdana, sans-serif; background:#02070b url('../live/images/body-bg.jpg') repeat-y center top; }
.shell { width:min(960px, calc(100% - 24px)); margin:auto; padding:18px 0 42px; } header { min-height:132px; padding:22px 30px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:2px solid #2a7590; background:url('../live/images/header-bg.jpg') center top/cover no-repeat; } header img { width:min(290px, 52vw); } header p { text-align:right; color:#b9d9df; text-transform:uppercase; font-size:11px; letter-spacing:.08em; } a, button { color:var(--gold); } nav { display:flex; background:rgba(0,0,0,.86); border:1px solid #195a70; } nav button, nav a { flex:1; padding:12px; border:0; border-right:1px solid #195a70; background:transparent; font-weight:bold; text-transform:uppercase; text-align:center; text-decoration:none; cursor:pointer; } nav button.active, nav button:hover, nav a.active, nav a:hover { color:white; background:#13556a; }.scope { margin:0; padding:9px 14px; color:#9fc7d2; font-size:11px; background:rgba(2,18,27,.92); border:1px solid #195a70; border-top:0; }
.panel { margin-top:14px; padding:22px; background:rgba(2,19,29,.94) url('../live/images/text-bg.png') repeat; border:1px solid var(--edge); box-shadow:0 18px 38px rgba(0,0,0,.55); } h1,h2 { margin:0 0 8px; color:var(--gold); font-weight:normal; } h1 { font-size:25px; } h2 { margin-top:20px; font-size:18px; }.lead { margin-top:0; color:#b7dce6; }.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 18px; } label { display:grid; gap:5px; color:#d5f4ff; } input,select { width:100%; padding:8px; border:1px solid #398aa5; background:#061720; color:white; }.check { display:flex; align-items:center; gap:8px; margin:16px 0; }.check input { width:auto; } button { border:1px solid #398aa5; padding:8px 13px; background:#082532; cursor:pointer; }.inline { display:flex; flex-wrap:wrap; gap:9px; align-items:end; }.inline input { flex:1 1 180px; }.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(205px,1fr)); gap:10px; margin-top:14px; }.card { padding:12px; border:1px solid rgba(94,196,225,.35); background:rgba(0,7,11,.66); }.card h3 { margin:0 0 5px; color:var(--gold); font-size:14px; }.card p { margin:4px 0; color:#b9e2ed; font-size:12px; }.card button { margin-top:7px; font-size:12px; } #account-status,#guild-status,#catalog-status { min-height:20px; color:#9fe5f7; } hr { border:0; border-top:1px solid #276a80; margin:26px 0; }
.gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px; margin-top:14px; }.thumb { display:grid; gap:5px; padding:7px; color:#b9e2ed; font-size:10px; overflow:hidden; border:1px solid rgba(94,196,225,.35); background:rgba(0,7,11,.66); }.thumb img { display:block; width:100%; height:110px; object-fit:contain; background:#031017; }.thumb span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.topic-form { display:grid; gap:12px; max-width:680px; }.topic-form textarea { min-height:120px; padding:8px; resize:vertical; border:1px solid #398aa5; background:#061720; color:white; }.forum-topic { padding:12px; margin:8px 0; border:1px solid rgba(94,196,225,.35); background:rgba(0,7,11,.66); }.forum-topic h3 { margin:0 0 5px; color:var(--gold); font-size:15px; }.forum-topic p { margin:5px 0; color:#c4eaf4; }.forum-topic small { color:#79afbe; }
.download-link { display:inline-block; padding:12px 18px; border:1px solid #53bad8; background:#104c60; color:#fff; font-weight:bold; text-decoration:none; text-transform:uppercase; }
#faq details { margin:9px 0; border:1px solid rgba(94,196,225,.35); background:rgba(0,7,11,.66); } #faq summary { padding:10px; cursor:pointer; color:var(--gold); font-weight:bold; } #faq details > :not(summary) { margin-left:15px; margin-right:15px; color:#c4eaf4; }
@media(max-width:640px){ .shell{width:100%;padding:0;} header{min-height:100px;padding:15px;} header p{display:none;} nav{flex-wrap:wrap;} nav button,nav a{flex-basis:50%;}.panel{margin-top:0;border-left:0;border-right:0;}.grid{grid-template-columns:1fr;} }

/* Evidence-backed international production-style home surface. */
.home-page { background-image:linear-gradient(180deg,rgba(1,6,8,.12),rgba(1,6,8,.92)),url('../live/images/body-bg.jpg'); }
.masthead { min-height:158px; padding:24px 30px 18px; border:1px solid #28697e; border-bottom:0; background:linear-gradient(90deg,rgba(1,13,18,.9),rgba(1,13,18,.35)),url('../live/images/header-bg.jpg') center top/cover no-repeat; }
.masthead .brand img { display:block; max-width:320px; }.account-links { display:grid; justify-items:end; gap:5px; text-align:right; text-transform:uppercase; font-size:10px; letter-spacing:.09em; color:#9ec7d0; }.account-links a { color:#f5d65b; text-decoration:none; }.account-links a:hover,.quiet-link:hover,.home-card a:hover,.operations a:hover,footer a:hover { color:#fff; }
.primary-nav { border-color:#2f7e93; background:linear-gradient(#123a48,#071b23); }.primary-nav a { letter-spacing:.04em; font-size:12px; }
.command-strip { display:flex; flex-wrap:wrap; align-items:center; gap:0; padding:0 12px; min-height:38px; border:1px solid #174a5a; border-top:0; background:rgba(1,13,18,.95); color:#8abac5; font-size:11px; text-transform:uppercase; }.command-strip span { padding:0 14px; border-right:1px solid #174a5a; }.command-strip b { color:#e3f8ff; font-weight:normal; }.command-strip a { margin-left:auto; color:#f3d55b; text-decoration:none; }
.hero-panel { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(245px,.55fr); gap:18px; margin-top:16px; padding:40px; min-height:330px; border:1px solid #358ca3; background:linear-gradient(90deg,rgba(3,15,21,.97) 12%,rgba(4,18,24,.78) 62%,rgba(5,24,31,.95)),url('../live/images/header-bg.jpg') center/cover no-repeat; box-shadow:0 20px 46px rgba(0,0,0,.6); }.eyebrow,.panel-label { margin:0 0 7px; color:#7bd3e9; font-size:10px; font-weight:bold; letter-spacing:.16em; text-transform:uppercase; }.hero-copy h1 { margin:0 0 12px; color:#fff0a6; font:normal clamp(30px,4.5vw,52px)/.98 Georgia,serif; letter-spacing:-.035em; text-shadow:0 2px 0 #07151a,0 0 18px rgba(255,210,63,.16); }.hero-copy > p:not(.eyebrow) { max-width:600px; margin:0; color:#c7e5ec; font-size:15px; line-height:1.6; }.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:26px; }.command-button { display:inline-block; padding:12px 18px; border:1px solid #f0cd4e; background:linear-gradient(#d99f2c,#8d5516); box-shadow:inset 0 1px rgba(255,255,255,.35),0 5px 14px rgba(0,0,0,.35); color:#fff; font-size:12px; font-weight:bold; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }.quiet-link { color:#c7f4ff; font-size:12px; text-transform:uppercase; }
.dispatch-panel,.operations-panel { align-self:end; padding:18px; border:1px solid rgba(101,206,230,.52); background:rgba(0,8,12,.73); }.dispatch-panel h2,.operations-panel h2 { margin:0 0 9px; color:#ffe280; font:normal 21px/1.1 Georgia,serif; }.dispatch-panel p:not(.panel-label) { margin:0 0 14px; color:#b9dce5; font-size:12px; }.dispatch-panel a,.operations-panel a { color:#f4d35b; font-size:12px; }
.home-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:14px; }.home-card { min-height:205px; padding:20px; border:1px solid #337a8d; background:linear-gradient(160deg,rgba(10,38,47,.96),rgba(2,12,17,.94)); box-shadow:0 12px 26px rgba(0,0,0,.35); }.home-card h2 { margin:0 0 9px; color:#ffe180; font:normal 23px/1.05 Georgia,serif; }.home-card p:not(.panel-label) { min-height:64px; margin:0 0 14px; color:#b9dce5; font-size:12px; }.home-card a { color:#93e5f8; font-size:12px; text-decoration:none; text-transform:uppercase; }.human { border-top-color:#d3a447; background:linear-gradient(155deg,rgba(74,50,19,.94),rgba(7,17,20,.96)); }.swarm { border-top-color:#8e3c2c; background:linear-gradient(155deg,rgba(61,20,17,.95),rgba(8,13,15,.96)); }.media-card { border-top-color:#4f9aac; }
.operations { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:14px; margin-top:14px; }.news-column { padding:20px; border:1px solid #286b7e; background:rgba(3,18,25,.94); }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:12px; border-bottom:1px solid #255d6b; padding-bottom:10px; }.section-heading h2 { margin:0; color:#ffe180; font:normal 24px Georgia,serif; }.section-heading a { color:#8fdcf0; font-size:11px; text-transform:uppercase; }.dispatch-list { margin:0; padding:0; list-style:none; }.dispatch-list li { display:grid; grid-template-columns:1fr auto; gap:8px; padding:11px 0; border-bottom:1px solid rgba(83,156,174,.25); }.dispatch-list li:last-child { border-bottom:0; }.dispatch-list a { color:#d3f4fb; text-decoration:none; }.dispatch-list span { color:#6da7b6; font-size:10px; text-transform:uppercase; }.operations-panel { display:grid; align-content:start; gap:10px; border-color:#3c8497; background:linear-gradient(160deg,rgba(10,41,51,.96),rgba(2,13,18,.96)); }.operations-panel .panel-label { margin-bottom:0; }.operations-panel a { padding-bottom:8px; border-bottom:1px solid rgba(112,195,216,.25); text-decoration:none; }.operations-panel a:last-child { border-bottom:0; }.home-page footer { display:flex; justify-content:space-between; gap:18px; margin-top:14px; padding:16px; border-top:1px solid #2a6575; color:#79a5b0; font-size:10px; text-transform:uppercase; }.home-page footer a { color:#9be0f1; text-decoration:none; white-space:nowrap; }
@media(max-width:760px){.masthead{min-height:116px}.masthead .brand img{max-width:250px}.hero-panel{grid-template-columns:1fr;padding:26px;min-height:0}.dispatch-panel{align-self:auto}.home-grid,.operations{grid-template-columns:1fr}.command-strip span{padding:8px 9px}.command-strip a{margin:8px 0 8px auto}.home-page footer{display:grid}.home-page footer a{white-space:normal}}@media(max-width:480px){.masthead{padding:17px}.account-links{display:none}.command-strip{padding:0 6px}.command-strip span{flex:1 1 50%;border-bottom:1px solid #174a5a}.command-strip a{flex-basis:100%;margin:0;padding:9px}.hero-panel{margin-top:0;border-left:0;border-right:0}.hero-copy h1{font-size:34px}.home-grid{margin-top:0;gap:0}.home-card{border-left:0;border-right:0}.operations{margin-top:0;gap:0}.news-column,.operations-panel{border-left:0;border-right:0}.dispatch-list li{grid-template-columns:1fr}.home-page footer{margin-top:0;border-top:0}}

/* 2010 production-home composition, reconstructed from preserved browser capture. */
.classic-home { margin:0; background:#000; color:#fff; font:12px/1.25 Verdana,Arial,sans-serif; }.classic-frame { width:960px; max-width:100%; min-height:100vh; margin:0 auto; padding-top:5px; background:#000; }.classic-header { position:relative; height:173px; }.classic-logo { position:absolute; top:23px; left:50%; transform:translateX(-50%); }.classic-logo img { display:block; width:260px; }.classic-account { position:absolute; top:4px; right:0; display:flex; gap:12px; font-size:10px; }.classic-account a,.classic-home a { color:#00d9ff; }.classic-account a { color:#ffd900; }.join-battle { position:absolute; top:28px; right:0; display:grid; min-width:285px; padding:8px 14px; border:1px solid #ffad00; border-radius:11px; background:repeating-linear-gradient(0deg,#4d3100 0 2px,#d48b00 2px 4px); color:#fff !important; text-align:center; text-decoration:none; text-shadow:1px 1px #000; }.join-battle strong { color:#ffe438; font-size:23px; line-height:1; }.join-battle span { color:#160e00; font-size:13px; font-weight:bold; }.classic-tabs { display:flex; justify-content:center; gap:5px; }.classic-tabs a { width:132px; padding:4px 10px; border:1px solid #42b9e4; border-radius:7px; background:repeating-linear-gradient(0deg,#163a51 0 2px,#347ea4 2px 4px); color:#9eeeff; font-weight:bold; text-align:center; text-decoration:none; }.classic-tabs a.selected { border-color:#f2b500; background:repeating-linear-gradient(0deg,#795000 0 2px,#d9a51a 2px 4px); color:#fff7bd; }.classic-layout { display:grid; grid-template-columns:220px minmax(0,1fr) 250px; gap:26px; margin-top:25px; }.classic-side-nav { display:grid; gap:4px; }.classic-side-nav a { padding:3px 8px; border:1px solid #3498c0; border-radius:5px; background:linear-gradient(#214f67,#12303f); color:#9eeeff; font-size:13px; font-weight:bold; text-decoration:none; }.classic-side-nav a.selected { border-color:#e7b028; background:linear-gradient(#9f7208,#5d4000); color:#fff1ad; }.classic-side-nav.utility { margin-top:38px; }.classic-search { display:flex; margin-top:32px; }.classic-search input { min-width:0; height:22px; border:1px solid #aaa; padding:2px 5px; background:#fff; color:#000; }.classic-search button { padding:1px 8px; border:1px solid #aaa; background:#eee; color:#003b7c; }.classic-status { margin-top:10px; color:#d7f8ff; font-weight:bold; }.classic-facebook { display:block; margin-top:12px; padding:9px; background:#071015; color:#ffdc00 !important; font-size:10px; font-weight:bold; text-align:center; }.classic-main { min-width:0; }.classic-intro { margin:0 0 18px; color:#ffdf00; font-size:13px; font-weight:bold; }.classic-intro a { color:#ffdf00; font-style:italic; }.classic-feature { display:grid; grid-template-columns:120px 1fr; gap:18px; min-height:210px; padding:16px; border:1px solid #17394a; background:radial-gradient(circle at 70% 30%,rgba(27,87,101,.55),transparent 40%),#061117; }.feature-mark { display:grid; place-content:center; border:1px solid #337892; background:linear-gradient(135deg,#0c4f65,#260c0c); color:#ffde2a; font:bold 24px/1.1 Georgia,serif; text-align:center; }.classic-feature h1 { margin:0 0 8px; color:#ffdb00; font:normal 27px Georgia,serif; }.classic-feature p { color:#d9f4fb; }.classic-action { display:inline-block; margin-top:8px; padding:6px 10px; border:1px solid #f6bd15; background:#6c4700; color:#fff3a8 !important; font-weight:bold; text-decoration:none; }.classic-news { margin-top:30px; }.classic-news h2,.classic-right h2 { margin:0 0 10px; color:#ffdb00; font-size:14px; }.classic-news article { margin:0 0 12px; }.classic-news article a { font-weight:bold; }.classic-news article span { color:#fff; font-weight:bold; }.classic-news article p { margin:2px 0 0; color:#fff; }.all-news { display:inline-block; margin-top:8px; color:#ffdc00 !important; font-weight:bold; }.classic-right section { margin-bottom:38px; }.classic-right ul { margin:0; padding:0; list-style:none; }.classic-right li { margin:0 0 8px; }.classic-right li::before { content:'» '; color:#fff; }.classic-right li a { font-weight:bold; }.classic-right li span { color:#f4da00; font-size:10px; }.classic-tip { color:#fff; }.classic-tip p { margin:0; line-height:1.35; }.classic-footer { display:flex; justify-content:space-between; gap:15px; margin-top:80px; padding:16px 0; border-top:2px solid #38576a; color:#9bb7c2; font-size:10px; }.classic-footer a { color:#ffdc00; }@media(max-width:760px){.classic-frame{width:100%;padding:0 12px}.classic-header{height:148px}.classic-logo{top:34px}.classic-logo img{width:220px}.join-battle{display:none}.classic-layout{grid-template-columns:1fr;gap:20px}.classic-left{display:grid;grid-template-columns:1fr 1fr;gap:10px}.classic-side-nav.utility{margin-top:0}.classic-search,.classic-status,.classic-facebook{margin-top:0}.classic-right{display:grid;grid-template-columns:1fr 1fr;gap:16px}.classic-right section{margin-bottom:0}.classic-footer{margin-top:28px}}@media(max-width:480px){.classic-header{height:115px}.classic-account{right:4px}.classic-logo{top:38px}.classic-logo img{width:190px}.classic-tabs a{width:auto;flex:1}.classic-layout{margin-top:16px}.classic-left,.classic-right{grid-template-columns:1fr}.classic-feature{grid-template-columns:1fr}.feature-mark{min-height:70px}.classic-footer{display:grid}}

/* Compatibility and local profile surfaces for the recovered 2010 composition. */
.classic-tabs a.active { border-color:#f2b500; background:repeating-linear-gradient(0deg,#795000 0 2px,#d9a51a 2px 4px); color:#fff7bd; }
.classic-left > h2 { margin:0 0 8px; color:#ffdb00; font-size:14px; }.classic-left > a,.classic-left .classic-utility a { display:block; margin:0 0 4px; padding:3px 8px; border:1px solid #3498c0; border-radius:5px; background:linear-gradient(#214f67,#12303f); color:#9eeeff; font-size:13px; font-weight:bold; text-decoration:none; }.classic-left .classic-utility { margin-top:38px; }.classic-left > a:hover,.classic-left .classic-utility a:hover { border-color:#e7b028; background:linear-gradient(#9f7208,#5d4000); color:#fff1ad; }
.classic-kicker { margin:0 0 5px; color:#8ee9ff; font-size:10px; font-weight:bold; letter-spacing:.12em; }.classic-note { margin-top:20px; padding:9px; border-left:2px solid #d49f1e; color:#bbd2db; font-size:11px; }.profile-page h1 { margin-bottom:14px; }.profile-plate { display:flex; gap:14px; align-items:center; border:1px solid #52667e; background:linear-gradient(135deg,#101b27,#080d13); padding:15px; margin-bottom:16px; }.profile-plate b { display:grid; place-items:center; width:58px; height:58px; flex:0 0 58px; border:2px solid #fff0a3; background:linear-gradient(135deg,#f5d75b,#aa7214); color:#111; font:bold 28px Georgia,serif; }.guild-plate b { background:linear-gradient(135deg,#9c1c1c,#310509); border-color:#e0b25e; color:#fff1ca; font-size:18px; }.profile-plate h2 { margin:0 0 5px; color:#f0c83b; font-size:16px; }.profile-plate p { margin:0; line-height:1.45; }.profile-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:0 0 18px; }.profile-grid article { padding:12px; border:1px solid #3e5369; background:#0b121b; }.profile-grid h2 { margin:0 0 8px; color:#d3dfeb; font-size:11px; letter-spacing:.08em; }.profile-grid strong { color:#f0c83b; font-size:16px; }.profile-grid p { margin:7px 0 0; color:#8ea2b6; font-size:12px; }
@media(max-width:760px){.classic-left .classic-utility{margin-top:0}.profile-grid{grid-template-columns:1fr;}}

/* Shared production-era frame for the functional local pages. */
body:not(.classic-home) { background:#000; color:#fff; font:12px/1.3 Verdana,Arial,sans-serif; } body:not(.classic-home) .shell { width:960px; max-width:100%; margin:0 auto; padding:5px 0 38px; background:#000; } body:not(.classic-home) header { min-height:173px; padding:23px 0 0; align-items:flex-start; border:0; background:transparent; } body:not(.classic-home) header img { width:260px; margin-left:350px; } body:not(.classic-home) header p { margin:4px 0 0 auto; color:#ffd900; font-size:10px; } body:not(.classic-home) nav { justify-content:center; gap:5px; border:0; background:transparent; } body:not(.classic-home) nav button,body:not(.classic-home) nav a { flex:0 1 132px; padding:4px 10px; border:1px solid #42b9e4; border-radius:7px; background:repeating-linear-gradient(0deg,#163a51 0 2px,#347ea4 2px 4px); color:#9eeeff; font-size:12px; } body:not(.classic-home) nav button.active,body:not(.classic-home) nav button:hover,body:not(.classic-home) nav a.active,body:not(.classic-home) nav a:hover { border-color:#f2b500; background:repeating-linear-gradient(0deg,#795000 0 2px,#d9a51a 2px 4px); color:#fff7bd; } body:not(.classic-home) .scope { margin:20px 0 0; padding:8px 10px; border:1px solid #1f6179; border-radius:3px; background:#08131a; color:#9ac0cc; font-size:10px; } body:not(.classic-home) .panel { margin-top:0; padding:22px; border:0; border-top:2px solid #38576a; background:#000; box-shadow:none; } body:not(.classic-home) .panel h1 { color:#ffdb00; font:normal 27px Georgia,serif; } body:not(.classic-home) .panel h2 { color:#ffdb00; font-size:14px; } body:not(.classic-home) .panel .lead { color:#fff; } body:not(.classic-home) .card,body:not(.classic-home) .forum-topic,body:not(.classic-home) #faq details { border-color:#1e5368; background:#071219; } body:not(.classic-home) input,body:not(.classic-home) select,body:not(.classic-home) .topic-form textarea { border-color:#6d8290; background:#10191e; } body:not(.classic-home) button,body:not(.classic-home) .download-link { border-color:#e7b028; background:linear-gradient(#9f7208,#5d4000); color:#fff1ad; }
@media(max-width:760px){body:not(.classic-home) .shell{padding:0 12px}body:not(.classic-home) header{min-height:116px;padding-top:32px}body:not(.classic-home) header img{width:220px;margin:0 auto}body:not(.classic-home) header p{display:none}body:not(.classic-home) nav{flex-wrap:wrap}body:not(.classic-home) nav button,body:not(.classic-home) nav a{flex:1 1 30%}body:not(.classic-home) .panel{padding:18px 0}}

/* Preserve the recovered production header artwork on local utility surfaces. */
body:not(.classic-home) header { background:url('../live/images/header-bg.jpg') center top/cover no-repeat; }

/* Recovered gameplay capture used where the original homepage video payload is unavailable. */
.classic-feature { background:linear-gradient(90deg,rgba(2,12,17,.97) 8%,rgba(2,12,17,.72) 58%,rgba(2,12,17,.88)),url('../live/filestore/uploaded/000078_954_normal.jpg') center/cover no-repeat; }

/* Recovered About Game artwork, retained as local visual evidence. */
.field-briefing .home-card.human { background:linear-gradient(145deg,rgba(57,38,10,.94),rgba(5,13,17,.76)),url('../live/filestore/AboutGameImages/about_join_humans.jpg') center/cover no-repeat; }.field-briefing .home-card.swarm { background:linear-gradient(145deg,rgba(62,16,14,.94),rgba(6,11,15,.78)),url('../live/filestore/AboutGameImages/about_command_bugs.jpg') center/cover no-repeat; }.field-briefing .home-card.media-card { background:linear-gradient(145deg,rgba(8,43,54,.94),rgba(4,13,17,.76)),url('../live/filestore/AboutGameImages/about_free2play.jpg') center/cover no-repeat; }

/* The preserved 2010 production capture shows a black, logo-centred masthead. */
body.classic-home .classic-header {
  background-color:#000 !important;
  background-image:none !important;
}

/* Local reconstruction of the preserved homepage preview carousel. */
.classic-media { margin:14px 0 24px; border:1px solid #31586b; background:#071018; }
.classic-media-stage { display:grid; place-items:center; min-height:252px; padding:7px; background:#020508; }
.classic-media-stage img { display:block; max-width:100%; max-height:290px; object-fit:contain; }
.classic-media-thumbs { display:grid; grid-template-columns:repeat(10,1fr); gap:3px; padding:7px; border-top:1px solid #31586b; background:#0a1820; }
.classic-media-thumbs button { padding:1px; border:1px solid transparent; background:#020508; cursor:pointer; }
.classic-media-thumbs button.selected,.classic-media-thumbs button:hover { border-color:#f0c83b; }
.classic-media-thumbs img { display:block; width:100%; aspect-ratio:1.7; object-fit:cover; }
@media(max-width:760px){.classic-media-thumbs{grid-template-columns:repeat(5,1fr)}.classic-media-stage{min-height:180px}}

.classic-partners { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:16px; width:100%; }
.classic-partners img { display:block; max-width:180px; max-height:40px; object-fit:contain; }
@media(max-width:480px){.classic-partners{gap:8px}.classic-partners img{max-width:130px;max-height:32px}}

/* Production About Game sequence, transcribed from the preserved page source. */
.about-production { display:grid; gap:22px; margin-top:24px; }
.about-production article { overflow:hidden; border:1px solid #2b7287; background:#07131a; }
.about-production h2 { margin:0; padding:13px 16px 0; color:#ffe180; font:normal 23px/1.08 Georgia,serif; }
.about-production p { margin:8px 16px 15px; color:#d0e8ee; line-height:1.55; }
.about-production img { display:block; width:100%; min-height:150px; max-height:250px; object-fit:cover; border-top:1px solid #2b7287; }
.about-source { margin:20px 0 0; text-align:center; }
.about-source a { color:#f4d35b; }

/* Sixteen-item pagination follows the preserved production Gallery behavior. */
.gallery-pager { justify-content:center; gap:10px; margin-top:16px; padding:0; border:0; background:transparent; }
.gallery-pager button { flex:0 0 auto; min-width:92px; padding:6px 11px; border:1px solid #e7b028; border-radius:3px; background:linear-gradient(#9f7208,#5d4000); color:#fff1ad; font-size:11px; }
.gallery-pager button:disabled { opacity:.45; cursor:default; }
.gallery-pager span { padding:7px 3px; color:#c9e5ed; font-size:11px; }

/* Production captures use a predominantly black, logo-led masthead. */
body.home-page .masthead { background-color:#000; background-image:none; }

/* Recovered production navigation artwork used by the classic home surface. */
.classic-tabs.image-tabs a { width:auto; padding:0; border:0; border-radius:0; background:transparent; }
.classic-tabs.image-tabs img { display:block; width:100%; max-width:132px; }
.classic-side-nav.image-side-nav a { padding:0; border:0; border-radius:0; background:transparent; }
.classic-side-nav.image-side-nav a:hover { border:0; background:transparent; }
.classic-side-nav.image-side-nav img { display:block; width:100%; }
.join-battle img { display:block; width:100%; height:auto; }

/* Recovered MetaTIX FAQ material, presented as archival information only. */
.metatix-production { display:grid; gap:18px; margin-top:22px; }
.metatix-production article { overflow:auto; padding:16px; border:1px solid #286a7f; background:#07131a; }
.metatix-production h2 { margin:0 0 10px; color:#ffe180; font:normal 21px/1.08 Georgia,serif; }
.metatix-production p { margin:0; color:#d0e8ee; line-height:1.55; }
.metatix-production > article > img:not(.metatix-float) { display:block; width:100%; max-height:170px; margin:0 0 14px; object-fit:cover; border:1px solid #346f81; }
.metatix-float { float:right; width:min(45%,313px); max-height:196px; margin:0 0 9px 16px; object-fit:contain; }
.metatix-source { margin:20px 0 0; text-align:center; }.metatix-source a { color:#f4d35b; }
@media(max-width:560px){.metatix-float{float:none;display:block;width:100%;margin:0 auto 12px}}

/* Recovered Support FAQ instructional artwork. */
.support-category { margin:22px 0 8px !important; color:#ffe180 !important; font:normal 20px/1 Georgia,serif !important; }
.support-evidence { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:10px 0; }
.support-evidence img { display:block; max-width:100%; max-height:224px; object-fit:contain; border:1px solid #356f81; background:#02080b; }

/* Recovered News dispatch-list presentation. */
.news-feed { display:flex; align-items:center; gap:7px; margin:14px 0; padding:8px 0; border-top:1px solid #295d70; border-bottom:1px solid #295d70; }
.news-feed img { width:16px; height:16px; }.news-feed a { color:#f4d35b; }
.news-item { padding:14px 0; border-bottom:1px solid #285668; }
.news-item h3 { margin:0 0 4px; font-size:15px; }.news-item h3 a { color:#58d5f6; }
.news-item small { display:block; margin-bottom:7px; color:#f1d75b; }.news-item p { margin:0; color:#e3f0f3; line-height:1.48; }

/* Recovered public Player Search directory. */
.player-search { display:flex; gap:6px; margin:12px 0; }.player-search input { flex:1; min-width:0; padding:5px 7px; }.player-search button { padding:5px 10px; }
.player-table-wrap { overflow-x:auto; border:1px solid #315d70; }.player-table { width:100%; min-width:550px; border-collapse:collapse; color:#e7f2f4; font-size:11px; }.player-table th { padding:7px; background:#173e4d; color:#ffe18a; text-align:left; }.player-table td { padding:6px 7px; border-top:1px solid #1c4352; }.player-table tr:nth-child(even) td { background:#07141b; }.player-table td:last-child { text-align:right; }

/* Benchmark batch: recovered production navigation rail for public utility pages. */
body.home-page .primary-nav { float:left; display:block; width:218px; margin:20px 20px 0 0; border:0; background:transparent; }
body.home-page .primary-nav a { display:block; width:218px; height:25px; padding:0; border:0; border-radius:0; background-position:center; background-repeat:no-repeat; background-size:100% 100%; color:transparent; font-size:0; }
body.home-page .primary-nav a[href="home.html"]{background-image:url('../live/filestore/MenuImages/home-menu-item.png')}body.home-page .primary-nav a[href="news.html"]{background-image:url('../live/filestore/MenuImages/news-menu-item.png')}body.home-page .primary-nav a[href="about.html"]{background-image:url('../live/filestore/MenuImages/about-game-menu-item.png')}body.home-page .primary-nav a[href="gallery.html"]{background-image:url('../live/filestore/MenuImages/gallery-menu-item.png')}body.home-page .primary-nav a[href="download.html"]{background-image:url('../live/filestore/MenuImages/download-menu-item.png')}body.home-page .primary-nav a[href="metatix.html"]{background-image:url('../live/filestore/MenuImages/metatix-menu-item.png')}body.home-page .primary-nav a[href="support.html"]{background-image:url('../live/filestore/MenuImages/support-menu-item.png')}
body.home-page .primary-nav a.active[href="news.html"]{background-image:url('../live/filestore/MenuImages/news-menu-item-active.png')}body.home-page .primary-nav a.active[href="about.html"]{background-image:url('../live/filestore/MenuImages/about-game-menu-item-active.png')}body.home-page .primary-nav a.active[href="gallery.html"]{background-image:url('../live/filestore/MenuImages/gallery-menu-item-active.png')}body.home-page .primary-nav a.active[href="download.html"]{background-image:url('../live/filestore/MenuImages/download-menu-item-active.png')}body.home-page .primary-nav a.active[href="metatix.html"]{background-image:url('../live/filestore/MenuImages/metatix-menu-item-active.png')}body.home-page .primary-nav a.active[href="support.html"]{background-image:url('../live/filestore/MenuImages/support-menu-item-active.png')}
body.home-page .command-strip,body.home-page .scope,body.home-page .panel { margin-left:238px; }body.home-page footer { clear:both; }
@media(max-width:760px){body.home-page .primary-nav{float:none;display:flex;width:auto;margin:0}body.home-page .primary-nav a{flex:1 1 30%;width:auto;height:25px}body.home-page .command-strip,body.home-page .scope,body.home-page .panel{margin-left:0}}

/* Recovered navigation art and production-era directory plates. */
.classic-tabs.image-tabs { gap:5px; }
.classic-tabs.image-tabs a { display:block; width:132px; padding:0; border:0; border-radius:0; background:transparent; }
.classic-tabs.image-tabs img { display:block; width:100%; height:auto; }
.classic-left .classic-utility a.directory-active { border-color:#e7b028; background:linear-gradient(#9f7208,#5d4000); color:#fff1ad; }
.profile-page { border:1px solid #204a5b; background:linear-gradient(135deg,#050b10,#091721); box-shadow:inset 0 0 32px rgba(46,128,153,.08); }
.profile-page > h1 { padding-bottom:8px; border-bottom:1px solid #315d70; letter-spacing:.04em; }
.player-directory .player-search,.guild-directory .player-search { margin:16px 0 0; padding:12px; border:1px solid #254f60; background:linear-gradient(90deg,#091922,#0c2731); }
.player-directory .player-search input,.guild-directory .player-search input { height:30px; border-color:#668b99; background:#02080c; color:#dff8ff; }
.player-directory .player-search button,.guild-directory .player-search button { min-width:72px; height:30px; padding:0 14px; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.profile-page .classic-note { margin:12px 0; border-left-color:#f0c83b; background:rgba(8,25,34,.72); }
.player-table-wrap { border-color:#3a7183; box-shadow:0 10px 20px rgba(0,0,0,.28); }
.player-table th { padding:9px 8px; border-bottom:1px solid #4a8598; background:linear-gradient(#1b5265,#0b2935); color:#ffe58b; font-size:10px; letter-spacing:.07em; text-transform:uppercase; }
.player-table td { padding:8px; color:#d6edf2; }
.player-table tbody tr { transition:background .14s ease; }
.player-table tbody tr:hover td { background:#123441; color:#fff4b1; }
#player-status,#guild-status { color:#a9dce7; }
@media(max-width:760px){.classic-tabs.image-tabs a{width:calc((100% - 10px)/3)}.profile-page{border-left:0;border-right:0}.player-directory .player-search,.guild-directory .player-search{margin-left:0;margin-right:0}}

/* 2010 homepage composition, matched to the preserved production capture. */
body.classic-home { position:relative; min-width:0; background:#06111d url('../live/images/body-bg.jpg') center top repeat-y !important; color:#e7f8ff; font:12px/1.28 Arial,Helvetica,sans-serif; }
body.classic-home::before { content:""; position:absolute; z-index:-1; top:0; left:0; width:100%; height:181px; background:#07182a url('../live/images/header-bg.jpg') center top/auto 181px no-repeat; border-top:2px solid #105177; border-bottom:3px solid #e66522; }
.classic-frame { width:1000px; max-width:100%; margin:0 auto; padding:0 0 34px; background:transparent; }
body.classic-home .classic-header { height:181px; position:relative; background:transparent !important; }
.classic-account { top:6px; right:0; z-index:1; }
.classic-account a { color:#ffe000; }
.classic-logo { top:28px; left:50%; transform:translateX(-50%); }
.classic-logo img { width:270px; }
.join-battle { top:32px; right:0; width:297px; }
.classic-tabs { display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; height:64px; padding:0 18px; gap:18px; border:0; background:transparent; box-sizing:border-box; }
.classic-tabs.image-tabs { gap:18px; }
.classic-tabs.image-tabs a { display:flex; align-items:flex-start; flex:0 1 136px; width:136px; height:44px; min-width:0; margin:0; }
.classic-layout { grid-template-columns:240px 474px 240px; gap:10px; align-items:start; margin:0; padding:10px; border:1px solid #1e99c6; background:linear-gradient(90deg,rgba(5,21,39,.78),rgba(10,47,82,.42),rgba(5,21,39,.78)),url('../live/images/content-bg.jpg') center top/auto 100% repeat-y; box-shadow:0 0 15px rgba(0,0,0,.65); }
.classic-left { min-width:0; padding:8px 8px 14px; background:linear-gradient(180deg,rgba(3,10,18,.95),rgba(2,8,14,.86)),url('../live/images/left-column-bg.png') center top repeat-y; border:1px solid #173446; }
.classic-side-nav { gap:3px; }
.classic-side-nav.image-side-nav img { width:100%; }
.classic-side-nav.utility { margin-top:44px; padding-top:14px; border-top:1px solid #35728a; }
.classic-search { margin-top:34px; }
.classic-search input { height:24px; font-size:12px; }
.classic-search button { height:24px; }
.classic-status { color:#e2f8ff; font-size:12px; line-height:1.2; }
.classic-facebook { margin-top:14px; border:1px solid #1c718f; border-radius:4px; background:linear-gradient(#075274,#0a2633); color:#ffe000 !important; font-size:12px; }
.classic-main { display:grid; gap:8px; min-width:0; }
.classic-intro { margin:0; min-height:67px; padding:9px; border:2px solid #3199bc; background:linear-gradient(90deg,rgba(17,70,118,.92),rgba(45,84,134,.72)); color:#ffe000; font-size:12px; line-height:1.35; }
.classic-media { margin:0; border:2px solid #2a9dc3; background:linear-gradient(#3367a4,#254b77); box-shadow:inset 0 0 0 2px #183652; }
.classic-media-stage { min-height:237px; padding:5px; background:linear-gradient(90deg,#05080b 0 74%,#42669b 74%); }
.classic-media-stage img { max-height:235px; }
.classic-media-thumbs { grid-template-columns:repeat(10,1fr); padding:5px; background:#173249; }
.classic-news { margin:0; min-height:465px; padding:12px 9px 16px; border:2px solid #28a1c6; background:linear-gradient(115deg,rgba(15,72,121,.94),rgba(56,85,138,.86)),url('../live/images/large-text-bg.png') center/cover; }
.classic-news h2 { padding-bottom:4px; border-bottom:1px solid #e7c800; color:#ffe000; }
.classic-news article { margin:0; padding:5px 0; border-bottom:1px solid rgba(140,213,235,.35); }
.classic-news article a { color:#00d7ff; text-decoration:underline; }
.classic-news article p { color:#f2fbff; line-height:1.25; }
.classic-right { display:grid; gap:8px; }
.classic-right section { margin:0; padding:9px; border:2px solid #249dc6; background:linear-gradient(140deg,rgba(10,58,101,.94),rgba(6,33,62,.92)); }
.classic-right section:nth-child(1) { min-height:178px; background:linear-gradient(140deg,rgba(12,71,118,.94),rgba(8,38,73,.92)),url('../live/images/human-players-bg.png') right top/auto 100% no-repeat; }
.classic-right section:nth-child(2) { min-height:178px; border-color:#b74d1e; background:linear-gradient(140deg,rgba(102,45,20,.9),rgba(68,24,17,.9)),url('../live/images/bugs-players-bg.png') right top/auto 100% no-repeat; }
.classic-right h2 { margin:0 0 7px; padding-bottom:4px; border-bottom:1px solid #e8ca00; color:#ffe000; font-size:13px; }
.classic-right li { margin:0; padding:4px 0; border-bottom:1px solid rgba(169,220,241,.28); }
.classic-right li a { color:#c6f4ff; text-decoration:underline; }
.classic-store-slots { min-height:108px; }
.classic-store-slots h2 + ul { min-height:13px; }
.classic-tip { min-height:126px; }
.classic-footer { display:grid; grid-template-columns:1fr; justify-items:center; gap:8px; margin-top:10px; min-height:119px; padding:24px 18px 12px; border:0; background:url('../live/images/footercenter.jpg') center top/cover no-repeat; color:#fff; text-align:center; }
.classic-footer .classic-partners { width:auto; gap:28px; }
.classic-footer .classic-partners img { max-width:160px; max-height:38px; }
.classic-footer a { color:#ffe000; }
@media(max-width:760px){body.classic-home::before{height:120px;background-size:auto 120px}.classic-frame{width:100%}body.classic-home .classic-header{height:120px}.classic-logo{top:31px}.classic-logo img{width:205px}.join-battle{display:none}.classic-tabs{height:auto;padding:8px 10px;background:#061420}.classic-tabs.image-tabs a,.classic-tabs.image-tabs a + a,.classic-tabs.image-tabs a + a + a{width:calc((100% - 24px)/3);margin:0}.classic-layout{grid-template-columns:1fr;padding:8px}.classic-left{display:grid;grid-template-columns:1fr 1fr;gap:8px}.classic-side-nav.utility{margin-top:0;padding-top:0;border-top:0}.classic-main{display:grid}.classic-right{grid-template-columns:1fr}.classic-news{min-height:0}.classic-footer{margin-top:0}.classic-footer .classic-partners{gap:10px}.classic-footer .classic-partners img{max-width:120px}}

/* Source-matched About Game document deck. */
.classic-content-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:10px; margin:0; padding:10px; border:1px solid #1e99c6; background:linear-gradient(90deg,rgba(5,21,39,.78),rgba(10,47,82,.42),rgba(5,21,39,.78)),url('../live/images/content-bg.jpg') center top/auto 100% repeat-y; box-shadow:0 0 15px rgba(0,0,0,.65); }
.classic-document { min-width:0; padding:10px; border:1px solid #1d86a9; background:linear-gradient(115deg,rgba(12,62,105,.95),rgba(48,78,127,.88)),url('../live/images/large-text-bg.png') center/cover; color:#f1fbff; }
.classic-document h1 { margin:0 0 12px; padding:0 0 8px; border-bottom:1px solid #2da7cf; color:#ffe000; font:normal 24px/1.1 Arial,Helvetica,sans-serif; }
.classic-document-box { padding:13px; border:2px solid #27a1c8; background:rgba(6,30,56,.42); }
.classic-document-box h2 { margin:0 0 8px; padding:10px 0 5px; border-bottom:1px solid #e7c800; color:#ffe000; font-size:16px; }
.classic-document-box h2:first-child { padding-top:0; }
.classic-document-box p { margin:0 0 12px; color:#f2fbff; line-height:1.45; }
.classic-document-box .about-lead { color:#fff1a7; font-size:14px; font-weight:bold; }
.classic-document-box img { display:block; width:100%; margin:0 0 18px; border:1px solid #43b8d8; }
.about-rail-partners { display:grid; justify-items:center; gap:10px; margin-top:26px; padding:16px 8px; border:1px solid #143747; background:rgba(2,7,12,.86); }
.about-rail-partners img { display:block; max-width:190px; max-height:42px; object-fit:contain; }
.document-source { margin:14px 0 0; text-align:center; }.document-source a { color:#ffe000; }
@media(max-width:760px){.classic-content-layout{grid-template-columns:1fr;padding:8px}.classic-document{padding:8px}.classic-document-box{padding:10px}.classic-document h1{font-size:20px}.about-rail-partners{margin-top:0}.classic-document-box img{margin-bottom:14px}}

/* Source-matched News archive document list. */
.classic-news-document .classic-document-box { padding-top:8px; }
.news-rss { display:flex !important; align-items:center; gap:7px; margin:0 0 12px !important; padding:0 0 10px; border-bottom:1px solid #2ca4ca; }.news-rss img { width:16px !important; margin:0 !important; border:0 !important; }.news-rss a { color:#8fe8ff; text-decoration:underline; }
.news-filter { display:grid; gap:5px; margin:0 0 10px; color:#ffe000; font-size:11px; font-weight:bold; }.news-filter input { height:27px; border:1px solid #58b9d7; background:#06192b; color:#effcff; }
.classic-news-document #status { margin:0 0 8px; color:#bdeeff; font-size:11px; }
.classic-news-document .news-item { margin:0; padding:10px 0; border-bottom:1px solid rgba(149,219,239,.38); background:transparent; }
.classic-news-document .news-item h3 { margin:0 0 3px; font-size:14px; }.classic-news-document .news-item h3 a { color:#00d7ff; text-decoration:underline; }
.classic-news-document .news-item small { color:#fff0a5; }.classic-news-document .news-item p { margin:4px 0 0; color:#f4fbff; line-height:1.35; }

/* Historical/operational boundary required for source-backed archive routes. */
.classic-frame{position:relative}.archive-boundary{position:absolute;z-index:3;top:5px;left:0;display:flex;align-items:center;gap:8px;max-width:650px;color:#dff7ff;font-size:9px;line-height:1.25}.archive-boundary strong{color:#ffe000;letter-spacing:.08em;text-transform:uppercase}.archive-boundary a{color:#ffe000;white-space:nowrap}@media(max-width:760px){.archive-boundary{position:static;max-width:none;padding:7px 10px;background:#071724;font-size:10px;flex-wrap:wrap}.classic-header{margin-top:0}}