@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--paper:#e7e5db;--red:#ff503c;--muted:#a4a9a7}*{box-sizing:border-box}body{margin:0;background:#0c1215;color:var(--paper);font-family:'IBM Plex Mono',monospace}button,a,input{touch-action:manipulation}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffd569;outline-offset:4px}header{height:76px;border-bottom:1px solid #354045;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;gap:16px;font-size:11px}.brand{font-family:'Barlow Condensed',sans-serif;font-size:29px;font-weight:800;letter-spacing:1px;color:var(--paper);text-decoration:none}.brand span{color:var(--red)}.live{color:var(--red);letter-spacing:2px}header button,footer button{background:transparent;color:var(--paper);border:1px solid #596366;padding:10px}main{max-width:1440px;margin:auto}.room{height:330px;overflow:hidden;position:relative;background:linear-gradient(90deg,#1b282d,#334246 50%,#172328)}.window{position:absolute;inset:0 10% 50px;background:repeating-linear-gradient(90deg,transparent 0,transparent 23%,#111b20 23%,#111b20 25%),linear-gradient(#667777,#30454d);opacity:.4}.room-caption{position:relative;text-align:center;padding-top:24px;font-size:13px;letter-spacing:3px}.room-caption small{font-size:8px;letter-spacing:2px;color:#bcc2bc}.directors{display:flex;justify-content:space-evenly;position:absolute;bottom:46px;width:100%;z-index:2}.director{text-align:center;position:relative;width:22%;filter:drop-shadow(0 6px 7px #101518)}.head{background:linear-gradient(100deg,#827467,#c1ad91);color:#242323;width:72px;height:86px;padding-top:27px;margin:auto;border-radius:29% 29% 42% 42%;border-top:10px solid #383837;font:bold 19px monospace}.suit{height:60px;width:128px;margin:-2px auto 0;background:linear-gradient(110deg,#10171d 40%,#a7afa7 40%,#a7afa7 48%,#862f2e 48%,#862f2e 54%,#a7afa7 54%,#a7afa7 62%,#10171d 62%);border-radius:40px 40px 0 0}.director label{display:block;background:#172023;border:1px solid #687071;padding:9px;font-size:12px;letter-spacing:2px}.director label span{display:block;font-size:7px;color:#aeb5b1;letter-spacing:1px;margin-top:5px}.table{position:absolute;bottom:-100px;height:210px;width:130%;left:-15%;background:linear-gradient(#534539,#292722);transform:perspective(180px) rotateX(20deg);border-top:6px solid #887664}.seat{position:absolute;bottom:13px;text-align:center;width:100%;font-size:9px;letter-spacing:3px;color:#c6b5a1;z-index:3}.console{max-width:940px;margin:0 auto;padding:30px 35px 20px}.topline{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px;color:var(--muted)}#progress{height:3px;background:#29343a;margin:16px 0 30px}#progress div{height:100%;width:0;background:var(--red);transition:width .3s}.eyebrow,#topic{font-size:11px;letter-spacing:2px;color:var(--red)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(46px,7vw,78px);line-height:.96;margin:18px 0 20px}em{font-style:normal;color:var(--red)}p{font-size:13px;line-height:1.8;max-width:700px}.fine{color:var(--muted);font-size:10px}.relaxed{display:block;font-size:11px;margin:20px 0}.primary{background:var(--red);color:#151719;border:0;padding:18px 22px;font-weight:bold;font-size:12px;letter-spacing:1px;margin:9px 0}.primary:hover{background:#ff7968}.primary span{margin-left:40px}.primary:disabled{opacity:.5;cursor:wait}.question-meta{display:flex;align-items:center;justify-content:space-between}#timer{color:#ffcf75;border:1px solid #645e45;padding:8px;min-width:55px;text-align:center}h2{font-family:'Barlow Condensed',sans-serif;font-size:34px;line-height:1.15;font-weight:600;max-width:800px;margin:20px 0}#options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{background:#182226;border:1px solid #425054;color:var(--paper);padding:20px;text-align:left;min-height:74px;font-size:13px}.option b{color:var(--muted);margin-right:15px}.option:hover:not(:disabled){border-color:var(--red);background:#252a2b}.option:disabled{cursor:default}.option.right{border-color:#8cc7a4;background:#19372b}.option.wrong{border-color:var(--red);background:#472520}#feedback{font-size:13px;line-height:1.8;margin-top:20px}#feedback strong{color:var(--red)}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:8px;color:var(--muted);border-top:1px solid #344047;margin-top:28px;padding-top:17px}footer button{font-size:10px;white-space:nowrap}.mocking .head{background:#cf8f74}.mocking .director:nth-child(odd){transform:rotate(-3deg)}.mocking .director:nth-child(even){transform:rotate(3deg)}[hidden]{display:none!important}@media(max-width:600px){header{padding:0 18px;height:65px}.live{display:none}.room{height:260px}.room-caption{font-size:9px}.director{width:24%}.head{width:49px;height:65px;font-size:14px;padding-top:18px}.suit{width:72px;height:48px}.director label{font-size:8px;padding:8px 2px;letter-spacing:0}.director label span{font-size:6px;letter-spacing:0}.console{padding:25px 20px}#options{grid-template-columns:1fr}h2{font-size:28px}.option{min-height:60px;padding:15px}footer>span:last-child{display:none}.topline{font-size:8px}}

:root{--red:#d85b52;--paper:#e6d8bb}body{background:#130e10}.room{background:repeating-linear-gradient(0deg,transparent 0 58px,#090809 59px 63px),repeating-linear-gradient(90deg,#30272a 0 120px,#151114 121px 125px)}.window{background:radial-gradient(ellipse at center,#943725,transparent 65%);opacity:.7}.suit{background:linear-gradient(110deg,#160d16,#513144,#160d16);border-radius:45% 45% 0 0}.director label{background:#21151d}.table{background:linear-gradient(#493035,#1c1218)}