:root{
  --bg:#02030a;
  --panel:rgba(8,10,28,.84);
  --ink:#f3f0ff;
  --muted:#aaa1c8;
  --cyan:#00f5ff;
  --mag:#ff3df2;
  --amber:#ffbf5a;
  --white:#f8fbff;
  --line:rgba(0,245,255,.22);
  --danger:#ff4545;
  --green:#40ff9f;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body.book6-shell{
  min-height:100vh;
  background:
    radial-gradient(circle at 20% 10%,rgba(255,61,242,.22),transparent 28%),
    radial-gradient(circle at 80% 0%,rgba(0,245,255,.25),transparent 32%),
    radial-gradient(circle at 50% 100%,rgba(255,255,255,.08),transparent 35%),
    var(--bg);
  color:var(--ink);
  font-family:'Exo 2',system-ui,sans-serif;
  line-height:1.65;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.crt{
  position:fixed;inset:0;pointer-events:none;z-index:9997;
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 2px,transparent 5px);
  mix-blend-mode:screen;opacity:.45;
}
.reality-noise{
  position:fixed;inset:-40%;pointer-events:none;z-index:0;
  background:
    linear-gradient(115deg,transparent 0 40%,rgba(0,245,255,.09) 48%,transparent 56%),
    linear-gradient(55deg,transparent 0 45%,rgba(255,61,242,.08) 52%,transparent 60%);
  animation:drift 18s linear infinite;
}
.b6-topbar{
  position:sticky;top:0;z-index:50;height:68px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:0 28px;border-bottom:1px solid var(--line);
  background:rgba(2,3,10,.78);backdrop-filter:blur(18px);
}
.b6-brand{font-family:'Cinzel',serif;font-weight:900;letter-spacing:2px;font-size:21px}
.b6-brand span,.b6-copy h1 span{color:var(--cyan);text-shadow:0 0 22px rgba(0,245,255,.75)}
.b6-nav{display:flex;gap:18px;flex-wrap:wrap;font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--muted)}
.b6-nav a:hover{color:var(--cyan)}
main{position:relative;z-index:2}
.b6-hero{
  max-width:1280px;margin:0 auto;min-height:calc(100vh - 68px);
  display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center;
  padding:76px 28px 60px;
}
.b6-kicker,.panel-label,.b6-cover-note{
  font-family:'Share Tech Mono',monospace;color:var(--mag);letter-spacing:3px;font-size:12px;
}
.b6-copy h1{
  font-family:'Cinzel',serif;font-size:clamp(48px,8vw,96px);
  line-height:.92;margin:18px 0 24px;letter-spacing:1px;
}
.b6-copy p,.b6-panel p,.b6-access p{color:var(--muted);max-width:66ch}
.b6-actions,.access-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.b6-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;
  padding:12px 22px;border-radius:6px;border:1px solid var(--line);
  font-weight:800;letter-spacing:.5px;transition:.2s ease;
}
.b6-btn.primary{background:linear-gradient(135deg,var(--cyan),var(--mag));color:#02030a;box-shadow:0 0 28px rgba(0,245,255,.25)}
.b6-btn.ghost{color:var(--cyan);background:rgba(0,245,255,.05)}
.b6-btn:hover{transform:translateY(-2px);filter:brightness(1.12)}
.b6-cover-card{
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.01));
  border:1px solid var(--line);border-radius:24px;padding:22px;
  box-shadow:0 30px 80px rgba(0,0,0,.55), inset 0 0 28px rgba(0,245,255,.06);
}
.b6-cover{
  aspect-ratio:2/3;border-radius:16px;border:1px solid rgba(255,255,255,.18);
  background:
    radial-gradient(circle at 50% 48%,rgba(255,255,255,.55),transparent 9%),
    radial-gradient(circle at 48% 48%,rgba(0,245,255,.36),transparent 26%),
    radial-gradient(circle at 60% 55%,rgba(255,61,242,.32),transparent 30%),
    linear-gradient(160deg,#050512,#151033 45%,#04040b);
  position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:28px;
}
.b6-cover::before{
  content:'';position:absolute;inset:-20%;
  background:conic-gradient(from 90deg,transparent,var(--cyan),transparent,var(--mag),transparent,var(--white),transparent);
  opacity:.25;animation:spin 16s linear infinite;
}
.cover-title,.cover-sub,.cover-author{position:relative;z-index:1;text-align:center}
.cover-title{font-family:'Cinzel',serif;font-weight:900;letter-spacing:2px}
.cover-title span{color:var(--cyan)}
.cover-sub{font-family:'Cinzel',serif;font-size:26px;line-height:1.05;color:var(--white);text-shadow:0 0 30px rgba(255,255,255,.6)}
.cover-author{font-family:'Share Tech Mono',monospace;color:var(--muted);font-size:12px;letter-spacing:2px}
.cover-core{
  position:absolute;inset:30%;z-index:1;border-radius:50%;border:1px solid rgba(255,255,255,.5);
  box-shadow:0 0 35px var(--cyan),0 0 80px var(--mag),inset 0 0 30px rgba(255,255,255,.3);
  animation:pulse 3s ease-in-out infinite;
}
.b6-cover-note{margin-top:14px;text-align:center;color:var(--cyan)}
.b6-grid{
  max-width:1280px;margin:0 auto;padding:40px 28px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}
.b6-panel,.b6-archive,.b6-access{
  border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:24px;
  box-shadow:0 20px 60px rgba(0,0,0,.35), inset 0 0 30px rgba(0,245,255,.035);
  backdrop-filter:blur(12px);
}
.b6-panel.wide{grid-column:span 2;grid-row:span 2}
.b6-panel h2,.b6-panel h3,.b6-archive h2,.b6-access h2{font-family:'Cinzel',serif;margin:8px 0 12px}
.layer-stack{margin-top:22px;display:grid;gap:10px}
.layer-stack div{display:flex;justify-content:space-between;font-family:'Share Tech Mono',monospace;color:var(--muted);font-size:12px}
.layer-stack b{color:var(--cyan)}
input[type="range"]{width:100%;accent-color:var(--cyan)}
.b6-status{
  margin-top:18px;padding:9px 10px;border-radius:6px;
  font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:1px;border:1px solid currentColor;
}
.b6-status.hot{color:var(--amber);background:rgba(255,191,90,.08)}
.b6-status.green{color:var(--green);background:rgba(64,255,159,.08)}
.b6-status.danger{color:var(--danger);background:rgba(255,69,69,.08)}
.color-bars{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:18px}
.color-bars span{height:58px;border-radius:8px;box-shadow:0 0 24px currentColor}
.color-bars span:nth-child(1){background:var(--cyan);color:var(--cyan)}
.color-bars span:nth-child(2){background:var(--mag);color:var(--mag)}
.color-bars span:nth-child(3){background:var(--white);color:var(--white)}
.b6-archive,.b6-access{max-width:1224px;margin:34px auto}
.timeline{margin-top:24px;display:grid;gap:10px}
.timeline div{
  display:grid;grid-template-columns:120px 1fr;gap:20px;padding:14px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:12px;
}
.timeline b{color:var(--cyan);font-family:'Share Tech Mono',monospace}
.timeline span{color:var(--muted)}
.b6-access{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin-bottom:96px}
.b6-footer{
  position:relative;z-index:2;border-top:1px solid var(--line);
  padding:24px 28px 110px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
  color:var(--muted);font-family:'Share Tech Mono',monospace;font-size:12px;
}
.b6-footer a{color:var(--cyan)}
@keyframes drift{from{transform:translate3d(0,0,0) rotate(0deg)}to{transform:translate3d(8%,4%,0) rotate(360deg)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{transform:scale(.94);opacity:.72}50%{transform:scale(1.06);opacity:1}}
@media(max-width:1000px){
  .b6-hero{grid-template-columns:1fr}
  .b6-grid{grid-template-columns:1fr 1fr}
  .b6-panel.wide{grid-column:span 2}
  .b6-access{grid-template-columns:1fr}
}
@media(max-width:680px){
  .b6-topbar{height:auto;align-items:flex-start;flex-direction:column;padding:18px}
  .b6-nav{gap:12px}
  .b6-hero{padding-top:48px}
  .b6-grid{grid-template-columns:1fr}
  .b6-panel.wide{grid-column:span 1}
  .timeline div{grid-template-columns:1fr}
}


/* ==========================================================
   FOREVER:NEON Book 6 boot-flash-to-cover hero
   ========================================================== */

.fn-b6-boot-cover {
  position: relative;
  width: min(1180px, calc(100% - 32px));
  min-height: clamp(520px, 72vh, 860px);
  margin: 32px auto 42px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(159, 240, 255, 0.32);
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 20%, rgba(255,255,255,0.14), transparent 28%),
    radial-gradient(circle at 20% 80%, rgba(128,0,255,0.24), transparent 32%),
    radial-gradient(circle at 80% 70%, rgba(0,255,255,0.18), transparent 34%),
    linear-gradient(145deg, rgba(6, 8, 20, 0.96), rgba(1, 2, 7, 0.98));
  box-shadow:
    0 0 42px rgba(0, 255, 255, 0.16),
    inset 0 0 34px rgba(255, 255, 255, 0.06);
  isolation: isolate;
}

.fn-b6-boot-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,0.035) 50%, rgba(0,0,0,0.08) 50%),
    linear-gradient(90deg, rgba(255,0,255,0.035), rgba(0,255,255,0.025), rgba(255,255,255,0.02));
  background-size: 100% 4px, 6px 100%;
  mix-blend-mode: screen;
  opacity: 0.55;
  z-index: 5;
}

