.director #intro{top:auto;bottom:130px;max-width:430px;text-shadow:0 3px 25px #061826}.director h1{font-size:86px;letter-spacing:-5px}.director #vignette{background:linear-gradient(90deg,#071d3070,transparent 45%),linear-gradient(#0b1c3266,transparent 20%,transparent 80%,#0b1c3266);box-shadow:inset 0 28px #08131c,inset 0 -28px #08131c}.director header{top:43px}.director #cue{top:auto;bottom:105px;font-size:20px;letter-spacing:3px}.director .chapter{top:100px}.director .chapter h2{font-size:18px}.director .danger{top:100px}.director .danger strong{font-size:28px}.director .bottom-hud{bottom:60px}.director #progress{bottom:34px}.director footer{bottom:7px}.director footer>span{font-size:7px;line-height:1}.director footer div{font-size:8px}.director #touch{bottom:148px}.director #loading{font-size:8px;max-width:350px;line-height:1.6}.director #intro p{color:#fff4dc}.director #start{background:#ffd29a}.director #result{background:#0c2239dd;min-width:380px}.director #result h2{font-size:44px}@media(pointer:fine){.director #touch{display:none}}@media(max-width:650px){.director #intro{bottom:170px;max-width:340px}.director h1{font-size:65px}.director #cue{bottom:210px;font-size:16px}.director #result{min-width:0}.director .danger{top:88px}.director .chapter{top:90px}.director .chapter h2{font-size:15px}}