:root {
    --green:#00ff41; --green-dim:#00b32c; --green-dark:#003d10;
    --amber:#ffb000; --amber-dim:#cc8800;
    --black:#000000; --dark:#020d04; --scan-color:rgba(0,0,0,0.12);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{background:var(--black);color:var(--green);font-family:'Share Tech Mono',monospace;overflow-x:hidden;min-height:100vh;cursor:crosshair;}
  body::before{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,var(--scan-color) 0px,var(--scan-color) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:9999;animation:scanlines .1s steps(1) infinite;}
  body::after{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,0.7) 100%);pointer-events:none;z-index:9998;}
  @keyframes scanlines{0%{background-position:0 0}100%{background-position:0 3px}}
  .noise{position:fixed;inset:0;pointer-events:none;z-index:9997;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:noiseAnim .15s steps(3) infinite;}
  @keyframes noiseAnim{0%{transform:translate(0,0)}33%{transform:translate(-1px,1px)}66%{transform:translate(1px,-1px)}100%{transform:translate(0,0)}}

  /* BOOT */
  #boot-screen{position:fixed;inset:0;background:var(--black);z-index:10000;display:flex;align-items:center;justify-content:center;animation:bootFade .5s ease 4.5s forwards;}
  @keyframes bootFade{to{opacity:0;pointer-events:none}}
  #boot-text{font-family:'VT323',monospace;font-size:clamp(13px,1.8vw,17px);color:var(--green);width:min(600px,90vw);white-space:pre-wrap;line-height:1.6;}

  /* HEADER */
  header{position:sticky;top:0;z-index:100;background:rgba(0,0,0,0.93);border-bottom:1px solid var(--green-dark);padding:.7rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:.9rem;backdrop-filter:blur(4px);}
  .logo{font-family:'Orbitron',sans-serif;font-weight:900;font-size:clamp(1rem,3vw,1.5rem);color:var(--green);text-shadow:0 0 10px var(--green),0 0 30px rgba(0,255,65,.4);letter-spacing:3px;text-decoration:none;}
  .logo span{color:var(--amber);text-shadow:0 0 10px var(--amber);}
  nav{display:flex;gap:1.5rem;align-items:center;}
  nav a{font-family:'Share Tech Mono',monospace;color:var(--green-dim);text-decoration:none;font-size:.82rem;letter-spacing:2px;text-transform:uppercase;transition:color .2s,text-shadow .2s;}
  nav a:hover{color:var(--green);text-shadow:0 0 8px var(--green);}

  nav.official-nav{gap:.72rem;justify-content:center;flex-wrap:wrap;max-width:760px;line-height:1.2;}
  nav.official-nav a{font-size:.66rem;letter-spacing:1.45px;white-space:nowrap;padding:.16rem .05rem;}
  nav.official-nav a.active{color:var(--amber);text-shadow:0 0 8px var(--amber);}
  .sound-btn{background:transparent;border:1px solid var(--green-dark);color:var(--green-dim);font-family:'Share Tech Mono',monospace;font-size:.68rem;letter-spacing:2px;padding:.35rem .7rem;cursor:pointer;text-transform:uppercase;transition:all .2s;}
  .sound-btn:hover,.sound-btn.active{border-color:var(--green);color:var(--green);box-shadow:0 0 8px rgba(0,255,65,.3);}

  /* HERO */
  .hero{min-height:85vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:2rem;position:relative;overflow:hidden;}
  .hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,65,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,.05) 1px,transparent 1px);background-size:50px 50px;animation:gridScroll 20s linear infinite;}
  @keyframes gridScroll{from{transform:perspective(400px) rotateX(20deg) translateY(0)}to{transform:perspective(400px) rotateX(20deg) translateY(50px)}}
  .terminal-window{background:rgba(0,10,2,.92);border:1px solid var(--green-dim);width:min(680px,95vw);position:relative;z-index:1;box-shadow:0 0 30px rgba(0,255,65,.2),inset 0 0 20px rgba(0,255,65,.03);margin-bottom:2rem;}
  .terminal-bar{background:var(--green-dark);padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--green-dim);}
  .t-dot{width:10px;height:10px;border-radius:50%;background:var(--green-dim);}
  .t-dot:first-child{background:#ff5f56}.t-dot:nth-child(2){background:#ffbd2e}
  .terminal-title{flex:1;text-align:center;font-size:.72rem;color:var(--green-dim);letter-spacing:2px;}
  .terminal-body{padding:1.2rem;min-height:100px;text-align:left;}
  .prompt-char{color:var(--amber);text-shadow:0 0 8px var(--amber);}
  .typed-text{font-family:'VT323',monospace;font-size:1.3rem;color:var(--green);}
  .cursor-blink{display:inline-block;width:10px;height:1.1em;background:var(--green);animation:blink 1s step-end infinite;vertical-align:middle;box-shadow:0 0 8px var(--green);}
  @keyframes blink{50%{opacity:0}}
  .hero-title{font-family:'Orbitron',sans-serif;font-weight:900;font-size:clamp(2.5rem,8vw,5.5rem);color:var(--green);text-shadow:0 0 10px var(--green),0 0 30px var(--green),0 0 60px rgba(0,255,65,.5);letter-spacing:6px;line-height:1;position:relative;z-index:1;margin-bottom:1rem;animation:flicker 8s infinite;}
  @keyframes flicker{0%,95%,100%{opacity:1}96%{opacity:.4}97%{opacity:1}98%{opacity:.2}99%{opacity:1}}
  .hero-title::before,.hero-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;}
  .hero-title::before{color:var(--amber);animation:gl1 6s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);}
  .hero-title::after{color:#00ffff;animation:gl2 6s infinite;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);}
  @keyframes gl1{0%,90%,100%{transform:translateX(0);opacity:0}92%{transform:translateX(-3px);opacity:.5}94%{transform:translateX(3px);opacity:0}}
  @keyframes gl2{0%,90%,100%{transform:translateX(0);opacity:0}91%{transform:translateX(3px);opacity:.5}93%{transform:translateX(-3px);opacity:0}}
  .hero-sub{font-family:'VT323',monospace;font-size:clamp(1.2rem,3vw,1.8rem);color:var(--amber);text-shadow:0 0 10px var(--amber);letter-spacing:4px;position:relative;z-index:1;}

  /* STATUS BAR */
  .status-bar{background:var(--green-dark);border-top:1px solid var(--green-dark);border-bottom:1px solid var(--green-dark);padding:.35rem 0;overflow:hidden;font-size:.72rem;color:var(--green-dim);letter-spacing:2px;}
  .status-scroll{display:flex;gap:3rem;animation:scrollLeft 30s linear infinite;white-space:nowrap;}
  @keyframes scrollLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  .status-item span{color:var(--green);}

  /* SECTIONS */
  .section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:.8rem;border-bottom:1px solid var(--green-dark);}
  .section-tag{font-family:'Orbitron',sans-serif;font-size:.68rem;color:var(--amber);letter-spacing:3px;text-shadow:0 0 8px var(--amber);}
  .section-title{font-family:'VT323',monospace;font-size:2rem;color:var(--green);letter-spacing:3px;}
  .section-line{flex:1;height:1px;background:linear-gradient(90deg,var(--green-dim),transparent);}

  /* FILTER */
  .filter-bar{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;}
  .filter-btn{background:transparent;border:1px solid var(--green-dark);color:var(--green-dim);font-family:'Share Tech Mono',monospace;font-size:.68rem;letter-spacing:2px;padding:.3rem .8rem;cursor:pointer;text-transform:uppercase;transition:all .2s;}
  .filter-btn:hover,.filter-btn.active{border-color:var(--green);color:var(--green);box-shadow:0 0 8px rgba(0,255,65,.2);}

  /* BLOG GRID */
  .blog-section{max-width:1200px;margin:0 auto;padding:4rem 2rem;}
  .posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;}
  .post-card{background:rgba(0,10,2,.86);border:1px solid var(--green-dark);padding:1.5rem;position:relative;overflow:hidden;cursor:pointer;transition:all .3s;}
  .post-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,65,.05),transparent);transition:left .4s;}
  .post-card:hover{border-color:var(--green-dim);box-shadow:0 0 15px rgba(0,255,65,.15);transform:translateY(-2px);}
  .post-card:hover::before{left:100%;}
  .post-card.featured-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:2rem;}
  .card-media{height:200px;background:var(--black);border:1px solid var(--green-dark);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;overflow:hidden;}
  .featured-card .card-media{height:100%;min-height:250px;margin-bottom:0;}
  .card-ascii{font-family:'VT323',monospace;font-size:.68rem;color:var(--green-dim);line-height:1.1;text-align:center;animation:asciiFlicker 4s ease infinite;}
  @keyframes asciiFlicker{0%,100%{opacity:.6}50%{opacity:1;color:var(--green);text-shadow:0 0 5px var(--green)}}
  .card-img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) sepia(100%) hue-rotate(60deg) brightness(.7);}
  .card-epoch{font-size:.68rem;color:var(--amber-dim);letter-spacing:3px;margin-bottom:.5rem;font-family:'Orbitron',sans-serif;}
  .card-title{font-family:'VT323',monospace;font-size:1.55rem;color:var(--green);line-height:1.2;margin-bottom:.8rem;text-shadow:0 0 8px rgba(0,255,65,.3);}
  .card-excerpt{font-size:.8rem;color:var(--green-dim);line-height:1.7;margin-bottom:1rem;}
  .card-footer{display:flex;align-items:center;justify-content:space-between;font-size:.68rem;color:#005515;border-top:1px solid var(--green-dark);padding-top:.8rem;}
  .card-tag{background:var(--green-dark);color:var(--green-dim);padding:.2rem .5rem;font-size:.62rem;letter-spacing:2px;}
  .read-more{color:var(--green);letter-spacing:2px;transition:text-shadow .2s;}
  .post-card:hover .read-more{text-shadow:0 0 8px var(--green);}
  .no-results{grid-column:1/-1;text-align:center;color:var(--green-dim);padding:3rem;font-family:'VT323',monospace;font-size:1.5rem;}

  /* MODAL */
  .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.93);z-index:500;display:none;align-items:center;justify-content:center;padding:1rem;}
  .modal-overlay.open{display:flex;}
  .modal{background:rgba(2,13,4,.96);border:1px solid var(--green-dim);width:min(820px,95vw);max-height:90vh;overflow-y:auto;box-shadow:0 0 50px rgba(0,255,65,.2);}
  .modal-header{background:var(--green-dark);padding:.8rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--green-dim);position:sticky;top:0;}
  .modal-close{background:none;border:none;color:var(--green);font-family:'Share Tech Mono',monospace;font-size:1.1rem;cursor:pointer;padding:.2rem .5rem;transition:text-shadow .2s;}
  .modal-close:hover{text-shadow:0 0 10px var(--green);}
  .modal-body{padding:2rem;}
  .modal-epoch{color:var(--amber);font-size:.72rem;letter-spacing:3px;margin-bottom:.5rem;font-family:'Orbitron',sans-serif;}
  .modal-title{font-family:'VT323',monospace;font-size:clamp(2rem,5vw,3rem);color:var(--green);text-shadow:0 0 15px rgba(0,255,65,.5);margin-bottom:.5rem;line-height:1.1;}
  .modal-meta{font-size:.7rem;color:#005515;letter-spacing:2px;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--green-dark);}
  .modal-content{font-size:.88rem;color:var(--green-dim);line-height:2;}
  .modal-content p{margin-bottom:1.2rem;}
  .modal-content p:first-child{color:var(--green);}
  .modal-content .hl{color:var(--amber);text-shadow:0 0 5px rgba(255,176,0,.3);}
  .modal-tags{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--green-dark);display:flex;flex-wrap:wrap;gap:.5rem;}
  .modal-tag{background:var(--green-dark);color:var(--green-dim);padding:.15rem .5rem;font-size:.62rem;letter-spacing:2px;}
  .modal-related{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--green-dark);}
  .modal-related-title{font-family:'Orbitron',sans-serif;font-size:.65rem;color:var(--amber);letter-spacing:3px;margin-bottom:.8rem;}
  .related-links{display:flex;flex-wrap:wrap;gap:.5rem;}
  .related-link{background:none;border:1px solid var(--green-dark);color:var(--green-dim);font-family:'Share Tech Mono',monospace;font-size:.7rem;padding:.3rem .6rem;cursor:pointer;letter-spacing:1px;transition:all .2s;}
  .related-link:hover{border-color:var(--green);color:var(--green);}

  /* TERMINAL FEED */
  .terminal-feed{background:var(--black);border:1px solid var(--green-dark);padding:1.2rem;font-family:'VT323',monospace;font-size:1rem;max-height:280px;overflow-y:auto;}
  .feed-line{color:var(--green-dim);line-height:1.6;animation:fadeInLine .3s ease;}
  @keyframes fadeInLine{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
  .feed-line .ts{color:#003d10;margin-right:.8rem;}
  .feed-line .sys{color:var(--amber-dim);}
  .feed-line .dat{color:var(--green);}

  /* SIDEBAR */
  .two-col{display:grid;grid-template-columns:1fr 290px;gap:3rem;max-width:1200px;margin:0 auto;padding:0 2rem 4rem;}
  .sidebar-widget{background:rgba(0,10,2,.86);border:1px solid var(--green-dark);padding:1.5rem;margin-bottom:1.5rem;}
  .widget-title{font-family:'Orbitron',sans-serif;font-size:.68rem;color:var(--amber);letter-spacing:3px;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--green-dark);}
  .tl-list{list-style:none;}
  .tl-item{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem;font-size:.8rem;color:var(--green-dim);position:relative;padding-left:1rem;}
  .tl-item::before{content:'●';color:var(--green-dark);position:absolute;left:0;top:0;}
  .tl-year{color:var(--amber-dim);font-family:'Orbitron',sans-serif;font-size:.62rem;white-space:nowrap;min-width:42px;}
  .tech-bar{margin-bottom:.9rem;}
  .tech-bar-label{display:flex;justify-content:space-between;font-size:.7rem;color:var(--green-dim);margin-bottom:.3rem;}
  .tech-bar-track{height:4px;background:var(--green-dark);overflow:hidden;}
  .tech-bar-fill{height:100%;background:var(--green);box-shadow:0 0 6px var(--green);animation:fillBar 2s ease forwards;transform:scaleX(0);transform-origin:left;}
  @keyframes fillBar{to{transform:scaleX(1)}}

  /* SEARCH */
  .search-input{background:rgba(0,10,2,.9);border:1px solid var(--green-dark);color:var(--green);font-family:'Share Tech Mono',monospace;font-size:.78rem;padding:.45rem 1rem;width:200px;outline:none;letter-spacing:1px;transition:border-color .2s;}
  .search-input::placeholder{color:#004d15;}
  .search-input:focus{border-color:var(--green-dim);box-shadow:0 0 10px rgba(0,255,65,.1);}

  /* FOOTER */
  footer{border-top:1px solid var(--green-dark);padding:2rem;text-align:center;font-size:.72rem;color:#004d15;letter-spacing:2px;}
  footer .g{color:var(--green-dim);}

  ::-webkit-scrollbar{width:4px;background:var(--black);}
  ::-webkit-scrollbar-thumb{background:var(--green-dark);}
  @media(max-width:900px){.two-col{grid-template-columns:1fr}.post-card.featured-card{grid-template-columns:1fr}nav,.search-input{display:none}}


/* R07 — START GATE + LOGO ALEXX SKYRIDER + ARCADE FANTASMA */
#boot-screen{animation:none;flex-direction:column;gap:1rem;background:radial-gradient(circle at center,rgba(0,30,8,.35),#000 58%);}
#boot-screen.fade-out{animation:bootFade .8s ease forwards;}
.boot-logo{width:min(360px,70vw);max-height:28vh;object-fit:contain;opacity:.22;filter:drop-shadow(0 0 18px rgba(255,40,0,.35)) drop-shadow(0 0 22px rgba(0,255,65,.22));margin-bottom:.4rem;}
html.start-locked,body.start-locked{overflow:hidden;}
.start-gate{position:fixed;inset:0;z-index:11000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(35,0,0,.22),rgba(0,0,0,.96) 55%,#000 100%);padding:1.2rem;transition:opacity .75s ease,filter .75s ease;}
.start-gate::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,255,65,.05),transparent);opacity:.35;animation:startSweep 4.8s linear infinite;}
.start-gate::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,255,65,.045) 0px,rgba(0,255,65,.045) 1px,transparent 1px,transparent 5px);opacity:.28;pointer-events:none;}
@keyframes startSweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.start-gate.engaged{opacity:0;filter:blur(8px);pointer-events:none;}
.start-panel{position:relative;z-index:1;width:min(760px,94vw);text-align:center;border:1px solid rgba(0,255,65,.35);background:rgba(0,8,2,.78);box-shadow:0 0 40px rgba(0,255,65,.18),inset 0 0 40px rgba(255,30,0,.05);padding:1.6rem 1.4rem 1.3rem;}
.start-logo{width:min(520px,86vw);max-height:45vh;object-fit:contain;filter:drop-shadow(0 0 14px rgba(255,40,0,.60)) drop-shadow(0 0 22px rgba(0,180,255,.22));animation:startLogoPulse 3.2s ease-in-out infinite;}
@keyframes startLogoPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 12px rgba(255,40,0,.45)) drop-shadow(0 0 18px rgba(0,180,255,.18))}50%{transform:scale(1.018);filter:drop-shadow(0 0 20px rgba(255,40,0,.85)) drop-shadow(0 0 26px rgba(0,220,255,.35))}}
.start-kicker{font-family:'Orbitron',sans-serif;color:var(--green);letter-spacing:4px;font-size:.78rem;text-shadow:0 0 12px var(--green);margin:.2rem 0 1rem;}
.start-btn{background:rgba(0,0,0,.7);border:1px solid var(--amber);color:var(--amber);font-family:'Share Tech Mono',monospace;letter-spacing:2px;font-size:clamp(.78rem,2vw,1rem);padding:.75rem 1rem;cursor:pointer;text-transform:uppercase;box-shadow:0 0 16px rgba(255,176,0,.16);animation:startBlink 1.25s steps(2) infinite;}
.start-btn:hover{color:#fff;border-color:#fff;text-shadow:0 0 12px var(--amber);box-shadow:0 0 20px rgba(255,176,0,.38);}
@keyframes startBlink{50%{opacity:.72}}
.start-note{font-size:.62rem;color:#006b1d;letter-spacing:2px;margin-top:1rem;}

#arcadeGhostLayer{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:transparent;}
.arcade-ghost,.logo-ghost{position:absolute;opacity:0;transition:opacity 1.35s ease,filter 1.35s ease,transform 4.5s ease;will-change:opacity,transform,filter;mix-blend-mode:screen;}
.arcade-ghost img,.logo-ghost img{width:100%;height:auto;display:block;}
.arcade-ghost{filter:blur(6px) brightness(.78) saturate(1.08) contrast(1.04);}
.logo-ghost{filter:blur(7px) brightness(.55) saturate(1.45) drop-shadow(0 0 22px rgba(255,35,0,.28));}
.arcade-ghost.show,.logo-ghost.show{opacity:var(--ghost-opacity,.22);}

.logo{display:flex;align-items:center;gap:.65rem;}
.header-logo-mark{height:38px;width:38px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,45,0,.55));}
.logo-text{display:inline-block;}
.hero-logo{position:relative;z-index:2;width:min(540px,88vw);max-height:38vh;object-fit:contain;margin-bottom:1.1rem;filter:drop-shadow(0 0 18px rgba(255,40,0,.58)) drop-shadow(0 0 28px rgba(0,255,65,.18));animation:heroLogoFloat 6s ease-in-out infinite;}
@keyframes heroLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.modal-body{position:relative;}
.modal-logo-mark{position:absolute;right:1rem;top:1rem;width:120px;max-width:28%;opacity:.08;filter:blur(.4px) drop-shadow(0 0 12px rgba(255,40,0,.4));pointer-events:none;}