.fn-b6-boot-stage,
.fn-b6-cover-stage {
  grid-area: 1 / 1;
}

.fn-b6-boot-stage {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  z-index: 4;
  opacity: 1;
  transform: scale(1);
  transition:
    opacity 520ms ease,
    transform 720ms ease,
    filter 720ms ease;
}

.fn-b6-boot-frame {
  position: relative;
  width: min(780px, calc(100% - 42px));
  padding: clamp(28px, 5vw, 64px);
  border: 1px solid rgba(190, 250, 255, 0.42);
  border-radius: 24px;
  text-align: center;
  color: #e9fbff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.025)),
    rgba(5, 8, 24, 0.76);
  box-shadow:
    0 0 28px rgba(0,255,255,0.24),
    0 0 74px rgba(170,0,255,0.20),
    inset 0 0 28px rgba(255,255,255,0.05);
  overflow: hidden;
}

.fn-b6-boot-kicker {
  font-size: clamp(0.76rem, 1vw, 0.95rem);
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgba(161, 243, 255, 0.92);
  text-shadow: 0 0 12px rgba(0,255,255,0.7);
}

.fn-b6-boot-title {
  margin-top: 16px;
  font-size: clamp(2rem, 5vw, 5rem);
  line-height: 0.95;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 900;
  color: #ffffff;
  text-shadow:
    0 0 10px rgba(255,255,255,0.78),
    0 0 24px rgba(0,255,255,0.42),
    0 0 48px rgba(255,0,255,0.24);
}

