@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&family=Fredoka:wght@600;700&display=swap');*{box-sizing:border-box}body{margin:0;background:#fff8ec;color:#171b3e;font-family:"DM Sans"}a{text-decoration:none;color:inherit}header{height:80px;max-width:1100px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo{font:700 21px Fredoka}.logo span,.kicker{color:#ff6048}.hero{background:#12173d;color:white;text-align:center;padding:90px 20px}.hero p,.kicker{font-size:12px;letter-spacing:3px;font-weight:bold}.hero h1{font:700 clamp(45px,8vw,88px)/.95 Fredoka;margin:15px}.hero em{color:#ffa12d;font-style:normal}.hero>span{color:#cbd0e7}.games,.game{max-width:900px;margin:auto;padding:75px 24px}.games h2,.game>h1{font:700 48px Fredoka;margin:5px 0 30px}.card{display:grid;grid-template-columns:1fr 1fr;background:#171d4c;color:white;border-radius:28px;overflow:hidden;box-shadow:0 22px 50px #19204b33;transition:.25s}.card:hover{transform:translateY(-6px)}.art{min-height:380px;background:#ff6048;display:grid;place-items:center;position:relative}.art b{font-size:130px}.art i{position:absolute;right:35px;top:35px;background:#8bddc0;color:#171d4c;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;font:700 38px Fredoka}.art span{position:absolute;left:30px;top:30px;font-size:35px}.card>div:last-child{padding:55px;display:flex;flex-direction:column;justify-content:center}.card h3{font:700 60px Fredoka;margin:15px 0}.card p{color:#cbd0e7}.card strong{color:#ffa12d;margin-top:25px}footer{text-align:center;padding:30px;color:#777}.game>p{color:#707287}.panel{background:white;padding:35px;border-radius:25px;box-shadow:0 15px 45px #171b3e15}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.cats button{background:white;border:2px solid #eee8df;border-radius:16px;padding:18px;font-size:25px}.cats b{display:block;font-size:13px;margin-top:7px}.cats .on{border-color:#ff6048;background:#fff0ed}button{cursor:pointer}.primary{border:0;border-radius:14px;padding:16px;background:#ff6048;color:white;font-weight:bold;width:100%}.hidden{display:none}.top{display:flex;justify-content:space-between;align-items:center}.top i{background:#171d4c;color:white;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font:700 22px Fredoka}.prompt{text-align:center;background:#fff8ec;border:2px dashed #e4d7c5;border-radius:20px;padding:38px;margin:25px 0}.prompt span{font-size:45px}.prompt h2{font:700 45px Fredoka;margin:12px}.actions{display:grid;grid-template-columns:1fr 2fr;gap:10px}.actions>button{border:0;border-radius:14px}.end{display:block;margin:25px auto 0;border:0;background:none;text-decoration:underline}.warning{background:#ff6048!important}@media(max-width:650px){.card{grid-template-columns:1fr}.art{min-height:280px}.card>div:last-child{padding:32px}.cats{grid-template-columns:1fr 1fr}.games,.game{padding:50px 16px}}
.times{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 25px}.times button{padding:13px;border:2px solid #eee8df;border-radius:14px;background:white;color:#171b3e;font:700 18px Fredoka}.times button b{display:block;color:#777;font:400 11px "DM Sans"}.times .on{border-color:#ff6048;background:#fff0ed;color:#ff6048}
.mix-box{margin:-8px 0 25px;padding:20px;border-radius:18px;background:#f7f5f0}.mix-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.mix-title b,.mix-title small{display:block}.mix-title small{margin-top:3px;color:#777}.mix-title button{border:0;background:none;color:#ff6048;font-weight:700}.mix-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.mix-check{padding:10px;border-radius:10px;background:white;font-size:13px}.mix-check input{accent-color:#ff6048;margin-right:6px}.mix-error{color:#d94335!important;font-weight:700;font-size:13px}.cats{grid-template-columns:repeat(4,1fr)}
@media(max-width:650px){.mix-grid{grid-template-columns:1fr}.mix-title{align-items:flex-start}.mix-title button{text-align:right;font-size:11px}}
.art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.game-list{display:grid;gap:28px}.quiz-card{background:#202753}.quiz-main{max-width:1100px;margin:auto;padding:55px 24px 90px}.quiz-main>h1{font:700 58px Fredoka;margin:5px 0}.intro{color:#707287;margin-bottom:35px}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0 25px}.mode-picker button{padding:20px;border:2px solid #ebe7df;border-radius:16px;background:white;text-align:left;font-size:25px}.mode-picker b,.mode-picker small{display:block}.mode-picker b{font-size:15px;margin:8px 0 3px}.mode-picker small{color:#777}.mode-picker .on{border-color:#ff6048;background:#fff0ed}.names-head{display:flex;align-items:center;justify-content:space-between}.names-head button{border:0;background:none;color:#ff6048;font-weight:700}.name-list{display:grid;gap:9px;margin:10px 0 25px}.name-row{display:flex;gap:8px}.name-row input{flex:1;padding:13px;border:2px solid #e9e5dd;border-radius:12px;font:inherit}.name-row button{width:44px;border:0;border-radius:12px;background:#eee;color:#777;font-size:22px}.setup-error{color:#d94335}.quiz-layout{display:grid;grid-template-columns:240px 1fr;gap:22px}.score-panel,.quiz-board{background:white;border-radius:24px;padding:24px;box-shadow:0 15px 45px #171b3e15}.score-panel h3{font:700 22px Fredoka;margin-top:0}.score-panel #scoreboard{display:grid;gap:8px}.score-panel #scoreboard>div{display:flex;justify-content:space-between;padding:11px;border-radius:10px;background:#f5f2ec}.score-panel #scoreboard .reading{background:#fff0ed;color:#d94335}.turn-banner{display:flex;justify-content:space-between;align-items:center}.turn-banner small{display:block;color:#777;font-size:10px;letter-spacing:1px}.turn-banner strong{font:700 30px Fredoka}.quiz-timer{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#171d4c;color:white;font:700 22px Fredoka}.turn-help{color:#777;font-size:13px}.question-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.question-card{position:relative;padding:20px;border:2px solid #ede8df;border-radius:18px;min-height:235px;display:flex;flex-direction:column}.question-card.done{opacity:.65;background:#f3f8f5}.question-card .value{align-self:flex-start;padding:5px 9px;border-radius:99px;background:#fff0ed;color:#d94335;font-size:11px;font-weight:700}.question-card h3{font:700 18px Fredoka}.answer{padding:10px;border-radius:10px;background:#e9f7f1}.answer small,.answer strong{display:block}.answer small{font-size:9px;color:#41806b}.reveal{margin-top:auto;padding:11px;border:0;border-radius:10px;background:#171d4c;color:white;font-weight:700}.award{margin-top:10px}.award small{display:block;color:#777;margin-bottom:5px}.award div{display:flex;flex-wrap:wrap;gap:5px}.award button{border:0;padding:7px;border-radius:8px;background:#eee}.next-round{width:100%;margin-top:18px;padding:15px;border:0;border-radius:13px;background:#ff6048;color:white;font-weight:700}
@media(max-width:750px){.quiz-layout{grid-template-columns:1fr}.score-panel{order:2}.question-grid{grid-template-columns:1fr}.mode-picker{grid-template-columns:1fr}.quiz-main{padding:35px 14px}.quiz-main>h1{font-size:48px}}
.award .card-next{display:block;width:100%;margin-top:10px;padding:11px;background:#ff6048;color:white;font-weight:700}.question-card.current{border-color:#ff6048;box-shadow:0 0 0 3px #ff604820}
.question-card.locked{display:none}
.round-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 25px}.round-picker button{padding:14px;border:2px solid #e9e5dd;border-radius:13px;background:white;font:700 18px Fredoka}.round-picker .on{border-color:#ff6048;background:#fff0ed;color:#ff6048}.round-status{display:inline-block;margin-bottom:16px;padding:6px 11px;border-radius:99px;background:#fff0ed;color:#d94335;font-size:12px;font-weight:700}.quiz-result{text-align:center;max-width:600px;margin:30px auto}.quiz-result>span{font-size:70px}.quiz-result h2{font:700 40px Fredoka;margin:10px}.quiz-result #final-score{display:grid;gap:7px;margin:24px 0}.quiz-result #final-score div{display:flex;justify-content:space-between;padding:11px 15px;border-radius:10px;background:#f5f2ec}.quiz-result>a{display:block;margin-top:22px;color:#777;text-decoration:underline}
.match-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0 25px}.match-picker button{padding:13px 7px;border:2px solid #e9e5dd;border-radius:13px;background:white;font:700 18px Fredoka}.match-picker button b,.match-picker button small{display:block;font-size:11px}.match-picker .on{border-color:#ff6048;background:#fff0ed;color:#ff6048}.mime-game-head{display:flex;align-items:center;justify-content:space-between}.mime-game-head small,.mime-game-head span{display:block;color:#777}.mime-game-head h2{font:700 34px Fredoka;margin:3px 0 15px}.mime-score{display:flex;gap:8px;overflow:auto;margin-bottom:18px}.mime-score div{display:flex;gap:18px;justify-content:space-between;min-width:120px;padding:9px 12px;border-radius:10px;background:#eee}.mime-score .active{background:#fff0ed;color:#d94335}.quiz-result #mime-final-score{display:grid;gap:7px;margin:24px 0}.quiz-result #mime-final-score div{display:flex;justify-content:space-between;padding:11px 15px;border-radius:10px;background:#f5f2ec}@media(max-width:650px){.match-picker{grid-template-columns:1fr 1fr}}
.round-panel{background:#fff;padding:34px;border-radius:25px;box-shadow:0 15px 45px #171b3e15}.timer{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:#171d4c;color:#fff;font:700 23px Fredoka;box-shadow:0 0 0 7px #ebeaf0}.prompt-card{margin:22px 0;padding:44px 24px;text-align:center;border:2px dashed #e3d6c4;border-radius:22px;background:#fff8ec}.prompt-card>span{display:block;font-size:48px}.prompt-card h2{margin:12px 0 6px;color:#171d4c;font:700 clamp(32px,6vw,52px)/1.05 Fredoka;overflow-wrap:anywhere}.prompt-card p{margin:0;color:#ff6048;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.round-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:11px}.primary-button,.secondary-button{min-height:54px;padding:14px 20px;border:0;border-radius:14px;font-weight:700;cursor:pointer}.secondary-button{background:#e9e8ef;color:#171b3e}.primary-button{background:#ff6048;color:#fff;box-shadow:0 6px 0 #d94335}.primary-button:active{transform:translateY(4px);box-shadow:0 2px 0 #d94335}.primary-button.success{background:#319d79;box-shadow:0 6px 0 #217759}.text-button{display:block;margin:24px auto 0;padding:6px;border:0;background:transparent;color:#777;text-decoration:underline}.round-panel .warning{background:#ff6048!important}.game .panel>h2{margin-top:0;font:700 28px Fredoka}.game .panel>p{color:#65677a}.mime-modes button{min-height:105px}.cats button{min-width:0;overflow:hidden}.cats b{overflow-wrap:anywhere}.mix-box{margin-top:0}
@media(max-width:650px){.round-panel{padding:22px 16px}.mime-game-head h2{font-size:28px}.timer{width:56px;height:56px;flex-basis:56px}.prompt-card{padding:36px 14px}.round-actions{grid-template-columns:1fr}.round-actions .success{grid-row:1}.mime-score div{min-width:105px}.mode-picker.mime-modes{grid-template-columns:1fr}.game .panel{padding:24px 18px}}
.casual-note{margin:-12px 0 24px;padding:11px 14px;border-radius:10px;background:#eef8f4;color:#28755c!important;font-size:13px}.turn-overlay{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.turn-overlay>span{font-size:58px}.turn-overlay small{margin-top:15px;color:#ff6048;font-weight:700;letter-spacing:2px}.turn-overlay h2{font:700 clamp(34px,7vw,58px) Fredoka;margin:10px 0}.turn-overlay p{max-width:440px;margin:0 0 25px;color:#777}.turn-overlay .primary-button{max-width:350px}.score-rule{margin:-8px 0 12px;color:#777;font-size:12px}.round-panel .hidden{display:none}.names-disabled{display:none!important}
.quiz-turn-overlay{display:none;min-height:470px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.quiz-board.waiting>:not(.quiz-turn-overlay){display:none}.quiz-board.waiting .quiz-turn-overlay{display:flex}.quiz-turn-overlay>span{font-size:62px}.quiz-turn-overlay small{margin-top:14px;color:#ff6048;font-size:11px;font-weight:700;letter-spacing:2px}.quiz-turn-overlay h2{font:700 clamp(36px,6vw,58px) Fredoka;margin:10px 0}.quiz-turn-overlay p{max-width:430px;margin:0 0 25px;color:#777;line-height:1.5}.quiz-turn-overlay .primary{max-width:340px}
.quiz-timer-wrap{text-align:center}.quiz-timer-wrap>small{display:block;max-width:90px;margin-bottom:6px;color:#777;font-size:8px;font-weight:700;letter-spacing:1px}.choose-question,.start-answer,.finish-answer{width:100%;margin-top:auto;padding:11px;border:0;border-radius:10px;background:#171d4c;color:white;font-weight:700}.start-answer{background:#ff6048}.finish-answer{margin-top:9px;background:#319d79}.quiz-board.picking-winner>:not(#answer-picker){display:none}.answer-picker-overlay{min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.answer-picker-overlay>span{font-size:60px}.answer-picker-overlay small{margin-top:12px;color:#319d79;font-weight:700;letter-spacing:2px}.answer-picker-overlay h2{font:700 clamp(34px,6vw,56px) Fredoka;margin:10px}.answer-picker-overlay p{color:#777}.winner-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;max-width:560px}.winner-buttons button{padding:12px 16px;border:2px solid #e5e1da;border-radius:12px;background:white;font-weight:700}.winner-buttons .nobody{border-color:#ff6048;background:#fff0ed;color:#d94335}
.answer-picker-overlay{display:none}.quiz-board.picking-winner .answer-picker-overlay{display:flex}
.quiz-categories{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0 25px}.quiz-categories button{padding:13px 7px;border:2px solid #e9e5dd;border-radius:13px;background:white}.quiz-categories b{display:block;margin-top:5px;font-size:11px}.quiz-categories .on,.difficulty-picker .on{border-color:#ff6048;background:#fff0ed;color:#d94335}.difficulty-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.difficulty-picker button{padding:13px;border:2px solid #e9e5dd;border-radius:13px;background:white;font-weight:700}.source-note{margin:8px 0 25px!important;font-size:11px;color:#888!important}.quiz-loading{grid-column:1/-1;padding:60px;text-align:center;color:#777}@media(max-width:650px){.quiz-categories{grid-template-columns:1fr 1fr}}
.quiz-categories.two{grid-template-columns:1fr 1fr}
.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.difficulty{padding:5px 9px;border-radius:99px;font-size:10px;font-weight:700}.difficulty.facil{background:#e8f7ef;color:#28775a}.difficulty.medio{background:#fff4dc;color:#9a6713}.difficulty.dificil{background:#ffe8e4;color:#c43e31}
.question-grid.single{grid-template-columns:1fr}.question-grid.single .question-card{min-height:300px}
.format-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 25px}.format-picker button{padding:15px;border:2px solid #e9e5dd;border-radius:13px;background:white}.format-picker b{display:block;margin-top:5px}.format-picker .on{border-color:#ff6048;background:#fff0ed;color:#d94335}.answer-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.answer-options button{padding:10px;border:2px solid #e7e3dc;border-radius:10px;background:white;text-align:left}.answer-options button b{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:7px;border-radius:7px;background:#eee}.answer-options button.selected{border-color:#171d4c;background:#f0f1f8}.answer-options button.selected b{background:#171d4c;color:white}@media(max-width:650px){.answer-options{grid-template-columns:1fr}}
.answer-option{padding:10px;border:2px solid #e7e3dc;border-radius:10px;background:white;text-align:left}.answer-option b{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:7px;border-radius:7px;background:#eee}
.guesser-overlay{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center}.guesser-overlay>span{font-size:60px}.guesser-overlay small{margin-top:12px;color:#ff6048;font-weight:700;letter-spacing:2px}.guesser-overlay h2{font:700 clamp(34px,6vw,52px) Fredoka;margin:9px}.guesser-overlay p{max-width:460px;color:#777}.guesser-overlay>div{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.guesser-overlay button{padding:12px 17px;border:2px solid #e6e2db;border-radius:12px;background:white;font-weight:700}.guesser-overlay button.nobody{border-color:#ff6048;background:#fff0ed;color:#d94335}
.rank-position{display:inline-grid;place-items:center;min-width:28px;height:24px;margin-right:7px;padding:0 5px;border-radius:7px;background:#dedde5;color:#555;font-size:10px;font-style:normal;font-weight:700}.reading .rank-position,.mime-score .active .rank-position{background:#ff6048;color:white}