/* Forge No Ads Games flagship showcase — original CSS art, never a fabricated gameplay screenshot. */
#forge-showcase{margin:14px auto 16px;max-width:1180px;color:#f8eedb;isolation:isolate}
.forge-showcase-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 9px;color:#ddc086;font:800 10px/1.3 "Source Sans 3",system-ui;letter-spacing:.17em}
.forge-showcase-top strong{color:#dfd9cb;font-weight:700;letter-spacing:.08em}
.forge-flagship{position:relative;display:flex;align-items:stretch;overflow:hidden;min-height:210px;
 border:1px solid rgba(240,191,110,.62);border-radius:20px;
 background:linear-gradient(115deg,#0d1c2e 0%,#193044 60%,#283744 100%);
 box-shadow:inset 0 1px rgba(255,255,255,.22),0 7px 0 rgba(16,21,25,.65),0 23px 41px #0006;
 text-decoration:none;color:#fffaf0;transition:transform .2s ease,box-shadow .2s ease}
.forge-flagship:focus-visible{outline:3px solid #ffe29f;outline-offset:4px}
.forge-flagship:active{transform:translateY(3px)}
@media(hover:hover){.forge-flagship:hover{transform:translateY(-4px);box-shadow:inset 0 1px rgba(255,255,255,.22),0 12px 0 rgba(16,21,25,.65),0 30px 52px #0008}}
.forge-flagship-art{position:relative;flex:1 1 44%;min-width:0;overflow:hidden;display:block;
 background:radial-gradient(ellipse at 47% 43%,#a7c2bb70,transparent 54%),linear-gradient(180deg,#60747e,#2b4354 48%,#111c27)}
.forge-skyline{position:absolute;inset:14% -8% 0;display:block;
 background:linear-gradient(90deg,transparent 0 2%,#20303f 2% 13%,transparent 13% 16%,#172638 16% 27%,transparent 27% 31%,#26394a 31% 45%,transparent 45% 49%,#172536 49% 58%,transparent 58% 61%,#203040 61% 71%,transparent 71% 74%,#17232e 74% 90%,transparent 90%);
 clip-path:polygon(0 45%,7% 45%,7% 25%,19% 25%,19% 41%,25% 41%,25% 13%,33% 13%,33% 42%,45% 42%,45% 22%,58% 22%,58% 39%,70% 39%,70% 13%,80% 13%,80% 32%,88% 32%,88% 5%,95% 5%,95% 60%,100% 60%,100% 100%,0 100%);
 filter:drop-shadow(0 9px 3px rgba(0,0,0,.4))}
.forge-skyline:after{content:"";display:block;position:absolute;inset:5%;opacity:.3;
 background:repeating-linear-gradient(90deg,transparent 0 9px,#c5be9e 10px 11px,transparent 11px 22px),repeating-linear-gradient(0deg,transparent 0 16px,#c5be9e 17px 19px,transparent 20px 26px)}
.forge-horizon{position:absolute;inset:62% -12% -20%;background:linear-gradient(#1f2b35,#0b161d);transform:perspective(330px) rotateX(58deg);border-top:3px solid #bbae84}
.forge-flagship-copy{position:relative;z-index:1;flex:1 1 56%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:18px 20px;
 background:linear-gradient(90deg,rgba(8,18,29,.66),rgba(8,18,29,.88))}
.forge-flagship-copy small{font:900 10px/1.3 "Source Sans 3",system-ui;letter-spacing:.13em;color:#f2bf72}
.forge-flagship-copy b{font:1000 clamp(23px,3vw,40px)/.98 "Arial Narrow",Impact,system-ui;letter-spacing:.025em;text-shadow:0 3px 9px #0008}
.forge-flagship-copy em{font:600 12px/1.35 "Source Sans 3",system-ui;font-style:normal;color:#e0e4db}
.forge-flagship-copy strong{margin-top:5px;background:linear-gradient(#efd6a0,#cea365);color:#19232c;border-radius:6px;padding:9px 13px;font:900 12px "Source Sans 3",system-ui}
.forge-spotlight-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;padding:12px 3px 0;color:#e6d9be;font:700 11px "Source Sans 3",system-ui}
.forge-spotlight-row span:first-child{color:#deb876;letter-spacing:.1em}
#home .card .mini{overflow:hidden}
#home .card .forge-preview{display:block;width:100%;height:100%}
@media(max-width:620px){.forge-flagship{min-height:176px}.forge-flagship-art{flex-basis:31%}.forge-flagship-copy{flex-basis:69%;padding:13px 12px;gap:6px}.forge-flagship-copy b{font-size:clamp(19px,5vw,26px)}.forge-flagship-copy em{font-size:11px}}
@media(prefers-reduced-motion:reduce){.forge-flagship{transition:none!important}.forge-flagship:hover{transform:none!important}}
/* The Quarter Mile flagship: art is a real in-engine render (assets/art/photo/streetlegal.webp), labelled as such */
.forge-flagship--qm{margin-top:12px;border-color:rgba(255,132,40,.7);background:linear-gradient(115deg,#120a06 0%,#2a1408 60%,#3a1c0a 100%)}
.forge-flagship--qm .forge-flagship-art{background:#05060d url(/assets/art/streetlegal.webp) 40% 50%/cover no-repeat}
.forge-flagship--qm .forge-flagship-copy{background:linear-gradient(90deg,rgba(18,9,4,.55),rgba(18,9,4,.9))}
.forge-flagship--qm .forge-flagship-copy small{color:#ff9a4a}
.forge-flagship--qm .forge-flagship-copy strong{background:linear-gradient(#ff8428,#CB5903);color:#140b04}
.forge-qm-tag{position:absolute;left:8px;bottom:8px;font:800 9px/1 "Source Sans 3",system-ui;letter-spacing:.12em;font-style:normal;color:#ffd9b0;background:#000a;border-radius:4px;padding:4px 6px}