.bingo-page{--bingo-muted:#a9bbc4;color:#f8fafb;background:radial-gradient(at 85% 0,#174956 0,#0000 48%),radial-gradient(at 0 100%,#283340 0,#0000 45%),#081e29;flex-direction:column;min-height:100svh;display:flex}.bingo-page button,.bingo-page a{-webkit-tap-highlight-color:transparent}.bingo-page :is(button,a):focus-visible{outline-offset:5px;outline:3px solid #fff}.bingo-page h1:focus{outline:none}.bingo-header,.bingo-content,.bingo-footer{width:min(1240px,100% - 80px);margin-inline:auto}.bingo-header{border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;gap:20px;min-height:104px;display:flex}.bingo-logo{-o-object-fit:contain;object-fit:contain;width:144px;height:auto}.bingo-event-label,.bingo-eyebrow,.bingo-step,.bingo-live{letter-spacing:.13em;font-size:11px;font-weight:800}.bingo-event-label{color:var(--bingo-muted)}.bingo-content{flex:1;padding-block:40px 48px}.bingo-eyebrow{color:#ffac45;margin-bottom:24px}.bingo-welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-block:60px;display:flex}.bingo-welcome h1{letter-spacing:-.055em;margin:0;font-size:clamp(56px,8vw,112px);font-weight:900;line-height:.98}.bingo-welcome h1 em{color:#ffac45;font-style:normal}.bingo-title-dot{color:#ffac45}.bingo-description{color:var(--bingo-muted);margin-top:16px;font-size:clamp(17px,1.7vw,23px);line-height:1.55}.bingo-word-list{flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0 36px;display:flex}.bingo-word-list span{color:#dce6ea;border:1px solid #ffffff30;border-radius:999px;padding:8px 13px;font-size:13px}.bingo-primary{color:#081e29;background:#ffac45;border:0;border-radius:12px;justify-content:center;align-items:center;gap:32px;min-height:56px;padding:16px 26px;font-weight:800;text-decoration:none;transition:background .2s;display:inline-flex}.bingo-primary:not(:disabled):hover{background:#ffc174}.bingo-primary:disabled{opacity:.5;cursor:not-allowed}.bingo-small{color:var(--bingo-muted);margin-top:16px;font-size:13px;line-height:1.6}.bingo-question-top,.bingo-vote-actions,.bingo-results-heading,.bingo-results-title,.bingo-room-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.bingo-question-top .bingo-small{margin:0}.bingo-step{color:#ffac45}.bingo-question-title{letter-spacing:-.04em;overflow-wrap:anywhere;margin-top:20px;font-size:clamp(32px,4.6vw,64px);font-weight:800;line-height:1.1}.bingo-question-stage{animation:.35s ease-out both bingo-question-enter}.bingo-question-stage .bingo-question-title{z-index:2;border-left:6px solid var(--buzzword-color);background:color-mix(in srgb, var(--buzzword-color) 14%, #081e29);color:var(--buzzword-color);border-radius:0 16px 16px 0;padding:24px;position:sticky;top:0}.bingo-question-stage .bingo-title-dot{color:inherit}.bingo-question-stage .bingo-vote-actions{justify-content:flex-end}.bingo-question-stage .bingo-primary{background:var(--buzzword-color)}.bingo-question-stage .bingo-primary:not(:disabled):hover{background:color-mix(in srgb, var(--buzzword-color) 80%, white)}@keyframes bingo-question-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.bingo-reactions,.bingo-chart{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px;display:grid}.bingo-reaction{text-align:left;background:#ffffff08;border:2px solid #ffffff25;border-radius:18px;transition:border-color .2s,background .2s,transform .2s;position:relative;overflow:hidden}.bingo-reaction:not(:disabled):hover,.bingo-reaction.is-selected{border-color:var(--reaction-color);background:#ffffff12;transform:translateY(-4px)}.bingo-meme{aspect-ratio:16/10;background:#05141c;position:relative;overflow:hidden}.bingo-meme img{-o-object-fit:contain;object-fit:contain}.bingo-reaction-copy{align-content:center;gap:8px;min-height:108px;padding:18px;display:grid}.bingo-reaction-copy strong{color:var(--reaction-color);font-size:clamp(13px,1.35vw,19px);line-height:1.35}.bingo-reaction-copy>span{color:#cedae0;font-size:14px}.bingo-selection{border:1px solid var(--reaction-color);width:30px;height:30px;color:var(--reaction-color);background:#081e29;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.is-selected .bingo-selection{background:var(--reaction-color);color:#081e29}.bingo-vote-actions{margin-top:24px}.bingo-error{color:#ffe4c2;background:#412e20;border:1px solid #ffac4580;border-radius:12px;margin-top:20px;padding:14px 18px}.bingo-success{color:#081e29;background:#72dec6;border-radius:50%;place-items:center;width:74px;height:74px;margin-bottom:24px;font-size:36px;display:grid}.bingo-welcome .bingo-success+h1{font-size:clamp(42px,7vw,80px)}.bingo-welcome .bingo-description+.bingo-primary{margin-top:28px}.bingo-welcome .bingo-primary+.bingo-primary{margin-top:16px}.bingo-footer{color:var(--bingo-muted);border-top:1px solid #ffffff20;justify-content:space-between;gap:20px;padding-block:22px;font-size:11px;display:flex}.bingo-results-heading .bingo-eyebrow{margin:0}.bingo-live{color:#72dec6;align-items:center;gap:9px;display:inline-flex}.bingo-live>span{background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px}.bingo-live.is-offline{color:#ffac45}.bingo-tabs{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.bingo-tabs button{color:#c8d6dd;border:1px solid #ffffff30;border-radius:999px;padding:9px 15px;font-size:13px}.bingo-tabs button[aria-pressed=true]{color:#081e29;background:#ffac45;border-color:#ffac45}.bingo-total{text-align:right;flex-shrink:0;margin-top:24px;display:grid}.bingo-total strong{font-size:46px;line-height:1}.bingo-total span{color:var(--bingo-muted);font-size:13px}.bingo-chart{gap:clamp(16px,4vw,56px);margin-top:22px}.bingo-bar-track{border-bottom:2px solid var(--reaction-color);background:linear-gradient(#ffffff04,#ffffff08);border-radius:12px 12px 0 0;flex-direction:column;justify-content:center;align-items:center;height:clamp(160px,25vh,300px);display:flex;position:relative}.bingo-bar{background:var(--reaction-color);opacity:.42;border-radius:10px 10px 0 0;width:100%;transition:height .7s ease-in-out;position:absolute;bottom:0}.bingo-percentage,.bingo-votes{z-index:1;position:relative}.bingo-percentage{font-size:clamp(34px,5vw,70px);font-weight:800;line-height:1.2}.bingo-percentage small{font-size:.45em}.bingo-votes{color:#e2ebef;font-size:14px}.bingo-result-reaction{background:#ffffff08;border-radius:0 0 14px 14px;overflow:hidden}.bingo-result-reaction .bingo-meme{aspect-ratio:auto;height:clamp(110px,16vh,180px)}.bingo-result-reaction .bingo-reaction-copy{min-height:92px}.bingo-room-footer{color:var(--bingo-muted);margin-top:26px;font-size:13px}.bingo-room-footer a{color:#ffac45;text-decoration:underline}.bingo-empty,.bingo-loading{text-align:center;color:var(--bingo-muted);padding-block:20px}@media (max-width:700px){.bingo-header,.bingo-content,.bingo-footer{width:calc(100% - 36px)}.bingo-header{min-height:80px}.bingo-logo{width:115px}.bingo-event-label{text-align:right;max-width:120px;font-size:9px}.bingo-content{padding-block:28px}.bingo-welcome{padding-block:48px}.bingo-eyebrow{font-size:9px}.bingo-question-stage .bingo-question-title{overflow-wrap:normal;padding:18px 16px;font-size:clamp(18px,6.4vw,32px)}.bingo-question-top,.bingo-vote-actions,.bingo-room-footer{flex-direction:column;align-items:stretch;gap:12px}.bingo-reactions{grid-template-columns:1fr;gap:16px;margin-top:22px}.bingo-reaction-copy strong{font-size:17px}.bingo-chart{gap:8px}.bingo-result-reaction .bingo-meme{height:80px}.bingo-result-reaction .bingo-reaction-copy{align-content:start;min-height:146px;padding:10px 6px}.bingo-result-reaction .bingo-reaction-copy strong,.bingo-result-reaction .bingo-reaction-copy>span{font-size:11px}.bingo-percentage{font-size:30px}.bingo-live{letter-spacing:.04em;font-size:9px}}@media (prefers-reduced-motion:reduce){.bingo-page *,.bingo-page :before,.bingo-page :after{transition:none;animation:none}}