.fn-b6-boot-sub {
  margin-top: 18px;
  font-size: clamp(0.72rem, 1.3vw, 1rem);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.76);
}

.fn-b6-boot-readout {
  margin: 28px auto 0;
  width: min(520px, 100%);
  display: grid;
  gap: 8px;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(180,255,245,0.82);
}

.fn-b6-boot-readout span {
  padding: 8px 10px;
  border: 1px solid rgba(130,255,255,0.18);
  background: rgba(0,0,0,0.18);
}

.fn-b6-boot-scan {
  position: absolute;
  inset: -40%;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(255,255,255,0.0) 42%,
    rgba(180,255,255,0.42) 50%,
    rgba(255,255,255,0.0) 58%,
    transparent 100%
  );
  opacity: 0.45;
  transform: translateY(-70%);
  animation: fnB6BootScan 1350ms ease-in-out forwards;
  pointer-events: none;
}

.fn-b6-cover-stage {
  position: relative;
  z-index: 2;
  width: min(520px, 82vw);
  margin: 0;
  opacity: 0;
  transform: scale(0.965) translateY(18px);
  filter: brightness(0.6) saturate(0.7) blur(6px);
  transition:
    opacity 820ms ease,
    transform 900ms ease,
    filter 900ms ease;
}

.fn-b6-cover-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.22);
  box-shadow:
    0 0 24px rgba(255,255,255,0.16),
    0 0 62px rgba(0,255,255,0.18),
    0 0 120px rgba(158,0,255,0.15);
}

.fn-b6-boot-cover.fn-b6-cover-ready .fn-b6-cover-stage {
  opacity: 1;
  transform: scale(1) translateY(0);
  filter: brightness(1) saturate(1) blur(0);
}

.fn-b6-boot-cover.fn-b6-cover-ready .fn-b6-boot-stage {
  opacity: 0;
  transform: scale(1.035);
  filter: blur(7px) brightness(1.45);
  pointer-events: none;
}

.fn-b6-boot-cover.fn-b6-cover-ready::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,0.26), transparent),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,0.18), transparent 48%);
  opacity: 0;
  animation: fnB6FinalFlash 780ms ease-out forwards;
}

@keyframes fnB6BootScan {
  0% { transform: translateY(-70%); }
  72% { transform: translateY(62%); }
  100% {
    transform: translateY(82%);
    opacity: 0;
  }
}

