@font-face{font-family:biro;src:url(/font/WaitingfortheSunrise.ttf)}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}canvas{display:block}.hidden{display:none!important}.button{color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:#e94e1b;border:0;border-radius:2px;justify-content:center;align-items:center;gap:.5em;padding:.8rem 1.7rem;font-family:Helvetica;font-size:1em;transition:transform .15s,filter .15s;display:inline-flex}.button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.button:focus-visible{outline-offset:2px;outline:2px solid #fff}.button:disabled{opacity:.4;cursor:default}.button svg{width:1.15em;height:1.15em;display:block}.button--round{border-radius:50%;width:3.2em;height:3.2em;padding:0;font-size:1.2rem}.button--round svg{width:1.3em;height:1.3em}.button--recording{background:#c00;animation:1s infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.15)}}#VRButton{bottom:1.5em!important;left:auto!important;right:1.5em!important}.intro{z-index:10;color:#fff;text-align:center;background:#003264e6;font-size:1em;position:fixed;inset:0;overflow-y:auto}.intro__inner{flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:2em;display:flex}.intro__icon{margin-bottom:1rem}.intro__icon img{max-width:100%}.intro__heading{letter-spacing:1px;margin-bottom:1rem;font-family:biro,cursive;font-size:1.6rem;font-weight:400;line-height:1.4}.intro__dek{margin-bottom:1.2rem;font-family:biro,cursive;font-size:1.1em;line-height:1.7}.intro__concepts{color:#ffffffbf;margin-bottom:2rem;font-family:biro,cursive;font-size:1em;line-height:1.8}img.top{vertical-align:middle}.intro__warn{color:#c00;margin-top:1.5em}.intro__foot{letter-spacing:.18em;text-transform:uppercase;color:#ffffff73;margin-top:2.5em;font-size:.72rem}.intro__foot a{color:inherit}.hud{z-index:5;text-align:center;width:min(44em,92vw);position:fixed;bottom:1.6em;left:50%;transform:translate(-50%)}.hud__beat{letter-spacing:.35em;text-transform:uppercase;color:#ffb08f;text-shadow:0 1px 8px #000c;margin-bottom:.5em;font-size:.72rem}.hud__question{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#003264d9;border-radius:14px;margin-bottom:.6em;padding:.9em 1.4em;font-family:biro,cursive;font-size:1.25rem;line-height:1.5;box-shadow:0 6px 24px #00000040}.hud--story .hud__question{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;text-shadow:0 2px 14px #000000e6,0 0 4px #000c;background:0 0;padding:0 1em;font-size:1.5rem;line-height:1.6;animation:.9s both riseIn}.hud--story .hud__counter{color:#ffffffe6;text-shadow:0 1px 8px #000c}.hud--cover .hud__question{font-size:2.6rem;line-height:1.3}@keyframes riseIn{0%{opacity:0;transform:translateY(.6em)}to{opacity:1;transform:none}}.hud__transcript{color:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00142873;border-radius:10px;margin-bottom:.7em;padding:.55em 1.2em;font-size:.9rem;font-style:italic}.hud__transcript--alert{color:#ffc4b3;font-style:normal}.hud__chips{flex-wrap:wrap;justify-content:center;gap:.5em;margin-bottom:.9em;display:flex}.chip{letter-spacing:.04em;color:#ffffffbf;background:#00142859;border:1px dashed #ffffff73;border-radius:999px;padding:.35em 1em;font-size:.78rem;transition:all .25s}.chip--ok{color:#fff;background:#e94e1b;border:1px solid #e94e1b}.hud__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8em;display:flex}.hud__controls input{color:#222;background:#ffffffeb;border:0;border-radius:999px;outline:none;flex:1;min-width:0;padding:.85em 1.3em;font-size:.9rem}.hud__controls input:focus{box-shadow:0 0 0 3px #e94e1b8c}.hud__counter{min-width:4em;font-family:biro,cursive;font-size:1.15rem}.button--ghost{text-transform:none;letter-spacing:0;background:#00142873;border:1px solid #ffffff80}.hud__progress{flex-wrap:wrap;justify-content:center;gap:.6em;display:flex}.step{color:#ffffff8c;background:#00142859;border:1px dashed #ffffff59;border-radius:999px;padding:.5em 1.2em;font-size:.85rem;transition:all .3s}.step--active{color:#fff;background:#e94e1bd9;border-style:solid;border-color:#e94e1b;animation:.9s infinite alternate pulse}.step--done{color:#fff;background:#003264bf;border-style:solid;border-color:#fff9}.step--done:before{content:"✓ "}