:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#071524;--ink-soft:#102942;--paper:#f5f1e8;--paper-strong:#fffdf8;--accent:#ffcb47;--accent-warm:#ff8a34;--muted:#aebdca;--success:#61db95;--danger:#ff7d73;font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{background:var(--ink);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;background:radial-gradient(circle at 86% 8%, #ffcb4733, transparent 23rem), linear-gradient(145deg, var(--ink) 0%, #0b1c2f 52%, var(--ink-soft) 100%);min-height:100svh;color:var(--paper-strong);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.quiz-shell{min-height:100vh;width:min(100%,90rem);min-height:100svh;padding:max(1.25rem, env(safe-area-inset-top)) max(clamp(1.25rem, 3vw, 2.75rem), env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(clamp(1.25rem, 3vw, 2.75rem), env(safe-area-inset-left));grid-template-rows:auto 1fr auto auto;gap:clamp(1.1rem,2.5vw,2.5rem);margin:0 auto;display:grid}.quiz-shell--question{grid-template-rows:auto auto auto minmax(0,1fr) auto auto}.quiz-shell--finished{grid-template-rows:auto 1fr auto}.site-header{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;font-weight:800;display:flex}.event-mark{align-items:center;gap:.7rem;display:inline-flex}.event-mark__dot{background:var(--accent);border-radius:50%;flex:none;width:.78rem;height:.78rem;box-shadow:0 0 0 .35rem #ffcb4724}.question-count{color:#aec0d0;text-align:right}.waiting-card{align-self:center;padding:clamp(1.5rem,5vw,4rem) 0}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .9rem;font-size:clamp(.78rem,1.5vw,1rem);font-weight:850}.waiting-card h1,.finished-card h1,.system-screen h1,.question-message h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.1rem,6vw,5.4rem);line-height:.98}.waiting-card h1{max-width:16ch}.countdown{color:var(--paper-strong);font-variant-numeric:tabular-nums;letter-spacing:-.07em;align-items:baseline;gap:clamp(.15rem,1.2vw,1rem);margin-top:clamp(1.4rem,4vw,3rem);font-size:clamp(4rem,16vw,13rem);font-weight:850;line-height:.75;display:flex}.countdown i{color:var(--accent);font-style:normal;font-weight:500}.start-note{color:#c3d0db;text-transform:capitalize;margin:clamp(1.5rem,3vw,2.5rem) 0 0;font-size:clamp(1rem,2vw,1.35rem)}.instructions{border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29;grid-template-columns:repeat(3,1fr);display:grid}.instructions article{grid-template-columns:auto 1fr;align-items:start;gap:.8rem;min-height:7.5rem;padding:1.25rem clamp(.75rem,2vw,1.5rem);display:grid}.instructions article+article{border-left:1px solid #ffffff29}.instructions p{color:#d7e0e8;max-width:29ch;margin:0;font-size:clamp(.93rem,1.5vw,1.1rem);line-height:1.45}.step-number{color:var(--accent);letter-spacing:.08em;font-size:.75rem;font-weight:850}.sync-status{color:var(--muted);align-items:center;gap:.6rem;font-size:.82rem;display:flex}.sync-status__pulse{background:var(--success);border-radius:50%;flex:none;width:.55rem;height:.55rem;box-shadow:0 0 0 .28rem #61db951f}.sync-status--connecting .sync-status__pulse,.sync-status--degraded .sync-status__pulse{background:var(--accent)}.sync-status--offline .sync-status__pulse{background:var(--danger)}.question-meta{justify-content:space-between;align-items:end;gap:1rem;display:flex}.question-meta p{color:#c3d0db;margin:0;font-size:clamp(1rem,2vw,1.25rem)}.question-meta p>strong{color:var(--paper-strong);font-size:1.25em}.question-timer{align-items:baseline;gap:.4rem;display:flex}.question-timer strong{font-variant-numeric:tabular-nums;line-height:.8;color:var(--accent)!important;font-size:clamp(2.3rem,6vw,4.8rem)!important}.progress-track{appearance:none;background:#ffffff21;border:0;border-radius:999px;width:100%;height:.5rem;display:block;overflow:hidden}.progress-track::-webkit-progress-bar{border-radius:inherit;background:#ffffff21}.progress-track::-webkit-progress-value{border-radius:inherit;background:linear-gradient(90deg, var(--accent-warm), var(--accent))}.progress-track::-moz-progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--accent-warm), var(--accent))}.question-stage{align-items:center;min-height:0;padding:clamp(1.2rem,3vw,3rem) 0;display:grid}.question-layout{align-items:center;display:grid}.question-layout--image{grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr);gap:clamp(1.5rem,5vw,5rem)}.question-text{letter-spacing:-.052em;text-wrap:balance;max-width:21ch;margin:0;font-size:clamp(2.35rem,7vw,6.7rem);font-weight:820;line-height:1.02}.question-image{background:#ffffff12;border:1px solid #ffffff29;border-radius:1.4rem;min-height:14rem;margin:0;overflow:hidden;box-shadow:0 1.6rem 4rem #00000040}.question-image img{object-fit:contain;width:100%;max-height:48svh;display:block}.question-message{max-width:65rem}.question-message>p:last-child{max-width:50ch;color:var(--muted);line-height:1.5}.question-message--error .eyebrow{color:var(--danger)}.answer-reminder{color:#f6e7bd;background:#ffcb4717;border:1px solid #ffcb4747;border-radius:.9rem;align-items:center;gap:.8rem;padding:1rem 1.2rem;font-size:clamp(.9rem,1.5vw,1.08rem);font-weight:700;display:flex}.answer-reminder span{color:var(--accent)}.finished-card{align-self:center;padding:clamp(2rem,6vw,6rem) 0;position:relative}.finished-card h1{max-width:11ch;font-size:clamp(4rem,14vw,12rem)}.finished-card>p:last-of-type{color:#d2dde6;max-width:42ch;font-size:clamp(1.05rem,2.3vw,1.5rem);line-height:1.5}.finish-mark{aspect-ratio:1;background:var(--accent);width:clamp(6rem,17vw,14rem);color:var(--ink);border-radius:50%;place-items:center;font-size:clamp(3rem,8vw,7rem);font-weight:900;display:grid;position:absolute;top:50%;right:4vw;transform:translateY(-50%)rotate(-7deg);box-shadow:0 1.5rem 4rem #00000047}.system-screen{min-height:100vh;background:radial-gradient(circle at 75% 30%, #ffcb4729, transparent 24rem), var(--ink);align-content:center;justify-items:start;min-height:100svh;padding:clamp(1.5rem,7vw,7rem);display:grid}.system-screen h1{max-width:18ch}.system-screen>p:last-of-type{max-width:48ch;color:var(--muted);line-height:1.5}.system-screen__mark{background:var(--accent);border-radius:50%;width:1rem;height:1rem;margin-bottom:1.6rem;animation:1.3s ease-in-out infinite alternate breathe;box-shadow:0 0 0 .5rem #ffcb471f}.system-screen--error .eyebrow{color:var(--danger)}.system-screen button{background:var(--accent);color:var(--ink);cursor:pointer;border:0;border-radius:.65rem;margin-top:1.25rem;padding:.85rem 1.15rem;font-weight:800}@keyframes breathe{to{opacity:.45;transform:scale(.8)}}.answer-options{padding:0;font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.5;list-style:none}.answer-options li{margin:.5rem 0}.answer-options strong{color:var(--accent)}.question-text{white-space:pre-line;max-width:30ch;font-size:clamp(1.8rem,4.5vw,4rem)}.participation-code{color:var(--accent);overflow-wrap:anywhere;font-size:clamp(1.8rem,7vw,5rem);font-weight:800}.question-image{min-height:0;padding:1rem 2rem 1rem 1rem;overflow:visible}.question-visual{position:relative}.question-visual img{max-height:none}.image-labels{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.solutions{display:block}.solutions article{border-top:1px solid #ffffff30;padding:1rem 0}.solutions a,.solutions-link{color:var(--accent)}.solutions-link{padding:1rem 0;display:inline-block}@media (max-width:760px){.question-count{display:none}.instructions{grid-template-columns:1fr}.instructions article{min-height:auto;padding:.85rem 0}.instructions article+article{border-top:1px solid #ffffff29;border-left:0}.question-layout--image{grid-template-columns:1fr}.question-image{min-height:10rem}.finish-mark{margin-top:2rem;position:static;transform:rotate(-7deg)}}@media (max-height:700px) and (orientation:landscape){.quiz-shell{gap:.8rem}.question-stage{padding:.5rem 0}.question-text{font-size:clamp(2rem,7vh,4rem)}.answer-reminder{padding:.65rem .9rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}