@keyframes fnB6FinalFlash {
  0% {
    opacity: 0;
    transform: translateX(-18%);
  }
  22% {
    opacity: 0.72;
  }
  100% {
    opacity: 0;
    transform: translateX(18%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .fn-b6-boot-stage {
    display: none;
  }

  .fn-b6-cover-stage {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }

  .fn-b6-boot-cover::after,
  .fn-b6-boot-scan {
    animation: none;
    display: none;
  }
}


.fn-backtrace-series-covers {
  width: min(1180px, calc(100% - 32px));
  margin: 38px auto 64px;
  padding: 32px;
  border: 1px solid rgba(150,240,255,.28);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(4,8,20,.9), rgba(2,2,8,.98));
  box-shadow: 0 0 34px rgba(0,255,255,.12);
}

.fn-backtrace-series-head {
  margin-bottom: 26px;
}

.fn-backtrace-series-kicker {
  color: rgba(150,245,255,.9);
  letter-spacing: .22em;
  text-transform: uppercase;
  font-size: .75rem;
}

.fn-backtrace-series-head h2 {
  margin: 0;
  color: white;
  font-size: clamp(2rem, 4vw, 3.7rem);
  line-height: 1;
  text-transform: uppercase;
}

.fn-backtrace-series-head p {
  color: rgba(235,250,255,.75);
}

.fn-backtrace-book-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.fn-backtrace-book-card {
  position: relative;
  padding: 12px;
  border: 1px solid rgba(170,235,255,.24);
  border-radius: 20px;
  background: rgba(0,0,0,.28);
}

.fn-backtrace-book-free {
  border-color: rgba(255,238,120,.75);
  box-shadow: 0 0 30px rgba(255,220,80,.25);
}

.fn-backtrace-book-free::before {
  content: "FREE";
  position: absolute;
  top: 12px;
  right: -34px;
  width: 124px;
  padding: 6px 0;
  transform: rotate(35deg);
  text-align: center;
  font-weight: 900;
  color: #120d00;
  background: linear-gradient(90deg, #fff2a8, #ffd24f);
}

.fn-backtrace-cover-link img {
  width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  display: block;
  border-radius: 14px;
}

.fn-backtrace-book-card h3 {
  min-height: 3.8em;
  color: white;
  font-size: .92rem;
  line-height: 1.15;
  text-transform: uppercase;
}

.fn-backtrace-book-cta {
  display: flex;
  justify-content: center;
  padding: 10px;
  border-radius: 999px;
  text-decoration: none;
  color: #eaffff;
  border: 1px solid rgba(150,245,255,.4);
  background: linear-gradient(90deg, rgba(0,255,255,.16), rgba(255,0,255,.12));
  font-weight: 800;
  font-size: .74rem;
  letter-spacing: .1em;
}

.fn-backtrace-book-free .fn-backtrace-book-cta {
  color: #130d00;
  background: linear-gradient(90deg, #fff2a8, #ffd24f);
  border-color: rgba(255,235,120,.75);
}

@media (max-width: 980px) {
  .fn-backtrace-book-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .fn-backtrace-book-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* FN BOOK6 HOLOGRAPHIC HAM PROJECTOR */
.fn-b6-holo-ham{
  width:min(1180px,calc(100% - 32px));
  margin:34px auto 54px;
  padding:30px;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:28px;
  align-items:center;
  border:1px solid rgba(150,245,255,.25);
  border-radius:30px;
  background:radial-gradient(circle at 72% 45%,rgba(0,245,255,.18),transparent 34%),linear-gradient(145deg,rgba(5,8,22,.94),rgba(2,2,8,.98));
  box-shadow:0 0 44px rgba(0,245,255,.12),inset 0 0 80px rgba(255,0,255,.05);
  overflow:hidden;
  position:relative;
}

.fn-b6-holo-ham::before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0 1px,transparent 1px 7px);
  pointer-events:none;
  opacity:.35;
}

.fn-b6-holo-copy{position:relative;z-index:2}
.fn-b6-holo-kicker{color:#9af7ff;font:700 .75rem 'Share Tech Mono',monospace;letter-spacing:.22em;text-transform:uppercase}
.fn-b6-holo-copy h2{margin:.35em 0;color:white;font-size:clamp(2rem,4vw,4rem);line-height:.95;text-transform:uppercase}
.fn-b6-holo-copy p{color:rgba(235,250,255,.75);max-width:58ch}

.fn-b6-holo-stage{
  position:relative;
  min-height:560px;
  display:grid;
  place-items:center;
  isolation:isolate;
}

.fn-b6-projection-beam{
  position:absolute;
  bottom:108px;
  width:310px;
  height:280px;
  background:linear-gradient(to top,rgba(0,245,255,.28),rgba(255,0,255,.13),transparent);
  clip-path:polygon(40% 100%,60% 100%,100% 0,0 0);
  filter:blur(7px);
  opacity:.7;
  z-index:1;
}

.fn-b6-fishbowl-player{
  width:min(390px,76vw);
  aspect-ratio:1;
  border-radius:50%;
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.2),rgba(0,245,255,.15) 35%,rgba(255,0,255,.08) 64%,rgba(0,0,0,.75));
  border:1px solid rgba(190,255,255,.45);
  box-shadow:0 0 65px rgba(0,245,255,.38),inset 0 0 70px rgba(255,255,255,.12);
  animation:b6HoloFloat 5s ease-in-out infinite;
  z-index:3;
}

.fn-b6-fishbowl-player iframe{
  position:absolute;
  inset:8%;
  width:84%;
  height:84%;
  border:0;
  border-radius:50%;
  background:#02030a;
  filter:saturate(1.2) contrast(1.08);
}

.fn-b6-fishbowl-glass{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:radial-gradient(circle at 32% 20%,rgba(255,255,255,.38),transparent 16%),radial-gradient(circle at 70% 80%,rgba(0,245,255,.16),transparent 28%);
  box-shadow:inset 0 0 46px rgba(255,255,255,.1);
  pointer-events:none;
  z-index:4;
}

.fn-b6-holo-core{
  position:absolute;
  bottom:14%;
  z-index:5;
  padding:7px 12px;
  border-radius:999px;
  color:#dcffff;
  font:700 .68rem 'Share Tech Mono',monospace;
  letter-spacing:.14em;
  border:1px solid rgba(180,255,255,.42);
  background:rgba(0,0,0,.58);
}

.fn-b6-holo-links{
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
}

.fn-b6-holo-links button{
  position:absolute;
  pointer-events:auto;
  max-width:190px;
  padding:10px 12px;
  border:1px solid rgba(150,245,255,.45);
  border-radius:999px;
  color:#eaffff;
  background:rgba(2,5,18,.84);
  box-shadow:0 0 18px rgba(0,245,255,.18);
  font:700 .66rem 'Share Tech Mono',monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}

.fn-b6-holo-links button:nth-child(1){left:4%;top:16%}
.fn-b6-holo-links button:nth-child(2){right:3%;top:18%}
.fn-b6-holo-links button:nth-child(3){left:0;bottom:28%}
.fn-b6-holo-links button:nth-child(4){right:1%;bottom:30%}
.fn-b6-holo-links button:nth-child(5){left:35%;bottom:1%}

.fn-b6-bottom-rig{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:min(620px,94%);
  min-height:118px;
  display:grid;
  grid-template-columns:1fr 120px 150px;
  gap:16px;
  align-items:center;
  padding:18px 20px;
  border:1px solid rgba(180,245,255,.28);
  border-radius:34px 34px 18px 18px;
  background:linear-gradient(135deg,#10182a,#050611 58%,#17102a);
  box-shadow:0 -18px 50px rgba(0,245,255,.12),inset 0 0 44px rgba(255,255,255,.05);
  z-index:4;
}

.fn-b6-rig-brand{
  color:white;
  font:900 .9rem 'Cinzel',serif;
  letter-spacing:.14em;
}

.fn-b6-rig-readout{
  margin-top:8px;
  padding:8px 10px;
  border:1px solid rgba(0,245,255,.22);
  border-radius:10px;
  color:#80ffe9;
  background:#02040a;
  font:700 .58rem 'Share Tech Mono',monospace;
  letter-spacing:.11em;
}

.fn-b6-rig-aperture{
  width:96px;
  aspect-ratio:1;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:radial-gradient(circle,#eaffff 0 8%,#00f5ff 9% 20%,#182040 21% 48%,#04050c 49%);
  box-shadow:0 0 34px rgba(0,245,255,.62),inset 0 0 18px rgba(255,255,255,.25);
}

.fn-b6-rig-aperture span{
  width:42%;
  aspect-ratio:1;
  border-radius:50%;
  background:#010208;
  box-shadow:inset 0 0 12px rgba(0,245,255,.6);
}

.fn-b6-rig-controls{
  display:flex;
  justify-content:center;
  gap:14px;
}

.fn-b6-rig-controls i{
  width:34px;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle at 35% 28%,#d8ffff,#2e83a0 28%,#07101d 62%);
  box-shadow:0 0 16px rgba(0,245,255,.22);
}

@keyframes b6HoloFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-10px) scale(1.025)}
}

