/* One palette and component treatment across the complete product. */
:root{--brand-ink:#110c2c;--brand-gold:#ffd17b;--brand-pink:#ff638f;--bg:#110c2c;--panel:#1b1233;--panel2:#291b43;--text:#fff6eb;--muted:#c3afd2;--line:#67477f;--gold:#ffd17b;--pink:#ff638f;--violet:#a57ac2;--cyan:#ffd17b;--fun-purple:#a57ac2;--fun-pink:#ff638f;--fun-orange:#ffd17b}
html{background:var(--brand-ink)}body{color:var(--text);background:radial-gradient(ellipse at 18% 12%,#38113966,transparent 44%),linear-gradient(145deg,#110c2c,#08071d)}
:is(.game-card,.info-section,.coming-section,.brand-steps,.account-card,.community-section,.panel,.card,.arena-dialog,.leave-dialog,.elimination-notice){background:linear-gradient(155deg,#201534,#120d29);border-color:var(--line);box-shadow:inset 0 1px 0 #fff1,0 12px 35px #08041a40}
:is(.how-card,.feature-grid article,.player,.round-player-card,.postgame-player,.arena-trophy,.arena-collection,.arena-podium-card,.achievement-card,.setup-avatar-box,.profile-edit-box,.ready-check-box,.dialogue-card,.submitted-answer,.player-tell,.round-guide li){background:linear-gradient(145deg,#2b1c42,#1a122f);border-color:#74518b}
:is(.kicker,.field-label,.phase-note,.player-sub,.section-heading p,.how-card p,.feature-grid p,.account-note,.profile-footnote){color:var(--muted)}
:is(.section-heading h2,.community-heading h2,.how-card h3,.feature-grid h3,.profile-identity h2,.profile-score-grid strong,.arena-trophy h3,.arena-podium-card strong,.winnerTitle){color:var(--brand-gold)}
:is(input,select,textarea){accent-color:var(--brand-pink)}
:is(.setup-card input,.profile-edit-row input,.feedback-section input,.feedback-section select,.feedback-section textarea,.reward-edit select){background:#160e2b;border-color:#79538e;color:var(--text)}
:is(button,input,select,textarea,a):focus-visible{outline:2px solid var(--brand-gold);outline-offset:3px}
:is(.secondary-btn,.tool-btn,.icon-tool-btn,.profile-nav-btn,.leave-btn,.reaction-btn,.press-btn,.answer-btn,.continue-btn){background:#291b43;border-color:#80608e;color:var(--text)}
:is(.answer-btn.selected,.reaction-btn.selected,.press-btn.selected){background:#56324b;border-color:var(--brand-gold)}
:is(.answer-btn .answer-letter,.step-num,.counter-badge){background:#ff638f;color:#110c2c;border-color:#ff638f}.how-card:after{background:linear-gradient(90deg,var(--brand-gold),var(--brand-pink))}
:is(.start-btn,.brand-primary,.gold,.violet,.pink,.cheat-btn,.final-cheat-btn){background:linear-gradient(145deg,#ff867a,#eb3e72);border-color:#ff9c91;color:#fff6eb;box-shadow:0 5px 18px #ff638f24}
:is(.turn-banner,.hunter-spotlight,.power-banner,.ceremony-pot,.winner-pot,.profile-stats>div,.profile-score-grid>div,.arena-totals>div){background:#2b1c42;border-color:#85618f}
.question-card.your-turn .turn-banner{background:linear-gradient(105deg,#ffd17b,#ff867a);color:#26122e}
:is(.timer-wrap strong,.room-code,.big-count,.ceremony-pot strong,.winner-pot strong,.hunter-score strong){color:var(--brand-gold)}
:is(.self-tag,.arena-tier,.hunter-chip){background:#ffd17b;color:#21132e}.timer-wrap.danger strong{color:var(--brand-pink)}
:is(.arena-dialog,.leave-dialog,.elimination-notice)::backdrop{background:#09051be0}
.radar{border-color:var(--brand-pink)}.radar div{background:var(--brand-gold)}
:is(.round-detail-disclosure,.room-report-disclosure,.ranking-rules,.join-room-details){border-color:#79538e;background:#1c1230}
.brand-icon{display:inline-block;width:28px;height:28px;vertical-align:middle;color:var(--brand-gold);flex-shrink:0}.how-icon .brand-icon,.feature-grid .brand-icon{width:42px;height:42px;color:var(--brand-pink)}.winner-burst .brand-icon{width:52px;height:52px}.section-crown .brand-icon{width:32px;height:32px}.coming-pills .brand-icon{width:20px;height:20px}.icon-tool-btn .brand-icon{width:23px;height:23px;color:var(--text)}
.room-toolbar{display:none}.room-toolbar button{font:inherit;font-weight:800;font-size:12px;line-height:1.4;color:var(--text);border:1px solid #79538e;border-radius:12px;background:#291b43;min-height:44px;padding:6px 10px;cursor:pointer}.room-toolbar bdi{color:var(--brand-gold);font-size:18px;letter-spacing:2px;margin-inline-start:7px}
body.in-session .room-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 48px;height:48px;margin:0 0 4px;padding:0 3px;border-bottom:1px solid #67477f}
body.in-session .site-nav{display:none!important}body.in-session .room-toolbar img{width:32px;height:28px}body.in-session #roomSoundToggle{width:44px;min-width:44px;height:44px;margin:0;padding:8px}
body.live-phase .shell{height:100dvh;display:flex;flex-direction:column;padding-block:4px}body.live-phase #room{display:flex!important;flex:1;min-height:0;flex-direction:column}body.live-phase #gameView{display:flex!important;flex:1;min-height:0;flex-direction:column}body.live-phase .arena-hud{display:none!important}
.frame-coral{outline:2px solid #ff638f;outline-offset:1px}.frame-gold{outline:2px solid #ffd17b;outline-offset:1px}.frame-mask{outline:2px solid #ffd17b;outline-offset:1px;box-shadow:0 0 0 5px #ff638f55}.player-title{display:block;color:#ffd17b;font-size:10px;line-height:1.4;margin-top:2px}
.rewards-profile{margin:18px 0;padding:16px;border:1px solid #79538e;border-radius:18px;background:#241737}.reward-heading{display:flex;align-items:center;gap:8px;color:#ffd17b}.reward-edit{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reward-edit label{display:grid;gap:6px;font-size:13px}.reward-edit select{width:100%;min-height:44px;padding:8px;border-radius:10px;font:inherit}.reward-shelf{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.reward-shelf>span{border:1px solid #79538e;padding:8px 10px;border-radius:12px;font-size:12px}.reward-shelf small{display:block;color:#c3afd2;margin-top:3px}.reward-shelf .earned{border-color:#ffd17b;color:#ffd17b}.reward-shelf .locked{color:#c3afd2}.reward-unlocked{color:#ffd17b;font-weight:800}
.match-rewards:empty{display:none}.match-rewards{margin-top:5px}.match-rewards .room-report-disclosure{margin-top:0}.match-rewards summary{font-size:12px;padding:8px}.match-rewards .brand-icon{height:18px;width:18px}.match-rewards details[open]{text-align:start}.match-rewards details[open] p{font-size:14px;line-height:1.7}.reward-heading strong{font-variant-numeric:tabular-nums}
@media(max-width:700px){body.live-phase #gameView>.game-card:not(.hidden):not(.game-hud){margin-block:3px}body.live-phase .game-hud{margin-block:3px;padding:7px 10px}.game-hud strong{font-size:16px}.timer-wrap strong{font-size:22px}.timer-wrap{padding:3px 7px}body.in-session:not(.live-phase) #room>.arena-hud{display:none!important}#winnerPanel .winner-burst .brand-icon{width:32px;height:32px}#winnerPanel .winner-confetti{display:none}#winnerPanel .winner-answer{margin:3px 0}#winnerPanel .winner-pot{padding:5px 12px}.how-icon .brand-icon,.feature-grid .brand-icon{width:34px;height:34px}}
@media(max-width:700px) and (max-height:600px){body.live-phase #questionPanel{padding:7px!important}body.live-phase #questionPanel h2{font-size:18px;margin:5px auto}body.live-phase .social-card h2{font-size:17px;margin:3px 0}body.live-phase .social-card .accuse-actions{margin:5px 0}body.live-phase .social-card .read-controls{margin:4px 0}#winnerPanel{padding:8px}#winnerPanel h2{font-size:23px}#winnerPanel .winner-funny,#winnerPanel .winner-reason{font-size:11px;margin:3px}#winnerPanel .winner-burst{line-height:1}#winnerPanel .winner-actions{margin-top:6px}#roundRevealPanel .ceremony-head .reveal-crown{display:none}#roundRevealPanel .ceremony-head h2{font-size:16px}#roundRevealPanel .round-player-card{padding:4px}#roundRevealPanel .round-detail-disclosure{margin-top:4px}#roundRevealPanel .elimination-decision{padding-top:4px;margin-top:4px}}
@media(prefers-reduced-motion:reduce){.reward-unlocked{animation:none}}
@media(max-width:700px) and (max-height:600px){#roundRevealPanel{padding:7px!important}#roundRevealPanel .round-player-cards{gap:4px;margin-top:3px}#roundRevealPanel .round-player-card{min-height:0}#roundRevealPanel .round-detail-disclosure>summary{padding:6px 8px}#roundRevealPanel .power-banner{padding:3px 6px}#roundRevealPanel .elimination-player-card{min-height:50px;padding:4px}#roundRevealPanel .elimination-wait{padding:4px;margin-block:4px}}
.xp-bar{width:100%;height:9px;border:0;border-radius:10px;overflow:hidden;margin:6px 0 14px;accent-color:#ff638f}.xp-bar::-webkit-progress-bar{background:#483050}.xp-bar::-webkit-progress-value{background:linear-gradient(90deg,#ff638f,#ffd17b)}.xp-bar::-moz-progress-bar{background:#ff638f}
.social-votes .brand-icon,.press-btn .brand-icon{width:20px;height:20px;color:inherit}.social-votes .trust-btn{background:linear-gradient(145deg,#205344,#143c35);border-color:#68bda5}.social-votes .accuse-btn{background:linear-gradient(145deg,#71314c,#44203d);border-color:#ff638f}
@media(max-width:700px){.elimination-recovery{display:block;padding:3px 4px;max-width:100%;text-align:center}.elimination-recovery span{display:none}.elimination-recovery b{font-size:11px}.elimination-player-info{width:100%}.elimination-player-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:350px) and (max-height:600px){body.live-phase #questionPanel h2{font-size:16px;line-height:1.25;margin:4px auto}}
@media(max-width:700px) and (max-height:600px){.social-card .dialogue-card{display:flex;align-items:center;gap:6px;padding:5px 7px}.social-card .dialogue-card>span{flex:0 0 auto;max-width:38%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.social-card .dialogue-card blockquote{flex:1;min-width:0;margin:0!important;font-size:12px;line-height:1.3}}

/* Approved round-results treatment and Cairo typography. */
html body,html body *{font-family:'Cairo',system-ui,sans-serif!important}
.gold-coin{width:23px;height:23px;display:inline-block;vertical-align:middle;flex-shrink:0;margin-inline:4px}
.pot,.winner-pot,.ceremony-pot{align-items:center;gap:4px}
.pot>[data-gold-coin]{display:inline-flex!important;font-size:0}
.winner-pot>[data-gold-coin]{display:flex}.winner-pot .gold-coin{width:30px;height:30px}
.ceremony-pot{min-width:max-content;flex-shrink:0;overflow:visible}
.cheat-btn,.accuse-btn,.final-cheat-btn,.social-votes .accuse-btn{background:linear-gradient(145deg,#f34451,#b71c36);border:1px solid #ff8790;color:#fff}
.trust-btn,.continue-btn,.social-votes .trust-btn{background:linear-gradient(145deg,#24aa72,#087b4f);border:1px solid #69e0a3;color:#fff}
.phase-overlay{background:radial-gradient(ellipse at center,#382047,#110c2cf5 65%);color:#ffd17b}
.phase-overlay-title{color:#fff6eb;text-shadow:none}.phase-overlay-label{color:#ffd17b;letter-spacing:.08em}
.phase-overlay-icon .brand-icon{width:94px;height:94px;color:#ffd17b}
.question-card.your-turn .turn-banner{background:#291b43;border:1px solid #ffd17b;color:#ffd17b;animation:none}
.question-card.your-turn{background:linear-gradient(155deg,#201534,#120d29);border-color:#ffd17b}
@media(max-width:350px) and (max-height:600px){.gold-coin{width:17px;height:17px;margin-inline:2px}.game-hud{gap:5px}.game-hud .pot{gap:2px}.game-hud .pot strong{font-size:15px}.ceremony-pot strong{font-size:14px}.ceremony-pot{gap:2px;padding-inline:5px}.ceremony-section-head h3{font-size:12px}.phase-overlay-icon .brand-icon{width:70px;height:70px}}
@media(max-width:700px) and (max-height:600px){
 #roundRevealPanel .round-player-name{line-height:1.3}
 #roundRevealPanel .round-player-card{gap:3px}
 #roundRevealPanel .round-metrics{gap:2px;margin-top:2px}
 #roundRevealPanel .round-metrics span{font-size:8px;line-height:1.2}
 #roundRevealPanel .round-metrics b{font-size:10px;line-height:1.2}
 #roundRevealPanel .ceremony-head h2{line-height:1.3}
 #roundRevealPanel .power-banner h3{line-height:1.3}
 #roundRevealPanel .elimination-player-info strong{line-height:1.3}
 #roundRevealPanel .elimination-recovery{line-height:1.2}
 #roundRevealPanel .round-detail-disclosure>summary{line-height:1.3}
 #winnerPanel .winner-pot .gold-coin{width:22px;height:22px}
}
@media(max-width:700px) and (max-height:600px){.game-hud strong{line-height:1.3}.game-hud small{line-height:1.4}#roundRevealPanel .ceremony-head .kicker{line-height:1.3}}
body{line-height:1.4}button,input,select,textarea{line-height:1.35}
.hunter-score strong,.winner-pot strong,.round-player-name,.ceremony-pot strong{line-height:1.3}
@media(max-width:700px) and (max-height:600px){
 #winnerPanel .submitted-answer{padding:4px 8px;margin:3px 0}
 #winnerPanel .submitted-answer strong{font-size:18px;line-height:1.3;margin-top:2px}
 #winnerPanel .winner-pot{display:grid;grid-template-columns:auto auto;justify-content:center;gap:0 5px;padding:5px 12px}
 #winnerPanel .winner-pot>[data-gold-coin]{grid-row:1/3;align-self:center}
 #winnerPanel .winner-pot small{line-height:1.4;padding-block:0}
 #winnerPanel .winner-funny,#winnerPanel>.kicker{display:none}
 #winnerPanel .room-report-disclosure{margin-top:5px}
 #winnerPanel .room-report-disclosure>summary{line-height:1.3;padding:8px;min-height:44px}
 #winnerPanel #rematchStatus:empty{display:none}
}
@media(max-width:700px){
 #roundRevealPanel .round-player-card{padding:5px}
 #roundRevealPanel .round-metrics{gap:2px}
 #roundRevealPanel .round-metrics span{line-height:1.3}
 #roundRevealPanel .round-metrics b{line-height:1.3}
 #roundRevealPanel .round-metrics span:last-child{grid-column:1/-1;display:flex;flex-wrap:wrap;column-gap:3px;align-items:baseline}
 #roundRevealPanel .hunter-spotlight{padding:5px}
 body.live-phase #roundRevealPanel{padding:8px}
}
@media(max-width:700px) and (min-height:601px) and (max-height:720px){
 #roundRevealPanel .hunter-spotlight{margin:4px 0;padding:4px}
 #roundRevealPanel .hunter-avatar{width:34px;height:34px}
 #roundRevealPanel .hunter-score strong{font-size:20px}
 #roundRevealPanel .hunter-detail{font-size:9px;line-height:1.3}
 #roundRevealPanel .ceremony-pot{padding:2px 6px}
 #roundRevealPanel .ceremony-pot .gold-coin{width:18px;height:18px}
 #roundRevealPanel .round-player-cards{margin-top:3px;gap:3px}
 #roundRevealPanel .round-detail-disclosure{margin-top:4px}
 #roundRevealPanel .elimination-decision{margin-top:4px;padding-top:4px}
 #roundRevealPanel .power-banner{padding:3px 7px}
 #roundRevealPanel .power-banner .brand-icon{width:20px;height:20px}
}
@media(max-width:700px) and (min-height:601px) and (max-height:720px){
 #winnerPanel{padding:10px}
 #winnerPanel h2{font-size:25px;line-height:1.3;margin:4px}
 #winnerPanel .submitted-answer{padding:5px 8px;margin:4px 0}
 #winnerPanel .submitted-answer strong{font-size:20px;line-height:1.3}
 #winnerPanel .winner-pot{display:grid;grid-template-columns:auto auto;justify-content:center;gap:0 5px;padding:6px 12px}
 #winnerPanel .winner-pot>[data-gold-coin]{grid-row:1/3;align-self:center}
 #winnerPanel .winner-pot .gold-coin{width:24px;height:24px}
 #winnerPanel .winner-pot small{line-height:1.4;padding-block:0}
 #winnerPanel .room-report-disclosure{margin-top:5px}
 #winnerPanel #rematchStatus:empty{display:none}
}
@media(max-width:700px) and (min-height:601px) and (max-height:720px){#roundRevealPanel .round-player-card{padding:4px}}
.question-card.your-turn .turn-status,.question-card.your-turn .turn-player{color:var(--brand-gold)}
@media(max-width:700px) and (min-height:601px) and (max-height:720px){body.live-phase #roundRevealPanel{padding:6px}}
/* Profile reward collection: scoped away from room layouts. */
.reward-help{font-size:13px;color:#c9bada;line-height:1.6;margin:14px 0}
.reward-group-title{font-size:16px;color:#ffd17b;margin:20px 0 10px}
.reward-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.reward-card{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;min-height:166px;padding:14px 8px;border:1px solid #79538e;border-radius:16px;background:linear-gradient(145deg,#332044,#21152f);color:#f8f1ff;text-align:center;cursor:pointer;transition:transform .15s,border-color .15s}
.reward-card:hover{border-color:#ffd17b;transform:translateY(-2px)}
.reward-card:focus-visible,.reward-dialog-close:focus-visible{outline:3px solid #ffd17b;outline-offset:3px}
.reward-card strong{font-size:14px;line-height:1.5}.reward-card small{font-size:12px;color:#d6c9e2;direction:ltr}.reward-card.earned{border-color:#d8aa65}.reward-card.earned small{color:#ffd17b}
.reward-card-link{font-size:11px;color:#d2bfdc;margin-top:auto}.reward-art{display:grid;place-items:center;width:52px;height:52px;color:#ffd17b}.reward-art>.brand-icon{width:40px;height:40px}.reward-face-art{width:48px;height:48px}
.reward-frame-art{display:grid;place-items:center;width:44px;height:44px;border:3px solid #ff638f;border-radius:50%;color:#ffb5cd;background:#241737}.reward-frame-art .brand-icon{width:24px;height:24px}.art-gold{border-color:#ffd17b;color:#ffd17b}.art-mask{border-color:#ffd17b;box-shadow:0 0 0 4px #ff638f55;color:#ffd17b}
.reward-dialog{position:fixed;inset:0;margin:auto;width:calc(100% - 24px);max-width:420px;max-height:calc(100dvh - 32px);box-sizing:border-box;padding:26px 20px 20px;overflow-y:auto;border:1px solid #9670ab;border-radius:24px;background:linear-gradient(145deg,#302041,#1b122d);color:#f8f1ff;box-shadow:0 20px 70px #0008;text-align:center}
.reward-dialog::backdrop{background:#0e0819d9;backdrop-filter:blur(4px)}
.reward-dialog-close{position:absolute;inset-inline-end:8px;top:8px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #79538e;border-radius:50%;background:#241737;color:#fff;font-size:26px;cursor:pointer}
.reward-detail-preview{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:12px}.reward-detail-preview .avatar-badge{width:74px;height:74px;border-radius:50%}.reward-detail-preview .avatar-badge>span{display:block;width:100%;height:100%}.reward-detail-preview svg{width:100%;height:100%}.reward-detail-preview strong{font-size:14px}.reward-preview-title{font-size:13px;color:#ffd17b}
.reward-kind{color:#d0bade;font-size:11px;margin:18px 0 4px}.reward-dialog h2{color:#ffd17b;font-size:24px;line-height:1.4;margin:0 0 10px}.reward-dialog p{font-size:14px;line-height:1.6}.reward-unlock-info{background:#170f25;border:1px solid #674878;padding:14px;border-radius:14px;margin-top:14px;text-align:start}.reward-unlock-info strong{color:#ffd17b;font-size:14px}.reward-unlock-info p{margin:7px 0 12px}.reward-unlock-info span{font-size:12px;color:#d6c9e2}.reward-dialog .primary-btn{width:100%;min-height:44px}.reward-dialog .primary-btn:disabled{opacity:.7;cursor:default}.reward-lock-status{color:#ffd17b;margin-bottom:0}
@media(max-width:480px){.reward-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-card{min-height:156px}.reward-dialog{padding:22px 16px 16px}.reward-dialog h2{font-size:22px}}
.reward-dialog .primary-btn{border:1px solid #ffa489;border-radius:13px;background:linear-gradient(120deg,#ffad6e,#ef578b);color:#24132d;padding:11px 14px;font-weight:800;font-size:14px;cursor:pointer}.reward-dialog .primary-btn:disabled{background:#362642;border-color:#79538e;color:#d8c8e5}