@media(max-width:900px){
  .header-logo-mark{height:30px;width:30px;}
  .hero-logo{width:min(430px,92vw);}
  .start-logo{width:min(450px,92vw);}
}


/* R08 — SIDE ADS ADAPTED FROM TIME ATTACK
   Lateral, staggered, non-competing ad panels for desktop layouts. */
.blogAdLayer{position:fixed;inset:0;z-index:750;pointer-events:none;display:none;--blogAdPanelW:148px;}
body.blog-ads-active.blog-ads-wide .blogAdLayer{display:block;}
.blogAdPanel{position:fixed;top:72px;width:var(--blogAdPanelW);height:calc(100vh - 92px);display:flex;align-items:center;justify-content:center;perspective:900px;opacity:1;}
.blogAdLeft{left:12px;--adInX:-130%;--adOutX:-130%;}
.blogAdRight{right:12px;--adInX:130%;--adOutX:130%;}
.blogAdPanel.ad-panel-hidden{opacity:0;visibility:hidden;}
.blogAdCard{position:relative;width:100%;min-height:min(78vh,620px);padding:12px 8px;display:grid;grid-template-rows:auto 1fr auto auto auto;align-items:center;justify-items:center;overflow:hidden;border:1px solid rgba(112,230,255,.86);border-radius:14px;background:radial-gradient(circle at 50% 8%,rgba(255,84,28,.44),transparent 34%),radial-gradient(circle at 50% 92%,rgba(0,255,65,.12),transparent 30%),linear-gradient(180deg,rgba(1,19,40,.94),rgba(0,4,12,.98));box-shadow:0 0 16px rgba(76,201,255,.48),0 0 38px rgba(255,78,28,.18),inset 0 0 20px rgba(76,201,255,.12),inset 0 0 48px rgba(0,0,0,.74);color:#fff;text-align:center;text-shadow:0 0 10px rgba(76,201,255,.82);will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0);}
.blogAdCard::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.48;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.06) 0 1px,rgba(0,0,0,.18) 1px 4px),linear-gradient(90deg,rgba(255,78,28,.20),transparent 26%,transparent 74%,rgba(76,201,255,.20));}
.blogAdCard::after{content:'';position:absolute;inset:6px;border:1px solid rgba(255,238,102,.46);border-radius:10px;pointer-events:none;box-shadow:inset 0 0 14px rgba(255,238,102,.12);}
.blogAdKicker,.blogAdHeadline,.blogAdBody,.blogAdFooter,.blogAdCountdown{position:relative;z-index:1;font-weight:900;}
.blogAdDisclosure{position:relative;z-index:1;margin-top:6px;padding:3px 7px;border:1px solid rgba(255,238,102,.72);border-radius:999px;background:rgba(0,0,0,.56);color:#ffee66;font-family:'Share Tech Mono',monospace;font-size:clamp(7px,.74vw,10px);letter-spacing:1.4px;text-transform:uppercase;box-shadow:0 0 8px rgba(255,238,102,.14), inset 0 0 7px rgba(255,238,102,.07);}

.blogAdKicker{color:#8cf1ff;font-size:clamp(8px,.82vw,12px);letter-spacing:2px;text-shadow:0 0 10px rgba(76,201,255,.86);}
.blogAdHeadline{align-self:end;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);color:#ffee66;font-family:'Orbitron',sans-serif;font-size:clamp(19px,1.85vw,34px);line-height:.95;letter-spacing:4px;text-shadow:0 0 14px #ffee66,0 0 20px #ff4e1c,0 0 26px rgba(76,201,255,.18);}
.blogAdRight .blogAdHeadline{transform:none;}
.blogAdBody{align-self:start;margin-top:12px;max-width:95%;color:#fff;font-size:clamp(10px,.95vw,14px);line-height:1.25;text-shadow:0 0 10px rgba(76,201,255,.65);}
.blogAdFooter{margin-top:8px;padding:5px 7px;border:1px solid rgba(255,78,28,.92);border-radius:999px;background:rgba(0,0,0,.62);color:#70e6ff;font-size:clamp(8px,.8vw,11px);letter-spacing:1px;box-shadow:0 0 10px rgba(255,78,28,.20),inset 0 0 8px rgba(76,201,255,.10);}
.blogAdCountdown{margin-top:8px;width:38px;height:26px;display:grid;place-items:center;border:1px solid rgba(112,230,255,.82);background:rgba(0,0,0,.68);color:#ffee66;font-size:12px;box-shadow:inset 0 0 7px rgba(255,238,102,.08);}
.blogAdPanel.ad-enter-slide .blogAdCard{animation:blogAdSlideIn 1.35s cubic-bezier(.2,.9,.2,1) both;}
.blogAdPanel.ad-exit-slide .blogAdCard{animation:blogAdSlideOut .68s ease-in both;}
.blogAdPanel.ad-enter-glow .blogAdCard{animation:blogAdGlowIn 1.35s ease-out both;}
.blogAdPanel.ad-exit-glow .blogAdCard{animation:blogAdGlowOut .68s ease-in both;}
.blogAdPanel.ad-enter-zoom .blogAdCard{animation:blogAdZoomIn 1.35s cubic-bezier(.1,.85,.2,1) both;}
.blogAdPanel.ad-exit-zoom .blogAdCard{animation:blogAdZoomOut .68s ease-in both;}
.blogAdPanel.ad-enter-curtain .blogAdCard{animation:blogAdCurtainIn 1.25s steps(10,end) both;}
.blogAdPanel.ad-exit-curtain .blogAdCard{animation:blogAdCurtainOut .68s steps(8,end) both;}
.blogAdPanel.ad-enter-glitch .blogAdCard{animation:blogAdGlitchIn 1.20s steps(7,end) both;}
.blogAdPanel.ad-exit-glitch .blogAdCard{animation:blogAdGlitchOut .68s steps(6,end) both;}
.blogAdPanel.ad-enter-flicker .blogAdCard{animation:blogAdFlickerIn 1.28s steps(9,end) both;}
.blogAdPanel.ad-exit-flicker .blogAdCard{animation:blogAdFlickerOut .68s steps(7,end) both;}
.blogAdPanel.ad-enter-scan .blogAdCard{animation:blogAdScanIn 1.28s cubic-bezier(.18,.88,.22,1) both;}
.blogAdPanel.ad-exit-scan .blogAdCard{animation:blogAdScanOut .68s ease-in both;}
@keyframes blogAdSlideIn{from{opacity:0;transform:translateX(var(--adInX,-120%)) skewY(-5deg);filter:brightness(1.8) blur(2px)}to{opacity:1;transform:translateX(0) skewY(0);filter:brightness(1) blur(0)}}
@keyframes blogAdSlideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(var(--adOutX,120%)) skewY(5deg);filter:brightness(1.5) blur(2px)}}
@keyframes blogAdGlowIn{0%{opacity:0;filter:brightness(3) saturate(2) blur(5px);transform:scale(.98)}60%{opacity:1;filter:brightness(1.8) saturate(1.4) blur(0)}100%{opacity:1;filter:brightness(1) saturate(1) blur(0);transform:scale(1)}}
@keyframes blogAdGlowOut{from{opacity:1;filter:brightness(1)}to{opacity:0;filter:brightness(2.6) blur(5px)}}
@keyframes blogAdZoomIn{from{opacity:0;transform:scale(.72) rotateX(12deg);filter:blur(3px)}to{opacity:1;transform:scale(1) rotateX(0);filter:blur(0)}}
@keyframes blogAdZoomOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.78) rotateX(-12deg);filter:blur(3px)}}
@keyframes blogAdCurtainIn{from{opacity:1;clip-path:inset(0 50% 0 50%);filter:brightness(1.6)}to{opacity:1;clip-path:inset(0 0 0 0);filter:brightness(1)}}
@keyframes blogAdCurtainOut{from{opacity:1;clip-path:inset(0 0 0 0)}to{opacity:0;clip-path:inset(48% 0 48% 0)}}
@keyframes blogAdGlitchIn{0%{opacity:0;transform:translate(9px,-5px);filter:hue-rotate(90deg) contrast(2);clip-path:inset(42% 0 37% 0)}20%{opacity:.8;transform:translate(-7px,4px);clip-path:inset(5% 0 72% 0)}42%{opacity:.5;transform:translate(5px,0);clip-path:inset(70% 0 8% 0)}70%{opacity:1;transform:translate(-2px,1px);clip-path:inset(0 0 0 0)}100%{opacity:1;transform:translate(0,0);filter:hue-rotate(0deg) contrast(1);clip-path:inset(0 0 0 0)}}
@keyframes blogAdGlitchOut{0%{opacity:1;transform:translate(0,0);clip-path:inset(0 0 0 0)}35%{opacity:.75;transform:translate(-8px,4px);clip-path:inset(12% 0 65% 0)}70%{opacity:.45;transform:translate(9px,-3px);clip-path:inset(65% 0 14% 0)}100%{opacity:0;transform:translate(0,0);clip-path:inset(45% 0 45% 0)}}
@keyframes blogAdFlickerIn{0%{opacity:0;transform:scale(.96) translateY(8px);filter:brightness(2.3) saturate(1.8)}15%{opacity:.25}22%{opacity:.92}29%{opacity:.18}36%{opacity:1}48%{opacity:.35}60%{opacity:1}100%{opacity:1;transform:scale(1) translateY(0);filter:brightness(1) saturate(1)}}
@keyframes blogAdFlickerOut{0%{opacity:1}30%{opacity:.40}55%{opacity:1}100%{opacity:0;filter:brightness(2.2)}}
@keyframes blogAdScanIn{0%{opacity:0;transform:translateX(var(--adInX,120%)) scale(.92);clip-path:inset(0 0 82% 0);filter:brightness(2.1)}45%{opacity:.95;clip-path:inset(0 0 36% 0)}75%{opacity:1;clip-path:inset(0 0 8% 0)}100%{opacity:1;transform:translateX(0) scale(1);clip-path:inset(0 0 0 0);filter:brightness(1)}}
@keyframes blogAdScanOut{0%{opacity:1;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(82% 0 0 0);filter:brightness(1.9)}}
@media(max-width:1219px),(max-height:519px){body.blog-ads-active .blogAdLayer{display:none!important;}}