@media(max-width:880px){
  .fn-b6-holo-ham{grid-template-columns:1fr}
  .fn-b6-holo-stage{min-height:650px}
  .fn-b6-bottom-rig{grid-template-columns:1fr;justify-items:center;text-align:center}
}


/* Book 6 projector wakes from existing bottom HAM rig */
.fn-b6-holo-dormant{
  opacity:.38;
  filter:saturate(.55) brightness(.72);
}

.fn-b6-holo-dormant .fn-b6-projection-beam,
.fn-b6-holo-dormant .fn-b6-fishbowl-player,
.fn-b6-holo-dormant .fn-b6-holo-links{
  opacity:.18;
  pointer-events:none;
}

.fn-b6-holo-dormant .fn-b6-holo-copy::after{
  content:"PROJECTOR STANDBY // ACTIVATE FROM BOTTOM HAM RIG";
  display:block;
  margin-top:16px;
  color:#ffcf70;
  font:700 .72rem 'Share Tech Mono',monospace;
  letter-spacing:.14em;
}

.fn-b6-holo-awake{
  animation:b6ProjectorWake .9s ease-out both;
}

@keyframes b6ProjectorWake{
  0%{filter:brightness(.65) saturate(.6);transform:scale(.985)}
  55%{filter:brightness(1.4) saturate(1.5)}
  100%{filter:none;transform:none}
}

.ham-btn.hb-memory{
  color:#9af7ff !important;
  border-color:#295f70 !important;
  background:rgba(0,245,255,.07) !important;
  box-shadow:0 0 14px rgba(0,245,255,.14);
}


/* FN BOOK6 REAL HAM MEMORY INJECTOR SKIN */
body.book6-shell #fn-ham-bar.fn-b6-ham-evolved{
  overflow:visible !important;
  border-top:1px solid rgba(160,245,255,.55) !important;
  background:
    radial-gradient(circle at 50% -38px,rgba(0,245,255,.34),transparent 90px),
    linear-gradient(90deg,#d8f7ff 0,#8ec7d7 8%,#172238 18%,#050711 52%,#24143a 82%,#f7d7ff 100%) !important;
  box-shadow:0 -18px 60px rgba(0,245,255,.26),0 -4px 0 rgba(255,255,255,.18) inset !important;
}

body.book6-shell #fn-ham-bar.fn-b6-ham-evolved #ham-inner{
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 28%),
    radial-gradient(circle at 50% 0,rgba(255,255,255,.24),transparent 120px),
    linear-gradient(90deg,rgba(5,10,24,.88),rgba(20,12,38,.9)) !important;
  border-radius:28px 28px 0 0;
}

body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-brand-name{
  color:#eaffff !important;
  text-shadow:0 0 12px rgba(0,245,255,.65);
}

body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-brand-model::after{
  content:" // ACADEMY-JETSON MEMORY DECK";
  color:#ffcef8;
}

body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-btn{
  border-radius:999px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(0,0,0,.34)) !important;
  border-color:rgba(170,245,255,.34) !important;
}

