:root{font-family:Arial,Helvetica,sans-serif;color:#eeeae2;background:#151719;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #535650;background:transparent;color:inherit;padding:.75rem 1rem;border-radius:4px}button:hover{background:#333733}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d8f58a;outline-offset:3px}main{max-width:1600px;margin:auto;padding:30px 5vw}header{display:flex;align-items:center;gap:20px;border-bottom:1px solid #3b3e3d;padding-bottom:24px}header button{margin-left:auto}header small,.eyebrow{font-size:10px;letter-spacing:2px;color:#b6b9ae}h1{font-size:17px;font-weight:500;margin:8px 0}.brand{font:24px Georgia;color:#d8f58a;text-decoration:none;border:1px solid;padding:10px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:50px 0}h2{font:clamp(38px,4vw,64px)/1.05 Georgia;margin:20px 0}h2 em{color:#d8f58a;font-weight:400}.hero p{max-width:460px;color:#aeb2ad;line-height:1.6}.reel{display:flex;gap:25px;align-items:center}.disc{flex-shrink:0;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(#282c2b 0px 2px,#444a44 3px,#282c2b 4px);border:1px solid #72796a}.disc span{display:grid;place-items:center;width:65px;height:65px;background:#d8f58a;color:#252b23;border-radius:50%;font:30px Georgia}.primary{background:#d8f58a;color:#202619;border:none;margin:0 10px 10px 0}.primary:hover{background:#eeffba}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-bottom:28px}.timeline button{border:0;border-top:2px solid #4b4f48;border-radius:0;padding:18px 14px;text-align:left;background:#1f2322;position:relative}.timeline strong{font:24px Georgia;display:block}.timeline span{font-size:10px;letter-spacing:1px;display:block;margin:12px 0}.timeline small{color:#9ca398;font-size:11px}.timeline i{position:absolute;width:24px;right:16px;bottom:15px;background:repeating-linear-gradient(90deg,#6c7860 0px,#6c7860 2px,transparent 2px,transparent 4px)}.timeline .selected{background:#343c2c;border-color:#d8f58a}.scene-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:30px 0}.scene-heading h3{font:23px Georgia;margin:10px 0}.scene-heading small{font:11px monospace;color:#9fa698}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.film{padding:25px;background:#ece8de;color:#222a27;border-top:5px solid #d8f58a}.film1{background:#e0e2df;border-color:#adb8e9}.film-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:2px}select{max-width:75%;padding:8px;background:transparent;border:1px solid #a5aaa0;color:#25312a;font-size:12px}.film .title{font:29px Georgia;background:transparent;border:0;border-bottom:1px solid #bfc3b7;padding:18px 0;margin-bottom:25px}label{display:block;font-size:10px;letter-spacing:1.3px;margin-top:20px}input,textarea{display:block;width:100%;background:#ffffff50;color:#243027;border:1px solid #b4b9ae;padding:12px;margin-top:8px;border-radius:2px}textarea{resize:vertical;min-height:155px;font:17px/1.6 Georgia;letter-spacing:0}input{font-size:15px;letter-spacing:0}.rationale{min-height:70px;font-size:14px}details{margin-top:18px}summary{cursor:pointer;font-size:12px}details button{margin-top:10px;text-align:left}.film details button{border-color:#adb4a5;width:100%}.film details small{display:block;font:13px/1.5 Georgia;margin-top:10px}.judgment{border:1px solid #4b5347;margin:25px 0;padding:25px}.judgment h3{font:26px Georgia}.choices{display:flex;gap:10px}.choices [aria-pressed=true]{background:#d8f58a;color:#253025}.judgment textarea{background:#242a25;color:#eceee5;min-height:65px;border-color:#56604f}footer{padding:20px 0 40px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:12px}footer>small{display:block;max-width:900px;color:#929c90;line-height:1.6}footer details p{max-width:850px;font-size:13px;line-height:1.6;color:#b6bdb2}aside{background:#30382a;padding:25px;line-height:1.8;margin-top:20px}.spinning{animation:rotate 18s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinning{animation:none}}@media(max-width:900px){.hero{grid-template-columns:1fr}.reel{padding-bottom:20px}.columns{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(3,1fr)}header{flex-wrap:wrap}.scene-heading{align-items:flex-start}.disc{width:130px;height:130px}main{padding:20px}.film{padding:18px}}@media(max-width:500px){.scene-heading{flex-direction:column}.reel{flex-direction:column;align-items:flex-start}.choices{flex-wrap:wrap}header button{margin-left:0}.film-top{flex-wrap:wrap}select{max-width:100%}}