/* R09 — PERSISTENT ARCADE ROOM BACKGROUND + LANGUAGE BEACON */
.header-actions{display:flex;gap:.55rem;align-items:center;}
.lang-btn{background:rgba(0,0,0,.74);border:1px solid var(--amber);color:var(--amber);font-family:'Orbitron',sans-serif;font-size:.68rem;font-weight:900;letter-spacing:2px;padding:.38rem .78rem;cursor:pointer;text-transform:uppercase;box-shadow:0 0 10px rgba(255,176,0,.22),inset 0 0 12px rgba(255,176,0,.04);animation:languageBeacon 1.55s steps(2,end) infinite;white-space:nowrap;}
.lang-btn:hover,.lang-btn.active{color:#fff;border-color:#fff;text-shadow:0 0 12px var(--amber);box-shadow:0 0 18px rgba(255,176,0,.45),0 0 28px rgba(0,255,65,.12);}
@keyframes languageBeacon{0%,100%{opacity:1;filter:brightness(1)}50%{opacity:.62;filter:brightness(1.75)}}

/* Fixed layer: the arcade room stays behind the whole page while the user scrolls. */
#arcadeGhostLayer{z-index:0;background:#000;}
.arcade-room-backdrop{position:fixed;inset:-1vh -1vw;opacity:.72;filter:blur(.35px) brightness(.98) saturate(1.00) contrast(1.02);transform:scale(1.01);mix-blend-mode:screen;animation:arcadeRoomBreath 21s ease-in-out infinite;}
.arcade-room-backdrop img{width:100%;height:100%;object-fit:cover;display:block;}
.arcade-room-backdrop::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(0,0,0,.08),rgba(0,0,0,.36) 70%,rgba(0,0,0,.62) 100%),linear-gradient(90deg,rgba(0,0,0,.26),transparent 22%,transparent 78%,rgba(0,0,0,.26));}
@keyframes arcadeRoomBreath{0%,4%,100%{opacity:.72;filter:blur(.35px) brightness(.98) saturate(1.00) contrast(1.02)}14%{opacity:.34;filter:blur(2.1px) brightness(.46) saturate(.98) contrast(1.04)}28%,72%{opacity:.16;filter:blur(3.4px) brightness(.20) saturate(.94) contrast(1.05)}86%{opacity:.34;filter:blur(2.1px) brightness(.46) saturate(.98) contrast(1.04)}}

