:root{--color-brand-dark: #013742;--color-brand-dark-alt: #004054;--color-brand-accent: #D7FF5F;--color-brand-light: #CEE1A6;--color-brand-muted: #959A8C;--color-answer-green: #22c55e;--color-answer-yellow: #eab308;--color-answer-red: #ef4444;--color-overlay: rgba(0, 64, 84, .5);--gradient-presentation: linear-gradient(to bottom, #013742, #004054, #013742);--gradient-idle: linear-gradient(135deg, #013742, #004054, #013742);font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:var(--color-brand-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;transition-timing-function:cubic-bezier(.4,0,.2,1)}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-brand-dark)}.layout-fullscreen{height:100vh;width:100vw;overflow:hidden}.layout-presentation{background:var(--gradient-presentation)}.layout-idle{background:var(--gradient-idle)}.layout-centered{max-width:64rem;margin-inline:auto}.layout-centered-sm{max-width:48rem;margin-inline:auto}.answer-card{border-radius:1rem;border-width:2px;border-style:solid;padding:1.25rem 2rem;display:flex;align-items:center;gap:1rem;transition:opacity .3s,box-shadow .3s}.answer-card__dot{width:1.25rem;height:1.25rem;border-radius:9999px;flex-shrink:0}.answer-card--unrevealed{background-color:color-mix(in srgb,currentColor 10%,transparent)}.answer-card--correct{border-width:2px;box-shadow:0 25px 50px -12px #d7ff5f66;animation:pulse-glow 2s ease-in-out infinite}.answer-card--incorrect{opacity:.3;filter:grayscale(1)}.answer-card--green{border-color:var(--color-answer-green)}.answer-card--yellow{border-color:var(--color-answer-yellow)}.answer-card--red{border-color:var(--color-answer-red)}.answer-card--green .answer-card__dot{background-color:var(--color-answer-green)}.answer-card--yellow .answer-card__dot{background-color:var(--color-answer-yellow)}.answer-card--red .answer-card__dot{background-color:var(--color-answer-red)}.player-indicator{background-color:var(--color-overlay);border-radius:1rem;display:flex;justify-content:center;align-items:center;gap:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.timer-bar-track{width:100%;background-color:var(--color-overlay);overflow:hidden}.timer-bar-fill{height:100%;transition:width .1s linear,background-color .3s}.timer-bar-fill--high{background-color:var(--color-answer-green)}.timer-bar-fill--medium{background-color:var(--color-answer-yellow)}.timer-bar-fill--low{background-color:var(--color-answer-red)}.score-bar{border-radius:.5rem .5rem 0 0;transition:height .8s cubic-bezier(.4,0,.2,1)}.score-bar--green{background:linear-gradient(to top,var(--color-brand-dark),var(--color-answer-green));box-shadow:0 25px 50px -12px #22c55e66}.score-bar--yellow{background:linear-gradient(to top,var(--color-brand-dark),var(--color-answer-yellow));box-shadow:0 25px 50px -12px #eab30866}.score-bar--red{background:linear-gradient(to top,var(--color-brand-dark),var(--color-answer-red));box-shadow:0 25px 50px -12px #ef444466}.score-bar--accent{background:linear-gradient(to top,var(--color-brand-dark),var(--color-brand-accent));box-shadow:0 25px 50px -12px #d7ff5f66}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #d7ff5f66}50%{box-shadow:0 0 40px #d7ff5fcc}}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.animate-slide-up{animation:slideUp .4s ease both}.animate-scale-in{animation:scaleIn .3s ease both}.animate-bounce-in{animation:bounce-in .5s ease both}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}