body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-btn.hb-memory{
  color:#07111d !important;
  background:linear-gradient(90deg,#9af7ff,#ffd6fb) !important;
  border-color:#eaffff !important;
  box-shadow:0 0 20px rgba(0,245,255,.45);
}

.fn-b6-real-ham-aperture{
  position:absolute;
  left:50%;
  top:-46px;
  transform:translateX(-50%);
  width:84px;
  aspect-ratio:1;
  border-radius:50%;
  z-index:9999;
  pointer-events:none;
  background:
    radial-gradient(circle,#ffffff 0 8%,#9af7ff 9% 20%,#2d8faa 21% 32%,#151d38 33% 58%,#03040a 59%);
  border:1px solid rgba(230,255,255,.8);
  box-shadow:0 0 34px rgba(0,245,255,.75),inset 0 0 22px rgba(255,255,255,.35);
}

.fn-b6-real-ham-aperture::before{
  content:"";
  position:absolute;
  inset:28%;
  border-radius:50%;
  background:#02030a;
  box-shadow:inset 0 0 18px rgba(0,245,255,.9);
}

body.fn-b6-memory-active .fn-b6-real-ham-aperture::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:82%;
  transform:translateX(-50%);
  width:340px;
  height:420px;
  clip-path:polygon(42% 100%,58% 100%,100% 0,0 0);
  background:linear-gradient(to top,rgba(0,245,255,.38),rgba(255,0,255,.18),transparent);
  filter:blur(9px);
  opacity:.8;
}

body.book6-shell .fn-b6-bottom-rig{
  display:none !important;
}


/* Book 6 projector centered after copy removal */
.fn-b6-holo-ham{
  grid-template-columns:1fr !important;
}

.fn-b6-holo-stage{
  width:100%;
}

.fn-b6-holo-dormant .fn-b6-holo-stage::before{
  content:"PROJECTOR STANDBY // ACTIVATE FROM BOTTOM HAM RIG";
  position:absolute;
  top:14px;
  left:50%;
  transform:translateX(-50%);
  z-index:7;
  color:#ffcf70;
  font:700 .72rem 'Share Tech Mono',monospace;
  letter-spacing:.14em;
  text-align:center;
  white-space:nowrap;
}


/* FN BOOK6 SCREEN ARTIFACTS */
.fn-b6-screen-artifacts{
  position:absolute;
  inset:8%;
  border-radius:50%;
  overflow:hidden;
  pointer-events:none;
  z-index:3;
  opacity:0;
  transition:opacity .25s ease;
  mix-blend-mode:screen;
}

.fn-b6-fishbowl-player.fn-b6-video-live .fn-b6-screen-artifacts{
  opacity:.92;
}

.fn-b6-artifact-plasma,
.fn-b6-artifact-streams,
.fn-b6-artifact-scan{
  position:absolute;
  inset:0;
}

.fn-b6-artifact-plasma{
  background:
    radial-gradient(circle at 28% 34%, rgba(80,255,170,.44), transparent 15%),
    radial-gradient(circle at 68% 30%, rgba(0,255,120,.28), transparent 18%),
    radial-gradient(circle at 56% 66%, rgba(120,255,220,.22), transparent 22%),
    radial-gradient(circle at 38% 72%, rgba(0,255,150,.22), transparent 19%);
  filter:blur(14px) saturate(1.35);
  animation:b6PlasmaShift 3.8s ease-in-out infinite alternate;
}

.fn-b6-artifact-streams span{
  position:absolute;
  display:block;
  width:56%;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(0,255,100,0), rgba(80,255,170,.95), rgba(210,255,240,.95), rgba(0,255,100,0));
  box-shadow:0 0 10px rgba(80,255,170,.8), 0 0 22px rgba(80,255,170,.55);
  opacity:.8;
  filter:blur(.3px);
}

.fn-b6-artifact-streams span:nth-child(1){top:22%;left:-6%;transform:rotate(13deg);animation:b6StreamFlail1 1.7s ease-in-out infinite alternate}
.fn-b6-artifact-streams span:nth-child(2){top:36%;right:-10%;transform:rotate(-18deg);animation:b6StreamFlail2 1.35s ease-in-out infinite alternate}
.fn-b6-artifact-streams span:nth-child(3){top:50%;left:10%;transform:rotate(7deg);animation:b6StreamFlail3 1.55s linear infinite alternate}
.fn-b6-artifact-streams span:nth-child(4){top:65%;left:-8%;transform:rotate(-11deg);animation:b6StreamFlail4 1.25s ease-in-out infinite alternate}
.fn-b6-artifact-streams span:nth-child(5){top:78%;right:-8%;transform:rotate(16deg);animation:b6StreamFlail5 1.9s ease-in-out infinite alternate}

.fn-b6-artifact-scan{
  background:
    repeating-linear-gradient(to bottom, rgba(210,255,245,.08) 0 1px, rgba(0,0,0,0) 1px 6px),
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(80,255,170,.08) 50%, rgba(0,0,0,0) 100%);
  animation:b6ScanJitter .22s steps(2) infinite;
}

.fn-b6-fishbowl-player.fn-b6-glitch-burst{
  animation:b6HoloFloat 5s ease-in-out infinite, b6VideoGlitch .22s steps(2) 5;
}

.fn-b6-fishbowl-player.fn-b6-glitch-burst .fn-b6-screen-artifacts{
  opacity:1;
  filter:hue-rotate(-12deg) saturate(1.45);
}

@keyframes b6PlasmaShift{
  0%{transform:translate(-4%, -2%) scale(1);filter:blur(14px)}
  50%{transform:translate(4%, 3%) scale(1.08);filter:blur(18px)}
  100%{transform:translate(-2%, 6%) scale(.98);filter:blur(12px)}
}