/* Keep readable content above the fixed arcade room. */
.hero,.blog-section,.two-col,.status-bar,footer{position:relative;z-index:3;}
.terminal-window,.post-card,.sidebar-widget,.terminal-feed,.modal{background-color:rgba(0,10,2,.84);backdrop-filter:blur(2px);}
.post-card{background:rgba(0,10,2,.76);}
.terminal-window{background:rgba(0,10,2,.88);}
.sidebar-widget{background:rgba(0,10,2,.78);}
.terminal-feed{background:rgba(0,0,0,.72);}
.modal-overlay{background:rgba(0,0,0,.88);}

/* Side ads remain fixed and independent of scroll; slightly transparent so they do not fight the reading zone. */
.blogAdCard{opacity:.94;}
.blogAdPanel{z-index:761;}

@media(max-width:900px){
  .header-actions{gap:.38rem;}
  .lang-btn{display:inline-block;font-size:.60rem;padding:.32rem .55rem;letter-spacing:1px;}
  .sound-btn{font-size:.58rem;padding:.32rem .48rem;}
  .arcade-room-backdrop{opacity:.56;filter:blur(1px) brightness(.92) saturate(1.00);}
}


/* R10 — CUSTOM ALEXX SKYRIDER ARCADE ROOM BACKGROUND integrated with stronger fixed visibility */


/* R11 — DEFINITIVE ARCADE BACKGROUND: less blur, more readable room, preserved content readability */


/* R12 — ARCADE LAMP CYCLE TEST: starts near-normal visibility, then dims cyclically like a strong lamp fading down. */


/* R13 — DARKER ARCADE CYCLE FINAL: cycle now drops to a truly dark state before rising again. */


/* R14 — 18-SECOND DARKNESS FINAL: long dark reading window, brief illumination pulse roughly three times per minute. */


/* R15 — LANDSCAPE MODE REQUIRED
   Keeps side-ad strategy intact on tablets/phones by blocking portrait view. */
.landscape-gate{
  position:fixed;
  inset:0;
  z-index:12000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:1.2rem;
  background:
    radial-gradient(circle at center,rgba(255,40,0,.18),rgba(0,0,0,.96) 54%,#000 100%),
    repeating-linear-gradient(0deg,rgba(0,255,65,.055) 0px,rgba(0,255,65,.055) 1px,transparent 1px,transparent 5px);
  color:var(--green);
  text-align:center;
}
.landscape-gate::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background:linear-gradient(90deg,transparent,rgba(0,255,65,.08),transparent);
  animation:landscapeSweep 4s linear infinite;
}
@keyframes landscapeSweep{
  from{transform:translateX(-100%)}
  to{transform:translateX(100%)}
}
.landscape-panel{
  position:relative;
  z-index:1;
  width:min(720px,94vw);
  border:1px solid rgba(0,255,65,.38);
  background:rgba(0,8,2,.84);
  box-shadow:0 0 42px rgba(0,255,65,.18),inset 0 0 42px rgba(255,40,0,.06);
  padding:1.4rem 1.2rem;
}
.landscape-logo{
  width:min(340px,72vw);
  max-height:26vh;
  object-fit:contain;
  margin-bottom:.8rem;
  filter:drop-shadow(0 0 18px rgba(255,45,0,.65)) drop-shadow(0 0 22px rgba(0,255,65,.14));
}
.landscape-title{
  font-family:'Orbitron',sans-serif;
  font-weight:900;
  letter-spacing:5px;
  color:var(--amber);
  font-size:clamp(1.6rem,8vw,3rem);
  text-shadow:0 0 18px rgba(255,176,0,.72);
  animation:landscapeBlink 1.2s steps(2,end) infinite;
}
.landscape-sub{
  font-family:'VT323',monospace;
  color:var(--green);
  font-size:clamp(1rem,4vw,1.55rem);
  letter-spacing:2px;
  margin:.55rem auto 1rem;
  line-height:1.25;
  text-shadow:0 0 10px rgba(0,255,65,.45);
}
.landscape-device{
  position:relative;
  width:180px;
  height:110px;
  margin:1rem auto;
  display:grid;
  place-items:center;
}
.phone-shape{
  width:120px;
  height:72px;
  border:3px solid var(--green);
  border-radius:12px;
  box-shadow:0 0 18px rgba(0,255,65,.55),inset 0 0 16px rgba(0,255,65,.09);
}
.phone-shape::after{
  content:'';
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--green);
  right:42px;
  top:50%;
  transform:translateY(-50%);
  box-shadow:0 0 8px var(--green);
}
.rotate-arrow{
  position:absolute;
  right:8px;
  top:-8px;
  font-size:3rem;
  color:var(--amber);
  text-shadow:0 0 14px rgba(255,176,0,.75);
  animation:rotatePrompt 1.8s ease-in-out infinite;
}
.landscape-note{
  font-size:.72rem;
  color:var(--green-dim);
  letter-spacing:2px;
  line-height:1.5;
}
@keyframes landscapeBlink{50%{opacity:.62;filter:brightness(1.55)}}
@keyframes rotatePrompt{
  0%,100%{transform:rotate(-10deg) scale(1)}
  50%{transform:rotate(20deg) scale(1.08)}
}

/* Portrait lock for mobile/tablet only. Desktop narrow windows can still scroll normally. */
@media (orientation: portrait) and (pointer: coarse){
  body.landscape-required .landscape-gate{
    display:flex;
  }
  body.landscape-required > *:not(.landscape-gate){
    filter:blur(8px) brightness(.32);
  }
  body.landscape-required{
    overflow:hidden;
  }
}

