
.story-vibes-gate{position:absolute;inset:0;z-index:800;display:flex;align-items:center;justify-content:center;
  padding:22px;background:rgba(5,6,8,.94);backdrop-filter:blur(8px);}
.story-vibes-gate[hidden]{display:none;}
.story-vibes-panel{width:min(520px,100%);border:1px solid var(--line-bright);background:rgba(10,14,20,.98);
  padding:32px 28px;text-align:center;box-shadow:0 0 42px rgba(125,249,255,.08);}
.story-vibes-kicker{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.16em;color:var(--prism-3);margin-bottom:9px;}
.story-vibes-title{font-family:'Orbitron',sans-serif;font-size:clamp(21px,4vw,30px);font-weight:900;letter-spacing:.04em;margin-bottom:10px;}
.story-vibes-copy{font-family:'Lora',serif;font-size:14px;line-height:1.7;color:var(--etherium-dim);max-width:430px;margin:0 auto 22px;}
.story-vibes-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.story-vibes-choice{min-width:170px;padding:11px 18px;border:1px solid var(--line-bright);background:var(--panel-2);
  color:var(--etherium);font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.07em;cursor:pointer;}
.story-vibes-choice:hover,.story-vibes-choice:focus-visible{border-color:var(--prism-1);color:var(--prism-1);outline:none;}
.story-vibes-choice.on{border-color:#48c774;color:#7dff9d;}
.story-vibes-foot{font-family:'Space Mono',monospace;font-size:8px;line-height:1.6;letter-spacing:.06em;color:#526071;margin-top:18px;}
.story-vibes-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border:1px solid rgba(125,249,255,.22);
  background:rgba(5,8,12,.75);color:var(--etherium-dim);font-family:'Space Mono',monospace;font-size:8.5px;
  letter-spacing:.06em;cursor:pointer;white-space:nowrap;}
.story-vibes-toggle[hidden]{display:none;}
.story-vibes-toggle:hover,.story-vibes-toggle:focus-visible{border-color:var(--prism-1);color:var(--etherium);outline:none;}
.story-vibes-light{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 auto;transition:.18s ease;}
.story-vibes-toggle[data-state="on"] .story-vibes-light{background:#48d878;box-shadow:0 0 7px 2px rgba(72,216,120,.58);}
.story-vibes-toggle[data-state="off"] .story-vibes-light{background:#e0463f;box-shadow:0 0 7px 2px rgba(224,70,63,.45);}
.story-vibes-toggle[data-state="on"] .story-vibes-label{color:#7dff9d;}
.story-vibes-toggle[data-state="off"] .story-vibes-label{color:#ff7770;}
.story-vibes-volume{display:inline-flex;align-items:center;gap:5px;color:var(--etherium-dim);font:8px 'Space Mono',monospace;letter-spacing:.05em;white-space:nowrap;}
.story-vibes-volume[hidden]{display:none;}
.story-vibes-volume input{width:72px;height:16px;margin:0;accent-color:var(--prism-1);cursor:pointer;}
.story-vibes-volume input:disabled{cursor:not-allowed;opacity:.38;}
.story-vibes-volume output{min-width:25px;text-align:right;color:var(--etherium);font-variant-numeric:tabular-nums;}
.story-vibes-source-note{flex:1 0 100%;color:#8b93a3;font:8px/1.45 'Space Mono',monospace;letter-spacing:.035em;text-align:right;}
.story-vibes-source-note[hidden]{display:none;}
.story-vibes-source-note a{color:var(--prism-1);font-weight:700;white-space:nowrap;}
.unauth-badge{flex-wrap:wrap;justify-content:flex-end;}
.vibes-player-host{position:fixed!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;
  opacity:0!important;overflow:hidden!important;pointer-events:none!important;}
.story-scene-image{display:block;margin:0 0 26px;padding:0;border:1px solid rgba(125,249,255,.2);background:#050608;overflow:hidden}
.story-scene-image img{display:block;width:100%;height:100%;object-position:center}
.story-scene-image.is-full{width:100%;min-height:min(72vh,860px)}
.story-scene-image.is-full img{max-height:82vh;min-height:min(72vh,860px);object-fit:contain}
.scene-body + .story-scene-image.is-full{margin:26px 0 0}
.story-scene-image.is-half-horizontal{width:100%;height:clamp(230px,42vh,520px)}
.story-scene-image.is-half-horizontal img{object-fit:cover}
.story-scene-image.is-half-vertical{float:right;width:min(48%,520px);height:clamp(420px,66vh,760px);margin:0 0 24px 28px}
.story-scene-image.is-half-vertical img{object-fit:cover}
.story-scene-caption{padding:8px 10px;border-top:1px solid rgba(125,249,255,.18);font:9px 'Space Mono',monospace;color:var(--etherium-dim);letter-spacing:.05em}
.story-content-image{display:block;clear:both;margin:26px 0;padding:0;border:1px solid rgba(125,249,255,.2);background:#050608;overflow:hidden}
.story-content-image img{display:block;width:100%;height:auto;max-height:82vh;object-fit:contain;object-position:center}
.story-content-image.is-full{width:100%}
.story-content-image.is-half{width:min(62%,760px);margin:26px auto}
.story-content-image.is-wrap-left{float:left;clear:none;width:min(48%,520px);margin:8px 28px 20px 0}
.story-content-image.is-wrap-right{float:right;clear:none;width:min(48%,520px);margin:8px 0 20px 28px}
.story-content-image figcaption{padding:8px 10px;border-top:1px solid rgba(125,249,255,.18);font:9px 'Space Mono',monospace;color:var(--etherium-dim);letter-spacing:.05em}
.scene-body:after{content:'';display:block;clear:both}
@media(max-width:700px){.story-vibes-panel{padding:26px 18px}.story-vibes-choice{width:100%}.story-vibes-toggle{font-size:8px}.story-vibes-volume input{width:64px}.story-vibes-source-note{text-align:left}.story-scene-image.is-full,.story-scene-image.is-half-horizontal,.story-scene-image.is-half-vertical{float:none;width:100%;height:auto;min-height:0;margin:0 0 20px}.scene-body + .story-scene-image.is-full{margin:20px 0 0}.story-scene-image.is-full img,.story-scene-image.is-half-horizontal img,.story-scene-image.is-half-vertical img{height:auto;min-height:0;max-height:68vh;object-fit:contain}.story-content-image.is-full,.story-content-image.is-half,.story-content-image.is-wrap-left,.story-content-image.is-wrap-right{float:none;clear:both;width:100%;margin:20px 0}.story-content-image img{max-height:68vh}}
