:root{color:#12324a;font-family:Avenir Next,Segoe UI,sans-serif;background:#8fd3ef}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}button,input,textarea,select{font:inherit}.stage{min-height:100dvh;display:grid;place-items:center;background:#8fd3ef}.frame{position:relative;width:min(100vw,calc(100dvh * 16 / 9));height:min(100dvh,56.25vw);overflow:hidden;background:#7ec8ea center / cover no-repeat}.frame-fill{position:absolute;top:0;right:0;bottom:0;left:0}.bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.screen-title{width:min(52%,520px);mix-blend-mode:screen}.cover-layout,.ready-layout,.results-layout{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:6% 6% 4%;text-align:center}.cover-crew{position:absolute;left:4%;bottom:0;width:min(42%,460px);height:auto;pointer-events:none}.logo{position:absolute;top:4%;right:4%;width:min(16%,160px);height:auto}.final-round{width:min(28%,220px);margin-top:.4rem;mix-blend-mode:screen}.image-button{margin-top:auto;margin-left:auto;margin-right:4%;align-self:flex-end;width:min(28%,240px);padding:0;border:0;background:transparent;cursor:pointer}.image-button img{width:100%;height:auto;display:block}.ready-copy,.results-card{width:min(720px,86%);margin-top:8%;padding:1.25rem 1.4rem 1.4rem;border-radius:22px;background:#ffffffe0;box-shadow:0 16px 40px #0f3c5a2e}.ready-layout{padding:3% 4% 0}.ready-layout .screen-title{width:min(34%,340px)}.ready-copy{position:relative;z-index:1;width:min(520px,58%);margin-top:1.5%;padding:.85rem 1rem .65rem}.ready-copy h1{font-size:clamp(1rem,1.8vw,1.45rem)}.ready-copy p{font-size:clamp(.85rem,1.3vw,1rem)}.ready-copy h1,.results-card h1{margin:0 0 .6rem;font-size:clamp(1.2rem,2.4vw,1.8rem)}.ready-copy p,.results-card p{margin:.4rem 0;line-height:1.45}.ready-people{position:absolute;left:2%;right:2%;bottom:0;display:flex;justify-content:space-between;pointer-events:none}.ready-people img{width:min(16%,150px);height:auto}.ready-go{margin-top:.55rem;border:0;border-radius:999px;padding:.7rem 1.8rem;background:linear-gradient(#5eb6f0,#1d6fbe);color:#fff;font-weight:800;letter-spacing:.08em;cursor:pointer;box-shadow:0 8px 18px #14508c47}.hud{position:absolute;top:3%;left:3%;right:3%;z-index:2;display:flex;justify-content:space-between;gap:.75rem;color:#fff;text-shadow:0 2px 8px rgb(0 40 70 / 45%)}.hud strong{display:block;font-size:clamp(1.1rem,2vw,1.6rem)}.question-panel{position:absolute;z-index:2;left:50%;top:18%;transform:translate(-50%);width:min(760px,78%);max-height:68%;overflow:auto;padding:1.1rem 1.2rem 1rem;border-radius:24px;background:#ffffffeb}.question-panel h2{margin:0 0 .8rem;font-size:clamp(1rem,2vw,1.35rem);line-height:1.35}.hint{margin:0 0 .7rem;color:#4d6474;font-size:.92rem}.choices,.time-row{display:grid;gap:.55rem}.choice,.primary,.time-row select,.slider-wrap,textarea{border-radius:999px}.choice,.primary{border:2px solid #2f7eb8;background:#fff;color:#13486d;padding:.45rem .9rem;cursor:pointer;text-align:left}.choice[aria-checked=true],.primary{background:linear-gradient(#3aa0e6,#1d74c9);color:#fff}.primary{position:sticky;bottom:0;z-index:1;margin-top:.7rem;width:100%;text-align:center;font-weight:700}.primary:disabled{opacity:.55;cursor:not-allowed}.scale-labels,.speed{display:flex;justify-content:space-between;gap:1rem;margin-top:.45rem;color:#4d6474;font-size:.85rem}.slider-wrap,textarea,.time-row select{width:100%;border:2px solid #2f7eb8;background:#fff}textarea{border-radius:16px;min-height:96px;padding:.7rem .8rem;resize:vertical}.time-row{grid-template-columns:1fr 1fr}.time-row select{padding:.65rem .8rem}.comment-label{display:block;margin-top:.8rem;font-size:.9rem}.error{margin:.6rem 0 0;color:#9d1c1c}.speed-bar{position:absolute;z-index:2;left:8%;right:8%;bottom:4%;height:14px;border-radius:999px;background:#ffffff73;overflow:hidden}.speed-bar span{display:block;height:100%;background:linear-gradient(90deg,#ffd15c,#f28b2c)}.speed-readout{position:absolute;z-index:2;right:8%;bottom:8%;color:#fff;font-weight:700;text-shadow:0 2px 8px rgb(0 40 70 / 45%)}.results-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.8rem}.results-stats div{padding:.7rem;border-radius:16px;background:#e7f5ff}.results-stats strong{display:block;font-size:1.4rem}@media(max-width:800px){.frame{width:100vw;height:100dvh;overflow:auto}.cover-layout,.ready-layout,.results-layout{position:relative;min-height:100dvh;padding:4.5rem 1rem 1.5rem}.ready-layout .screen-title{width:min(70%,280px)}.ready-copy{width:min(100%,520px)}.ready-people{position:relative;left:auto;right:auto;bottom:auto;margin-top:1rem}.ready-people img{width:28%}.cover-crew{width:70%;left:0}.image-button{margin:1rem auto 28vh}.question-panel{position:relative;left:auto;top:auto;transform:none;width:auto;max-height:none;margin:5.5rem .75rem}.speed-bar{position:sticky;bottom:.75rem;margin:0 .75rem}.speed-readout{position:sticky;bottom:2rem;display:block;text-align:right;margin-right:.75rem}.hud{position:sticky;top:0;padding-top:.4rem}}