/* Horizontal phones/tablets: keep side ads visible but slimmer so content remains readable. */
@media (orientation: landscape) and (pointer: coarse) and (max-height: 520px){
  header{padding:.48rem .8rem;}
  .header-logo-mark{height:28px;width:28px;}
  .logo{font-size:.85rem;letter-spacing:1px;}
  nav{gap:.7rem;}
  nav a{font-size:.62rem;letter-spacing:1px;}
  .search-input{display:none;}
  .sound-btn,.lang-btn{font-size:.55rem;padding:.28rem .48rem;letter-spacing:1px;}
  .hero{min-height:88vh;padding:1rem 7.2rem;}
  .hero-logo{width:min(360px,54vw);max-height:34vh;margin-bottom:.7rem;}
  .terminal-window{width:min(520px,62vw);margin-bottom:.8rem;}
  .hero-title{font-size:clamp(1.8rem,6vw,3rem);letter-spacing:3px;}
  .hero-sub{font-size:clamp(.9rem,2.4vw,1.25rem);}
  .blog-section,.two-col{padding-left:7rem;padding-right:7rem;}
  .blogAdLayer{--blogAdPanelW:92px;}
  .blogAdPanel{top:58px;height:calc(100vh - 66px);}
  .blogAdLeft{left:6px;}
  .blogAdRight{right:6px;}
  .blogAdCard{min-height:calc(100vh - 76px);padding:8px 5px;border-radius:10px;}
  .blogAdHeadline{font-size:clamp(14px,2vw,22px);letter-spacing:2px;}
  .blogAdBody{font-size:clamp(8px,1.25vw,11px);}
  .blogAdFooter{font-size:7px;padding:4px 5px;}
  .blogAdDisclosure{font-size:7px;padding:2px 5px;letter-spacing:1px;}
}

/* Larger tablets in landscape get comfortable ad panels. */
@media (orientation: landscape) and (pointer: coarse) and (min-height: 521px){
  .blogAdLayer{--blogAdPanelW:118px;}
  .blogAdLeft{left:8px;}
  .blogAdRight{right:8px;}
  .blog-section,.two-col{padding-left:7.8rem;padding-right:7.8rem;}
}


/* R16 — AD DISCLOSURE LABEL: each side banner now clearly displays [ ADVERTISEMENT ] for transparency and policy alignment. */

/* R18 note: modal overlay remains below ad layer. */


/* R18 — ADS ALWAYS VISIBLE ABOVE READING MODAL: side ads stay in front while articles are open, preserving constant ad presence. */


/* R19 — ZOOM-SAFE SIDE ADS
   Ctrl+ no longer removes side ads too early. They become compact/micro instead. */
body.blog-ads-active.blog-ads-wide .blogAdLayer{display:block;}

body.blog-ads-compact .blogAdPanel{
  top:64px;
  height:calc(100vh - 78px);
}
body.blog-ads-compact .blogAdLeft{left:7px;}
body.blog-ads-compact .blogAdRight{right:7px;}
body.blog-ads-compact .blogAdCard{
  min-height:min(76vh,560px);
  padding:9px 5px;
  border-radius:11px;
}
body.blog-ads-compact .blogAdKicker{
  font-size:clamp(7px,.7vw,10px);
  letter-spacing:1px;
}
body.blog-ads-compact .blogAdDisclosure{
  font-size:7px;
  padding:2px 5px;
  letter-spacing:.8px;
}
body.blog-ads-compact .blogAdHeadline{
  font-size:clamp(14px,1.45vw,22px);
  letter-spacing:2px;
}
body.blog-ads-compact .blogAdBody{
  font-size:clamp(8px,.82vw,11px);
  line-height:1.15;
}
body.blog-ads-compact .blogAdFooter{
  font-size:7px;
  padding:4px 5px;
}
body.blog-ads-compact .blogAdCountdown{
  width:30px;
  height:22px;
  font-size:10px;
}

body.blog-ads-micro .blogAdPanel{
  top:58px;
  height:calc(100vh - 68px);
}
body.blog-ads-micro .blogAdLeft{left:4px;}
body.blog-ads-micro .blogAdRight{right:4px;}
body.blog-ads-micro .blogAdCard{
  min-height:min(74vh,500px);
  padding:7px 3px;
  border-radius:9px;
}
body.blog-ads-micro .blogAdKicker{
  display:none;
}
body.blog-ads-micro .blogAdDisclosure{
  writing-mode:vertical-rl;
  text-orientation:mixed;
  transform:rotate(180deg);
  font-size:7px;
  padding:4px 2px;
  letter-spacing:1px;
}
body.blog-ads-micro .blogAdHeadline{
  font-size:clamp(12px,1.25vw,18px);
  letter-spacing:1px;
}
body.blog-ads-micro .blogAdBody{
  font-size:7px;
  line-height:1.1;
}
body.blog-ads-micro .blogAdFooter{
  display:none;
}
body.blog-ads-micro .blogAdCountdown{
  width:24px;
  height:19px;
  font-size:9px;
}

/* When zoom makes the viewport narrow, leave breathing room so ads stay visible
   without covering the article area. */
body.blog-ads-compact .blog-section,
body.blog-ads-compact .two-col{
  max-width:calc(100vw - (var(--blogAdPanelW) * 2) - 38px);
}
body.blog-ads-micro .blog-section,
body.blog-ads-micro .two-col{
  max-width:calc(100vw - (var(--blogAdPanelW) * 2) - 24px);
}

/* Keep modals readable while ads remain above/dedicated at the sides. */
body.blog-ads-compact .modal,
body.blog-ads-micro .modal{
  max-width:calc(100vw - (var(--blogAdPanelW) * 2) - 42px);
}


/* R21 — FORCE DESKTOP ADS ALWAYS ON
   On desktop/laptop, Chrome zoom should not remove lateral ads at 150%.
   Ads are allowed to become very compact, but the frame remains present. */
@media (pointer:fine){
  body.blog-ads-active .blogAdLayer{
    display:block;
  }

  body.blog-ads-wide .blogAdPanel,
  body.blog-ads-compact .blogAdPanel,
  body.blog-ads-micro .blogAdPanel{
    opacity:1;
    visibility:visible;
  }

  body.blog-ads-micro .blogAdPanel{
    width:var(--blogAdPanelW);
    top:56px;
    height:calc(100vh - 64px);
  }
  body.blog-ads-micro .blogAdLeft{left:3px;}
  body.blog-ads-micro .blogAdRight{right:3px;}
  body.blog-ads-micro .blogAdCard{
    min-height:min(70vh,480px);
    padding:6px 2px;
    border-radius:8px;
  }
  body.blog-ads-micro .blogAdDisclosure{
    writing-mode:vertical-rl;
    text-orientation:mixed;
    transform:rotate(180deg);
    font-size:7px;
    padding:4px 2px;
    letter-spacing:1px;
  }
  body.blog-ads-micro .blogAdHeadline{
    font-size:clamp(10px,1.1vw,16px);
    letter-spacing:1px;
  }
  body.blog-ads-micro .blogAdBody{
    font-size:7px;
    line-height:1.05;
  }
  body.blog-ads-micro .blogAdCountdown{
    width:22px;
    height:18px;
    font-size:8px;
  }

  body.blog-ads-micro .blog-section,
  body.blog-ads-micro .two-col{
    max-width:calc(100vw - (var(--blogAdPanelW) * 2) - 20px);
  }
  body.blog-ads-micro .modal{
    max-width:calc(100vw - (var(--blogAdPanelW) * 2) - 28px);
  }
}


/* R22 — Official menu fit pass. Keeps final menu readable without touching ad/CRT systems. */
@media(max-width:1180px) and (pointer:fine){
  nav.official-nav{max-width:620px;gap:.48rem;}
  nav.official-nav a{font-size:.58rem;letter-spacing:1px;}
  .search-input{width:120px;}
  .sound-btn{font-size:.58rem;padding:.35rem .55rem;}
  .lang-btn{font-size:.58rem;padding:.32rem .55rem;}
}