@keyframes b6StreamFlail1{from{transform:translateX(-8%) rotate(10deg)}to{transform:translateX(10%) rotate(18deg)}}
@keyframes b6StreamFlail2{from{transform:translateX(7%) rotate(-21deg)}to{transform:translateX(-9%) rotate(-8deg)}}
@keyframes b6StreamFlail3{from{transform:translateX(-4%) rotate(4deg) scaleX(.92)}to{transform:translateX(8%) rotate(12deg) scaleX(1.08)}}
@keyframes b6StreamFlail4{from{transform:translateX(6%) rotate(-8deg)}to{transform:translateX(-10%) rotate(-17deg)}}
@keyframes b6StreamFlail5{from{transform:translateX(-5%) rotate(12deg)}to{transform:translateX(9%) rotate(20deg)}}
@keyframes b6ScanJitter{0%{transform:translateY(0)}50%{transform:translateY(1px)}100%{transform:translateY(-1px)}}
@keyframes b6VideoGlitch{
  0%{transform:translate(0,0)}
  25%{transform:translate(2px,-1px)}
  50%{transform:translate(-2px,1px)}
  75%{transform:translate(1px,2px)}
  100%{transform:translate(0,0)}
}


/* FN BOOK6 PROJECTOR AS HAM-ACTIVATED OVERLAY */
body.book6-shell .fn-b6-holo-ham{
  display:none !important;
}

body.book6-shell.fn-b6-memory-active .fn-b6-holo-ham{
  display:grid !important;
  position:fixed !important;
  inset:auto !important;
  left:50% !important;
  top:48% !important;
  transform:translate(-50%,-50%) !important;
  width:min(720px,calc(100vw - 28px)) !important;
  margin:0 !important;
  padding:18px !important;
  z-index:9998 !important;
  grid-template-columns:1fr !important;
  background:radial-gradient(circle at 50% 42%,rgba(0,245,255,.18),transparent 48%),rgba(2,4,12,.92) !important;
  backdrop-filter:blur(8px);
}

body.book6-shell.fn-b6-memory-active::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:9997;
  background:radial-gradient(circle at 50% 52%,rgba(0,245,255,.12),rgba(0,0,0,.72) 64%);
  pointer-events:none;
}

body.book6-shell.fn-b6-memory-active .fn-b6-holo-stage{
  min-height:520px !important;
}

body.book6-shell.fn-b6-memory-active .fn-b6-holo-dormant{
  opacity:1 !important;
  filter:none !important;
}


/* FN BOOK6 FRANKENRIG GLITCH SKIN V1 */
body.book6-shell #fn-ham-bar.fn-b6-ham-evolved{
  background:
    radial-gradient(circle at 50% -40px, rgba(130,255,210,.42), transparent 95px),
    linear-gradient(90deg,#8f2e16 0%,#d44c1f 14%,#23181d 28%,#07101b 48%,#1a2535 72%,#0b0f18 100%) !important;
  border-top:2px solid rgba(153,255,220,.62) !important;
  box-shadow:
    0 -24px 80px rgba(0,245,255,.18),
    0 -10px 36px rgba(255,120,45,.20),
    inset 0 3px 0 rgba(255,255,255,.16) !important;
  overflow:visible !important;
}

body.book6-shell #fn-ham-bar.fn-b6-ham-evolved #ham-inner{
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 24%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 2px, transparent 2px 18px),
    linear-gradient(90deg, rgba(28,10,10,.44), rgba(6,12,24,.2)) !important;
  border-radius:24px 24px 0 0;
}

body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-brand,
body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-freq-block,
body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-vu-block,
body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-dial-block,
body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-np-block,
body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-transport,
body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-leds{
  background:linear-gradient(180deg, rgba(0,0,0,.28), rgba(255,255,255,.03));
  border-right-color:rgba(120,255,210,.18) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}

body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-brand-name{
  color:#eaffff !important;
  text-shadow:0 0 12px rgba(0,245,255,.6);
}

body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-brand-model::after{
  content:" // CHRONO-PLASMA MEMORY DECK";
  color:#9cffd6;
}

body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-freq-num{
  color:#9cffd6 !important;
  text-shadow:0 0 16px rgba(120,255,210,.72);
}

body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-vu-block::before,
body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-dial-block::before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:14px;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 50%, rgba(90,255,220,.14), transparent 42%),
    repeating-radial-gradient(circle at 50% 50%, rgba(90,255,220,.18) 0 2px, transparent 2px 13px);
  opacity:.55;
}

body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-btn{
  border-radius:999px !important;
  color:#dbfff5 !important;
  border-color:rgba(130,255,210,.32) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(255,255,255,.16), transparent 58%),
    linear-gradient(180deg, rgba(18,38,60,.85), rgba(7,12,23,.96)) !important;
}

body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-btn.hb-stations{
  color:#ffddb2 !important;
  border-color:rgba(255,180,110,.45) !important;
}

body.book6-shell #fn-ham-bar.fn-b6-ham-evolved .ham-btn.hb-memory{
  color:#08120e !important;
  background:linear-gradient(180deg, #d8fff0, #65ffcc 42%, #ffb56d) !important;
  box-shadow:0 0 24px rgba(101,255,204,.55), inset 0 0 10px rgba(255,255,255,.42);
}

