.meta-page { min-height:100vh; }
.meta-nav { display:grid; width:calc(100vw - 144px); justify-items:start; gap:10px; margin-left:72px; padding-top:24px; }
.meta-nav .brand { position:static; transform:none; gap:22px; }
.meta-nav .brand-badge { width:140px; height:140px; }
.meta-nav .brand-name { font-size:36px; letter-spacing:0; }
.meta-back-home { margin-left:174px; display:inline-flex; align-items:center; justify-content:center; padding:11px 16px; border:1px solid #173b45; border-radius:9px; color:#fff; background:#14252c; font-size:15px; font-weight:800; letter-spacing:.02em; text-decoration:none; transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease,transform .18s ease; }
.meta-back-home:hover,.meta-back-home:focus-visible { border-color:rgba(85,217,238,.9); box-shadow:0 0 0 1px rgba(85,217,238,.48),0 0 18px rgba(0,213,238,.42),0 0 36px rgba(0,162,255,.22); filter:brightness(1.12); transform:translateY(-2px); }
.meta-shell { width:min(1440px,calc(100% - 64px)); padding-bottom:64px; }
.meta-hero { display:grid; width:100%; max-width:none; margin:4px 0 30px; justify-items:center; text-align:center; }
.meta-hero h1 { width:100%; min-width:0; max-width:none; box-sizing:border-box; justify-self:stretch; margin:6px 0 10px; color:#f7fbff; font:700 clamp(46px,5vw,76px)/.95 Georgia,'Times New Roman',serif; text-align:center; text-shadow:0 0 28px rgba(36,150,255,.46); white-space:nowrap; }
.meta-hero > p:not(.eyebrow) { margin:0 auto; max-width:700px; color:#b5d3df; font-size:17px; line-height:1.5; }
.meta-timestamp { display:inline-flex; flex-wrap:wrap; justify-content:center; gap:7px; margin-top:18px; padding:9px 15px; border:1px solid rgba(63,200,235,.35); border-radius:999px; background:rgba(3,18,27,.82); color:#b5d3df; font-size:14px; }
.meta-timestamp strong { color:#fff; }
.meta-overview { position:relative; overflow:hidden; margin-bottom:46px; padding:26px; border:1px solid rgba(45,194,234,.52); border-radius:16px; background:linear-gradient(135deg,rgba(2,13,20,.97),rgba(5,20,31,.94)),url('/media/alpha-hero-background.png') center 35%/cover; box-shadow:inset 0 0 45px rgba(0,157,215,.08),0 22px 70px rgba(0,0,0,.38); }
.meta-overview-header { display:flex; justify-content:space-between; align-items:end; gap:24px; padding-bottom:24px; border-bottom:1px solid rgba(75,201,235,.25); }
.meta-overview-header h2 { margin:2px 0 0; color:#f5f9ff; font:700 clamp(42px,5vw,62px)/.95 Georgia,'Times New Roman',serif; letter-spacing:.08em; text-shadow:0 0 22px rgba(36,150,255,.42); }
.meta-overview-header > div:last-child { display:grid; gap:4px; text-align:right; color:#9fc4d2; font-size:15px; }
.meta-overview-header > div:last-child strong { color:#ffd34a; font-size:18px; }
.meta-detail-link { display:flex; align-items:center; justify-content:space-between; gap:28px; margin:-20px 0 46px; padding:24px 28px; border:1px solid rgba(255,211,74,.66); border-radius:15px; background:linear-gradient(110deg,rgba(50,31,4,.92),rgba(5,21,29,.96)); color:#fff; text-decoration:none; box-shadow:inset 0 0 34px rgba(255,191,35,.08),0 18px 48px rgba(0,0,0,.34); transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.meta-detail-link:hover,.meta-detail-link:focus-visible { border-color:#ffd34a; box-shadow:0 0 0 1px rgba(255,211,74,.28),0 0 28px rgba(255,185,32,.2),0 18px 48px rgba(0,0,0,.34); transform:translateY(-2px); }
.meta-detail-link span { display:grid; gap:6px; }
.meta-detail-link small { color:#ffd34a; font-weight:900; letter-spacing:.14em; }
.meta-detail-link strong { font:700 clamp(26px,3vw,38px)/1 Georgia,'Times New Roman',serif; }
.meta-detail-link em { color:#b5d3df; font-style:normal; }
.meta-detail-link b { color:#5be7f2; white-space:nowrap; }
.meta-game-preview { display:grid; grid-template-columns:minmax(190px,240px) minmax(0,1fr) auto; align-items:center; gap:28px; overflow:hidden; padding:18px; border:1px solid rgba(56,197,235,.38); border-radius:16px; background:linear-gradient(135deg,rgba(3,18,27,.97),rgba(4,12,21,.94)); box-shadow:inset 0 0 42px rgba(0,196,232,.06),0 22px 55px rgba(0,0,0,.32); }
.meta-game-art { align-self:stretch; display:block; min-height:165px; overflow:hidden; border:1px solid rgba(91,231,242,.28); border-radius:12px; background:#020a0f; }
.meta-game-art img { display:block; width:100%; height:100%; min-height:165px; object-fit:cover; object-position:center; }
.cod-preview .meta-game-art img { object-fit:contain; }
.battlefield-preview .meta-game-art img { object-fit:contain; }
.battlefield-detail-page .actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:auto; }
.battlefield-detail-page .actions .dbd-source-link { margin-top:0; }
.meta-game-copy { min-width:0; }
.meta-game-dates { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:16px; color:#87afbd; font-size:13px; line-height:1.35; }
.meta-game-dates span { display:inline-flex; align-items:baseline; gap:6px; }
.meta-game-dates strong { color:#ffd34a; font-weight:900; }
.meta-game-preview h1,.meta-game-preview h2 { margin:6px 0 9px; color:#fff; font:700 clamp(30px,3.5vw,44px)/1 Georgia,'Times New Roman',serif; }
.meta-game-preview p:last-child { max-width:720px; margin:0; color:#a9cbd8; font-size:17px; line-height:1.5; }
.meta-game-grid { display:grid; gap:24px; margin-top:36px; }
.meta-game-link { color:#fff; text-decoration:none; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.meta-game-link:hover,.meta-game-link:focus-visible { border-color:#5be7f2; box-shadow:0 0 0 1px rgba(91,231,242,.25),0 0 30px rgba(0,196,232,.18),0 22px 55px rgba(0,0,0,.32); transform:translateY(-2px); }
.meta-game-callout { max-width:720px; margin:0 0 9px!important; color:#a9cbd8!important; font:400 17px/1.5 Arial,sans-serif; }
.meta-game-link > b { color:#5be7f2; white-space:nowrap; }
.meta-source-pills { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; }
.meta-source-pills span { padding:9px 12px; border:1px solid rgba(91,231,242,.35); border-radius:999px; color:#5be7f2; font-size:12px; font-weight:900; letter-spacing:.08em; white-space:nowrap; }
.meta-game-action { display:grid; justify-items:end; gap:16px; }
.meta-game-action > b { color:#5be7f2; white-space:nowrap; }
.dbd-detail-page { background-color:#03080d; }
.dbd-hero { margin-bottom:38px; }
.dbd-briefing { margin-bottom:24px; padding:30px 34px; border:1px solid rgba(56,197,235,.42); border-radius:18px; background:linear-gradient(120deg,rgba(3,18,27,.98),rgba(5,23,34,.93)); box-shadow:inset 0 0 52px rgba(0,196,232,.07),0 22px 55px rgba(0,0,0,.3); }
.dbd-briefing-copy { max-width:820px; margin:0 auto 26px; text-align:center; }
.dbd-briefing h2 { margin:7px 0 12px; color:#fff; font:700 clamp(30px,3.4vw,44px)/1 Georgia,'Times New Roman',serif; }
.dbd-briefing-copy > p:last-child { margin:0; color:#a9cbd8; font-size:17px; line-height:1.55; }
.dbd-briefing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.dbd-briefing-grid article { padding:20px; border:1px solid rgba(56,197,235,.24); border-radius:12px; background:rgba(1,12,19,.7); }
.dbd-briefing-grid span { color:#25d6ea; font-size:12px; font-weight:900; letter-spacing:.14em; }
.dbd-briefing-grid h3 { margin:8px 0; color:#fff; font:700 20px/1.15 Georgia,'Times New Roman',serif; }
.dbd-briefing-grid p { margin:0; color:#a9cbd8; font-size:15px; line-height:1.5; }
.dbd-intel-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.dbd-intel-card { position:relative; overflow:hidden; display:flex; flex-direction:column; min-height:430px; padding:34px; border:1px solid rgba(56,197,235,.42); border-radius:18px; background:linear-gradient(145deg,rgba(3,18,27,.98),rgba(4,12,21,.95)); box-shadow:inset 0 0 52px rgba(0,196,232,.07),0 22px 55px rgba(0,0,0,.34); }
.dbd-intel-card::after { content:""; position:absolute; right:-85px; bottom:-115px; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle,rgba(0,186,255,.14),transparent 68%); pointer-events:none; }
.dbd-community-card { border-color:rgba(255,211,74,.44); box-shadow:inset 0 0 52px rgba(255,190,45,.05),0 22px 55px rgba(0,0,0,.34); }
.dbd-intel-card h2,.dbd-build-tools h2 { margin:7px 0 14px; color:#fff; font:700 clamp(30px,3.4vw,44px)/1 Georgia,'Times New Roman',serif; }
.dbd-intel-card > p:not(.eyebrow),.dbd-build-tools p:last-child { margin:0; color:#a9cbd8; font-size:17px; line-height:1.55; }
.dbd-source-status { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; margin-top:20px; padding:12px 14px; border:1px solid rgba(91,231,242,.22); border-radius:10px; background:rgba(0,0,0,.2); font-size:13px; }
.dbd-source-status span { color:#87afbd; text-transform:uppercase; letter-spacing:.08em; }
.dbd-source-status b { color:#5be7f2; }
.dbd-intel-card ul { display:grid; gap:12px; margin:24px 0 30px; padding:20px 0 20px 24px; border-top:1px solid rgba(74,191,223,.2); border-bottom:1px solid rgba(74,191,223,.2); color:#d6e8ef; font-size:16px; line-height:1.45; }
.dbd-source-link { position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; margin-top:auto; padding:12px 16px; border:1px solid rgba(91,231,242,.5); border-radius:9px; background:rgba(20,37,44,.88); color:#fff; font-weight:900; text-decoration:none; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.dbd-source-link:hover,.dbd-source-link:focus-visible { border-color:#5be7f2; box-shadow:0 0 20px rgba(0,213,238,.32); transform:translateY(-2px); }
.dbd-build-tools { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:24px; padding:28px 34px; border:1px solid rgba(56,197,235,.32); border-radius:16px; background:linear-gradient(110deg,rgba(3,18,27,.96),rgba(7,25,35,.92)); }
.dbd-build-tools .dbd-source-link { flex:0 0 auto; margin-top:0; }
.dbd-source-note { display:flex; gap:12px; margin-top:24px; padding:18px 22px; border-left:3px solid #25d6ea; background:rgba(3,18,27,.72); color:#a9cbd8; font-size:14px; line-height:1.5; }
.dbd-source-note strong { color:#fff; white-space:nowrap; }
.meta-mode-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:22px; }
.meta-mode-card { padding:16px; border:1px solid rgba(74,191,223,.32); border-radius:12px; background:rgba(2,12,18,.87); }
.meta-mode-card h3 { margin:0 0 9px; padding-bottom:11px; border-bottom:1px solid rgba(74,191,223,.22); color:#25d6ea; font:700 23px Georgia,'Times New Roman',serif; text-align:center; }
.meta-mode-entry { display:grid; grid-template-columns:34px 1fr; gap:8px; align-items:center; min-height:54px; border-top:1px solid rgba(74,191,223,.16); }
.meta-mode-entry:first-of-type { border-top:0; }
.meta-mode-entry > span { color:rgba(84,216,243,.65); font-weight:800; }
.meta-mode-entry p { margin:0; }
.meta-mode-entry small,.meta-mode-entry strong { display:block; }
.meta-mode-entry small { color:#9fc4d2; font-size:13px; letter-spacing:.08em; text-transform:uppercase; }
.meta-mode-entry strong { margin-top:3px; color:#fff; font-size:17px; }
.meta-class-title { display:grid; width:100%; max-width:1320px; margin:0 auto 30px; justify-items:center; text-align:center; }
.meta-class-title h2 { margin:7px 0 8px; color:#fff; font:700 clamp(36px,3.8vw,52px)/1 Georgia,'Times New Roman',serif; white-space:nowrap; }
.meta-class-title > p:last-child { margin:0; color:#a9cbd8; font-size:16px; }
.meta-class-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.meta-class-card { position:relative; overflow:hidden; min-height:330px; padding:22px; border:1px solid rgba(56,197,235,.42); border-radius:16px; background:linear-gradient(145deg,rgba(3,18,27,.97),rgba(4,12,21,.94)); box-shadow:inset 0 0 42px rgba(0,196,232,.06),0 22px 55px rgba(0,0,0,.32); }
.meta-class-card::after { content:""; position:absolute; inset:auto -40px -90px auto; width:230px; height:230px; border-radius:50%; background:radial-gradient(circle,rgba(0,186,255,.16),transparent 68%); pointer-events:none; }
.meta-class-heading { min-height:145px; border-bottom:1px solid rgba(74,191,223,.24); }
.meta-class-heading h2 { margin:5px 0 8px; color:#f7fbff; font:700 38px/1 Georgia,'Times New Roman',serif; }
.meta-class-heading p:last-child { margin:0; color:#9fc4d2; font-size:17px; line-height:1.5; }
.meta-class-card ol { margin:18px 0 0; padding:0; list-style:none; }
.meta-class-card li { display:grid; grid-template-columns:126px 1fr; align-items:center; min-height:64px; border-top:1px solid rgba(74,191,223,.16); }
.meta-class-card li:first-child { border-top:0; }
.meta-position { display:flex; align-items:center; gap:10px; color:#25d6ea; font-size:14px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.meta-position small { color:rgba(84,216,243,.55); font:700 18px Georgia,serif; }
.meta-class-card li strong { color:#fff; font-size:23px; letter-spacing:.02em; }
.meta-weapon { display:grid; gap:7px; min-width:0; padding:8px 0; }
.meta-build-link { display:inline-flex; width:max-content; align-items:center; gap:6px; color:#25d6ea; font-size:12px; font-weight:800; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; transition:color 160ms ease,text-shadow 160ms ease,transform 160ms ease; }
.meta-build-link:hover,.meta-build-link:focus-visible { color:#fff; text-shadow:0 0 14px rgba(37,229,240,.72); transform:translateX(2px); }
.meta-mode-entry p .meta-build-link { margin-top:5px; }
.copy-code { display:inline-flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; border:1px solid rgba(37,214,234,.38); border-radius:8px; background:rgba(37,214,234,.08); color:#b9f8ff; cursor:pointer; font:800 12px/1.2 inherit; letter-spacing:.04em; transition:border-color 160ms ease,box-shadow 160ms ease,color 160ms ease; }
.copy-code span { color:#fff; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; }
.copy-code:hover,.copy-code:focus-visible { border-color:#25e5f0; box-shadow:0 0 16px rgba(37,229,240,.28); color:#fff; }
.code-unavailable { color:#71909b; font-size:12px; font-weight:700; }
.meta-loading { grid-column:1/-1; display:grid; place-content:center; gap:8px; min-height:340px; text-align:center; border:1px solid rgba(56,197,235,.35); border-radius:16px; background:rgba(3,18,27,.92); color:#a9cbd8; }
.meta-loading strong { color:#fff; font:700 32px Georgia,serif; }
.meta-footer { display:flex; align-items:center; justify-content:space-between; gap:32px; width:min(1400px,calc(100vw - 64px)); margin:28px 0 0 50%; padding:24px 28px; border:1px solid rgba(56,197,235,.28); border-radius:14px; background:rgba(3,18,27,.86); transform:translateX(-50%); }
.meta-footer p { margin:0; color:#a9cbd8; font-size:17px; }
.meta-footer .actions { display:flex; flex-wrap:nowrap; white-space:nowrap; }
@media (max-width:1100px) { .meta-hero h1,.meta-class-title h2{white-space:normal} }
@media (max-width:900px) { .meta-shell{width:min(100% - 40px,760px)}.meta-overview-header{align-items:flex-start;flex-direction:column}.meta-overview-header>div:last-child{text-align:left}.meta-mode-grid,.meta-class-grid,.dbd-intel-grid,.dbd-briefing-grid{grid-template-columns:1fr}.meta-footer{align-items:flex-start;flex-direction:column}.meta-detail-link,.dbd-build-tools{align-items:flex-start;flex-direction:column}.meta-game-preview{grid-template-columns:1fr;align-items:start}.meta-game-art{width:100%;height:190px;min-height:0}.meta-game-art img{min-height:0}.meta-game-action{justify-items:start}.meta-source-pills{justify-content:flex-start}.dbd-build-tools .dbd-source-link{margin-top:8px} }
@media (max-width:600px) { .meta-nav{width:auto;margin-left:0;padding:24px 16px 0;gap:12px}.meta-nav .brand{gap:14px}.meta-nav .brand-badge{width:108px;height:108px}.meta-nav .brand-name{font-size:27px}.meta-back-home{margin-left:0}.meta-class-card{padding:22px}.meta-class-heading h2{font-size:32px}.meta-footer{width:100%;margin-left:0;transform:none}.meta-footer .actions{flex-wrap:wrap} }