/* R24 — FACE 1 FIELD MANUAL / REAL SPRITE CARDS */
.manual-hero-box{margin:1.2rem 0 1.4rem;padding:1.2rem;border:1px solid var(--amber-dim);background:radial-gradient(circle at 15% 0%,rgba(255,176,0,.10),transparent 38%),rgba(0,0,0,.35);box-shadow:inset 0 0 22px rgba(255,176,0,.05),0 0 18px rgba(0,255,65,.06);}
.manual-hero-kicker{font-family:'Orbitron',sans-serif;font-size:.65rem;letter-spacing:3px;color:var(--amber);margin-bottom:.5rem;text-shadow:0 0 7px rgba(255,176,0,.35);}
.manual-hero-title{font-family:'VT323',monospace;font-size:2.05rem;line-height:1;color:var(--green);letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,65,.35);}
.manual-hero-subtitle{margin-top:.65rem;color:var(--green-dim);font-size:.8rem;letter-spacing:1px;line-height:1.7;}
.manual-section{margin:1.8rem 0;padding-top:.4rem;border-top:1px solid var(--green-dark);}
.manual-section-title{font-family:'Orbitron',sans-serif;color:var(--amber);font-size:.78rem;letter-spacing:3px;margin-bottom:.45rem;text-shadow:0 0 6px rgba(255,176,0,.25);}
.manual-section-subtitle{color:#006b1d;font-size:.78rem;line-height:1.6;margin-bottom:1rem;}
.manual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:.9rem 0 1.2rem;}
.manual-card{position:relative;min-height:235px;border:1px solid var(--green-dark);background:linear-gradient(180deg,rgba(0,16,4,.78),rgba(0,0,0,.42));padding:1rem;overflow:hidden;box-shadow:inset 0 0 18px rgba(0,255,65,.035);}
.manual-card::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,255,65,.04),transparent);transform:translateX(-120%);animation:manualSweep 6s linear infinite;pointer-events:none;}
@keyframes manualSweep{0%,72%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.manual-sprite-wrap{height:92px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;background:rgba(0,0,0,.34);border:1px solid rgba(0,61,16,.85);}
.manual-sprite{max-width:86px;max-height:82px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 0 8px rgba(0,255,65,.24));}
.manual-card-name{font-family:'VT323',monospace;font-size:1.35rem;color:var(--green);letter-spacing:1px;margin-bottom:.25rem;}
.manual-card-role{font-size:.62rem;color:var(--amber-dim);letter-spacing:2px;margin-bottom:.55rem;text-transform:uppercase;}
.manual-card-text{font-size:.76rem;color:var(--green-dim);line-height:1.6;}
.manual-notes{margin:1.6rem 0;padding:1rem;border:1px dashed var(--green-dark);background:rgba(0,0,0,.24);}
.manual-notes ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.45rem 1rem;list-style:none;margin:0;padding:0;}
.manual-notes li{color:var(--green-dim);font-size:.78rem;line-height:1.5;}
.manual-notes li::before{content:'> ';color:var(--amber);}
.manual-token-box{margin:1.5rem 0;padding:1rem;border:1px solid rgba(255,176,0,.45);background:rgba(40,20,0,.14);}
.manual-token-box .manual-section-title{margin-bottom:.75rem;}
.manual-token-line{font-size:.8rem;color:var(--green-dim);line-height:1.7;}
.manual-token-line::before{content:'TOKEN: ';color:var(--amber-dim);letter-spacing:1px;}
.manual-spoiler-note{margin-top:.8rem;font-size:.74rem;color:#006b1d;letter-spacing:1px;}
@media(max-width:620px){.manual-grid{grid-template-columns:1fr 1fr;gap:.75rem}.manual-card{min-height:230px;padding:.8rem}.manual-sprite-wrap{height:78px}.manual-sprite{max-width:72px;max-height:70px}.manual-card-name{font-size:1.15rem}.manual-card-text{font-size:.68rem}.manual-hero-title{font-size:1.6rem}}


/* R25 — WHAT IS ALEXX SKYRIDER / OFFICIAL INTRO ART */
.article-image-block{
  margin:0 0 1.6rem 0;
  padding:.65rem;
  border:1px solid var(--green-dark);
  background:linear-gradient(180deg,rgba(0,16,4,.75),rgba(0,0,0,.45));
  box-shadow:inset 0 0 22px rgba(0,255,65,.035),0 0 18px rgba(0,255,65,.08);
}
.article-main-image{
  display:block;
  width:100%;
  max-height:68vh;
  object-fit:contain;
  background:#020402;
  border:1px solid rgba(0,255,65,.22);
  image-rendering:auto;
}
.article-image-block figcaption{
  margin-top:.55rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.72rem;
  color:var(--green-dim);
  letter-spacing:1px;
  text-align:center;
}


/* R26 — HOW TO PLAY GAMEPLAY IMAGE / REVERSE VERTICAL FLOW COPY
   Uses existing article-image-block styling. This note documents the visual role only. */



/* R33 — LAUNCH VIDEO / ARCADE ACCESS / QR HUB */
.launch-hub{
  max-width:1280px;
  margin:2.5rem auto 0;
  padding:2rem;
  position:relative;
  overflow:hidden;
  border-top:1px solid rgba(0,255,65,.22);
  border-bottom:1px solid rgba(255,176,0,.18);
}
.launch-hub::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 15%,rgba(0,255,65,.09),transparent 28%),
    radial-gradient(circle at 80% 25%,rgba(255,176,0,.09),transparent 26%),
    linear-gradient(180deg,rgba(0,0,0,.36),rgba(0,10,2,.78));
  pointer-events:none;
}
.launch-scan{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(0,255,65,.055),transparent);
  transform:translateX(-120%);
  animation:launchSweep 8s linear infinite;
  pointer-events:none;
}
@keyframes launchSweep{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.launch-header,.launch-grid{position:relative;z-index:1;}
.launch-header{text-align:center;margin-bottom:1.5rem;}
.launch-title{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(2.2rem,5.5vw,4.9rem);
  line-height:.95;
  letter-spacing:4px;
  color:var(--green);
  text-shadow:0 0 12px var(--green),0 0 32px rgba(0,255,65,.3);
}
.launch-sub{
  margin:.85rem auto 0;
  max-width:820px;
  color:var(--green-dim);
  font-size:.92rem;
  letter-spacing:1.5px;
  line-height:1.65;
}
.launch-grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);
  gap:1.2rem;
  align-items:stretch;
}
.launch-video-panel,.arcade-access-panel{
  background:rgba(0,10,2,.86);
  border:1px solid var(--green-dark);
  box-shadow:inset 0 0 24px rgba(0,255,65,.035),0 0 22px rgba(0,255,65,.08);
  padding:1rem;
  position:relative;
  overflow:hidden;
}
.launch-video-panel::after,.arcade-access-panel::after{
  content:'';
  position:absolute;
  inset:0;
  border:1px solid rgba(0,255,65,.08);
  pointer-events:none;
}
.launch-panel-title{
  font-family:'Orbitron',sans-serif;
  color:var(--amber);
  letter-spacing:3px;
  font-size:.9rem;
  margin-bottom:1rem;
  text-shadow:0 0 9px rgba(255,176,0,.45);
}
.launch-video-slots{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.85rem;
}
.video-slot{
  border:1px solid rgba(0,179,44,.7);
  background:linear-gradient(180deg,rgba(0,18,6,.75),rgba(0,0,0,.55));
  padding:.75rem;
  min-height:240px;
}
.video-screen{
  height:104px;
  border:1px solid rgba(0,255,65,.28);
  background:
    linear-gradient(rgba(0,255,65,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,255,65,.04) 1px,transparent 1px),
    radial-gradient(circle at 50% 45%,rgba(0,255,65,.16),rgba(0,0,0,.92) 65%);
  background-size:12px 12px,12px 12px,100% 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:.75rem;
  position:relative;
}
.video-screen::before{
  content:'VIDEO SLOT';
  position:absolute;
  top:.4rem;
  left:.5rem;
  color:rgba(0,255,65,.45);
  font-size:.58rem;
  letter-spacing:2px;
}
.video-screen span{
  font-family:'Orbitron',sans-serif;
  font-size:2.8rem;
  color:rgba(255,176,0,.88);
  text-shadow:0 0 12px rgba(255,176,0,.55);
}
.video-slot-title{
  font-family:'Orbitron',sans-serif;
  color:var(--green);
  font-size:.78rem;
  letter-spacing:2px;
  margin-bottom:.45rem;
}
.video-slot-copy{
  color:var(--green-dim);
  font-size:.76rem;
  line-height:1.45;
  min-height:46px;
}
.video-slot-status{
  margin-top:.75rem;
  display:inline-block;
  border:1px solid rgba(255,176,0,.45);
  color:var(--amber);
  font-size:.62rem;
  letter-spacing:1.5px;
  padding:.28rem .45rem;
  background:rgba(255,176,0,.05);
}
.arcade-access-copy,.arcade-access-note,.qr-copy{
  color:var(--green-dim);
  font-size:.8rem;
  line-height:1.55;
}
.arcade-play-button{
  display:block;
  margin:1rem 0 .7rem;
  text-align:center;
  text-decoration:none;
  font-family:'Orbitron',sans-serif;
  letter-spacing:2px;
  color:#000;
  background:var(--amber);
  border:2px solid rgba(255,176,0,.85);
  padding:1rem .8rem;
  box-shadow:0 0 18px rgba(255,176,0,.22),inset 0 0 12px rgba(255,255,255,.15);
}
.arcade-play-button:hover{filter:brightness(1.1);box-shadow:0 0 26px rgba(255,176,0,.35);}
.arcade-play-disabled{
  color:rgba(0,0,0,.75);
  cursor:not-allowed;
}
.qr-box{
  margin-top:1rem;
  border:1px solid rgba(0,255,65,.3);
  padding:.75rem;
  background:rgba(0,0,0,.38);
  text-align:center;
}
.qr-box img{
  width:min(100%,220px);
  display:block;
  margin:0 auto .7rem;
  border:1px solid rgba(0,255,65,.25);
  box-shadow:0 0 15px rgba(0,255,65,.12);
}
.qr-title{
  font-family:'Orbitron',sans-serif;
  color:var(--green);
  letter-spacing:2px;
  font-size:.86rem;
  margin-bottom:.35rem;
}
@media(max-width:900px){
  .launch-grid{grid-template-columns:1fr;}
  .launch-video-slots{grid-template-columns:1fr;}
}



/* R34 — CENTRAL PILOT MESSAGE MARQUEE
   One-line pixel transmission inside the blog safe reading zone.
   It is deliberately narrower than the lateral advertisement corridors. */