body.book6-shell #fn-ham-bar.fn-b6-ham-evolved::before,
body.book6-shell #fn-ham-bar.fn-b6-ham-evolved::after{
  content:"";
  position:absolute;
  top:10px;
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(130,255,210,.3);
  background:radial-gradient(circle, rgba(255,255,255,.26), rgba(101,255,204,.16) 42%, rgba(0,0,0,.34));
  box-shadow:0 0 18px rgba(101,255,204,.24);
  pointer-events:none;
}
body.book6-shell #fn-ham-bar.fn-b6-ham-evolved::before{left:18px}
body.book6-shell #fn-ham-bar.fn-b6-ham-evolved::after{right:18px}

.fn-b6-real-ham-aperture{
  background:
    radial-gradient(circle, #fff6cb 0 7%, #65ffcc 8% 18%, #1f88a7 19% 34%, #101e32 35% 58%, #02040a 59%) !important;
  box-shadow:
    0 0 44px rgba(101,255,204,.85),
    0 0 24px rgba(255,166,80,.34),
    inset 0 0 22px rgba(255,255,255,.35) !important;
}

.fn-b6-fishbowl-player{
  isolation:isolate;
}
.fn-b6-fishbowl-player iframe{
  z-index:1;
}

body.fn-b6-video-active .fn-b6-fishbowl-player::before,
body.fn-b6-video-active .fn-b6-fishbowl-player::after,
body.fn-b6-video-active .fn-b6-fishbowl-glass::before,
body.fn-b6-video-active .fn-b6-fishbowl-glass::after{
  content:"";
  position:absolute;
  inset:8%;
  border-radius:50%;
  pointer-events:none;
}

body.fn-b6-video-active .fn-b6-fishbowl-player::before{
  z-index:2;
  mix-blend-mode:screen;
  opacity:.60;
  background:
    radial-gradient(circle at 28% 38%, rgba(100,220,255,.85), transparent 11%),
    radial-gradient(circle at 72% 42%, rgba(70,150,255,.82), transparent 13%),
    radial-gradient(circle at 48% 66%, rgba(90,255,230,.7), transparent 12%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.08), transparent 48%);
  filter:blur(5px);
  animation:b6PlasmaGlitch 1.7s steps(6) infinite;
}

body.fn-b6-video-active .fn-b6-fishbowl-player::after{
  z-index:3;
  mix-blend-mode:screen;
  opacity:.68;
  background:
    linear-gradient(118deg, transparent 0 18%, rgba(120,255,140,.0) 18%, rgba(120,255,140,.92) 22%, rgba(120,255,140,0) 27%, transparent 27% 100%),
    linear-gradient(62deg, transparent 0 44%, rgba(120,255,140,0) 44%, rgba(120,255,140,.88) 47%, rgba(120,255,140,0) 51%, transparent 51% 100%),
    linear-gradient(150deg, transparent 0 63%, rgba(120,255,140,0) 63%, rgba(120,255,140,.82) 66%, rgba(120,255,140,0) 70%, transparent 70% 100%);
  filter:blur(2px);
  animation:b6GreenFlail 1.15s linear infinite;
}

body.fn-b6-video-active .fn-b6-fishbowl-glass::before{
  z-index:4;
  inset:10%;
  opacity:.25;
  background:repeating-linear-gradient(to bottom, rgba(255,255,255,.25) 0 1px, transparent 1px 7px);
  animation:b6ScanJitter .22s steps(2) infinite;
}

body.fn-b6-video-active .fn-b6-fishbowl-glass::after{
  z-index:5;
  inset:12%;
  opacity:.24;
  background:
    linear-gradient(90deg, rgba(255,0,120,.35), transparent 30%, transparent 70%, rgba(0,255,255,.35)),
    linear-gradient(180deg, transparent 0 47%, rgba(255,255,255,.24) 48%, transparent 52% 100%);
  mix-blend-mode:screen;
  animation:b6ChromaSlip .8s steps(4) infinite;
}

@keyframes b6PlasmaGlitch{
  0%{transform:translate(0,0) scale(1)}
  20%{transform:translate(-5px,2px) scale(1.03)}
  40%{transform:translate(6px,-3px) scale(.98)}
  60%{transform:translate(-2px,4px) scale(1.05)}
  80%{transform:translate(4px,-2px) scale(.99)}
  100%{transform:translate(0,0) scale(1)}
}

@keyframes b6GreenFlail{
  0%{transform:translateX(-3px) rotate(0deg)}
  25%{transform:translateX(4px) rotate(3deg)}
  50%{transform:translateX(-6px) rotate(-4deg)}
  75%{transform:translateX(5px) rotate(2deg)}
  100%{transform:translateX(-3px) rotate(0deg)}
}

@keyframes b6ScanJitter{
  0%{transform:translateY(0)}
  50%{transform:translateY(2px)}
  100%{transform:translateY(0)}
}

@keyframes b6ChromaSlip{
  0%{transform:translateX(0)}
  33%{transform:translateX(-5px)}
  66%{transform:translateX(6px)}
  100%{transform:translateX(0)}
}