:root{--bg:#f6f5ef;--paper:#fff;--ink:#193d34;--muted:#52645b;--line:#dce2da;--green:#153e35;--mint:#e9f0df;--lime:#d3e8a6;--orange:#a84716;--red:#ac3434;--radius:20px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button{color:inherit}button,input{touch-action:manipulation}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{transition:background .16s,transform .16s}button:not(:disabled):active{transform:translateY(1px)}
.site-header{height:104px;max-width:1240px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;text-decoration:none;font-size:27px;font-weight:850;letter-spacing:-1.3px}.brand-light{font-weight:450}.brand-icon{font-size:39px;line-height:1;margin-right:11px}.brand-tag{margin-left:12px;padding:5px 7px;border:1px solid #b7c3b7;border-radius:5px;font:700 12px ui-monospace,monospace;letter-spacing:0}.header-tools{display:flex;gap:20px;align-items:center}.connection{font-size:12px;color:var(--muted);display:flex;gap:7px;align-items:center}.connection:before{content:"";width:6px;height:6px;border-radius:50%;background:#9d876a}.connection.online:before{background:#3b8057}.icon-button{width:39px;height:39px;border:1px solid var(--line);border-radius:50%;font-size:23px;background:transparent}.icon-button[aria-pressed=true]{background:var(--lime)}
main{max-width:1240px;margin:auto;padding:0 40px;min-height:calc(100svh - 189px)}.lobby{display:grid;grid-template-columns:1.1fr 1fr;gap:68px;align-items:center;padding:66px 0 70px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.7px;line-height:1.5}.intro .eyebrow{display:flex;align-items:center;gap:9px}.tiny-star{font-size:20px;color:var(--orange)}h1,h2,p{margin-top:0}h1{letter-spacing:-2px;line-height:1.05}h2{letter-spacing:-1px}.intro h1{font-size:clamp(56px,5.8vw,80px);font-weight:800;margin:22px 0}.intro h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--orange)}.intro-copy{font-size:17px;line-height:1.7;color:var(--muted);margin:24px 0 30px}.game-facts{display:flex;gap:0;font-size:12px}.game-facts span{padding:0 20px;border-right:1px solid #c9d3c7;white-space:nowrap}.game-facts span:first-child{padding-left:0}.game-facts span:last-child{border:0}.game-facts b{font-size:16px;margin-right:4px}.category-strip{display:flex;align-items:center;margin-top:46px;gap:5px}.category-strip>span{display:grid;place-items:center;width:32px;height:36px;border-radius:10px;background:#ece6da;font-size:19px;transform:rotate(-6deg)}.category-strip>span:nth-child(even){transform:rotate(5deg);background:#e2eada}.category-strip small{font-size:12px;line-height:1.6;color:var(--muted);margin-left:10px}
.entry-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:0 8px 0 #e9ede3}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:25px}.card-top .eyebrow{font-size:12px}.pill{display:inline-block;border-radius:6px;background:var(--mint);padding:6px 10px;font-size:12px;font-weight:700}.entry-card h2{font-size:33px;margin-bottom:8px}.muted{color:var(--muted);line-height:1.7;font-size:14px}.entry-card>.muted{margin-bottom:27px}label{display:block;font-size:12px;font-weight:700;margin:18px 0 9px}input{width:100%;border:1px solid #c8d2c5;border-radius:9px;background:#fafbf8;padding:15px;color:var(--ink);font-size:16px;line-height:1.2}input::placeholder{color:#586b5a}input:focus{border-color:var(--green)}.entry-tabs{display:flex;padding:4px;border-radius:9px;background:#eef1e9;margin-top:24px}.entry-tabs button{flex:1;border:0;background:none;border-radius:7px;padding:11px 6px;font-size:12px;font-weight:700;color:var(--muted)}.entry-tabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 1px 4px #193d3414}.entry-explanation{display:flex;align-items:center;gap:14px;margin:27px 0;font-size:13px;color:var(--muted);line-height:1.6}.entry-explanation p{margin:0}.step-icon{font-size:27px;color:var(--ink)}.button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 20px;border-radius:9px;font-weight:700;font-size:13px;border:1px solid transparent}.button.primary{background:var(--green);color:#fff}.button.primary:hover:not(:disabled){background:#23614e}.button.primary:disabled{background:#7d8e82}.button.secondary{border-color:#bac9b5;background:transparent}.button.secondary:hover{background:var(--mint)}.entry-card .button{width:100%;justify-content:space-between}.button>span{font-size:22px;line-height:1}.card-note{text-align:center;color:var(--muted);font-size:12px;margin:20px -10px 0;line-height:1.6}.card-note span{margin-right:4px}#joinPanel .button{margin-top:16px}.code-input{letter-spacing:8px;text-transform:uppercase;font-weight:750}.how-it-works{display:flex;justify-content:space-between;padding:29px 10px 0;gap:10px;font-size:12px;color:var(--muted)}.how-it-works b{color:var(--orange);margin-right:6px;font-size:12px}
footer{max-width:1160px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:28px 0;font-size:12px;color:var(--muted)}footer>span:last-child{font-size:12px;letter-spacing:1.6px;font-weight:750}footer>span:last-child span{margin-left:10px;font-size:17px}.notice{background:#fff1dd;border:1px solid #dfb783;padding:14px 18px;border-radius:9px;margin:24px 0 0;font-size:13px;line-height:1.5}.text-button{background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;color:var(--muted);font-size:12px;padding:10px}.waiting-view,.finished-view{max-width:600px;margin:auto;text-align:center;padding:44px 0 55px}.large-symbol{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 24px;background:var(--lime);border-radius:50%;font-size:40px}.waiting-view h1,.finished-view h1{font-size:42px;margin:14px 0;overflow-wrap:anywhere}.invite-code{font-family:ui-monospace,monospace;font-weight:750;font-size:62px;letter-spacing:15px;padding:25px 10px 25px 25px;border:1px dashed #9eaf99;border-radius:16px;background:#fff;margin:28px auto 20px;max-width:330px}.share-actions{display:flex;justify-content:center;gap:12px}.share-status{font-size:12px;min-height:18px;line-height:1.5;color:var(--muted);margin:16px 0}.waiting-people{display:flex;align-items:center;justify-content:center;gap:12px;padding:25px 0;margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}.avatar{width:42px;height:42px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:700;flex-shrink:0}.avatar.empty{background:#e3e8db;color:var(--muted);border:1px dashed #9eaf99}.waiting-people strong{font-size:12px;display:block;max-width:150px;overflow-wrap:anywhere}.waiting-people small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.vs{font-size:12px;color:var(--muted);margin:0 14px;font-weight:800}.waiting-hint{font-size:12px;color:var(--muted);line-height:1.7;margin:20px 0 5px}
.game-view{max-width:840px;margin:auto;padding:28px 0 40px}.game-top{display:flex;align-items:center;justify-content:space-between}.game-top p{margin:0}.scoreboard{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;margin-top:10px}.score-player{border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px;min-width:0}.score-player.active{border-color:var(--green);box-shadow:inset 0 3px 0 var(--green)}.score-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.player-name small{font-size:12px;font-weight:400;color:var(--muted);margin-left:6px}.score{font-size:23px;white-space:nowrap;font-weight:800}.score small{font-size:12px;font-weight:400;color:var(--muted)}.badges{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.badge{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:14px;background:#f0f2eb;filter:grayscale(1);opacity:.4}.badge.earned{opacity:1;filter:none;background:#e1ebd2;outline:1px solid #a3bc82}.scoreboard>.vs{margin:0;text-align:center}.arena{margin-top:24px;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;min-height:360px}.arena-top{display:flex;align-items:center;justify-content:space-between}.progress-track{margin-top:16px}progress{width:100%;height:4px;display:block;appearance:none;border:0;border-radius:3px;overflow:hidden}progress::-webkit-progress-bar{background:#e9ede3}progress::-webkit-progress-value{background:var(--green)}progress::-moz-progress-bar{background:var(--green)}.turn-row{display:flex;align-items:center;justify-content:space-between;margin:22px 0;gap:10px}.turn-row p{margin:0;font-size:12px;font-weight:600}.timer{display:grid;place-items:center;min-width:45px;height:40px;padding:0 8px;border-radius:9px;background:var(--mint);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.timer.urgent{background:#f9e5da;color:#9f3516}#selection h1{font-size:29px;letter-spacing:-1px;margin-bottom:10px}#selection>.muted{font-size:12px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.category-button{text-align:left;background:var(--bg);border:1px solid var(--line);border-top:3px solid var(--cat-color,#56846a);border-radius:10px;padding:22px 17px;min-height:151px}.category-button:hover:not(:disabled){background:var(--mint);transform:translateY(-2px)}.category-button:disabled{opacity:.65}.category-button .cat-icon{font-size:30px;display:block;margin-bottom:17px}.category-button strong{font-size:13px;line-height:1.5;display:block}.category-button small{font-size:12px;color:var(--muted);display:block;margin-top:7px}[data-category=MUSICA]{--cat-color:#7078b1}[data-category=LITERATURA]{--cat-color:#b18740}[data-category=CINE_TV]{--cat-color:#b97676}[data-category=HISTORIA]{--cat-color:#56846a}[data-category=CIENCIA]{--cat-color:#5b9aa2}[data-category=ARTE_GEO]{--cat-color:#a77eb0}.question-category{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:12px}.question-title{font-size:25px;letter-spacing:-.6px;line-height:1.4;margin:0 0 24px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{display:flex;align-items:center;gap:12px;text-align:left;padding:15px 14px;min-height:72px;border:1px solid var(--line);border-radius:10px;background:#fafbf8;font-size:13px;line-height:1.5}.answer:hover:not(:disabled){border-color:var(--green);background:var(--mint)}.answer-letter{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border:1px solid #cbd4c7;border-radius:6px;font-size:12px;font-weight:800}.answer.correct{background:#e0eed5;border-color:#66944d;color:#214817}.answer.wrong{background:#fae7e2;border-color:#c88170;color:#812f22}.answer-result{font-size:12px;display:block;font-weight:800;margin-top:3px}.result{margin-top:20px;padding:17px 18px;border-radius:9px;background:var(--mint);font-size:12px;line-height:1.7}.result strong{display:block;margin-bottom:5px;font-size:14px}.game-hint{font-size:12px;color:var(--muted);line-height:1.7;text-align:center;margin:20px 0 0}.reconnect-notice{padding:12px;background:#fff1dd;border-radius:9px;font-size:12px;line-height:1.6;margin:16px 0}.trophy{background:#f0dba7;color:#6e5014}.final-scores{margin:27px 0}.final-row{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line);gap:15px;text-align:left}.final-row strong{font-size:15px;overflow-wrap:anywhere}.final-row .score{font-size:27px}.final-row.winner{background:var(--mint);border-radius:10px;border-bottom-color:transparent}.finished-view>.button{margin:auto;width:100%;max-width:330px}.finished-view .badges{margin-top:9px}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;max-width:420px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#142a22a0}dialog h2{margin-bottom:14px}dialog p{font-size:14px;line-height:1.6;color:var(--muted)}.dialog-actions{display:flex;gap:10px;margin-top:24px}.dialog-actions .button{flex:1}
@media(min-width:1400px){.lobby{padding-top:80px;padding-bottom:80px;gap:110px}.entry-wrap{max-width:460px}.intro h1{font-size:84px}}
@media(max-width:900px){.lobby{gap:35px;padding-top:45px}.entry-card{padding:24px}.intro h1{font-size:62px}.game-facts span{padding:0 12px}.category-strip{gap:3px}.category-strip small{display:none}.category-strip>span{width:29px}.how-it-works{font-size:12px;padding-left:0;padding-right:0}.site-header{height:85px}main{min-height:calc(100svh - 165px)}footer{margin:0 40px}.connection{font-size:12px}.brand{font-size:24px}}
@media(max-width:680px){.site-header{padding:0 22px;height:78px}.brand-tag{display:none}.header-tools{gap:12px}.connection{font-size:12px}.icon-button{height:34px;width:34px}.brand{font-size:23px}.brand-icon{font-size:32px;margin-right:7px}main{padding:0 22px}.lobby{display:block;padding:36px 0 42px}.intro .eyebrow{font-size:12px;letter-spacing:1.5px}.intro h1{font-size:54px;line-height:1.02;letter-spacing:-2.3px;margin-top:17px}.intro h1 br:nth-child(2){display:initial}.intro h1 em{margin-left:0}.intro-copy{font-size:14px;line-height:1.6;margin:19px 0}.game-facts{font-size:12px}.game-facts b{font-size:13px}.category-strip{display:none}.entry-wrap{margin-top:32px}.entry-card{padding:25px}.card-top{margin-bottom:21px}.entry-card h2{font-size:30px}.entry-card>.muted{font-size:12px;margin-bottom:20px}.how-it-works{padding-top:25px;font-size:12px}footer{margin:0 22px;font-size:12px;align-items:center}footer>span:last-child{font-size:12px;letter-spacing:.5px}footer>span:last-child span{display:none}.waiting-view,.finished-view{padding:35px 0 40px}.waiting-view h1,.finished-view h1{font-size:34px;letter-spacing:-1.5px}.invite-code{font-size:52px;letter-spacing:12px;max-width:280px}.share-actions{gap:8px}.share-actions .button{padding:13px;font-size:12px;flex:1}.waiting-people{gap:8px}.waiting-people strong{font-size:12px;max-width:95px}.waiting-people small{font-size:12px}.waiting-people .vs{margin:0 5px}.waiting-people .avatar{width:34px;height:34px}.game-view{padding-top:16px}.scoreboard{grid-template-columns:1fr 25px 1fr}.score-player{padding:12px 10px}.score-line{display:block}.player-name{font-size:12px}.player-name small{font-size:12px}.score{font-size:23px;margin-top:6px}.badges{gap:3px;margin-top:10px}.badge{width:20px;height:20px;font-size:12px}.arena{padding:20px 16px;margin-top:20px;border-radius:13px}.arena-top .eyebrow{font-size:12px;letter-spacing:1px}.turn-row{margin:17px 0}.turn-row p{font-size:12px}.timer{height:34px;min-width:40px;font-size:16px}#selection h1{font-size:24px}#selection>.muted{font-size:12px}.category-grid{grid-template-columns:1fr;gap:10px;margin-top:20px}.category-button{min-height:80px;padding:14px 16px;display:grid;grid-template-columns:40px 1fr;align-items:center;column-gap:10px;border-top-width:1px;border-left:3px solid var(--cat-color)}.category-button .cat-icon{font-size:27px;margin:0;grid-row:1/3}.category-button small{margin-top:2px}.category-button strong{font-size:13px}.question-title{font-size:20px;line-height:1.45;letter-spacing:-.3px;margin-bottom:19px}.answers{grid-template-columns:1fr;gap:9px}.answer{min-height:58px;padding:12px;font-size:12px}.answer-letter{width:26px;height:26px}.result{font-size:12px;padding:14px}.result strong{font-size:13px}.game-hint{font-size:12px}.final-row{padding:18px 12px}.notice{font-size:12px}}
@media(max-width:360px){main{padding:0 16px}.site-header{padding:0 16px}.intro h1{font-size:46px}.entry-card{padding:21px}.connection{max-width:85px}.waiting-people .avatar{display:none}.badge{width:17px;height:18px;font-size:12px}.score-player{padding:10px 8px}.badges{gap:2px}.brand{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Readable supporting copy at every viewport. */
.entry-explanation,.card-note,.waiting-hint,.game-hint,.share-status,.result,.notice{font-size:14px}.entry-card>.muted,#selection>.muted{font-size:14px}.category-button small,.how-it-works,.waiting-people small{font-size:12px}.score small,.player-name small{font-size:12px}.answer{font-size:14px}.connection{font-size:12px}.badge{opacity:.65}.badge.earned{opacity:1}.category-strip small{font-size:12px}.card-top .eyebrow{font-size:12px}.how-it-works{flex-wrap:wrap}.waiting-people{flex-wrap:wrap}.waiting-people strong{font-size:14px}.game-facts{flex-wrap:wrap;row-gap:10px}.entry-tabs button{font-size:14px}.share-actions .button{font-size:14px}.entry-card .card-note{margin-left:0;margin-right:0}.eyebrow{letter-spacing:1.1px}@media(max-width:680px){.header-tools{gap:8px}.connection{font-size:12px}.intro .eyebrow{font-size:12px}.score-line .player-name{font-size:14px}.score-line .player-name small{display:block;margin:3px 0 0}.turn-row p{font-size:14px}.waiting-people .avatar{display:none}.card-top{flex-wrap:wrap}.game-top .text-button{font-size:12px}.game-top .eyebrow{font-size:12px}.game-facts span{font-size:12px}.scoreboard .badges{gap:3px}.scoreboard .badge{width:18px;height:22px;font-size:12px}}

@media(max-width:680px){.scoreboard .badges{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.scoreboard .badge{width:100%;max-width:24px;height:22px}}