/* Participant controls intentionally contain no question or answer content. */
.player-mode{background:#10171f;min-height:100vh;min-height:100svh}.player-screen{--p-accent:#dcfa85;--p-muted:#a4b1bf;color:#f7f5ec}.p-frame{max-width:520px;margin:0 auto;padding:22px 22px max(20px,env(safe-area-inset-bottom));min-height:100svh;display:flex;flex-direction:column}.p-top{display:flex;align-items:center;gap:15px;margin-bottom:28px}.p-brand{color:#f7f5ec;text-decoration:none;font-size:22px;font-weight:900;letter-spacing:-1.2px;line-height:.85;flex-shrink:0}.p-brand span{display:block;color:var(--p-accent)}.p-role{color:#a4b1bf;font-size:9px;letter-spacing:1.5px;line-height:1.5;font-weight:650}.p-connection{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:11px;color:#a4b1bf}.p-connection i{width:7px;height:7px;flex-shrink:0;background:#ffb17d;border-radius:50%}.p-connection.connected i{background:var(--p-accent);box-shadow:0 0 12px #dcfa8533}.p-eyebrow{display:block;font-size:10px;letter-spacing:1.7px;color:var(--p-muted);font-weight:650}.p-join{padding-top:24px}.p-join h1{font-size:38px;line-height:1.12;letter-spacing:-1.4px;max-width:350px;margin:12px 0 16px}.p-intro{font-size:15px;color:var(--p-muted);max-width:380px}.p-profile-form{margin-top:30px}.p-photo-row{display:flex;align-items:center;gap:17px;margin-bottom:23px}.p-photo-row p{font-size:10px;color:var(--p-muted);margin-top:8px}.p-avatar{width:52px;height:52px;border-radius:50%;background:#334451;color:var(--p-accent);display:grid;place-items:center;flex-shrink:0;font-size:19px;font-weight:750;overflow:hidden;border:1px solid #50605c}.p-avatar img{display:block;width:100%;height:100%;object-fit:cover}.p-avatar-large{width:84px;height:84px;font-size:28px}.p-file-label{margin:0;border:1px solid #43535f;border-radius:9px;padding:9px 13px;color:#f7f5ec;font-size:13px;cursor:pointer;position:relative;overflow:hidden}.p-file-label:focus-within{outline:3px solid #ffb17d;outline-offset:3px}.p-file-label input{position:absolute;width:1px;height:1px;opacity:0;padding:0;margin:0;inset:0}.p-label{font-size:12px;color:var(--p-muted);margin:20px 0}.p-label input{font-size:18px;background:#17232e;border:1px solid #3c4c59;border-radius:11px;padding:14px;color:#f7f5ec;margin-top:9px;width:100%;min-width:0}.player-screen .p-primary{display:block;width:100%;background:var(--p-accent);color:#172018;border:1px solid var(--p-accent);border-radius:11px;padding:15px;font-size:16px;font-weight:750}.player-screen .p-primary:hover:not(:disabled){background:#e9ffa8}.p-fine{color:#8c9eae;font-size:12px;text-align:center;line-height:1.6;margin:26px 0}.p-play{display:flex;flex-direction:column;flex:1}.p-profile{display:flex;align-items:center;gap:13px;padding:15px;background:#19242f;border:1px solid #2c3a46;border-radius:16px;min-width:0}.p-profile-text{flex:1;min-width:0}.p-profile-text .p-eyebrow{font-size:8px}.p-profile h1{font-size:19px;letter-spacing:-.3px;line-height:1.3;overflow-wrap:anywhere;margin:3px 0}.p-score{font-size:12px;color:var(--p-muted)}.player-screen .p-icon-button{border:1px solid #40515f;border-radius:50%;background:transparent;font-size:23px;padding:0;width:39px;height:39px;flex-shrink:0;line-height:1}.p-buzzer-area{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:30px 0 22px}.p-buzzer-area>.p-eyebrow{margin-bottom:19px}.player-screen .p-buzz{width:min(66vw,270px);height:min(66vw,270px);min-width:180px;min-height:180px;border-radius:50%;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;background:#24333f;border:2px solid #42515e;color:#8e9fad;box-shadow:0 12px 0 #0a1118,0 0 0 9px #18232c,0 0 0 10px #34434f;opacity:1;transition:transform .08s,box-shadow .08s,background .2s,color .2s;cursor:default}.p-buzz-symbol{font-size:74px;line-height:1;font-weight:850;letter-spacing:-5px}.p-buzz>span:last-child{font-size:13px;letter-spacing:1.3px;font-weight:800}.player-screen .p-buzz.is-ready{background:var(--p-accent);border-color:#efffbd;color:#182518;box-shadow:0 12px 0 #64813e,0 0 0 9px #1d2b24,0 0 0 10px #597242;cursor:pointer}.player-screen .p-buzz.is-ready:hover{background:#e9ffa8}.player-screen .p-buzz.is-ready:active{transform:translateY(7px);box-shadow:0 5px 0 #64813e,0 0 0 9px #1d2b24,0 0 0 10px #597242}.player-screen .p-buzz.is-winner{color:#dffb95;background:#30432d;border-color:#698844;box-shadow:0 8px 0 #172516,0 0 0 9px #18251a,0 0 0 10px #435b35}.p-buzzer-area h2{font-size:21px;letter-spacing:-.4px;line-height:1.2;margin:31px 0 8px}.p-hint{font-size:12px;color:var(--p-muted);max-width:310px;min-height:18px}.p-winner{display:flex;align-items:center;gap:13px;padding:13px 15px;background:#202b36;border:1px solid #425563;border-radius:14px;margin-top:5px}.p-winner.is-own{background:#213222;border-color:#637d48}.p-winner .p-avatar{width:40px;height:40px;font-size:15px}.p-winner>div:nth-child(2){min-width:0;flex:1}.p-winner .p-eyebrow{font-size:8px}.p-winner strong{display:block;font-size:18px;overflow-wrap:anywhere}.p-winner-mark{color:var(--p-accent);font-size:29px}.p-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:21px}.p-footer>span{font-size:10px;color:#8b9cab;max-width:135px;text-align:right}.player-screen .p-text-button{border:0;background:none;padding:8px 0;font-size:12px;color:var(--p-accent);text-align:left}.player-screen .p-text-button:hover:not(:disabled){background:transparent;color:#f2ffdb}.p-room-label{font-size:8px;letter-spacing:1.4px;text-align:center;color:#6e8294;overflow-wrap:anywhere;margin-top:25px}.p-room-label span{letter-spacing:1px;word-break:break-all}.p-notice,.p-error{border-radius:11px;padding:12px 14px;font-size:12px;line-height:1.4;margin:0 0 16px}.p-notice{color:#dcc393;background:#342d20;border:1px solid #67543b}.p-error{color:#ffd7c4;background:#392721;border:1px solid #7e4f3b}.p-edit{padding-top:22px;flex:1}.p-edit h2{font-size:30px;margin-top:8px}.p-edit-actions{display:flex;gap:10px}.p-edit-actions>button{flex:1}.p-edit-actions>.p-primary{width:auto}.p-edit .p-text-button{display:block}.player-screen button:focus-visible,.player-screen a:focus-visible,.player-screen input:focus-visible{outline:3px solid #ffb17d;outline-offset:4px}@media(min-width:700px){.p-frame{margin:32px auto;border:1px solid #30404d;border-radius:25px;min-height:min(850px,calc(100svh - 64px));padding:27px 32px 22px;box-shadow:0 20px 90px #0003}.p-join{padding-top:36px}.p-buzzer-area{padding-top:38px;padding-bottom:28px}}@media(max-height:720px) and (max-width:699px){.p-frame{padding-top:15px}.p-top{margin-bottom:18px}.p-buzzer-area{padding:23px 0 17px}.player-screen .p-buzz{width:min(56vw,230px);height:min(56vw,230px);min-width:160px;min-height:160px}.p-buzz-symbol{font-size:62px}.p-buzzer-area h2{margin-top:25px;font-size:19px}.p-buzzer-area>.p-eyebrow{margin-bottom:16px}.p-room-label{margin-top:17px}.p-footer{padding-top:16px}}@media(prefers-reduced-motion:reduce){.player-screen button{transition:none}}
/* The photo and buzzer share the phone; the response button stays within reach. */
.p-profile{position:sticky;top:10px;z-index:32;box-shadow:0 6px 22px #10171f88}.p-profile-text{position:relative}.p-score{font-variant-numeric:tabular-nums}.p-points-feedback{position:absolute;right:0;bottom:0;padding:3px 8px;border-radius:7px;background:#dcfa85;color:#1c2c15;font-size:13px;font-weight:800;animation:p-points-in .3s ease-out}.p-question{margin:20px 0 3px;border:1px solid #354956;background:#192632;border-radius:15px;overflow:hidden;padding:12px}.p-question-heading{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:0 2px 9px}.p-question-heading .p-eyebrow{font-size:8px}.p-question-heading button{font-size:11px;white-space:nowrap}.p-question>img{display:block;width:100%;height:auto;max-height:48svh;object-fit:contain;border-radius:6px}.p-image-error{padding:35px 10px;text-align:center;color:#ffcfb0;font-size:13px}.p-play.has-question-image{padding-bottom:180px}.has-question-image .p-buzzer-area{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:40;width:min(520px,100%);background:#16212bf5;backdrop-filter:blur(16px);border-top:1px solid #4c5c61;display:grid;grid-template-columns:124px minmax(0,1fr);grid-template-rows:auto auto;column-gap:19px;text-align:left;padding:20px 25px max(20px,env(safe-area-inset-bottom));min-height:164px;box-shadow:0 -12px 30px #0b111955}.has-question-image .p-buzzer-area>.p-eyebrow{display:none}.player-screen .has-question-image .p-buzz{width:113px;height:113px;min-height:113px;min-width:113px;padding:12px;grid-row:1/3;gap:4px;box-shadow:0 7px 0 #0a1118,0 0 0 5px #18232c,0 0 0 6px #34434f}.player-screen .has-question-image .p-buzz.is-ready{box-shadow:0 7px 0 #64813e,0 0 0 5px #1d2b24,0 0 0 6px #597242}.player-screen .has-question-image .p-buzz.is-ready:active{transform:translateY(4px);box-shadow:0 3px 0 #64813e,0 0 0 5px #1d2b24,0 0 0 6px #597242}.has-question-image .p-buzz-symbol{font-size:42px;letter-spacing:-2px}.has-question-image .p-buzz>span:last-child{font-size:9px;letter-spacing:.2px}.has-question-image .p-buzzer-area h2{font-size:18px;line-height:1.15;margin:0;align-self:end}.has-question-image .p-hint{font-size:11px;align-self:start;margin-top:7px}.p-question.is-expanded{position:fixed;left:50%;transform:translateX(-50%);top:122px;bottom:174px;width:calc(100% - 24px);max-width:520px;z-index:35;margin:0;display:flex;flex-direction:column;background:#101b25;box-shadow:0 0 0 100vmax #071018df}.p-question.is-expanded>img{flex:1;min-height:0;max-height:100%;object-fit:contain}.p-question.is-expanded .p-question-heading{flex-shrink:0}.p-secret{display:flex;align-items:center;gap:13px;margin-top:22px;padding:24px 18px;border-radius:15px;border:1px solid #ba8dcb;background:linear-gradient(125deg,#442857,#243243);box-shadow:0 0 30px #b083d628}.p-secret-star{font-size:40px;color:#e8c7fd;animation:p-secret-turn 3s ease-out both;animation-delay:var(--secret-elapsed,0s)}.p-secret>div{flex:1}.p-secret .p-eyebrow{font-size:8px;color:#d7b8e9}.p-secret strong{display:block;font-size:21px;line-height:1.2;margin-top:5px}.p-secret>b{font-size:34px;color:#dcfa85;font-variant-numeric:tabular-nums}.just-won .p-profile{animation:p-winner-glow 1.3s ease-out}.just-won .p-winner{animation:p-winner-glow 1.3s ease-out}@keyframes p-points-in{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes p-winner-glow{0%,100%{box-shadow:0 0 0 transparent}40%{box-shadow:0 0 28px #dcfa8559;border-color:#dcfa85}}@keyframes p-secret-turn{from{transform:rotate(-50deg) scale(.55);opacity:.25}to{transform:rotate(80deg) scale(1);opacity:1}}@media(max-width:350px){.has-question-image .p-buzzer-area{grid-template-columns:108px minmax(0,1fr);padding-left:18px;padding-right:18px;column-gap:14px}.player-screen .has-question-image .p-buzz{width:100px;height:100px;min-width:100px;min-height:100px}.has-question-image .p-buzzer-area h2{font-size:16px}.p-question-heading{gap:5px}}@media(prefers-reduced-motion:reduce){.p-secret-star,.just-won .p-profile,.just-won .p-winner,.p-points-feedback{animation:none}}
.p-play:has(.p-question.is-expanded) .p-profile{position:fixed;left:50%;transform:translateX(-50%);top:12px;width:calc(100% - 24px);max-width:520px;z-index:36}.p-points-feedback{max-width:100%;white-space:nowrap;font-size:12px}
.p-results{margin-top:30px}.p-results h2{font-size:32px;letter-spacing:-.8px;line-height:1.15;margin-top:9px}.p-results-lead{color:#b6c2cf;font-size:14px;margin-top:12px}.p-result-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}.p-result-metrics>div{background:#1d2b36;border:1px solid #3b4d58;border-radius:13px;padding:18px 14px}.p-result-metrics strong{display:block;font-size:27px;line-height:1.15;font-weight:750;letter-spacing:-.8px;color:var(--p-accent);font-variant-numeric:tabular-nums}.p-result-metrics span{display:block;font-size:11px;color:#adbdca;margin-top:8px}.p-result-detail{font-size:11px;color:#adbdca;line-height:1.6;margin:16px 0 22px}.p-results-all{background:#17242e;border:1px solid #394d59;border-radius:13px}.p-results-all summary{cursor:pointer;padding:16px;font-size:14px;color:var(--p-accent);font-weight:650}.p-results-all summary:focus-visible{outline:3px solid #ffb17d;outline-offset:3px}.p-result-leaderboard{list-style:none;margin:0;padding:0 9px 9px}.p-result-leaderboard li{display:flex;align-items:center;gap:10px;padding:11px 8px;border-top:1px solid #354652;border-radius:6px}.p-result-leaderboard li.is-me{background:#24392d}.p-result-leaderboard .p-avatar{width:32px;height:32px;font-size:11px}.p-result-rank{color:#9cafbc;font-size:12px;min-width:15px}.p-result-leaderboard li>span{font-size:13px;flex:1;min-width:0;overflow-wrap:anywhere}.p-result-leaderboard li>strong{font-size:18px;color:var(--p-accent);font-variant-numeric:tabular-nums}.p-reaction-note{font-size:10px;color:#859baa;line-height:1.6;margin:18px 0 0}.p-play.has-results{padding-bottom:0}.has-results .p-buzzer-area,.has-results .p-winner,.has-results .p-footer,.has-results .p-question,.has-results .p-secret{display:none!important}
.p-recovery{margin-top:17px;border-top:1px solid #2b3d49;padding-top:9px}.p-recovery p{color:#8da1b2;font-size:10px;line-height:1.5;max-width:330px}.p-rejoin-warning{font-size:12px;line-height:1.5;color:#ffcfb0;background:#332922;border:1px solid #765b40;border-radius:10px;padding:12px}.p-rejoin-warning input{display:inline;width:auto;vertical-align:middle;margin:0 8px 0 0;accent-color:#dcfa85}
.p-auth-tabs{display:flex;gap:5px;margin-top:23px;padding:4px;border:1px solid #334652;border-radius:12px;background:#141f28}.player-screen .p-auth-tabs button{flex:1;padding:11px 8px;border:0;border-radius:8px;font-size:12px;font-weight:650;background:transparent;color:#a7b9c8}.player-screen .p-auth-tabs button[aria-selected=true]{background:#2e414b;color:#e4f8c7}.p-username-hint{font-size:10px;color:#8da1b2;margin:-11px 0 14px;line-height:1.5}.p-profile-username{display:block;color:#9bb0c0;font-size:10px;overflow-wrap:anywhere;line-height:1.4}.p-profile-username:empty{display:none}
.p-auth-resume{padding-top:24px;flex:1}.p-auth-resume h2{font-size:32px;margin:10px 0;overflow-wrap:anywhere}.p-auth-resume>p{font-size:14px;color:#a9bdc9;margin:15px 0 26px}.p-auth-resume .p-text-button{margin-top:17px}.p-account-history{margin-top:30px}.p-history-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.p-history-heading h2{font-size:30px;margin-top:6px}.p-history-list{display:flex;flex-direction:column;gap:12px}.p-history-card{padding:17px;border:1px solid #3a4d59;border-radius:13px;background:#1a2933}.p-history-card-heading{display:flex;flex-direction:column;gap:5px}.p-history-card-heading strong{font-size:15px;overflow-wrap:anywhere}.p-history-card time{font-size:10px;color:#98afbc}.p-history-stats{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.p-history-stats b{font-size:23px;color:#dcfa85;letter-spacing:-.6px}.p-history-stats span{font-size:12px;color:#b6c4ce}.p-history-card>p{font-size:11px;color:#a4b7c3;margin-top:10px}.p-history-empty{padding:30px 22px;border:1px dashed #465866;border-radius:13px;text-align:center;color:#a3b7c4;font-size:14px}.p-history-note{font-size:11px;color:#8fa6b7;line-height:1.6;margin:17px 0}.p-account-actions{display:flex;flex-direction:column;gap:12px;margin-top:25px}.p-account-actions a{text-decoration:none;text-align:center}.p-recovery>a{display:inline-block;font-size:12px;color:#c9dfaf;margin-top:14px}.account-screen .p-buzzer-area,.account-screen .p-recovery,.account-screen .p-footer,.account-screen .p-secret,.account-screen .p-question,.account-screen .p-results,.account-screen .p-winner{display:none!important}.account-screen .p-play{padding-bottom:0}
.p-account-history>.p-result-metrics{margin-top:0;margin-bottom:24px}.p-account-join{border:1px solid #3b514c;background:#1b2d29;border-radius:14px;padding:18px;margin:22px 0 29px}.p-account-join label{font-size:13px;color:#d5e1d3;margin:0 0 14px}.p-account-join input{margin-top:10px;font-size:14px;min-width:0;background:#12201f;border-color:#4c625a}.p-account-join>p{font-size:10px;color:#99b1a8;text-align:center;margin-top:11px}.p-account-join>.p-primary{padding:12px;font-size:14px}
.p-play:has(.p-question.is-expanded) .p-profile h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.p-round {display:grid;gap:5px;padding:14px 18px;border:1px solid var(--p-line,#334154);border-radius:16px;margin:0 0 18px;background:rgba(255,255,255,.025)}
.p-round > span {font-size:12px;color:#94a9ba;overflow-wrap:anywhere}
.p-round > strong {font-size:17px;overflow-wrap:anywhere}
.p-round > span:last-child {font-size:10px;text-transform:uppercase;letter-spacing:.1em}

.p-question-cost{border-top:1px solid #3b4d39;padding-top:8px;margin:3px 0 0;font-size:12px;color:#dcfa85;line-height:1.5}