:root{color:#b9bec3;background:#0c0f12;font:18px/1.55 Georgia,serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#0c0f12}button,textarea,input{font:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}h1{color:#e2e4e6;font-size:30px;font-weight:400}h2{color:#cdd1d4;font:700 14px Verdana,Arial,sans-serif;text-transform:uppercase}.loading,.selection,.role-brief{width:min(820px,calc(100% - 40px));margin:12vh auto 40px}.selection h1,.role-brief h1{margin-bottom:28px;padding-bottom:12px;border-bottom:1px solid #3d454c;font-size:42px}.introduction{max-width:720px;color:#abb1b6}.selection h2{margin:42px 0 12px}.roles{border-top:1px solid #323940}.roles button{width:100%;padding:14px 4px;display:grid;grid-template-columns:48px 1fr;gap:8px;border:0;border-bottom:1px solid #323940;border-radius:0;color:#aab0b5;background:transparent;text-align:left}.roles button:hover,.roles button:focus-visible{color:#d8dcdf;background:#12171b;outline:0}.roles strong{display:block;color:#dce0e2;font:700 18px Verdana,Arial,sans-serif}.choice-number,.location{color:#8299aa;font:13px/1.5 Verdana,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}.role-brief{max-width:720px}.role-brief>div{color:#b7bcc0}.role-brief button{margin-top:22px;padding:6px 0;border:0;border-bottom:1px solid #8299aa;border-radius:0;color:#c8d4dd;background:transparent}.role-brief button:hover,.role-brief button:focus-visible{color:#fff;outline:0}.experience{min-height:100vh}.scene-header{width:min(860px,calc(100% - 40px));margin:0 auto;padding:24px 0 15px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #323940}.scene-header h1{margin:0;font-size:22px}.scene-header .location{margin:0 0 2px}.clock{color:#d5d8da;font-size:24px;font-variant-numeric:tabular-nums}.conversation{width:min(760px,calc(100% - 40px));margin:0 auto;padding:38px 0 28px}.entries{min-height:52vh}.entry{margin:0 0 28px;color:#b9bec3}.entry.player{color:#d0d3d5}.entry header{margin-bottom:5px;color:#8299aa;font:700 12px Verdana,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}.entry.player header{color:#a89570}.entry p{margin-bottom:8px;white-space:pre-wrap}.entry.pending small{display:inline-block;color:#8299aa;font:18px monospace;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.event{margin:42px 0;padding:24px 6px;border-top:1px solid #5c5546;border-bottom:1px solid #5c5546;color:#c4bcae;text-align:center}.event p:last-child{margin-bottom:0}.decision-event{margin:28px 0;color:#a89570;font:12px Verdana,Arial,sans-serif;text-align:center;text-transform:uppercase}.composer{position:sticky;bottom:0;padding:12px 0 8px;border-top:1px solid #323940;background:#0c0f12}.compose-row{display:grid;grid-template-columns:22px 1fr;gap:6px;align-items:start;color:#8299aa;font:20px/1.5 monospace}textarea{width:100%;min-height:68px;padding:0;resize:vertical;border:0;border-radius:0;outline:0;color:#d5d8da;background:transparent;font:18px/1.5 Georgia,serif}textarea::placeholder{color:#626a70}fieldset{margin:0 0 14px;padding:0;border:0;color:#9fa6ab;font:13px Verdana,Arial,sans-serif}fieldset legend{margin-bottom:6px;color:#a89570}fieldset label{margin-right:14px;white-space:nowrap}.error,.recovery,.resolution{margin:20px 0;padding:14px 0;border-top:1px solid #68484a;border-bottom:1px solid #68484a;color:#d1aeb0}.recovery button,.resolution button{margin-right:14px;padding:4px 0;border:0;border-bottom:1px solid #8299aa;border-radius:0;color:#c8d4dd;background:transparent}.recovery .quiet{color:#92999e}@media(max-width:620px){:root{font-size:16px}.loading,.selection,.role-brief{margin-top:7vh}.selection h1,.role-brief h1{font-size:34px}.roles button{grid-template-columns:38px 1fr}.scene-header{align-items:center}.scene-header .location{display:none}.conversation{padding-top:26px}fieldset label{display:block;margin:5px 0}}@media(prefers-reduced-motion:reduce){.entry.pending small{animation:none}}