/* Historias Feederism — Total UI pass v1.7 */
:root{
  --hf-ink:#07080a;
  --hf-paper:#f2eadf;
  --hf-gold:#c9a86a;
  --hf-gold-soft:#e4cfaa;
  --hf-line:rgba(201,168,106,.24);
  --hf-panel:rgba(14,15,18,.82);
}

/* ---------- global polish ---------- */
body.hf-v17{background:#090a0d;color:#eee;overflow-x:hidden}
body.hf-v17::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-5;background:
 radial-gradient(circle at var(--mx,72%) var(--my,18%),rgba(201,168,106,.11),transparent 26rem),
 radial-gradient(circle at 18% 72%,rgba(77,112,134,.08),transparent 32rem),#090a0d}
body.hf-v17::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 3px 4px)}
body.hf-v17 nav{background:rgba(6,7,9,.82)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 12px 45px rgba(0,0,0,.12)}
body.hf-v17 .nav-container{max-width:1280px}
body.hf-v17 nav a{transition:opacity .2s,color .2s,transform .2s}
body.hf-v17 nav a:hover{transform:translateY(-1px)}
body.hf-v17 footer{background:#050608;border-top:1px solid rgba(255,255,255,.09)}

/* ---------- homepage ---------- */
body.home-v17 #main-content{position:relative;isolation:isolate}
body.home-v17 #main-content::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:
 radial-gradient(rgba(255,255,255,.16) .7px,transparent .8px),radial-gradient(rgba(201,168,106,.15) .7px,transparent .8px);background-size:89px 89px,151px 151px;background-position:0 0,37px 53px;mask-image:linear-gradient(to bottom,#000 0 72%,transparent)}
body.home-v17 .hero{max-width:1240px;min-height:680px;margin:0 auto;padding:100px 5% 90px;display:flex;flex-direction:column;justify-content:center;position:relative;border-bottom:1px solid rgba(201,168,106,.18)}
body.home-v17 .hero::before{content:"ADIPOVERSO // ARCHIVO CANÓNICO";position:absolute;right:5%;top:88px;font:700 10px/1 'JetBrains Mono',monospace;letter-spacing:.24em;color:rgba(201,168,106,.55);writing-mode:vertical-rl}
body.home-v17 .hero::after{content:"";position:absolute;width:min(48vw,560px);aspect-ratio:1;border-radius:50%;right:-8%;top:54px;background:radial-gradient(circle at 35% 35%,rgba(244,226,193,.18) 0 4%,rgba(155,119,75,.22) 10%,rgba(45,38,32,.9) 42%,rgba(5,6,8,.96) 68%);box-shadow:inset -55px -40px 100px #000,0 0 120px rgba(201,168,106,.13);opacity:.62;z-index:-1}
body.home-v17 .hero-subtitle{font:800 11px/1 'JetBrains Mono',monospace;letter-spacing:.25em;text-transform:uppercase;color:#c9a86a}
body.home-v17 .hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(78px,14vw,176px);letter-spacing:-.075em;line-height:.72;color:#f0e2cf;max-width:760px;text-shadow:0 26px 70px rgba(0,0,0,.4)}
body.home-v17 .hero .lead{max-width:690px;color:rgba(255,255,255,.67);font-size:17px;line-height:1.75;padding:22px 26px;border-left:2px solid #c9a86a;background:linear-gradient(90deg,rgba(201,168,106,.08),transparent);backdrop-filter:blur(5px)}
body.home-v17 .hero-ui{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
body.home-v17 .hero-chip{font:700 9px/1 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#cbb898;border:1px solid rgba(201,168,106,.2);background:rgba(0,0,0,.24);padding:10px 12px;border-radius:999px}
body.home-v17 section:not(.hero):not(.dawn-banner){max-width:1200px}
body.home-v17 .section-header{display:flex;align-items:end;gap:18px;border-bottom:1px solid rgba(201,168,106,.16);padding-bottom:16px;margin-bottom:26px}
body.home-v17 .section-num{font:800 11px/1 'JetBrains Mono',monospace;color:#c9a86a;border:1px solid rgba(201,168,106,.26);border-radius:999px;padding:8px 10px}
body.home-v17 .section-header h2{font-family:Georgia,serif;font-size:clamp(38px,6vw,70px);font-weight:500;letter-spacing:-.04em;margin:0;color:#f0e2cf}
body.home-v17 section>p{color:rgba(255,255,255,.68);max-width:78ch}

body.home-v17 .dawn-banner{max-width:1200px;margin:26px auto;padding:0 5%}
body.home-v17 .dawn-link-block{display:block;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 90px rgba(0,0,0,.26);transform:translateZ(0);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s}
body.home-v17 .dawn-link-block:hover{transform:translateY(-7px);border-color:rgba(201,168,106,.35)}
body.home-v17 .dawn-image-wrapper{min-height:360px}
body.home-v17 .dawn-image{filter:saturate(.75) contrast(1.05);transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s}
body.home-v17 .dawn-link-block:hover .dawn-image{transform:scale(1.025);filter:saturate(.92) contrast(1.07)}
body.home-v17 .dawn-overlay{background:linear-gradient(90deg,rgba(2,3,5,.93),rgba(2,3,5,.32) 68%,transparent)!important;padding:44px!important}
body.home-v17 .dawn-title{font-family:Georgia,serif;font-size:clamp(44px,7vw,78px)!important;font-weight:500!important;letter-spacing:-.045em!important}
body.home-v17 .dawn-label{font:800 9px/1 'JetBrains Mono',monospace!important;letter-spacing:.24em!important;color:#d7bc8f!important}

body.home-v17 .cards-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
body.home-v17 .card{grid-column:span 4;min-height:430px;border-radius:26px;background:linear-gradient(180deg,rgba(25,26,30,.9),rgba(10,11,13,.96));border:1px solid rgba(255,255,255,.1);padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.22);overflow:hidden;position:relative;transition:transform .42s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
body.home-v17 .card:nth-child(1),body.home-v17 .card:nth-child(2){grid-column:span 6;min-height:510px}
body.home-v17 .card:hover{transform:translateY(-9px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));border-color:rgba(201,168,106,.36);box-shadow:0 38px 95px rgba(0,0,0,.38)}
body.home-v17 .card::before{content:"";position:absolute;inset:auto -15% -42% -15%;height:65%;background:radial-gradient(circle,rgba(201,168,106,.15),transparent 64%);transform:none}
body.home-v17 .card-img{width:100%;height:280px;object-fit:cover;object-position:center 22%;border-radius:18px;border:1px solid rgba(255,255,255,.09);filter:saturate(.82) contrast(1.04);background:#121317;transition:transform .6s,filter .4s}
body.home-v17 .card:nth-child(1) .card-img,body.home-v17 .card:nth-child(2) .card-img{height:345px}
body.home-v17 .card:hover .card-img{transform:scale(1.025);filter:saturate(1) contrast(1.05)}
body.home-v17 .card h3{font-family:Georgia,serif;font-size:27px;color:#f0e4d3;margin-top:18px}
body.home-v17 .card p{color:rgba(255,255,255,.5)}
body.home-v17 .card-tag{top:30px;left:30px;z-index:4;background:rgba(7,8,10,.82);border:1px solid rgba(201,168,106,.22);color:#d7bd90;border-radius:999px;padding:8px 11px;backdrop-filter:blur(10px)}
body.home-v17 .meta-box,body.home-v17 .info-box{background:linear-gradient(180deg,rgba(20,21,25,.82),rgba(10,11,13,.82))!important;border:1px solid rgba(201,168,106,.16)!important;border-radius:22px!important;box-shadow:0 20px 60px rgba(0,0,0,.15);color:rgba(255,255,255,.67)!important}
body.home-v17 #lore h3{font-family:Georgia,serif;font-size:27px;color:#dbc6a2}
body.home-v17 #lore p{color:rgba(255,255,255,.67)}
body.home-v17 .timeline::before{background:linear-gradient(#c9a86a,rgba(201,168,106,.08))}
body.home-v17 .timeline-event{background:rgba(15,16,19,.72);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:22px 24px;margin-bottom:16px;box-shadow:0 18px 55px rgba(0,0,0,.15)}
body.home-v17 .timeline-event p{color:rgba(255,255,255,.62)}
body.home-v17 .timeline-date{color:#c9a86a}
body.home-v17 .seven-grid{gap:10px}
body.home-v17 .seven-item{background:rgba(12,13,16,.8)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:16px!important;color:#eee!important;transition:transform .25s,border-color .25s,background .25s}
body.home-v17 .seven-item:hover{transform:translateY(-4px);border-color:rgba(201,168,106,.34)!important;background:rgba(24,21,18,.9)!important}
body.home-v17 .seven-item .planet{color:#a89473!important}
body.home-v17 .social-bar{gap:10px;flex-wrap:wrap}.social-link{border-radius:999px!important}

/* ---------- protagonist pages: shared architecture ---------- */
body.character-v17{--c-bg:#0b0d11;--c-panel:#12151a;--c-text:#edf2f3;--c-muted:#9ca8ad;--c-accent:#8fd9d2;--c-line:rgba(143,217,210,.24);background:var(--c-bg)!important;color:var(--c-text)!important}
body.character-v17::before{background:radial-gradient(circle at var(--mx,74%) var(--my,16%),color-mix(in srgb,var(--c-accent),transparent 84%),transparent 27rem),var(--c-bg)!important}
body.character-v17 .char-page{max-width:1180px!important;padding:64px 5% 90px!important;position:relative;z-index:2}
body.character-v17 .back-link{font:800 10px/1 'JetBrains Mono',monospace!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--c-accent)!important;margin-bottom:30px!important}
body.character-v17 .char-header{display:grid!important;grid-template-columns:minmax(280px,430px) 1fr!important;gap:44px!important;align-items:center!important;background:linear-gradient(145deg,color-mix(in srgb,var(--c-panel),#fff 3%),var(--c-panel))!important;border:1px solid var(--c-line)!important;border-radius:28px!important;padding:28px!important;box-shadow:0 30px 95px rgba(0,0,0,.32)!important;overflow:hidden!important;position:relative!important;margin-bottom:42px!important}
body.character-v17 .char-header::after{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c-accent),transparent 80%),transparent 66%);pointer-events:none}
body.character-v17 .char-img-large{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important;object-position:center 20%!important;border-radius:20px!important;border:1px solid var(--c-line)!important;background:#0a0c10!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important;filter:saturate(.88) contrast(1.04)!important}
body.character-v17 .char-info h1{font-size:clamp(56px,8vw,106px)!important;line-height:.82!important;letter-spacing:-.06em!important;margin:0 0 18px!important;color:var(--c-text)!important}
body.character-v17 .char-alias{font:800 10px/1.6 'JetBrains Mono',monospace!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--c-accent)!important;border-left:2px solid var(--c-accent)!important;padding-left:13px!important;margin-bottom:20px!important}
body.character-v17 .char-info>p{font-size:15px!important;line-height:1.8!important;color:var(--c-muted)!important}
body.character-v17 .char-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:24px!important}
body.character-v17 .stat{background:rgba(0,0,0,.2)!important;border:1px solid var(--c-line)!important;border-radius:14px!important;padding:13px 14px!important}
body.character-v17 .stat::before{display:none!important}
body.character-v17 .stat-label{font:800 8px/1 'JetBrains Mono',monospace!important;letter-spacing:.14em!important;color:color-mix(in srgb,var(--c-accent),#fff 18%)!important}
body.character-v17 .stat-value{font:600 12px/1.4 'JetBrains Mono',monospace!important;color:var(--c-text)!important;margin-top:6px!important}
body.character-v17 .character-lore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
body.character-v17 .character-section-block{background:linear-gradient(180deg,color-mix(in srgb,var(--c-panel),#fff 2%),var(--c-panel));border:1px solid var(--c-line);border-radius:20px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.14);position:relative;overflow:hidden;transition:transform .3s,border-color .3s}
body.character-v17 .character-section-block:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c-accent),#fff 14%)}
body.character-v17 .character-section-block::before{content:attr(data-index);position:absolute;right:15px;top:13px;color:color-mix(in srgb,var(--c-accent),transparent 58%);font:800 9px/1 'JetBrains Mono',monospace;letter-spacing:.12em}
body.character-v17 .character-section-block h3{font-family:Georgia,serif!important;font-size:26px!important;letter-spacing:-.02em!important;text-transform:none!important;color:var(--c-text)!important;border:0!important;padding:0!important;margin:0 0 16px!important}
body.character-v17 .character-section-block h3::after{display:none!important}
body.character-v17 .character-section-block p{color:var(--c-muted)!important;line-height:1.75!important;margin:0 0 13px!important}
body.character-v17 .character-section-block p:last-child{margin-bottom:0!important}
body.character-v17 .character-section-block strong{color:var(--c-accent)!important}
body.character-v17 .character-special{margin-top:38px;border:1px solid var(--c-line);border-radius:28px;background:linear-gradient(160deg,color-mix(in srgb,var(--c-panel),#fff 3%),var(--c-panel));padding:clamp(22px,4vw,38px);box-shadow:0 28px 90px rgba(0,0,0,.24);position:relative;overflow:hidden}
body.character-v17 .character-special::before{content:"INTERACTIVO";position:absolute;right:20px;top:18px;color:color-mix(in srgb,var(--c-accent),transparent 48%);font:800 9px/1 'JetBrains Mono',monospace;letter-spacing:.18em}
body.character-v17 .character-special h2{font-family:Georgia,serif;font-size:clamp(31px,5vw,52px);font-weight:500;color:var(--c-text);margin:0 0 10px;letter-spacing:-.035em}
body.character-v17 .character-special>p{color:var(--c-muted);max-width:68ch}
body.character-v17 .char-action{appearance:none;border:1px solid var(--c-line);background:rgba(0,0,0,.2);color:var(--c-text);padding:11px 14px;border-radius:12px;font:800 9px/1 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}
body.character-v17 .char-action:hover{transform:translateY(-2px);border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent),transparent 88%)}
body.character-v17 .char-game-hud{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0;color:var(--c-accent);font:800 9px/1 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
body.character-v17 .char-canvas{display:block;width:min(100%,620px);height:auto;margin:18px auto;border:1px solid var(--c-line);background:#05070a;border-radius:16px;image-rendering:pixelated}

/* Bertozzi: system console */
body.char-bertozzi{--c-bg:#050a0c;--c-panel:#071319;--c-text:#d9ffff;--c-muted:#83acb7;--c-accent:#41e4e1;--c-line:rgba(65,228,225,.23)}
body.char-bertozzi .char-info h1{font-family:'JetBrains Mono',monospace!important;text-transform:uppercase;text-shadow:0 0 32px rgba(65,228,225,.18)}
body.char-bertozzi .char-header{clip-path:polygon(0 18px,18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);border-radius:0!important}
body.char-bertozzi .character-section-block{border-radius:2px}.berto-terminal{background:#02080a;border:1px solid #1d5d62;border-radius:12px;overflow:hidden}.berto-terminal-head{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px dashed #18474b;color:#56e9e6;font:800 9px/1 'JetBrains Mono',monospace;letter-spacing:.12em}.berto-terminal-log{height:250px;overflow:auto;padding:15px;white-space:pre-wrap;color:#9ef8f5;font:12px/1.6 'JetBrains Mono',monospace;margin:0}.berto-terminal-controls{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid #123a3e}.berto-terminal-controls input{background:#02090b;border:1px solid #1d5d62;color:#cff;padding:11px 12px;font-family:'JetBrains Mono',monospace;outline:none}.berto-commands{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

/* Natasha: streamer room */
body.char-natasha{--c-bg:#180d17;--c-panel:#241321;--c-text:#fff0f7;--c-muted:#d2a8bf;--c-accent:#ff78b6;--c-line:rgba(255,120,182,.24)}
body.char-natasha::before{background:radial-gradient(circle at var(--mx,74%) var(--my,16%),rgba(255,120,182,.17),transparent 28rem),radial-gradient(circle at 10% 60%,rgba(116,72,180,.09),transparent 32rem),#180d17!important}
body.char-natasha .char-info h1{font-family:Georgia,serif!important;font-style:italic}.natasha-stream{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.stream-stage{min-height:320px;border:1px solid var(--c-line);border-radius:18px;background:radial-gradient(circle at 50% 25%,rgba(255,120,182,.14),transparent 43%),#120a12;position:relative;overflow:hidden;display:grid;place-items:center}.stream-avatar{font-size:78px;filter:drop-shadow(0 0 25px rgba(255,120,182,.24));transition:transform .25s}.stream-meter{position:absolute;left:18px;right:18px;bottom:18px;height:16px;border:1px solid rgba(255,255,255,.15);border-radius:999px;overflow:hidden;background:#09060a}.stream-meter-fill{height:100%;width:0;background:linear-gradient(90deg,#e85da1,#ffd5e8);transition:width .35s}.stream-chat{height:320px;border:1px solid var(--c-line);border-radius:18px;background:#100910;padding:14px;overflow:auto;font:11px/1.5 'JetBrains Mono',monospace}.stream-chat p{margin:0 0 9px!important;color:#eecbdb!important}.stream-chat b{color:#ff78b6}.stream-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.snack-pop{position:absolute;font-size:24px;pointer-events:none;animation:snackfloat 1.2s ease-out forwards}@keyframes snackfloat{from{transform:translateY(30px) scale(.6);opacity:0}25%{opacity:1}to{transform:translateY(-130px) scale(1.15);opacity:0}}

/* Jarrett: artist workstation */
body.char-jarrett{--c-bg:#0f0b12;--c-panel:#17101c;--c-text:#f8efff;--c-muted:#b8a4c3;--c-accent:#c887ff;--c-line:rgba(200,135,255,.24)}
body.char-jarrett .char-info h1{font-family:'JetBrains Mono',monospace!important;letter-spacing:-.08em}.jarrett-workbench{display:grid;grid-template-columns:1fr 240px;gap:16px}.jarrett-pad-wrap{border:1px solid var(--c-line);background:#08060a;padding:12px;border-radius:18px}.jarrett-pad{width:100%;aspect-ratio:1.6;background:#111018;border-radius:10px;touch-action:none;cursor:crosshair}.jarrett-tools{border:1px solid var(--c-line);border-radius:18px;padding:15px;background:#100c14}.jarrett-tools h3{margin:0 0 12px!important}.tool-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tool-dot{width:28px;height:28px;border-radius:50%;border:2px solid #fff3;cursor:pointer}.tool-dot.active{outline:2px solid var(--c-accent);outline-offset:3px}

/* Nolan: voice booth */
body.char-nolan{--c-bg:#130e11;--c-panel:#1e151a;--c-text:#fff3ea;--c-muted:#c9a9a6;--c-accent:#f2a679;--c-line:rgba(242,166,121,.22)}
body.char-nolan .char-info h1{font-family:Georgia,serif!important}.nolan-booth{display:grid;grid-template-columns:1fr 1fr;gap:16px}.voice-console,.voice-lines{border:1px solid var(--c-line);border-radius:18px;padding:18px;background:#0f0b0d}.voice-display{height:120px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(255,255,255,.08);background:#070607;border-radius:12px;overflow:hidden}.voice-bar{width:6px;background:var(--c-accent);border-radius:999px;height:12px;transition:height .08s}.voice-lines blockquote{margin:0;color:var(--c-text);font-family:Georgia,serif;font-size:24px;line-height:1.3}.voice-lines small{display:block;margin-top:14px;color:var(--c-muted);font-family:'JetBrains Mono',monospace}

/* Wren: echolocation */
body.char-wren{--c-bg:#07100d;--c-panel:#0d1914;--c-text:#effff8;--c-muted:#95b4a4;--c-accent:#7df0b2;--c-line:rgba(125,240,178,.22)}
body.char-wren .char-info h1{font-family:'JetBrains Mono',monospace!important}.wren-radar{display:grid;grid-template-columns:minmax(280px,520px) 1fr;gap:18px;align-items:center}.radar-disc{aspect-ratio:1;border-radius:50%;position:relative;overflow:hidden;border:1px solid var(--c-line);background:repeating-radial-gradient(circle,rgba(125,240,178,.09) 0 1px,transparent 1px 44px),linear-gradient(90deg,transparent 49.7%,rgba(125,240,178,.09) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(125,240,178,.09) 50%,transparent 50.3%),#04100a}.radar-disc::after{content:"";position:absolute;inset:-10%;background:conic-gradient(from 0deg,transparent 0 78%,rgba(125,240,178,.22) 93%,transparent 100%);animation:radarsweep 3.2s linear infinite}.radar-target{position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid #baffd7;background:rgba(125,240,178,.35);z-index:2;cursor:pointer;box-shadow:0 0 18px rgba(125,240,178,.6)}@keyframes radarsweep{to{transform:rotate(360deg)}}.radar-readout{border:1px solid var(--c-line);border-radius:18px;padding:20px;background:#07110d}.radar-readout strong{font-size:44px;color:var(--c-accent)}

/* Sabrina: laboratory */
body.char-sabrina{--c-bg:#0d1015;--c-panel:#151a22;--c-text:#edf4ff;--c-muted:#9daabd;--c-accent:#8ab7ff;--c-line:rgba(138,183,255,.22)}
body.char-sabrina .char-info h1{font-family:Georgia,serif!important}.sabrina-lab{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lab-rack,.lab-result{border:1px solid var(--c-line);border-radius:18px;padding:20px;background:#0a0d12}.lab-flasks{display:flex;gap:12px;align-items:end;justify-content:center;min-height:180px}.lab-flask{width:68px;height:92px;border:2px solid rgba(220,235,255,.5);border-radius:8px 8px 30px 30px;position:relative;overflow:hidden;cursor:pointer;background:rgba(255,255,255,.02)}.lab-flask::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--fill,48%);background:var(--liquid,#8ab7ff);opacity:.72}.lab-flask.selected{outline:2px solid var(--c-accent);outline-offset:4px}.lab-result-display{min-height:180px;border:1px dashed rgba(138,183,255,.24);border-radius:14px;display:grid;place-items:center;text-align:center;padding:18px}.lab-result-display b{font-family:Georgia,serif;font-size:32px;color:var(--c-text)}

/* character soundtrack */
.char-music-dock{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;align-items:center;gap:10px;border:1px solid var(--c-line);background:color-mix(in srgb,var(--c-panel),transparent 8%);padding:11px 12px;border-radius:18px;backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.32)}.char-music-dock button{border:1px solid var(--c-line);background:rgba(0,0,0,.18);color:var(--c-text);border-radius:999px;padding:9px 11px;cursor:pointer;font:800 9px/1 'JetBrains Mono',monospace}.char-music-dock div{min-width:150px}.char-music-dock b,.char-music-dock span{display:block}.char-music-dock b{color:var(--c-accent);font:800 9px/1 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.char-music-dock span{color:var(--c-muted);font-size:11px;margin-top:4px}

@media(max-width:900px){
 body.home-v17 .card,body.home-v17 .card:nth-child(1),body.home-v17 .card:nth-child(2){grid-column:span 6;min-height:420px}body.home-v17 .card-img,body.home-v17 .card:nth-child(1) .card-img,body.home-v17 .card:nth-child(2) .card-img{height:280px}
 body.character-v17 .char-header{grid-template-columns:1fr!important}body.character-v17 .char-img-large{max-width:560px!important;margin:auto}.natasha-stream,.jarrett-workbench,.nolan-booth,.wren-radar,.sabrina-lab{grid-template-columns:1fr}.character-lore-grid{grid-template-columns:1fr!important}
}
@media(max-width:620px){
 body.home-v17 .hero{min-height:590px;padding-top:70px}body.home-v17 .hero::after{width:95vw;right:-50%;opacity:.35}body.home-v17 .hero::before{display:none}body.home-v17 .cards-grid{grid-template-columns:1fr}body.home-v17 .card,body.home-v17 .card:nth-child(1),body.home-v17 .card:nth-child(2){grid-column:1/-1;min-height:auto}body.home-v17 .card-img,body.home-v17 .card:nth-child(1) .card-img,body.home-v17 .card:nth-child(2) .card-img{height:260px}
 body.character-v17 .char-page{padding-left:18px!important;padding-right:18px!important}body.character-v17 .char-header{padding:18px!important;border-radius:20px!important}body.character-v17 .char-stats{grid-template-columns:1fr!important}.char-music-dock{left:12px;right:12px;bottom:12px}.char-music-dock div{min-width:0;flex:1}
}
@media(prefers-reduced-motion:reduce){.radar-disc::after{animation:none}.snack-pop{animation-duration:.01ms!important}body.home-v17 .card,body.character-v17 .character-section-block{transition:none!important}}