:root{color-scheme:dark;--ink:#f4f2ed;--muted:#bac6db;--gold:#ffd383;--line:#ffffff20}*{box-sizing:border-box}body{margin:0;background:#10172d;color:var(--ink);font:18px/1.55 system-ui,sans-serif;min-height:100vh}.sky{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 15%,#344b7059,transparent 50%),radial-gradient(ellipse at 10% 85%,#60466740,transparent 55%)}header{max-width:1200px;margin:auto;padding:25px 32px;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{font-size:15px;letter-spacing:2px;font-weight:800;color:var(--gold);text-decoration:none}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:4px}button,a.action{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:14px;background:#ffffff09;color:var(--ink);padding:12px 18px;transition:.2s}button:hover,a.action:hover{background:#ffffff18;border-color:var(--gold)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button.primary{background:var(--gold);color:#23283b;border-color:var(--gold);font-weight:750}button:disabled{opacity:.4;cursor:default}header button{font-size:13px;padding:9px 12px}main{max-width:1120px;margin:15px auto 70px;padding:0 32px}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--gold);text-transform:uppercase}h1{font-size:clamp(42px,7vw,78px);line-height:1.08;letter-spacing:-2px;margin:22px 0}h2{font-size:32px;line-height:1.2}p{max-width:730px}.muted{color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;min-height:66vh}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.scene{background:#19223c;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #0003}.art{height:280px;background:linear-gradient(#172b51,#6d6980 70%,#b88a75);position:relative;overflow:hidden}.art svg{width:100%;height:100%;display:block}.scene-body{padding:30px 36px}.chapter{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px;margin-bottom:16px}.progress{height:3px;background:#ffffff15;margin-bottom:22px}.progress i{display:block;height:100%;background:var(--gold)}.dialogue{font-size:23px;line-height:1.5;max-width:850px}.speaker{color:var(--gold);font-size:13px;letter-spacing:1px;text-transform:uppercase}.choices{display:grid;gap:12px;margin-top:26px}.choice{display:flex;align-items:center;gap:18px;text-align:left;width:100%;padding:17px 20px;background:#ffffff05}.num{width:30px;height:30px;border-radius:50%;background:#ffffff0c;display:grid;place-items:center;flex-shrink:0;font-size:14px;color:var(--gold)}.note{border-left:3px solid var(--gold);padding:10px 18px;background:#ffd38309;color:#e4d9bd;margin:20px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.card{padding:22px;background:#ffffff06;border:1px solid var(--line);border-radius:18px}.card h3{margin:8px 0}.stars{font-size:42px;color:var(--gold);letter-spacing:8px}.vote{display:flex;gap:8px;align-items:center;margin-left:48px;margin-top:8px}.vote button{padding:2px 13px}.vote span{min-width:25px;text-align:center}.footerline{font-size:12px;color:var(--muted);margin-top:25px}label.upload{display:block;padding:25px;border:1px dashed #ffd38366;border-radius:15px;cursor:pointer;margin:20px 0}input{max-width:100%}video{width:100%;max-height:65vh;border-radius:15px;background:#000}.timeline{padding-left:23px}.timeline li{padding:8px 0}textarea{width:100%;min-height:90px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#0d1427;color:white;font:inherit}dialog{background:#1b2540;color:var(--ink);border:1px solid var(--line);border-radius:20px;max-width:700px;padding:30px}dialog::backdrop{background:#000b}.reveal{animation:show .4s ease}@keyframes show{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:700px){header{padding:18px;align-items:flex-start}header>div{display:flex;gap:5px}.brand{font-size:11px}header button{font-size:11px;padding:8px}main{padding:0 16px}.hero{grid-template-columns:1fr}.hero .art{height:230px;border-radius:22px}.scene-body{padding:23px 20px}.dialogue{font-size:20px}.art{height:220px}.cards{grid-template-columns:1fr}h1{font-size:49px}h2{font-size:27px}.choice{padding:15px 12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.video-frame{position:relative;aspect-ratio:16/9;background:#080d1c;border-radius:16px;overflow:hidden}.video-frame iframe{position:absolute;width:100%;height:100%;border:0}summary{cursor:pointer;padding:12px 0;color:var(--gold)}a.action{display:inline-block;text-decoration:none}details{margin:18px 0}

/* Scene illustrations keep faces in view on desktop and small screens. */
.art{height:clamp(240px,34vw,430px);background:#172448}
.art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}
.hero .art{height:auto;aspect-ratio:3/2;border-radius:22px}
@media(max-width:700px){.art{height:auto;aspect-ratio:3/2}.hero .art{height:auto;aspect-ratio:3/2}}