/* Loaded AFTER style.css: readability backdrops, new nav, master footer, network + social UI */
main>h1.neon{background:rgba(16,8,38,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #ffffff22;border-radius:20px;padding:.5rem 1rem;margin:.6rem 0 1.2rem}
.crumb{display:inline-block;background:rgba(16,8,38,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.35rem .9rem;border-radius:999px;border:1px solid #ffffff22}
.sub{min-height:0;background:linear-gradient(160deg,rgba(26,15,56,.92),rgba(14,8,34,.94));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff24;border-left:5px solid var(--cy);border-radius:20px;padding:1.3rem 1.6rem;margin:1.1rem 0;box-shadow:0 10px 28px #0007;line-height:1.7;font-size:1.05rem}
.sub:empty{min-height:90px}
.sub h2{color:var(--cy);font-size:1.45rem;margin:0 0 .6rem;text-shadow:0 2px 0 #000a}
.sub p{margin:.5rem 0}.sub ul{padding-left:1.3rem;margin:.5rem 0}.sub li{margin:.35rem 0}
.sub a{color:#7fe8ff;font-weight:500}.sub a:hover{color:#fff}.sub .hook{font-size:1.2rem;font-weight:500}
.mode-links,.chips{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;padding:0!important}
.mode-links a,.chips a{display:inline-block;padding:.35rem .95rem;border-radius:999px;background:#ffffff14;border:1px solid #ffffff30;text-decoration:none;color:#fff}
.mode-links a:hover,.chips a:hover{background:var(--pk);color:#fff}
.note{background:rgba(16,8,38,.78);padding:.7rem 1rem;border-radius:14px;max-width:780px;margin:.8rem auto;opacity:1}
/* header: brand row + nav row */
.top nav>a,.top summary{font-size:.95rem;white-space:nowrap}
.top .tester>summary{background:linear-gradient(#ff4fa8,#c70f68);border:2px solid #000a;box-shadow:0 3px 0 #0008;font-weight:600}
.dd.r{right:0;left:auto}.dd:not(.r){left:0;right:auto}
@media(min-width:861px){.top{justify-content:center;row-gap:.3rem}.brand{margin-left:0}.top nav{flex:1 1 100%;margin-left:0;justify-content:center}}
/* master footer */
footer.mf{background:linear-gradient(#17171c,#0b0b0f);border-top:4px solid #000;box-shadow:0 -6px 24px #0008;padding:0;margin-top:3rem;text-align:left;font-size:1rem}
.mf-grid{max-width:1100px;margin:0 auto;padding:2.4rem 1.2rem 1.4rem;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:2rem}
.mf h4{font:700 .85rem Orbitron,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--pk);margin:0 0 .8rem}
.mf nav{display:flex;flex-direction:column;gap:.45rem}.mf a{color:#d9d6f0;text-decoration:none;margin:0;white-space:normal}.mf a:hover{color:#fff;text-decoration:underline}
.mf .brand{font-size:1.3rem;margin:0}.mf-brand p{opacity:.8;max-width:34ch;margin:.6rem 0}
.mf-soc{display:flex;gap:.8rem;margin-top:1rem}.mf-soc a{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#ffffff12;border:1px solid #ffffff25}.mf-soc a:hover{background:#ffffff26;text-decoration:none}.mf-soc img{height:26px;width:auto;max-width:28px}.mf-soc a.soon{opacity:.4}
.mf-bar{border-top:1px solid #ffffff1f;padding:1rem 1.2rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;max-width:1100px;margin:0 auto;font-size:.9rem;opacity:.8}
@media(max-width:900px){.mf-grid{grid-template-columns:1fr 1fr}.mf-brand{grid-column:1/-1}}
/* socials */
.soc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.4rem;padding:1rem 0}
.soc{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;text-decoration:none;padding:1rem;border-radius:20px;transition:.15s}
.soc:hover{transform:translateY(-6px) scale(1.04)}.soc img{height:100px;width:auto;max-width:100%;filter:drop-shadow(0 6px 0 #0008)}
.splash{font:600 1.55rem/1.15 Fredoka,sans-serif;color:#fff;text-align:center;text-shadow:0 3px 0 #000,0 0 10px #000;max-width:11ch}
.soc.soon{opacity:.55;cursor:not-allowed}.soc.soon:hover{transform:none}.soc.soon::after{content:"Link coming soon";font-size:.85rem;opacity:.85}
/* network pages */
.lookup{display:flex;gap:1.2rem;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.lookup form{display:flex;gap:.8rem;align-items:flex-end;flex-wrap:wrap;flex:1 1 420px}
.lookup label{display:grid;gap:.25rem;font-weight:500;flex:1 1 150px}
.lookup input{font:500 1.05rem Fredoka,sans-serif;padding:.65rem .9rem;border-radius:12px;border:3px solid #0a0916;background:#f2f1fa;color:#1b1833;width:100%}
.lookup input:focus{outline:3px solid var(--cy)}
.lookup .ctas{display:flex;gap:.7rem;flex-wrap:wrap}.btn.sm{font-size:.95rem;padding:.5em 1.1em}
.privacy-note{font-size:.9rem;opacity:.85;margin:.8rem 0 0;flex-basis:100%}
.ntabs{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}
.ntabs button{font:600 1rem Fredoka,sans-serif;color:#fff;padding:.5rem 1.1rem;border-radius:999px;border:2px solid #ffffff33;background:#ffffff10;cursor:pointer}
.ntabs button[aria-selected=true]{background:linear-gradient(#35e0d0,#0f9e92);border-color:#000a}
.rows{display:grid;gap:1rem}.row{display:flex;gap:1rem;align-items:center;background:#ffffff0d;border:1px solid #ffffff24;border-radius:16px;padding:.9rem}
.row img,.row .ph{width:96px;height:96px;border-radius:14px;object-fit:cover;flex:none;background:#2b1850;display:grid;place-items:center;font-size:2.2rem}
.rb h3{margin:0;font-size:1.1rem}.rb p{margin:.25rem 0}.meta{opacity:.8}
.badge{display:inline-block;font-size:.8rem;font-weight:600;padding:.1rem .6rem;border-radius:999px;background:var(--gr);color:#0a2b00}
.empty{text-align:center;padding:1rem}.empty .cta{margin-top:1rem}
.cov{display:grid;gap:1rem}.cov article{background:#ffffff0d;border:1px solid #ffffff24;border-radius:16px;padding:1rem}.cov h3{margin:.1rem 0;font-size:1.1rem}
.pill{background:#ffffff1f;border:1px solid #ffffff40;padding:.15rem .9rem;border-radius:999px;font-weight:600}
.mf-soc a:has(small){width:auto;padding:0 .7rem;gap:.45rem;display:flex;align-items:center}.mf-soc small{font-size:.8rem;font-weight:600}
/* readability: solid neon headings */
.neon{color:#fff;-webkit-text-stroke:0;filter:none;font-weight:900;letter-spacing:.04em;text-shadow:0 0 6px var(--cy),0 0 16px var(--cy),0 3px 0 #000}
.neon.pk{text-shadow:0 0 6px var(--pk),0 0 16px var(--pk),0 3px 0 #000}
main>h1.neon{background:linear-gradient(180deg,rgba(10,6,30,.96),rgba(18,10,46,.96));-webkit-backdrop-filter:none;backdrop-filter:none;border:2px solid var(--cy);box-shadow:0 0 0 3px #000,0 8px 24px #0009;padding:.6rem 1rem}
main>h1.neon.pk{border-color:var(--pk)}
h2.neon{display:table;margin:0 auto 1rem;padding:.4rem 1.3rem;background:rgba(10,6,30,.92);border:2px solid var(--cy);border-radius:16px}
h2.neon.pk{border-color:var(--pk)}
/* mode media */
.vid{display:flex;justify-content:center;margin:.6rem 0 1rem}
.vid video{width:auto;max-width:100%;max-height:72vh;border-radius:20px;border:4px solid #0a0916;background:#000;box-shadow:0 10px 28px #000a}
.shots{display:flex;gap:1rem;overflow-x:auto;padding:.4rem .2rem 1rem;scroll-snap-type:x mandatory}
.shots img{height:440px;width:auto;flex:none;border-radius:18px;border:3px solid #0a0916;box-shadow:0 8px 20px #0009;scroll-snap-align:center}
/* buttons: readable text everywhere (beats .sub a link colour) */
.btn{background:linear-gradient(#5fcf2f,#2a8a14);text-shadow:0 2px 0 #000a,0 0 6px #0005}
.btn.pk{background:linear-gradient(#ff4fa8,#c70f68)}.btn.tl{background:linear-gradient(#22c7b8,#0a7f75)}.btn.dk{background:linear-gradient(#4a4a55,#1d1d24)}
.sub a.btn,.sub a.btn:hover,.plate a.btn,.plate a.btn:hover,.note a.btn{color:#fff;font-weight:600;text-decoration:none}

/* press page */
.press-top{text-align:center}.press-top p{font-size:1.15rem;margin:0 0 .9rem}
.press-dl{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}
.press-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.press-cols .sub{margin:0}
@media(max-width:700px){.press-cols{grid-template-columns:1fr}}
/* header: keep brand and burger clear of the corner rivets */
.top{padding-left:2.2rem;padding-right:2.2rem}.brand{margin-left:.6rem}
@media(min-width:861px){.brand{margin-left:0}}

/* press lists */
.sortbar{display:flex;gap:.5rem;margin:0 0 .8rem}.sortbar button{font:500 .9rem Fredoka,sans-serif;color:#fff;background:#ffffff14;border:1px solid #ffffff30;border-radius:999px;padding:.3rem .9rem;cursor:pointer}
.sortbar button[aria-pressed="true"]{background:var(--pk)}
.pcard{display:flex;gap:.8rem;align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff24;border-radius:16px;padding:.7rem;margin-bottom:.8rem;color:#fff;text-decoration:none}
a.pcard:hover{background:#ffffff1a}
.pcard img{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;flex:none;background:#2b1850}
.pcard>div{min-width:0;flex:1}.pcard .pdesc{margin:0 0 .35rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.pcard time{font-size:.85rem;opacity:.75}
@media(max-width:420px){.pcard{flex-direction:column}.pcard img{width:100%}}
.sub a.pcard,.sub a.pcard:hover{color:#fff;text-decoration:none}.pcard{margin-bottom:.8rem}.pcard p{margin:0 0 .35rem}
.sub li>ol{margin:.4rem 0 .2rem;padding-left:1.4rem}.sub li>ol li{margin:.2rem 0}

.mode-shot{display:block;max-height:560px;width:auto;max-width:100%;margin:.8rem auto 0;object-fit:contain;border-radius:14px}
.mode-links a[aria-current]{background:var(--pk);border-color:var(--pk)}