.pilot-message-marquee{
  position:fixed;
  left:50%;
  bottom:10px;
  width:min(940px,calc(100vw - (var(--blogAdPanelW,118px) * 2) - 72px));
  height:44px;
  transform:translateX(-50%) translateY(18px);
  z-index:480;
  display:none;
  opacity:0;
  pointer-events:none;
  transition:opacity .35s ease,transform .35s ease;
}
body.pilot-marquee-live .pilot-message-marquee{
  display:block;
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
body.pilot-marquee-live{padding-bottom:62px;}
.pilot-message-frame{
  position:relative;
  width:100%;
  height:100%;
  display:grid;
  grid-template-columns:20px minmax(0,1fr) 20px;
  align-items:center;
  gap:8px;
  padding:0 13px;
  overflow:hidden;
  border:1px solid rgba(112,230,255,.82);
  border-radius:4px;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,rgba(0,0,0,.13) 1px 4px),
    linear-gradient(90deg,rgba(0,25,42,.96),rgba(0,5,12,.97) 18%,rgba(0,0,0,.98) 50%,rgba(0,5,12,.97) 82%,rgba(0,25,42,.96));
  box-shadow:0 0 12px rgba(76,201,255,.34),inset 0 0 17px rgba(76,201,255,.10);
}
.pilot-message-frame::before{
  content:'';
  position:absolute;
  inset:3px;
  border:1px solid rgba(255,238,102,.22);
  pointer-events:none;
}
.pilot-message-frame::after{
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  width:84px;
  left:-110px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
  transform:skewX(-18deg);
  animation:pilotMarqueeSweep 7.5s linear infinite;
  pointer-events:none;
}
@keyframes pilotMarqueeSweep{to{left:calc(100% + 110px)}}
.pilot-pixel-light{
  position:relative;
  z-index:2;
  width:8px;
  height:8px;
  justify-self:center;
  background:var(--pilot-color,#70e6ff);
  box-shadow:0 0 5px var(--pilot-color,#70e6ff),0 0 12px var(--pilot-color,#70e6ff);
  animation:pilotLightBlink 1.1s steps(2,end) infinite;
}
.pilot-pixel-light-right{animation-delay:.55s;}
@keyframes pilotLightBlink{50%{opacity:.25;transform:scale(.72)}}
.pilot-message-text{
  position:relative;
  z-index:2;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  text-align:center;
  color:var(--pilot-color,#70e6ff);
  font-family:'VT323','Share Tech Mono',monospace;
  font-size:clamp(1rem,1.72vw,1.42rem);
  font-weight:400;
  letter-spacing:clamp(1px,.22vw,3px);
  line-height:1;
  text-shadow:0 0 5px var(--pilot-color,#70e6ff),0 0 12px var(--pilot-color,#70e6ff);
  opacity:0;
  transform:scaleX(.82);
  filter:brightness(1.8) blur(1px);
}
.pilot-message-text.pilot-enter{
  animation:pilotPixelIn .68s steps(8,end) forwards;
}
.pilot-message-text.pilot-exit{
  animation:pilotPixelOut .68s steps(8,end) forwards;
}
@keyframes pilotPixelIn{
  0%{opacity:0;transform:scaleX(.45) translateY(4px);clip-path:inset(45% 48% 45% 48%);letter-spacing:10px;filter:brightness(2.8) blur(2px)}
  28%{opacity:.8;clip-path:inset(32% 24% 34% 24%)}
  52%{opacity:.30;transform:scaleX(1.04) translateY(-1px);clip-path:inset(8% 4% 12% 4%)}
  68%{opacity:1;transform:scaleX(.97);filter:brightness(2.1) blur(.3px)}
  100%{opacity:1;transform:scaleX(1) translateY(0);clip-path:inset(0 0 0 0);letter-spacing:clamp(1px,.22vw,3px);filter:brightness(1) blur(0)}
}
@keyframes pilotPixelOut{
  0%{opacity:1;transform:scaleX(1);clip-path:inset(0 0 0 0);filter:brightness(1)}
  30%{opacity:.4;transform:translateX(-3px);clip-path:inset(10% 0 18% 0);filter:brightness(2.4)}
  54%{opacity:.9;transform:translateX(4px) scaleX(.94);clip-path:inset(34% 8% 30% 8%)}
  100%{opacity:0;transform:scaleX(.42) translateY(-3px);clip-path:inset(47% 49% 47% 49%);letter-spacing:11px;filter:brightness(3) blur(2px)}
}
body.blog-ads-compact .pilot-message-marquee{
  width:min(860px,calc(100vw - (var(--blogAdPanelW,92px) * 2) - 54px));
}
body.blog-ads-micro .pilot-message-marquee{
  width:min(760px,calc(100vw - (var(--blogAdPanelW,68px) * 2) - 34px));
  height:40px;
  bottom:7px;
}
body:not(.blog-ads-wide) .pilot-message-marquee{width:calc(100vw - 24px);}
@media (pointer:coarse) and (max-width:1219px), (pointer:coarse) and (max-height:519px){
  .pilot-message-marquee{bottom:7px;height:40px;}
  .pilot-message-frame{grid-template-columns:14px minmax(0,1fr) 14px;padding:0 8px;gap:4px;}
  .pilot-message-text{font-size:clamp(.86rem,2.4vw,1.18rem);letter-spacing:1px;}
  body.pilot-marquee-live{padding-bottom:54px;}
}
@media (orientation:landscape) and (pointer:coarse) and (max-height:520px){
  .pilot-message-marquee{
    width:calc(100vw - (var(--blogAdPanelW,92px) * 2) - 28px);
    height:34px;
    bottom:4px;
  }
  .pilot-message-text{font-size:clamp(.72rem,1.9vw,1rem);}
  body.pilot-marquee-live{padding-bottom:42px;}
}
@media (prefers-reduced-motion:reduce){
  .pilot-message-frame::after,.pilot-pixel-light{animation:none;}
  .pilot-message-text.pilot-enter{animation:pilotSimpleIn .22s ease forwards;}
  .pilot-message-text.pilot-exit{animation:pilotSimpleOut .22s ease forwards;}
  @keyframes pilotSimpleIn{to{opacity:1;transform:none;filter:none}}
  @keyframes pilotSimpleOut{to{opacity:0}}
}

/* R36 — UPDATE READY + SECURITY READY */
.fatal-data-error{
  width:min(920px,calc(100vw - 32px));
  margin:8vh auto;
  padding:2rem;
  border:2px solid #ff5a35;
  background:#050000;
  color:#ffb36a;
  font-family:'Share Tech Mono',monospace;
  box-shadow:0 0 28px rgba(255,70,30,.28);
}
.fatal-data-error h1{font-family:'Orbitron',sans-serif;font-size:1.2rem;letter-spacing:2px;margin-bottom:1rem;}
.fatal-data-error pre{white-space:pre-wrap;line-height:1.6;color:#fff;}

.launch-command-strip,.launch-support-grid,.arcade-worlds-section{position:relative;z-index:1;}
.launch-command-strip{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
  margin:0 0 1.2rem;
}
.launch-countdown-panel,.compatibility-panel,.new-pilot-panel,.social-network-panel,.arcade-worlds-section{
  border:1px solid rgba(0,255,65,.34);
  background:linear-gradient(180deg,rgba(0,18,6,.78),rgba(0,0,0,.72));
  box-shadow:inset 0 0 20px rgba(0,255,65,.04),0 0 18px rgba(0,255,65,.06);
  padding:1rem;
  text-align:center;
}
.launch-mini-label{
  color:var(--amber);
  font-family:'Orbitron',sans-serif;
  font-size:.68rem;
  letter-spacing:2.5px;
  margin-bottom:.45rem;
}
.launch-countdown{
  color:var(--green);
  font-family:'VT323','Share Tech Mono',monospace;
  font-size:clamp(1.35rem,2.7vw,2.2rem);
  letter-spacing:2px;
  text-shadow:0 0 10px rgba(0,255,65,.55);
}
.compatibility-main{
  color:#fff;
  font-family:'Orbitron',sans-serif;
  font-size:clamp(.9rem,1.8vw,1.25rem);
  letter-spacing:2px;
}
.compatibility-copy{margin-top:.5rem;color:var(--green);font-size:.8rem;letter-spacing:1.5px;}
.command-button-stack{display:grid;gap:.65rem;margin:1rem 0 .7rem;}
.command-button-stack .arcade-play-button{margin:0;}
.arcade-secondary-button{
  display:block;
  text-align:center;
  text-decoration:none;
  font-family:'Orbitron',sans-serif;
  letter-spacing:1.5px;
  color:var(--green);
  background:rgba(0,18,6,.72);
  border:1px solid rgba(0,255,65,.55);
  padding:.78rem .65rem;
  box-shadow:inset 0 0 12px rgba(0,255,65,.06);
}
.arcade-secondary-button:not(.arcade-play-disabled):hover,.arcade-secondary-button:not(.arcade-play-disabled):focus-visible{
  color:#000;background:var(--green);box-shadow:0 0 22px rgba(0,255,65,.28);
}
.youtube-button{border-color:rgba(255,176,0,.6);color:var(--amber);}
.youtube-button:not(.arcade-play-disabled):hover,.youtube-button:not(.arcade-play-disabled):focus-visible{background:var(--amber);color:#000;}
.video-slot{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;outline:none;}
.video-slot-active{cursor:pointer;border-color:rgba(255,176,0,.72);}
.video-slot-active:hover,.video-slot-active:focus-visible{transform:translateY(-3px);box-shadow:0 0 20px rgba(255,176,0,.18);}
.video-screen.has-thumbnail{background-position:center;background-size:cover;}
.video-screen.has-thumbnail span{opacity:.22;}
.launch-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.2rem;}
.launch-support-grid h3,.arcade-worlds-section h3{
  font-family:'Orbitron',sans-serif;color:var(--green);font-size:1rem;letter-spacing:2px;margin-bottom:.8rem;
}
.pilot-step-list{display:grid;gap:.5rem;text-align:left;max-width:520px;margin:0 auto;}
.pilot-step-list div{display:grid;grid-template-columns:42px 1fr;align-items:center;border:1px solid rgba(0,255,65,.18);padding:.5rem .65rem;background:rgba(0,0,0,.32);}
.pilot-step-list span{color:var(--amber);font-family:'Orbitron',sans-serif;}
.pilot-step-list strong{color:var(--green);font-size:.78rem;letter-spacing:1px;}
.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;}
.social-link,.social-pending{
  display:inline-block;border:1px solid rgba(0,255,65,.35);padding:.55rem .75rem;color:var(--green);font-size:.72rem;letter-spacing:1px;text-decoration:none;background:rgba(0,0,0,.32);
}
.social-link:hover,.social-link:focus-visible{background:var(--green);color:#000;}
.social-pending{color:var(--green-dim);border-style:dashed;}
.arcade-worlds-section{margin-top:1.2rem;}
.arcade-worlds-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;}
.arcade-world-card{display:grid;gap:.45rem;text-decoration:none;border:1px solid rgba(0,255,65,.28);padding:.75rem;background:rgba(0,0,0,.36);text-align:left;}
.arcade-world-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(0,255,65,.2);}
.arcade-world-card strong{color:var(--amber);font-family:'Orbitron',sans-serif;font-size:.72rem;letter-spacing:1px;}
.arcade-world-card span{color:var(--green-dim);font-size:.72rem;line-height:1.5;}
.arcade-world-card:hover,.arcade-world-card:focus-visible{border-color:var(--green);box-shadow:0 0 18px rgba(0,255,65,.14);}
.card-read-time{color:#004d15;}
.post-card[role="button"]:focus-visible{outline:2px solid var(--amber);outline-offset:3px;}
.operator-avatar{font-family:'VT323',monospace;font-size:.9rem;color:var(--green-dim);line-height:1.3;margin-bottom:1rem;}
.operator-handle{font-size:.82rem;color:var(--green);margin-bottom:.5rem;}
.operator-bio{font-size:.78rem;color:var(--green-dim);line-height:1.7;}
.operator-stats{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;}
.operator-stat{font-size:.65rem;color:var(--green-dim);}
.operator-stat-label{color:var(--amber-dim);letter-spacing:1px;}
.operator-stat-value{color:var(--green);font-size:1rem;}
.article-list-block{margin:1.4rem 0;padding:1rem 1.1rem;border-left:3px solid var(--amber);background:rgba(255,176,0,.045);}
.article-list-block ul{margin:.75rem 0 0 1.4rem;display:grid;gap:.55rem;color:var(--green-dim);line-height:1.6;}
.article-block-heading{margin:1.6rem 0 .75rem;color:var(--amber);font-family:'Orbitron',sans-serif;letter-spacing:1.5px;}
.article-quote{margin:1.4rem 0;padding:1rem 1.2rem;border-left:3px solid var(--green);background:rgba(0,255,65,.045);color:#d9ffe4;font-size:1rem;line-height:1.7;}
.article-quote cite{display:block;margin-top:.65rem;color:var(--amber-dim);font-style:normal;font-size:.78rem;}
.article-callout{margin:1.3rem 0;padding:1rem;border:1px solid rgba(255,176,0,.42);background:rgba(255,176,0,.055);}
.article-callout strong{color:var(--amber);font-family:'Orbitron',sans-serif;letter-spacing:1px;}
.article-callout p{margin:.55rem 0 0;}
.article-action{text-align:center;margin:1.4rem 0;}
.article-action a{display:inline-block;padding:.7rem 1.1rem;border:1px solid var(--green);color:var(--green);text-decoration:none;font-family:'Orbitron',sans-serif;font-size:.72rem;letter-spacing:1.5px;}
.article-action a:hover,.article-action a:focus-visible{background:var(--green);color:#000;}
.article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.4rem 0;}
.article-gallery figure{border:1px solid rgba(0,255,65,.24);background:rgba(0,0,0,.3);padding:.45rem;}
.article-gallery img{display:block;width:100%;height:auto;}
.article-gallery figcaption,.article-video-block figcaption{padding:.5rem .25rem .2rem;color:var(--green-dim);font-size:.72rem;line-height:1.5;}
.article-video-block{margin:1.5rem 0;}
.article-video-block video{display:block;width:100%;max-height:70vh;background:#000;border:1px solid rgba(0,255,65,.3);}
.video-embed-wrap{position:relative;aspect-ratio:16/9;background:#000;border:1px solid rgba(0,255,65,.3);}
.video-embed-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.article-divider{border:0;border-top:1px solid rgba(0,255,65,.28);margin:1.5rem 0;}

@media(max-width:900px){
  .launch-command-strip,.launch-support-grid{grid-template-columns:1fr;}
  .arcade-worlds-grid{grid-template-columns:1fr;}
}
@media(max-width:620px){.article-gallery{grid-template-columns:1fr;}}


/* R39 — PILOT MESSAGE MOVED BELOW THE HEADER LOGO.
   All original frame, sweep, pixel lights, colors and message transitions are preserved. */
.pilot-message-marquee{
  position:relative;
  left:auto;
  bottom:auto;
  width:min(940px,calc(100vw - 32px));
  height:44px;
  transform:translateY(-8px);
  z-index:90;
  margin:14px auto 0;
}
body.pilot-marquee-live .pilot-message-marquee{
  display:block;
  opacity:1;
  transform:translateY(0);
}
body.pilot-marquee-live{padding-bottom:118px;}
body.blog-ads-compact .pilot-message-marquee,
body.blog-ads-micro .pilot-message-marquee,
body:not(.blog-ads-wide) .pilot-message-marquee{
  width:min(940px,calc(100vw - 24px));
  height:44px;
  bottom:auto;
}
@media (pointer:coarse) and (max-width:1219px), (pointer:coarse) and (max-height:519px){
  .pilot-message-marquee{height:40px;margin-top:10px;bottom:auto;}
  body.pilot-marquee-live{padding-bottom:108px;}
}
@media (orientation:landscape) and (pointer:coarse) and (max-height:520px){
  .pilot-message-marquee{width:calc(100vw - 24px);height:34px;bottom:auto;margin-top:7px;}
  body.pilot-marquee-live{padding-bottom:98px;}
}

/* R39 — FIXED HORIZONTAL ADVERTISING DOCK */
.blog-fixed-ad-dock{
  position:fixed;
  left:50%;
  bottom:8px;
  transform:translateX(-50%);
  width:min(1000px,calc(100vw - 32px));
  z-index:470;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .35s ease,visibility 0s linear .35s;
}
body:not(.start-locked) .blog-fixed-ad-dock{
  opacity:1;
  visibility:visible;
  transition-delay:0s;
}
.blog-fixed-ad-shell{
  position:relative;
  padding:5px;
  border-radius:10px;
  background:linear-gradient(180deg,#0d3219,#07170c 38%,#020904 72%,#164a25);
  box-shadow:0 12px 34px rgba(0,0,0,.72),0 0 0 1px rgba(0,255,65,.18) inset,0 0 22px rgba(0,255,65,.14);
}
.blog-fixed-ad-label{
  position:absolute;
  left:12px;
  top:10px;
  z-index:4;
  font-family:'Share Tech Mono',monospace;
  font-size:.54rem;
  letter-spacing:.16em;
  color:rgba(125,255,154,.72);
}
.blog-fixed-ad-rotator{
  position:relative;
  height:96px;
  border-radius:7px;
  overflow:hidden;
  border:1px solid rgba(0,255,65,.42);
  background:#020904;
  box-shadow:inset 0 0 24px rgba(0,255,65,.08),0 0 18px rgba(0,255,65,.12);
}
.blog-fixed-ad-creative{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:12px 46px;
  text-align:center;
  opacity:0;
  visibility:hidden;
  transform:scale(.985);
  transition:opacity .65s ease,transform .65s ease,visibility 0s linear .65s;
  background:radial-gradient(circle at 50% 50%,rgba(255,176,0,.13),transparent 46%),linear-gradient(90deg,rgba(0,255,65,.06),rgba(255,176,0,.08),rgba(0,255,65,.06));
}
.blog-fixed-ad-creative:nth-child(2){
  background:radial-gradient(circle at 50% 50%,rgba(0,255,65,.14),transparent 48%),linear-gradient(90deg,rgba(255,176,0,.07),rgba(0,255,65,.09),rgba(255,176,0,.07));
}
.blog-fixed-ad-creative.is-active{
  opacity:1;
  visibility:visible;
  transform:scale(1);
  transition-delay:0s;
}
.blog-fixed-ad-kicker{
  font-family:'Share Tech Mono',monospace;
  font-size:.58rem;
  letter-spacing:.24em;
  color:#00b32c;
}
.blog-fixed-ad-creative strong{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(.92rem,2vw,1.34rem);
  letter-spacing:.07em;
  color:#effff2;
  text-shadow:0 0 12px rgba(0,255,65,.38);
}
.blog-fixed-ad-creative small{
  font-family:'Share Tech Mono',monospace;
  font-size:.56rem;
  letter-spacing:.14em;
  color:#ffb000;
}
@media(max-width:860px){
  .blog-fixed-ad-dock{width:calc(100vw - 20px);bottom:5px;}
  .blog-fixed-ad-rotator{height:88px;}
  .blog-fixed-ad-creative{padding:10px 32px;}
}
@media(max-width:560px){
  .blog-fixed-ad-dock{width:calc(100vw - 10px);bottom:3px;}
  .blog-fixed-ad-shell{padding:4px;border-radius:8px;}
  .blog-fixed-ad-rotator{height:80px;border-radius:5px;}
  .blog-fixed-ad-creative{padding:9px 24px;gap:3px;}
  .blog-fixed-ad-kicker{font-size:.48rem;letter-spacing:.16em;}
  .blog-fixed-ad-creative strong{font-size:.78rem;}
  .blog-fixed-ad-creative small{font-size:.46rem;letter-spacing:.08em;}
}