/*
Theme Name: Protocol Battleforged
Theme URI: https://protocol.tagsg.com/
Author: TAGSG / Protocol Development
Author URI: https://tagsg.com/
Description: Cinematic, responsive WordPress classic theme for PROTOCOL: BATTLEFORGED, including a three-faction landing page, regional rankings API, demo shop, and native WordPress account integration. No WooCommerce dependency.
Version: 1.7.1
Requires at least: 6.4
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: protocol-battleforged
Tags: custom-logo, custom-menu, featured-images, one-column, two-columns, blog, full-width-template, footer-widgets, theme-options, translation-ready
*/
:root{--ink:#030914;--ink2:#071325;--panel:#09172a;--panel2:#0c1e32;--line:#174066;--white:#f5f9ff;--muted:#9bb2cc;--cyan:#46b9fa;--red:#fa484e;--green:#67ef83;--gold:#ffa82f;--orange:#ff761b;--radius:10px;--max:1500px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{background:radial-gradient(ellipse at 50% 700px,#0c2140 0,transparent 40%),var(--ink);color:var(--white);font:16px/1.65 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;margin:0;min-width:280px;-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;height:auto}img{display:block}a{color:var(--cyan);text-decoration:none}a:hover{color:#fff}p{margin:0 0 1em}ul,ol{padding-left:1.3em}h1,h2,h3,h4,h5{line-height:1.12;letter-spacing:.015em;margin:0 0 .55em;font-family:Impact,'Arial Narrow','Segoe UI',sans-serif;font-stretch:condensed}h1{font-size:clamp(2.5rem,5vw,5rem)}h2{font-size:clamp(2rem,3.2vw,3.25rem)}h3{font-size:1.4rem}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap}.screen-reader-text:focus{clip:auto;width:auto;height:auto;padding:12px;top:8px;left:8px;background:#fff;color:#111;z-index:9999}
.container-wide{width:min(calc(100% - 56px),var(--max));margin-inline:auto}.container{width:min(calc(100% - 42px),1180px);margin-inline:auto}
.site-header{background:rgba(1,10,21,.97);border-bottom:1px solid #1b4771;position:relative;z-index:100;box-shadow:0 2px 28px rgba(0,0,0,.55)}.header-inner{min-height:78px;display:flex;align-items:center;gap:22px}.brand{display:inline-flex;align-items:center;flex-shrink:0;gap:11px;color:#fff;min-width:0}.brand-emblem{font-size:2.35rem;color:#dbf2ff;text-shadow:0 0 20px #15a5ff;line-height:1}.brand-wordmark{display:flex;flex-direction:column;line-height:1}.brand-wordmark strong{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.08em;font-size:clamp(1.2rem,2vw,2rem);text-shadow:0 1px 0 #6092b8}.brand-wordmark small{font-size:.56rem;font-weight:900;color:var(--gold);letter-spacing:.23em;padding-top:5px}.site-logo{height:58px;width:auto;max-width:290px;object-fit:contain}.primary-nav{flex:1;min-width:0}.pbf-menu{display:flex;align-items:center;justify-content:center;list-style:none;gap:clamp(8px,1.3vw,27px);padding:0;margin:0}.pbf-menu li{position:relative}.pbf-menu a{color:#e2edfb;display:block;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em;padding:13px 0;white-space:nowrap}.pbf-menu a:hover,.pbf-menu .current-menu-item>a{color:var(--gold)}.pbf-menu .sub-menu{display:none;position:absolute;z-index:9;left:-10px;top:100%;list-style:none;background:#071527;border:1px solid var(--line);padding:8px 18px;min-width:160px;box-shadow:0 12px 25px #0009}.pbf-menu li:hover>.sub-menu,.pbf-menu li:focus-within>.sub-menu{display:block}.header-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.menu-toggle{display:none;border:1px solid var(--line);background:#0a182c;padding:11px;border-radius:4px}.menu-toggle span{display:block;width:23px;height:2px;background:#fff;margin:4px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;text-align:center;text-transform:uppercase;font-family:Impact,'Arial Narrow','Segoe UI',sans-serif;letter-spacing:.065em;font-weight:800;border-radius:5px;border:1px solid;min-height:46px;padding:12px 22px;line-height:1.2;transition:transform .2s,box-shadow .2s,background .2s;color:#fff}.btn:hover{transform:translateY(-2px);color:#fff}.btn-small{min-height:37px;padding:10px 14px;font-size:.75rem}.btn-xl{min-height:58px;padding:17px 30px;font-size:1.18rem}.btn-primary{border-color:#ffc96a;background:linear-gradient(140deg,#ff9b30,#f15b08 55%,#b82d02);box-shadow:0 0 0 1px #f59422 inset,0 0 22px #ff66006b;text-shadow:0 1px #6b2606}.btn-primary:hover{box-shadow:0 0 30px #ff8a00b0}.btn-outline{border-color:#75a5ca;background:linear-gradient(140deg,#09182be5,#142842b8);box-shadow:0 0 15px #1461a022 inset}.btn-outline:hover{border-color:#fff;background:#143456}.btn-disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.eyebrow{color:var(--gold);font-size:.77rem;letter-spacing:.19em;font-weight:900;text-transform:uppercase;margin:0 0 12px}
.hero{min-height:700px;background-image:linear-gradient(180deg,#0310214d 0,#00000005 20%,#0208156e 57%,#020815 100%),var(--hero-image);background-size:cover;background-position:center 42%;position:relative;display:flex;align-items:center;text-align:center;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 53%,#020915b0 0,#02091584 20%,transparent 53%);z-index:1;pointer-events:none}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-content{position:relative;z-index:2;padding:115px 10px 130px;display:flex;align-items:center;flex-direction:column}.hero-kicker{font-size:.86rem;color:#dcf2ff;text-shadow:0 1px 8px #000}.hero-badge{font-size:3.6rem;line-height:1;margin-bottom:6px;color:#e2efff;text-shadow:0 0 20px var(--cyan)}.hero h1{line-height:.92;margin:0;font-size:clamp(3rem,7.8vw,8rem);letter-spacing:.06em;text-shadow:0 5px 4px #010912,0 0 25px #122b48}.hero h1 span{display:block;background:linear-gradient(#fff,#e8f3ff 37%,#719fc3 75%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1 strong{font-size:.67em;display:block;color:#ffae55;text-shadow:0 0 25px #d84817,0 4px 2px #351b0b;letter-spacing:.12em}.hero-headline{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(1.2rem,2.25vw,2rem);letter-spacing:.17em;text-shadow:0 3px 6px #000;margin:22px 0 8px}.hero-subtitle{color:#dae8f8;max-width:650px;font-size:1.12rem;text-shadow:0 2px 6px #000;margin-bottom:25px}.hero-ctas{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.platform-label{font-size:.82rem;color:#bdcfe6;margin-top:22px;letter-spacing:.07em}.platform-label a{color:#eaf7ff}.hero-lower{position:absolute;z-index:2;bottom:17px;display:flex;justify-content:space-between;left:50%;transform:translateX(-50%);pointer-events:none}.hero-signal{color:#fff;font-weight:900;letter-spacing:.23em;font-size:.73rem;text-shadow:0 2px 10px #000}.hero-signal.blue{border-bottom:2px solid var(--cyan)}.hero-signal.red{border-bottom:2px solid var(--red)}.hero-signal.green{border-bottom:2px solid var(--green)}
.feature-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);background:#051528;border:1px solid #275477;box-shadow:0 6px 24px #0008;margin-top:-1px}.feature-strip>div{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;align-content:center;gap:0 14px;padding:19px 15px;border-right:1px solid #16416b}.feature-strip>div:last-child{border:0}.feature-icon{font-size:2.1rem;grid-row:span 2;color:var(--cyan);text-align:center}.feature-strip strong{font:700 .9rem/1.3 system-ui,sans-serif}.feature-strip small{font-size:.74rem;color:#9db4cd}.section-wrap{padding-top:90px;padding-bottom:12px;scroll-margin-top:100px}.section-heading{max-width:800px;margin:0 0 34px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2{margin:0 0 12px;color:#f0f7ff;text-transform:uppercase;letter-spacing:.045em;text-shadow:0 0 20px #1b538b78}.section-heading p:not(.eyebrow){color:var(--muted);margin:0}.section-heading.inline-heading{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.inline-link{font-weight:900;font-size:.8rem;color:#72caff;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap}
.faction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.faction-card{height:490px;min-width:0;border:1px solid var(--color);border-radius:var(--radius);position:relative;overflow:hidden;background:radial-gradient(circle at 50% 23%,var(--glow),#061021 68%);box-shadow:0 0 18px var(--glow)}.faction-card:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#030917 5%,#030917d8 27%,transparent 76%)}.faction-card.faction-blue,.theme-blue{--color:#338de8;--glow:#0f67c044}.faction-card.faction-red,.theme-red{--color:#e6434b;--glow:#cc1a2e44}.faction-card.faction-green,.theme-green{--color:#57c66e;--glow:#0fa64e44}.faction-card img{position:absolute;width:100%;height:105%;object-fit:contain;object-position:center top;transform:scale(1.4) translateY(-5%);transition:transform .4s}.faction-card:hover img{transform:scale(1.47) translateY(-6%)}.faction-card-glow{position:absolute;left:0;right:0;top:0;height:60%;background:radial-gradient(circle,var(--glow),transparent)}.faction-copy{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:25px 27px}.faction-copy .eyebrow{color:var(--color);letter-spacing:.09em;font-size:.72rem}.faction-copy h3{font-size:clamp(1.7rem,2.5vw,2.5rem);margin:0}.faction-copy p{font-size:.9rem;line-height:1.4;color:#bccde2;margin:8px 0 12px}.faction-link{font-weight:900;font-size:.82rem;letter-spacing:.08em;color:#e3f0ff;border:1px solid var(--color);border-radius:3px;display:inline-flex;padding:8px 15px;gap:15px;background:#041124}.faction-link:hover{background:var(--glow)}
.gameplay-section{background:linear-gradient(90deg,#020c1ad9,#091d31ed),radial-gradient(ellipse,#0d355b,#0009);padding:95px 0;margin-top:90px;border-top:1px solid #18354b;border-bottom:1px solid #18354b}.gameplay-layout{display:grid;grid-template-columns:1.25fr .8fr;gap:30px;align-items:stretch}.gameplay-visual{min-height:420px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#030b18}.gameplay-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0,transparent 7px,#0001 8px)}.visual-label{position:absolute;bottom:0;left:0;right:0;padding:18px 25px;font-family:Impact,sans-serif;letter-spacing:.1em;background:linear-gradient(0deg,#010810ec,#01081000)}.gameplay-copy{padding:12px 5px;display:flex;flex-direction:column}.gameplay-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.gameplay-tabs button{flex:1;min-width:90px;border:1px solid var(--line);border-radius:4px;background:#0b1a2b;color:#bed0e5;padding:12px 5px;letter-spacing:.04em;font-weight:800}.gameplay-tabs button.active,.gameplay-tabs button:hover{border-color:var(--orange);background:linear-gradient(150deg,#cb4b0a,#702706);color:#fff}.game-tab-panel{min-height:156px}.game-tab-panel h3{font-size:2rem}.game-tab-panel p{font-size:1rem;color:var(--muted);line-height:1.7}.gameplay-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0 28px}.gameplay-stats>div{padding:14px 8px;text-align:center;border-right:1px solid var(--line)}.gameplay-stats>div:last-child{border:0}.gameplay-stats strong{display:block;font-size:1.6rem;color:var(--cyan)}.gameplay-stats small{display:block;font-size:.73rem;color:var(--muted)}
.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.showcase-card{min-width:0;overflow:hidden;background:linear-gradient(150deg,#10243a,#050f1d);border:1px solid var(--color,var(--line));border-radius:var(--radius);transition:transform .2s,border-color .2s;box-shadow:0 4px 20px #0004}.showcase-card:hover{transform:translateY(-4px)}.showcase-image{height:250px;background:radial-gradient(circle,#173553,#050d1c);overflow:hidden}.showcase-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.showcase-image img{height:100%;transition:transform .4s}.showcase-card:hover .showcase-image img{transform:scale(1.07)}.showcase-copy{padding:20px 20px 24px}.showcase-copy span{font-size:.7rem;color:var(--color,var(--cyan));font-weight:900;letter-spacing:.15em}.showcase-copy h3,.showcase-copy h2{font-size:1.5rem;margin:8px 0 15px}.showcase-copy p{font-size:.89rem;color:var(--muted)}.showcase-copy a:not(.btn){font-size:.77rem;letter-spacing:.07em;font-weight:900;color:#e1f4ff}
.rankings-section{background:radial-gradient(ellipse at 80% 30%,#0b2647 0,transparent 55%),#050d1b;border-top:1px solid #102e4e;border-bottom:1px solid #102e4e;padding-top:85px;padding-bottom:85px;margin-top:100px}.rankings-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:18px}.panel{background:linear-gradient(145deg,#0d1d30,#07111f);border:1px solid #214569;border-radius:var(--radius);box-shadow:0 8px 30px #0003;padding:25px}.pbf-ranking-app{min-width:0;padding:30px}.pbf-section-heading.compact{margin:0 0 24px}.pbf-section-heading.compact h3{font-size:2rem}.pbf-section-heading.compact p{font-size:.85rem;color:var(--muted)}.ranking-controls{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.ranking-controls label{color:#b1cbe1;font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;flex:1;min-width:125px}.ranking-controls select{width:100%;margin-top:7px;display:block;appearance:auto;min-height:42px;padding:8px 10px;color:#ebf4ff;border:1px solid #23547b;background:#0a2137;border-radius:4px}.ranking-table-wrap{max-width:100%;overflow-x:auto}.pbf-ranking-table{width:100%;border-collapse:collapse;font-size:.86rem;min-width:530px}.pbf-ranking-table th{text-align:left;text-transform:uppercase;font-size:.71rem;letter-spacing:.06em;padding:13px 11px;background:#07162a;border-block:1px solid #204164;color:#8badcd}.pbf-ranking-table td{padding:16px 11px;border-bottom:1px solid #17314f}.pbf-ranking-table tbody tr:nth-child(odd){background:#0f203440}.pbf-ranking-table td:last-child{color:#ffd482;font-weight:900}.pbf-ranking-table td:first-child{font-weight:900;color:#d9e7f5}.ranking-status{font-size:.79rem;color:#acc8de;min-height:20px;margin:14px 0 0}.ranking-status.error{color:#ffbaa7}.rankings-side{background:linear-gradient(160deg,#0a1d32,#0b1423);border:1px solid #23456c;border-radius:var(--radius);padding:29px;display:flex;flex-direction:column}.rankings-side-header{margin-bottom:10px}.rankings-side h3{font-size:2rem}.rankings-side p{color:var(--muted);font-size:.87rem;line-height:1.7}.rank-spotlight{display:flex;gap:16px;align-items:center;border-top:1px solid #254464;padding:18px 0}.rank-spotlight h4{font-family:system-ui,sans-serif;font-size:.86rem;margin:0 0 3px}.rank-spotlight p{margin:0;font-size:.77rem}.spotlight-icon{font-size:2rem;color:var(--gold)}.rankings-side .btn{margin-top:auto}
.community-banner{padding:48px 55px;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;background:radial-gradient(ellipse at 86% 35%,#143a69 0,transparent 38%),linear-gradient(110deg,#07192c,#07101d)}.community-banner>div:first-child{max-width:650px;position:relative;z-index:1}.community-banner h2{margin-bottom:16px}.community-banner p:not(.eyebrow){color:var(--muted)}.community-rings{font-size:13rem;line-height:1;color:var(--cyan);opacity:.33;filter:drop-shadow(0 0 30px #178ce0)}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.news-card{background:#0a192b;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.news-thumb{display:block;overflow:hidden;aspect-ratio:16/9;background:#0f2b48}.news-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.news-card:hover .news-thumb img{transform:scale(1.07)}.news-body{padding:21px}.news-body h3,.news-body h2{font-size:1.45rem}.news-body h3 a,.news-body h2 a{color:#f2f7ff}.news-body p:not(.eyebrow){color:var(--muted);font-size:.87rem}.news-placeholder{grid-column:1/-1;text-align:center;padding:50px}.news-placeholder h3{font-size:2rem}
.media-panel{min-height:380px;position:relative;display:flex;align-items:center;overflow:hidden;background:#0b1a2c}.media-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}.media-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06111fed 0,#06111fcf 37%,#06111f3a 100%)}.media-panel>div{position:relative;z-index:1;padding:25px;max-width:620px}.media-panel h2{max-width:550px}.media-panel p:not(.eyebrow){color:#cdddf0;max-width:520px}
.final-cta{margin-top:115px;border-top:2px solid #2b6597;border-bottom:1px solid #173c5d;background-image:linear-gradient(90deg,#041024f2,#041024d9 62%,#041024a1),url('assets/images/battle-hero-1920.jpg');background-position:center;background-size:cover}.final-inner{min-height:285px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:40px}.final-inner h2{font-size:clamp(2.4rem,4.5vw,4.6rem);margin-bottom:12px}.final-inner p:not(.eyebrow){color:#d6eaff}.final-buttons{display:flex;flex-direction:column;gap:12px;min-width:275px}
.site-footer{background:#030b15;border-top:1px solid #205177}.footer-grid{display:grid;grid-template-columns:2.2fr repeat(3,1fr);gap:35px;padding-block:65px 48px}.footer-company p{margin:15px 0;color:var(--muted);font-size:.84rem}.footer-tagsg{font-size:.85rem}.footer-col h3,.widget-title{font-family:system-ui,sans-serif;font-size:.93rem;letter-spacing:.11em;text-transform:uppercase}.footer-col>a,.footer-col ul a{display:block;margin:10px 0;font-size:.82rem;color:#a9c1d8}.footer-col>a:hover{color:#fff}.footer-bottom{border-top:1px solid #183249;padding-block:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#7d99b6;font-size:.72rem}.footer-bottom a{color:#9bb6d0}
.page-shell{min-height:65vh;padding-top:65px;padding-bottom:100px}.page-masthead{border-bottom:1px solid var(--line);padding-bottom:30px;margin-bottom:35px}.page-masthead h1{font-size:clamp(2.4rem,4vw,4rem);margin-bottom:12px}.page-masthead p:not(.eyebrow){color:var(--muted);max-width:800px}.content-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px}.entry-content{font-size:1rem;line-height:1.85;min-width:0;overflow-wrap:anywhere}.entry-content h1,.entry-content h2,.entry-content h3{margin:22px 0 16px}.entry-content p{color:#c4d3e7}.entry-content img{border-radius:6px}.entry-content a:not(.btn){text-decoration:underline}.entry-title{font-size:clamp(2.3rem,4vw,4rem)}.single-cover{margin:20px 0 28px;width:100%;height:auto}.post-list{display:grid;gap:20px}.post-list .news-card{display:grid;grid-template-columns:40% 1fr}.post-list .news-thumb{aspect-ratio:auto}.post-list .news-body{padding:24px}.post-navigation,.navigation.pagination{margin-top:25px}.widget{margin-bottom:18px}.blog-sidebar .widget p{font-size:.88rem;color:var(--muted)}.blog-sidebar ul{list-style:none;padding:0}.blog-sidebar li{margin-bottom:9px}.blog-sidebar a{color:#a2c6ed}.notfound{text-align:center;max-width:650px;margin-inline:auto;padding:60px 30px}.notfound .search-form{margin-top:35px}
.account-panel{max-width:760px;margin:0 auto 26px;padding:35px}.account-panel h2{margin-bottom:15px}.account-panel>p{color:var(--muted)}.account-panel form{margin-top:30px}.account-panel form p{display:flex;flex-direction:column;max-width:490px}.account-panel form label{font-size:.83rem;font-weight:700;color:#c9e0f8;margin-bottom:6px}.account-panel input[type=text],.account-panel input[type=password],.account-panel input[type=email]{background:#0b2439;border:1px solid #316087;color:#fff;padding:13px;border-radius:3px;width:100%}.account-panel form .login-remember{flex-direction:row;align-items:center;gap:10px}.account-panel form .button{background:#ff781a;border:1px solid #ffba75;color:#fff;font-weight:900;text-transform:uppercase;padding:13px 20px;cursor:pointer;border-radius:4px}.account-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:20px}.account-actions a:not(.btn){font-weight:700}.ranking-full-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.ranking-about h2{font-size:1.8rem}.ranking-about p{color:var(--muted)}.faction-detail-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:490px;overflow:hidden;padding:35px;border:1px solid var(--color);border-radius:var(--radius);background:radial-gradient(ellipse at 85% 30%,var(--glow),#06101f)}.faction-detail-hero img{width:100%;max-height:500px;object-fit:contain}.faction-detail .section-heading{margin-top:70px}.faction-directory .showcase-card img{height:330px;object-fit:contain;background:#0a192b}.notice-panel{background:#33220c;border:1px solid var(--gold);border-radius:6px;color:#ffe5bd;padding:15px 20px;margin-bottom:24px}.page-shell .showcase-card .btn-disabled{font-size:.65rem;white-space:normal;cursor:default}
.pbf-custom-area{margin-top:32px;margin-bottom:25px}.pbf-custom-area .pbf-widget{max-width:100%}.pbf-custom-area .wp-block-cover{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.wp-block-buttons{margin-top:20px}.alignwide{width:min(calc(100vw - 48px),1300px);max-width:1300px;margin-inline:calc(50% - min(calc(100vw - 48px),1300px)/2)}.alignfull{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw)}
@media(max-width:1300px){.header-inner{gap:13px}.pbf-menu{gap:12px}.pbf-menu a{font-size:.69rem}.header-actions{gap:5px}.brand-wordmark strong{font-size:1.55rem}.download-top{padding:10px}.feature-strip>div{padding:14px 10px}}
@media(max-width:1050px){.container-wide{width:min(calc(100% - 38px),var(--max))}.header-inner{min-height:72px}.menu-toggle{display:block;order:3;margin-left:4px}.header-actions{margin-left:auto}.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#041020;border-top:1px solid var(--line);box-shadow:0 20px 40px #0009;padding:15px 20px 20px}.primary-nav.is-open{display:block}.pbf-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pbf-menu a{padding:10px 12px;border:1px solid #142e4a;font-size:.82rem}.pbf-menu .sub-menu{display:block;position:static;background:none;box-shadow:none;border:0;padding:0 0 5px 13px}.hero{min-height:600px}.faction-card{height:460px}.rankings-layout{grid-template-columns:1fr}.rankings-side{display:grid;grid-template-columns:repeat(3,1fr);gap:0 17px}.rankings-side-header{grid-column:1/-1}.rankings-side>.btn{grid-column:1/-1;margin-top:17px}.rank-spotlight{align-items:flex-start}.ranking-full-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.8fr 1fr 1fr;gap:25px}.footer-col:last-child{grid-column:2}}
@media(max-width:740px){.container-wide{width:min(calc(100% - 30px),var(--max))}.header-inner{min-height:63px;gap:7px}.brand-wordmark strong{font-size:1.14rem}.brand-wordmark small{letter-spacing:.13em;font-size:.43rem}.brand-emblem{font-size:1.8rem}.site-logo{height:45px;max-width:170px}.header-actions .account-btn{display:none}.download-top{font-size:.64rem;padding:9px;min-height:32px}.pbf-menu{grid-template-columns:1fr 1fr}.hero{min-height:580px;background-position:center center}.hero-content{padding:95px 8px 80px}.hero:before{background:radial-gradient(ellipse at 50% 55%,#020915d1,#02091587 43%,transparent 78%)}.hero-kicker{font-size:.63rem}.hero-badge{font-size:2.5rem}.hero h1{font-size:clamp(2.8rem,12.3vw,5.5rem)}.hero h1 strong{letter-spacing:.04em}.hero-headline{font-size:1.2rem;letter-spacing:.08em}.hero-subtitle{font-size:.95rem}.hero-ctas{flex-direction:column;width:min(100%,340px);gap:11px}.btn-xl{min-height:48px;font-size:1rem;padding:13px 16px}.hero-lower{display:none}.feature-strip{grid-template-columns:1fr 1fr}.feature-strip>div{border-bottom:1px solid var(--line)}.feature-strip>div:nth-child(2){border-right:0}.feature-icon{font-size:1.7rem}.feature-strip strong{font-size:.76rem}.feature-strip small{font-size:.65rem}.section-wrap{padding-top:64px}.section-heading h2{font-size:2.3rem}.faction-grid,.showcase-grid,.news-grid{grid-template-columns:1fr}.faction-card{height:490px}.faction-card img{transform:scale(1.1)}.faction-card:hover img{transform:scale(1.13)}.faction-copy h3{font-size:2.2rem}.showcase-image{height:260px}.gameplay-section{margin-top:65px;padding:55px 0}.gameplay-layout{grid-template-columns:1fr;gap:20px}.gameplay-visual{min-height:300px}.gameplay-copy{padding:10px}.game-tab-panel{min-height:100px}.rankings-section{margin-top:65px;padding:60px 0}.pbf-ranking-app{padding:18px}.pbf-section-heading.compact h3{font-size:1.7rem}.rankings-side{display:block;padding:22px}.rankings-side>.btn{margin-top:12px}.ranking-controls label{min-width:120px}.community-banner{padding:28px}.community-rings{font-size:5rem;opacity:.12}.news-grid{gap:15px}.media-panel{min-height:300px}.media-panel>div{padding:4px}.final-cta{margin-top:60px}.final-inner{display:block;text-align:center}.final-inner h2{font-size:2.8rem}.final-buttons{margin:28px auto 0;max-width:360px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:25px;padding-block:40px}.footer-company{grid-column:1/-1}.footer-col:last-child{grid-column:auto}.content-with-sidebar{grid-template-columns:1fr}.post-list .news-card{display:block}.post-list .news-thumb{aspect-ratio:16/9}.page-shell{padding-top:35px}.faction-detail-hero{grid-template-columns:1fr;padding:20px;min-height:0}.faction-detail-hero img{max-height:320px}.account-panel{padding:20px}}
@media(max-width:380px){.brand-emblem{display:none}.download-top{font-size:.61rem}.feature-strip>div{grid-template-columns:35px 1fr;gap:0 5px}.feature-icon{font-size:1.35rem}.hero h1{font-size:2.65rem}.hero-headline{font-size:1.05rem}.faction-card{height:455px}.pbf-menu{grid-template-columns:1fr}.ranking-controls{display:block}.ranking-controls label{display:block;margin-bottom:8px}.footer-grid{grid-template-columns:1fr}.footer-company{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.search-form{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.search-form input{flex:1;min-width:120px;background:#0b2439;border:1px solid #316087;color:#fff;border-radius:3px;padding:11px}.comments-area{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.comment-list{list-style:none;margin:20px 0;padding:0}.comment-list li{border-bottom:1px solid #284663;padding:17px 0}.comment-form input:not([type=submit]),.comment-form textarea{background:#0b2439;border:1px solid #316087;color:#fff;border-radius:3px;padding:10px;max-width:100%}.comment-form .submit{background:var(--orange);color:#fff;border:1px solid var(--gold);padding:12px 24px;cursor:pointer}

/* Version 1.1: cinematic artwork integrated throughout the long homepage. */
.faction-card{isolation:isolate}
.faction-card::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(0deg,#06101e 0%,transparent 65%),var(--faction-scene);background-size:cover;background-position:center;opacity:.72}
.faction-card img{z-index:0;filter:drop-shadow(0 5px 15px #010610)}
.gameplay-visual{min-height:470px}
.rankings-section{background-image:linear-gradient(90deg,#050d1bf5,#050d1be5),url('assets/images/rankings-warroom-hd.jpg');background-size:cover;background-position:center}
.community-banner{background-image:linear-gradient(110deg,#07192ce8,#07101d98),url('assets/images/gameplay-world-hd.jpg');background-position:center;background-size:cover}
.season-promo{position:relative;isolation:isolate;min-height:365px;display:flex;align-items:center;overflow:hidden;border:1px solid #3b6185;border-radius:10px;background:#081627}
.season-promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.season-promo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#020917ee 0%,#020917d9 39%,#02091755 75%)}
.season-promo-copy{padding:42px 45px;max-width:690px}
.season-promo-copy h2{font-size:clamp(2rem,4vw,3.6rem)}
.season-promo-copy p:not(.eyebrow){color:#cfdded;max-width:500px}
.season-promo-actions{display:flex;gap:12px;flex-wrap:wrap}
.news-placeholder{min-height:330px;background-image:linear-gradient(90deg,#071525f4,#07152599),url('assets/images/news-warfront-hd.jpg');background-size:cover;background-position:center;text-align:left;display:flex;flex-direction:column;justify-content:flex-end}
.final-cta{background-image:linear-gradient(90deg,#041024f0,#041024d9 62%,#041024a1),url('assets/images/download-battle-hd.jpg')}
@media(max-width:740px){.season-promo{min-height:350px}.season-promo-copy{padding:28px 22px}.season-promo::before{background:linear-gradient(90deg,#020917e9,#020917b0)}.faction-card::before{opacity:.5}}

/* =============================================================
 * PROTOCOL 1.2 — Media-integrated content, gallery, account,
 * extended widgets and responsive WordPress templates
 * ============================================================= */
:root{--pbf-panel:#07192c;--pbf-line:#1b4c75}
.pbf-information-page{padding-bottom:90px}
.pbf-feature-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:0;align-items:stretch;border:1px solid #33658f;background:#081b30;overflow:hidden;border-radius:8px;box-shadow:0 8px 35px #0009}
.pbf-feature-hero>img{width:100%;height:480px;object-fit:cover;object-position:center}
.pbf-feature-copy{padding:clamp(25px,3.5vw,56px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(130deg,#071e33,#020a14)}
.pbf-feature-copy h2{font-size:clamp(1.9rem,3vw,3.1rem);line-height:1.06;margin:0 0 17px}
.pbf-feature-copy p{line-height:1.7;color:#c8d9eb}
.pbf-feature-copy .btn{margin-top:14px}
.pbf-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:35px 0 50px}
.pbf-info-grid>.panel{overflow:hidden;padding:20px;display:flex;flex-direction:column;align-items:flex-start}
.pbf-info-grid>.panel>img,.pbf-info-grid>.panel>a>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px;margin:0 0 14px;border:1px solid #2d5d85}
.pbf-info-grid>.panel h2,.pbf-info-grid>.panel h3{font-size:clamp(1.1rem,1.5vw,1.6rem);margin:12px 0}
.pbf-info-grid>.panel p{color:#b9cde3;line-height:1.55}
.pbf-info-grid>.panel a{margin-top:auto}
.pbf-gallery-section{padding-top:38px}
.pbf-gallery-controls{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 24px}
.pbf-gallery-controls button{cursor:pointer;background:#081d32;color:#d0e8fb;border:1px solid #2d6b9d;padding:11px 20px;border-radius:4px;font:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.pbf-gallery-controls button:hover,.pbf-gallery-controls button.active{background:#0d5684;border-color:#58bfff;color:#fff}
.pbf-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pbf-gallery-item{margin:0;border:1px solid #1c567f;border-radius:5px;background:linear-gradient(135deg,#0b1d35,#030812);overflow:hidden;transition:transform .18s,border-color .18s}
.pbf-gallery-item:hover{transform:translateY(-2px);border-color:#4faff9}
.pbf-gallery-item[hidden]{display:none!important}
.pbf-gallery-item a{display:block;aspect-ratio:16/10;background:#061221}
.pbf-gallery-item img{display:block;width:100%;height:100%;object-fit:cover}
.pbf-gallery-item figcaption{padding:16px;display:grid;gap:6px;min-height:105px}
.pbf-gallery-item figcaption strong{color:#f3f7ff;font-size:.95rem}
.pbf-gallery-item figcaption span{font-size:.82rem;color:#a4c5df;line-height:1.4}
.pbf-account-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px;align-items:start}
.pbf-account-layout .account-panel{width:100%;max-width:none}
.pbf-account-info{padding:25px;display:flex;flex-direction:column;gap:15px}
.pbf-account-info img{max-height:420px;object-fit:contain;width:100%}
.pbf-account-info .btn{align-self:flex-start}
.pbf-profile-form{display:grid;gap:18px;margin:28px 0 24px}
.pbf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pbf-profile-form label{display:grid;gap:7px;color:#d0eaff;font-weight:700;font-size:.85rem}
.pbf-profile-form input,.pbf-profile-form textarea{width:100%;font:inherit;color:#fff;background:#091c32;border:1px solid #4376a5;border-radius:4px;padding:13px 15px;outline-offset:2px}
.pbf-profile-form input:focus,.pbf-profile-form textarea:focus{border-color:#65cbff}
.pbf-profile-form .account-actions{display:flex;flex-wrap:wrap;gap:12px}
.pbf-account-security{margin-top:20px;padding-top:20px;border-top:1px solid #244967}
.pbf-account-security h3{margin-bottom:6px}
.pbf-account-security a{color:#81d9ff}
.pbf-form-success{border-left:3px solid #33cc91;background:#123f36;padding:14px;color:#d8fff2}
.pbf-form-error{border-left:3px solid #ff6579;background:#421b2b;padding:14px;color:#ffe1e8}
.pbf-download-status{border-left:3px solid #f4a532;padding:12px;background:#3a2619}
.pbf-custom-area .pbf-widget{min-width:0}
.pbf-widget{color:#d8e9fa}
.pbf-widget img{width:100%;height:auto;object-fit:cover;display:block;border-radius:4px}
.pbf-widget .widget-title{font-size:1.3rem}
.pbf-widget .btn{margin-top:9px}
.pbf-widget-factions,.pbf-widget-news{display:grid;gap:9px}
.pbf-mini-faction,.pbf-widget-news>a{display:flex;gap:10px;align-items:center;background:#0a2037;border:1px solid #214e76;border-radius:4px;padding:8px;text-decoration:none}
.pbf-mini-faction img,.pbf-widget-news>a img{width:95px;height:75px;object-fit:contain;background:#061320;flex:none}
.pbf-mini-faction>span,.pbf-widget-news>a>span{display:grid;gap:4px;font-weight:800;color:#e5f2ff;font-size:.85rem}
.pbf-mini-faction small,.pbf-widget-news>a small{font-size:.73rem;color:#9dbfdb}
.pbf-widget-account,.pbf-widget-download,.pbf-widget-community,.pbf-widget-gameplay,.pbf-widget-artwork{display:grid;gap:12px}
.pbf-widget-account img{max-height:190px;object-fit:contain}
.pbf-widget-account .inline-link{display:block;margin-top:10px}
.pbf-news-first{min-width:0}
.pbf-feature-news{grid-column:1/-1;max-width:760px}
.pbf-news-first img{width:100%;height:100%;object-fit:cover}
.pbf-information-page .entry-content.panel{padding:25px}
@media(max-width:1080px){.pbf-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pbf-feature-hero{grid-template-columns:1fr 1fr}.pbf-feature-hero>img{height:420px}}
@media(max-width:780px){.pbf-feature-hero{grid-template-columns:1fr}.pbf-feature-hero>img{height:auto;max-height:400px;aspect-ratio:16/10}.pbf-info-grid{grid-template-columns:1fr 1fr}.pbf-account-layout{grid-template-columns:1fr}}
@media(max-width:590px){.pbf-info-grid,.pbf-gallery-grid,.pbf-form-grid{grid-template-columns:1fr}.pbf-feature-copy{padding:25px}.pbf-gallery-controls button{flex:1 1 100px;padding:10px 12px;font-size:.77rem}.pbf-gallery-item figcaption{min-height:unset}.pbf-account-info img{max-height:230px}}

.rankings-section{background-image:linear-gradient(90deg,#050d1bf5,#050d1be5),var(--pbf-rankings-art,url('assets/images/rankings-warroom-hd.jpg'))}
.community-banner{background-image:linear-gradient(110deg,#07192ce8,#07101d98),var(--pbf-community-art,url('assets/images/gameplay-world-hd.jpg'))}
.final-cta{background-image:linear-gradient(90deg,#041024f0,#041024d9 62%,#041024a1),var(--pbf-download-art,url('assets/images/download-battle-hd.jpg'))}

.hero{background-image:none}
.hero>.pbf-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;z-index:0}

/* v1.3: stronger visual fidelity to approved long landing-page reference. */
.hero{min-height:clamp(660px,53vw,850px)}
.hero>.pbf-hero-art{object-position:50% 42%;filter:saturate(1.08) contrast(1.04)}
.hero:before{background:linear-gradient(180deg,rgba(0,10,25,.04) 3%,rgba(0,7,18,.03) 31%,rgba(0,9,23,.65) 73%,#020815 100%),radial-gradient(ellipse at 50% 45%,rgba(0,10,28,.78) 0%,rgba(0,10,28,.30) 31%,transparent 66%)}
.hero-content{padding-top:138px;padding-bottom:125px}
.faction-card{height:clamp(430px,36vw,520px)}
.faction-card::before{opacity:.82}
.faction-card img{object-position:center 4%;filter:drop-shadow(0 6px 18px rgba(0,0,0,.5))}
.showcase-card .showcase-image{background:#071a2b}
.showcase-card .showcase-image img{display:block;object-fit:cover;width:100%;height:100%}
.gameplay-visual img{width:100%;height:100%;object-fit:cover}
@media(max-width:740px){.hero{min-height:640px}.hero-content{padding-top:100px;padding-bottom:120px}.faction-card{height:480px}.faction-card img{object-position:50% 0}}