:root{--v1-ink:#08151d;--v1-cream:#f5f0e6;--v1-muted:#d7cab2;--v1-gold:#e2a93b;--v1-gold-hi:#f1c45c;--v1-display:"Fraunces",Georgia,serif;--v1-ui:"DM Sans","Trebuchet MS",sans-serif;--gameplay-background-image:url("assets/game/game-background-infinite.png")}
body:has(#screen-game.active),body:has(#screen-results.active){background:radial-gradient(circle at 50% -10%,rgba(226,169,59,.1),transparent 30rem),linear-gradient(145deg,#030a0e,#0b1d26 52%,#061117)}
body:has(#screen-game.active) .app-shell,body:has(#screen-results.active) .app-shell{width:min(100%,1180px);padding:max(18px,env(safe-area-inset-top)) 12px max(22px,env(safe-area-inset-bottom));font-family:var(--v1-ui)}
body:has(#screen-game.active) .topbar,body:has(#screen-results.active) .topbar,body:has(#screen-game.active) #burrAppVersion,body:has(#screen-results.active) #burrAppVersion{display:none}
#screen-game.active,#screen-results.active{position:relative;min-height:min(820px,calc(100dvh - 40px));overflow:hidden;isolation:isolate;padding:clamp(16px,3vw,34px);color:var(--v1-cream);border:1px solid rgba(245,240,230,.13);border-radius:28px;box-shadow:0 36px 90px rgba(0,0,0,.52),inset 0 0 0 7px rgba(0,0,0,.18)}
#screen-game.active{background:#06131a var(--gameplay-background-image) center top/cover no-repeat}
#screen-results.active{background:#06131a url("assets/resultado/resultado-background.png") center 44%/cover no-repeat}
#screen-game.active::after,#screen-results.active::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 42%,transparent 24%,rgba(1,7,10,.25) 72%),linear-gradient(180deg,rgba(1,6,9,.04),rgba(1,6,9,.22));pointer-events:none}
#screen-game .game-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:min(100%,620px);margin:0 auto 10px}
#screen-game .game-header>.score-chip:first-child{grid-column:1}#screen-game .game-header>.opponent-badge{grid-column:2}#screen-game .game-header>.score-chip:last-child{grid-column:3}
#screen-game .score-chip,#screen-game .opponent-badge{min-height:38px;padding:6px 12px;border:1px solid rgba(226,169,59,.3);border-radius:12px;background:linear-gradient(180deg,rgba(16,42,51,.96),rgba(5,18,24,.98));box-shadow:0 7px 16px rgba(0,0,0,.22)}
#screen-game .score-chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:max-content;white-space:nowrap}
#screen-game .score-chip small{color:var(--v1-muted);font:750 .65rem/1 var(--v1-ui);letter-spacing:.065em}#screen-game .score-chip strong{color:var(--v1-cream);font:900 1.12rem/1 var(--v1-ui);font-variant-numeric:tabular-nums}#screen-game .score-chip:last-child{flex-direction:row-reverse}#screen-game .score-chip:last-child strong{color:var(--v1-gold-hi)}
#screen-game .opponent-badge{justify-self:center;color:var(--v1-cream);font-weight:800}.status-dot.online{background:#5ebc85}
#screen-game .timer-track{width:min(100%,760px);height:9px;margin:0 auto 16px;border:1px solid rgba(226,169,59,.25);background:#07161d;box-shadow:inset 0 2px 5px rgba(0,0,0,.35)}#screen-game .timer-bar{background:linear-gradient(90deg,#c9693b,var(--v1-gold-hi));box-shadow:0 3px 10px rgba(226,169,59,.28)}
#screen-game .question-card{width:min(100%,760px);margin:0 auto;padding:clamp(24px,4vw,40px);color:var(--v1-cream);border:1px solid rgba(226,169,59,.35);border-radius:20px;background:linear-gradient(145deg,rgba(16,42,51,.96),rgba(5,18,24,.99));box-shadow:0 24px 58px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04)}
#screen-game .question-meta{margin-bottom:0}
#screen-game .question-card h2{max-width:650px;margin:14px auto 18px;color:var(--v1-cream);font:900 clamp(1.65rem,4vw,2.55rem)/1.12 var(--v1-display);letter-spacing:-.02em;text-align:center;text-wrap:balance}
#screen-game .category-chip{color:#171208;background:var(--v1-gold-hi)}#screen-game .type-chip{color:var(--v1-muted);background:#0b2028;border:1px solid rgba(226,169,59,.25)}
#screen-game .answer-button{min-height:58px;color:var(--v1-cream);border:1px solid rgba(226,169,59,.34);border-radius:12px;background:linear-gradient(180deg,#142d37,#091920);box-shadow:inset 0 -3px rgba(0,0,0,.28),0 6px 14px rgba(0,0,0,.18)}#screen-game .answer-letter{color:var(--v1-gold-hi);background:#07161d}#screen-game .answer-button:hover:not(:disabled){border-color:var(--v1-gold-hi);background:linear-gradient(180deg,#193743,#0c222b)}
#screen-game .answer-button.correct{border-color:#63b58a;background:linear-gradient(180deg,#2e9166,#176344)}#screen-game .answer-button.wrong{border-color:#d06b63;background:linear-gradient(180deg,#9f4d45,#702e2b)}#screen-game .question-support{color:var(--v1-muted)}
#screen-game .feedback-banner{width:min(100%,760px);margin:14px auto 0;color:var(--v1-cream)}
#screen-results.active{display:grid;place-items:center;text-align:center}
#screen-results .results-panel{position:relative;width:min(92vw,680px);max-width:none;margin:0;padding:12px 30px 18px;overflow:hidden;color:var(--v1-cream);border:0;border-radius:24px;background:linear-gradient(180deg,rgba(3,13,18,.2),rgba(3,13,18,.58));box-shadow:0 24px 58px rgba(0,0,0,.3);backdrop-filter:none}
#screen-results .results-panel::before{content:none}
.result-v1-crest{position:relative;width:min(100%,310px);aspect-ratio:1.5;margin:-6px auto -6px;overflow:hidden}.result-v1-crest>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.result-v1-winner{position:absolute;inset:24% 17% 22%;display:flex;flex-direction:column;align-items:center;justify-content:center}
#screen-results .result-v1-winner .eyebrow{margin:0 0 3px;padding:0;color:var(--v1-gold-hi);background:transparent;box-shadow:none;font:800 .75rem var(--v1-ui);letter-spacing:.11em}
#screen-results #resultTitle{max-width:100%;margin:0;color:var(--v1-cream);font:900 clamp(1.7rem,5vw,3rem)/.88 var(--v1-display);letter-spacing:-.035em;text-shadow:0 3px 0 #8c4b25,0 6px 0 #29150d,0 12px 22px rgba(0,0,0,.58);text-transform:uppercase;text-wrap:balance}
@media(min-width:681px){#screen-results .result-v1-crest{width:min(100%,340px);aspect-ratio:1.42}#screen-results .result-v1-crest>img{transform:translateY(-4px)}#screen-results .result-v1-winner{inset:30% 15% 8%;justify-content:flex-start}#screen-results .result-v1-winner .eyebrow{margin-bottom:5px}}
.result-v1-message{position:relative;width:min(100%,400px);aspect-ratio:1.53;margin:-12px auto 12px;overflow:hidden}.result-v1-message>img{position:absolute;top:-14.35%;left:0;width:100%;filter:brightness(.88) saturate(.92);pointer-events:none}.result-v1-message>div{position:absolute;top:30%;bottom:17%;left:50%;display:grid;width:min(78%,270px);place-items:center;place-content:center;transform:translateX(-50%)}
#screen-results .result-subtitle{margin:0;color:var(--v1-cream);font:750 clamp(.72rem,2vw,.88rem)/1.3 var(--v1-display);text-shadow:0 2px 6px rgba(0,0,0,.65)}
.result-v1-actions{display:grid;width:min(100%,500px);gap:8px;margin:0 auto}#screen-results .primary-button{color:#171208;border:1px solid #f8d777;background:linear-gradient(180deg,#f8d777,#e2a93b 68%,#bd751f)}#screen-results .ghost-button{min-height:46px;color:var(--v1-gold-hi);border:1px solid rgba(226,169,59,.38);background:transparent;box-shadow:none}
@media(max-width:600px){body:has(#screen-game.active) .app-shell,body:has(#screen-results.active) .app-shell{padding:8px}#screen-game.active,#screen-results.active{min-height:calc(100dvh - 16px);padding:16px 10px;border-radius:24px}#screen-game .game-header{gap:6px;width:100%;margin-bottom:7px}#screen-game .score-chip{min-height:36px;padding:5px 9px;gap:5px;border-radius:11px}#screen-game .score-chip small{font-size:.59rem;letter-spacing:.045em}#screen-game .score-chip strong{font-size:1rem}#screen-game .opponent-badge{min-height:36px;padding:5px 7px}#screen-game .question-card{padding:24px 14px 18px}#screen-game .answer-button{min-height:52px}#screen-results .results-panel{width:100%;padding:5px 18px 10px}#screen-results .result-v1-crest{width:min(100%,282px)}#screen-results #resultTitle{font-size:clamp(1.7rem,7.7vw,2.45rem)}#screen-results #duelScoreboard:not(.hidden),#screen-results #soloStats:not(.hidden){padding:13px 10px 11px}.result-v1-message{width:min(100%,340px);margin:-14px auto 14px}.result-v1-actions{width:100%}}
@media(prefers-reduced-motion:reduce){#screen-game .answer-button{transition:none}}