#cornella-trivial{--paper:#f4eddf;--cream:#fffaf0;--ink:#283e36;--muted:#727668;--line:#d8cfbb;--red:#a34435;--historia:#ae573d;--natura:#537a55;--cultura:#ad7d23;--esports:#3c7b88;--municipi:#806782;--sabors:#a44963;--p0:#b64034;--p1:#277387;--p2:#b8891f;--p3:#675591}
#cornella-trivial *{box-sizing:border-box}
#cornella-trivial{scroll-behavior:smooth}
#cornella-trivial{margin:0;background:var(--paper);color:var(--ink);font:14px "DM Sans",sans-serif}
#cornella-trivial button,#cornella-trivial input{font:inherit}
#cornella-trivial button{cursor:pointer;color:inherit}
#cornella-trivial button:disabled{cursor:default}
#cornella-trivial a{color:inherit}
#cornella-trivial button,#cornella-trivial a,#cornella-trivial input{-webkit-tap-highlight-color:transparent}
#cornella-trivial button:focus-visible,#cornella-trivial input:focus-visible,#cornella-trivial a:focus-visible{outline:3px solid #c98b27;outline-offset:4px}
#cornella-trivial button{touch-action:manipulation}
#cornella-trivial .topbar{height:85px;padding:0 4%;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line)}
#cornella-trivial .wordmark{text-decoration:none;font:30px "Fraunces",Georgia,serif;letter-spacing:-1.5px}
#cornella-trivial .wordmark span{font-size:23px;color:#a0523c}
#cornella-trivial .top-note{font-size:9px;letter-spacing:2px;color:#727866}
#cornella-trivial .top-actions{margin-left:auto;display:flex;align-items:center;gap:24px}
#cornella-trivial .text-button{padding:6px 0;background:transparent;border:0;font-size:12px;text-decoration:underline;text-underline-offset:4px}
#cornella-trivial .language{display:flex;gap:3px;border:1px solid var(--line);padding:3px;border-radius:5px}
#cornella-trivial .language button{background:transparent;border:0;font-size:10px;padding:5px 7px;border-radius:3px}
#cornella-trivial .language button[aria-pressed=true]{background:var(--ink);color:var(--cream)}
#cornella-trivial{max-width:1520px;margin:auto;min-height:calc(100vh - 170px)}
#cornella-trivial .eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;text-transform:uppercase}
#cornella-trivial .setup{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:50px 4% 40px;align-items:center}
#cornella-trivial .setup-copy{max-width:575px}
#cornella-trivial .setup h1{font:clamp(47px,5.6vw,84px)/.99 "Fraunces",Georgia,serif;letter-spacing:-3px;font-weight:500;margin:20px 0 22px}
#cornella-trivial .setup h1 span{display:block;font:italic 400 .46em/1.3 "Fraunces",Georgia,serif;letter-spacing:-1px;color:var(--red);margin-top:13px}
#cornella-trivial .lead{font-size:15px;line-height:1.7;color:#737767;max-width:450px}
#cornella-trivial .setup-art{position:relative;margin:0;align-self:stretch;display:flex;align-items:center}
#cornella-trivial .art-frame{position:relative;width:100%;aspect-ratio:4/5;border-radius:48% 48% 4px 4px;border:1px solid #a59465;padding:9px;background:#e5dac0;transform:rotate(1deg);box-shadow:9px 12px 0 #e2d8bf}
#cornella-trivial .art-frame img{width:100%;height:100%;object-fit:cover;border-radius:48% 48% 2px 2px;object-position:55% center}
#cornella-trivial .art-stamp{position:absolute;bottom:30px;left:-30px;background:#f7efdc;border:1px solid #b5a17b;border-radius:50%;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);box-shadow:3px 3px 0 #5b503322}
#cornella-trivial .art-stamp strong{font:34px "Fraunces",Georgia,serif;color:var(--red)}
#cornella-trivial .art-stamp span{font-size:10px;text-transform:uppercase;letter-spacing:1px}
#cornella-trivial .setup-art figcaption{position:absolute;bottom:-22px;right:5px;font-size:9px;color:#858471}
#cornella-trivial .newgame{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
#cornella-trivial .field-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:12px}
#cornella-trivial .field-title span{font-size:10px;color:var(--muted)}
#cornella-trivial .player-count{display:flex;gap:9px;margin-bottom:17px}
#cornella-trivial .player-count button{flex:1;background:#faf5e9;border:1px solid #c9c4ae;padding:13px 5px;border-radius:4px;font-size:12px}
#cornella-trivial .player-count button[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink);box-shadow:0 3px 0 #9aab91}
#cornella-trivial .names{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:19px}
#cornella-trivial .name-field{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:4px;background:#fff8eb}
#cornella-trivial .token-dot{width:14px;height:14px;border-radius:50%;background:var(--player-color);box-shadow:inset 0 0 0 2px #ffffff77;flex-shrink:0}
#cornella-trivial .name-field input{min-width:0;width:100%;background:none;border:0;font-size:12px;color:var(--ink);padding:3px}
#cornella-trivial .primary,#cornella-trivial .secondary{border-radius:4px;padding:14px 22px;font-size:13px;font-weight:600;min-height:46px}
#cornella-trivial .primary{border:1px solid #8b3f30;background:var(--red);color:#fff8e9;box-shadow:0 3px 0 #6e3a2a}
#cornella-trivial .primary:hover:not(:disabled){background:#8d3b2e}
#cornella-trivial .primary:disabled{opacity:.65}
#cornella-trivial .secondary{background:#faf5e8;border:1px solid #c5bda6}
#cornella-trivial .start-actions{display:flex;gap:10px;flex-wrap:wrap}
#cornella-trivial .start-actions .primary{flex:1}
#cornella-trivial .save-hint{font-size:10px;line-height:1.6;color:#868575;margin:14px 0 0}
#cornella-trivial .category-strip{border-top:1px solid var(--line);padding:24px 4% 28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px}
#cornella-trivial .category-item{display:flex;align-items:center;gap:9px;font-size:11px}
#cornella-trivial .category-icon{width:31px;height:31px;border-radius:50%;background:var(--cat-color);color:#fff7df;display:grid;place-items:center;font-size:15px;flex-shrink:0}
#cornella-trivial .game-header{padding:24px 4% 18px;display:flex;gap:25px;justify-content:space-between;align-items:center}
#cornella-trivial .game-header h1{font:27px "Fraunces",Georgia,serif;margin:0;letter-spacing:-.6px}
#cornella-trivial .game-header h1 span{color:var(--red)}
#cornella-trivial .game-header p{font-size:11px;color:#7b7c6b;margin:7px 0 0}
#cornella-trivial .game-layout{display:grid;grid-template-columns:minmax(400px,1.3fr) minmax(330px,.8fr);gap:24px;padding:0 4% 26px;align-items:start}
#cornella-trivial .board-area{min-width:0;position:relative}
#cornella-trivial .board{aspect-ratio:1;position:relative;max-width:780px;margin:auto}
#cornella-trivial .board svg{width:100%;height:100%;display:block;overflow:visible}
#cornella-trivial .board .board-token{transition:transform .16s ease-out}
#cornella-trivial .board-center{position:absolute;inset:20.5%;border-radius:50%;overflow:hidden;border:2px solid #d5b977;box-shadow:inset 0 0 20px #5d4c2544}
#cornella-trivial .board-center img{width:100%;height:100%;object-fit:cover;object-position:56% center}
#cornella-trivial .board-title{position:absolute;bottom:13%;left:0;right:0;text-align:center;color:#fff9e8;background:linear-gradient(transparent,#1e382bdf);padding:40px 10px 18px;font:30px/.95 "Fraunces",Georgia,serif;letter-spacing:-1px}
#cornella-trivial .board-title small{display:block;font:9px "DM Sans",sans-serif;letter-spacing:3px;margin-top:8px}
#cornella-trivial .board-foot{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;font-size:10px;color:#77755d;max-width:550px;margin:0 auto 10px}
#cornella-trivial .board-foot span{display:flex;align-items:center;gap:5px}
#cornella-trivial .board-foot i{width:8px;height:8px;border-radius:50%;background:var(--cat-color)}
#cornella-trivial .sidebar{min-width:0;padding-top:10px}
#cornella-trivial .players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px}
#cornella-trivial .player-card{border:1px solid #d3c9af;background:#faf4e6;border-radius:5px;padding:11px 12px;min-width:0}
#cornella-trivial .player-card.active{border-color:var(--player-color);box-shadow:0 0 0 1px var(--player-color);background:#fffaf0}
#cornella-trivial .player-card-name{display:flex;gap:7px;align-items:center;font-size:12px;min-width:0}
#cornella-trivial .player-card-name strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#cornella-trivial .player-card-name small{margin-left:auto;font-size:9px;color:var(--muted);white-space:nowrap}
#cornella-trivial .badges{display:flex;gap:5px;margin-top:10px}
#cornella-trivial .badge{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#e4decd;color:#ada78f;font-size:11px;position:relative}
#cornella-trivial .badge.earned{background:var(--cat-color);color:#fffbe8;box-shadow:inset 0 0 0 1px #fff5}
#cornella-trivial .turn-panel{background:var(--cream);border:1px solid #cbbd9c;box-shadow:4px 5px 0 #e3d9c2;border-radius:6px;overflow:hidden}
#cornella-trivial .panel-top{padding:17px 22px;border-bottom:1px solid #e4d8bd;display:flex;align-items:center;gap:9px;font-size:10px;text-transform:uppercase;letter-spacing:1px}
#cornella-trivial .panel-top .turn-name{font-weight:700;overflow-wrap:anywhere}
#cornella-trivial .panel-top small{margin-left:auto;color:#8c846e;white-space:nowrap;letter-spacing:0}
#cornella-trivial .panel-body{padding:25px 23px}
#cornella-trivial .panel-body h2{font:30px/1.15 "Fraunces",Georgia,serif;font-weight:500;margin:10px 0 15px;letter-spacing:-.5px;overflow-wrap:anywhere}
#cornella-trivial .panel-body p{font-size:12px;line-height:1.7;color:#7c7e6b}
#cornella-trivial .roll-panel{text-align:center;padding:26px 23px 30px}
#cornella-trivial .dice{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:12px;gap:5px;width:82px;height:82px;background:#fffaf0;border:2px solid #a58f62;border-radius:14px;box-shadow:5px 6px 0 #e0d4b9;margin:22px auto 28px;transform:rotate(-7deg)}
#cornella-trivial .pip{border-radius:50%;background:var(--ink);opacity:0}
#cornella-trivial .pip.on{opacity:1}
#cornella-trivial .dice.rolling{animation:dice-shake .2s infinite}
#cornella-trivial .roll-panel>.primary{display:block;width:100%;margin-top:20px}
#cornella-trivial .roll-panel .goal{font-size:10px;color:#8c846f}
#cornella-trivial .question-tag{display:flex;align-items:center;gap:8px;color:var(--cat-color);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
#cornella-trivial .question-tag .category-icon{width:26px;height:26px;font-size:12px}
#cornella-trivial .question-options{display:grid;gap:9px;margin:23px 0}
#cornella-trivial .answer{background:#f5efdf;border:1px solid #d5ccb7;border-radius:4px;text-align:left;display:flex;align-items:center;gap:12px;padding:13px 12px;width:100%;font-size:12px;line-height:1.4;color:var(--ink)}
#cornella-trivial .answer-letter{width:25px;height:25px;display:grid;place-items:center;flex-shrink:0;border:1px solid #c9bea3;border-radius:50%;font:14px "Fraunces",Georgia,serif;color:#887d60}
#cornella-trivial .answer:hover:not(:disabled){background:#e9e6d1;border-color:#94a17d}
#cornella-trivial .answer.correct{background:#e3eedc;border:1px solid #6f9260;color:#355034}
#cornella-trivial .answer.correct .answer-letter{background:#557548;border-color:#557548;color:white}
#cornella-trivial .answer.wrong{background:#f5ded4;border-color:#c28b79;color:#883f34}
#cornella-trivial .answer:disabled{opacity:.66}
#cornella-trivial .answer.correct:disabled,#cornella-trivial .answer.wrong:disabled{opacity:1}
#cornella-trivial .feedback{margin:20px 0 0;border-top:1px solid #e2d6bd;padding-top:20px}
#cornella-trivial .feedback h3{font:24px "Fraunces",Georgia,serif;margin:0;color:#557148}
#cornella-trivial .feedback.incorrect h3{color:#9d4b3b}
#cornella-trivial .feedback .new-badge{background:#f1e4bd;padding:8px 12px;border-radius:4px;color:#866124;font-size:11px;font-weight:600}
#cornella-trivial .source{font-size:10px!important;color:#8f8468!important;line-height:1.5!important}
#cornella-trivial .source a{text-underline-offset:3px}
#cornella-trivial .next-button{width:100%;margin-top:14px}
#cornella-trivial .choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}
#cornella-trivial .choice-button{border:1px solid var(--line);background:#f5efdf;display:flex;gap:8px;padding:12px 8px;align-items:center;border-radius:4px;font-size:11px;text-align:left}
#cornella-trivial .choice-button .category-icon{width:25px;height:25px;font-size:12px}
#cornella-trivial .choice-button small{display:block;font-size:9px;color:#787c69}
#cornella-trivial .game-note{text-align:center;font-size:10px;color:#88816b;line-height:1.6;margin:18px 5px}
#cornella-trivial .result-view{padding:35px 4% 50px;max-width:900px;margin:auto;text-align:center}
#cornella-trivial .result-view h1{font:58px/1.05 "Fraunces",Georgia,serif;letter-spacing:-2px;margin:16px 0}
#cornella-trivial .result-view .result-art{width:160px;height:160px;border-radius:50%;object-fit:cover;border:6px solid #d4ad54;box-shadow:0 0 0 8px #ebe0c7}
#cornella-trivial .result-view .lead{margin:15px auto 28px}
#cornella-trivial .ranking{display:grid;gap:9px;margin:25px auto;max-width:540px}
#cornella-trivial .ranking-row{display:flex;gap:12px;align-items:center;background:#fff8e9;padding:17px;border:1px solid var(--line);text-align:left;border-radius:5px}
#cornella-trivial .ranking-row.winner{border-color:#b89b4b;background:#f6e9bf}
#cornella-trivial .ranking-row strong{flex:1;overflow-wrap:anywhere}
#cornella-trivial .ranking-row small{font-size:11px}
#cornella-trivial .ranking-row .badges{margin:0}
#cornella-trivial .result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
#cornella-trivial .loading{padding:100px 20px;text-align:center}
#cornella-trivial .game-footer{padding:22px 4%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#80816f;font-size:10px}
#cornella-trivial .game-footer .text-button{font-size:10px}
#cornella-trivial .game-footer>a{font-weight:700;text-decoration:none}
#cornella-trivial .storage-note{max-width:700px;margin:10px auto;padding:12px;background:#f5deb9;font-size:12px}
#cornella-trivial dialog{border:1px solid #bfb08b;border-radius:8px;background:var(--cream);color:var(--ink);padding:35px;max-width:600px;width:calc(100% - 32px);max-height:85vh;box-shadow:0 20px 100px #15281f33}
#cornella-trivial dialog::backdrop{background:#1c3028aa;backdrop-filter:blur(4px)}
#cornella-trivial dialog h2{font:32px "Fraunces",Georgia,serif;margin:5px 0 20px}
#cornella-trivial dialog p,#cornella-trivial dialog li{font-size:13px;line-height:1.8}
#cornella-trivial dialog ol{padding-left:20px}
#cornella-trivial .close-dialog{float:right;border:0;background:none;font-size:30px;line-height:1}
#cornella-trivial .dialog-actions{display:flex;gap:10px;margin-top:25px;justify-content:flex-end}
#cornella-trivial .sources-list{font-size:12px;line-height:1.6;padding-left:18px}
#cornella-trivial .sources-list li{margin:12px 0}
#cornella-trivial .empty-line{height:1px;background:var(--line)}
@keyframes dice-shake{0%{transform:rotate(-15deg) translateY(0)}50%{transform:rotate(12deg) translateY(-8px)}100%{transform:rotate(-15deg)}}
@keyframes victory{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@media(min-width:1500px){#cornella-trivial .setup{padding-top:65px}
#cornella-trivial .game-layout{grid-template-columns:minmax(500px,1.3fr) minmax(400px,.8fr);gap:40px}
}
@media(max-width:1000px){#cornella-trivial .top-note{display:none}
#cornella-trivial .setup{gap:35px;padding-top:35px}
#cornella-trivial .setup h1{font-size:59px}
#cornella-trivial .lead{font-size:13px}
#cornella-trivial .art-stamp{width:96px;height:96px;left:-15px}
#cornella-trivial .art-stamp strong{font-size:29px}
#cornella-trivial .game-layout{grid-template-columns:minmax(320px,1fr) minmax(300px,.9fr);gap:13px}
#cornella-trivial .panel-body{padding:20px 17px}
#cornella-trivial .panel-body h2{font-size:25px}
#cornella-trivial .player-card{padding:9px}
#cornella-trivial .player-card-name small{display:none}
#cornella-trivial .board-title{font-size:24px}
#cornella-trivial .topbar{height:72px}
}
@media(max-width:730px){#cornella-trivial .setup{grid-template-columns:1fr;padding:25px 6% 40px;gap:30px}
#cornella-trivial .setup-copy{max-width:none}
#cornella-trivial .setup h1{font-size:58px}
#cornella-trivial .setup h1 span{margin-top:8px}
#cornella-trivial .setup-art{grid-row:2;margin:0 10px}
#cornella-trivial .art-frame{aspect-ratio:1.8;border-radius:8px;transform:rotate(-1deg);padding:6px;box-shadow:6px 7px 0 #e2d8bf}
#cornella-trivial .art-frame img{border-radius:4px;object-position:center 40%}
#cornella-trivial .art-stamp{left:auto;right:-15px;bottom:-12px;width:85px;height:85px}
#cornella-trivial .art-stamp strong{font-size:26px}
#cornella-trivial .art-stamp span{font-size:8px}
#cornella-trivial .setup-art figcaption{left:0;right:auto;bottom:-19px}
#cornella-trivial .lead{max-width:100%;font-size:13px}
#cornella-trivial .newgame{margin-top:22px}
#cornella-trivial .category-strip{padding:22px 6%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
#cornella-trivial .top-actions{gap:14px}
#cornella-trivial .game-header{padding:22px 5% 12px;gap:10px}
#cornella-trivial .game-header h1{font-size:24px}
#cornella-trivial .game-header .text-button{font-size:10px;flex-shrink:0}
#cornella-trivial .game-layout{display:flex;flex-direction:column;padding:0 4% 22px;gap:5px}
#cornella-trivial .board-area{width:100%;max-width:490px;margin:auto}
#cornella-trivial .board{max-width:450px}
#cornella-trivial .board-foot{display:none}
#cornella-trivial .sidebar{width:100%;padding-top:5px}
#cornella-trivial .players{margin:0 0 15px}
#cornella-trivial .player-card-name small{display:block}
#cornella-trivial .turn-panel{box-shadow:3px 4px 0 #e3d9c2}
#cornella-trivial .panel-body h2{font-size:28px}
#cornella-trivial .panel-body{padding:23px}
#cornella-trivial .roll-panel{padding:18px 23px 24px}
#cornella-trivial .dice{width:70px;height:70px;padding:10px;gap:4px;margin:18px auto 22px}
#cornella-trivial .board-title{font-size:25px}
#cornella-trivial .board-title small{font-size:7px}
#cornella-trivial .panel-top{padding:14px 20px}
#cornella-trivial .answer{padding:14px 12px;font-size:13px}
#cornella-trivial .result-view h1{font-size:42px}
#cornella-trivial .result-view{padding-top:30px}
#cornella-trivial .ranking-row{padding:12px;gap:9px;flex-wrap:wrap}
#cornella-trivial .ranking-row .badges{margin-left:26px}
#cornella-trivial .result-view .result-art{width:130px;height:130px}
#cornella-trivial .game-footer{padding:20px 5%;flex-wrap:wrap;gap:14px}
#cornella-trivial .game-footer>span{order:3;width:100%}
#cornella-trivial .topbar{padding-inline:5%;height:67px}
#cornella-trivial .wordmark{font-size:26px}
#cornella-trivial .wordmark span{font-size:21px}
#cornella-trivial .top-actions .text-button{font-size:10px}
#cornella-trivial .language button{padding:5px}
#cornella-trivial .field-title span{font-size:9px}
#cornella-trivial .player-count button{font-size:11px}
#cornella-trivial .name-field{padding:9px}
#cornella-trivial .name-field input{font-size:11px}
#cornella-trivial .names{gap:8px}
#cornella-trivial .result-actions .primary{width:100%}
#cornella-trivial .result-view .lead{line-height:1.8}
#cornella-trivial .dialog-actions{flex-wrap:wrap}
#cornella-trivial dialog{padding:25px}
#cornella-trivial .badge{width:21px;height:21px}
#cornella-trivial .badges{gap:6px}
#cornella-trivial .game-note{margin:15px}
}
@media(prefers-reduced-motion:reduce){#cornella-trivial *,#cornella-trivial *::before,#cornella-trivial *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* Identidad del tema Cavernícola; toda la interfaz queda acotada a este módulo. */
#cornella-trivial{--paper:var(--cb-paper,#f8f5ed);--cream:#fffdf7;--ink:var(--cb-ink,#282b25);--muted:#646456;--line:var(--cb-line,#ddd7c9);--red:var(--cb-red,#c40000);font-family:Arial,Helvetica,sans-serif;line-height:1.55;max-width:1240px;margin:0 auto;min-height:600px;color:var(--ink);isolation:isolate}
#cornella-trivial .game-utility{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
#cornella-trivial .game-utility>span{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#8d2f21}
#cornella-trivial #app{min-height:560px}
#cornella-trivial .setup{padding:40px 0 50px;gap:8%;grid-template-columns:1.1fr .9fr;align-items:center}
#cornella-trivial .setup h1{font:bold clamp(36px,4.3vw,62px)/1.08 Arial,Helvetica,sans-serif;letter-spacing:-2px;margin-top:15px}
#cornella-trivial .setup h1 span{font:bold .8em/1.25 Arial,Helvetica,sans-serif;color:var(--red);letter-spacing:-1.5px}
#cornella-trivial .lead{color:#606254;font-size:15px;line-height:1.8}
#cornella-trivial .art-frame{border-radius:0;aspect-ratio:8/9;padding:0;transform:none;background:var(--cb-cream);border:1px solid #cfc7b4;box-shadow:9px 9px 0 #e8e0ce}
#cornella-trivial .art-frame img{border-radius:0;object-fit:cover;object-position:center}
#cornella-trivial .setup-art{align-self:center}
#cornella-trivial .setup-art figcaption{color:#67675c;font-size:10px;bottom:-28px}
#cornella-trivial .art-stamp{border-radius:0;transform:rotate(-4deg);bottom:20px;left:-20px;background:#f8f5ed;border-color:#c8b99c;color:var(--ink);width:132px;height:118px}
#cornella-trivial .art-stamp strong{font:bold 40px Arial,Helvetica,sans-serif;color:var(--red)}
#cornella-trivial .primary{background:var(--red);border-color:var(--red);color:#fff;box-shadow:none;border-radius:2px;font-family:inherit}
#cornella-trivial .primary:hover:not(:disabled){background:#990000;border-color:#990000}
#cornella-trivial .secondary,#cornella-trivial .player-count button,#cornella-trivial .name-field,#cornella-trivial .player-card,#cornella-trivial .turn-panel{border-radius:2px}
#cornella-trivial .player-count button[aria-pressed=true]{background:#282b25;box-shadow:none;color:#fff}
#cornella-trivial .save-hint{font-size:12px;color:#646456}
#cornella-trivial .field-title{font-size:14px}
#cornella-trivial .field-title span{font-size:11px}
#cornella-trivial .name-field input{font-size:14px}
#cornella-trivial .category-strip{padding-inline:0;gap:14px}
#cornella-trivial .category-item{font-size:12px}
#cornella-trivial .game-header{padding:25px 0}
#cornella-trivial .game-header h1{font:bold 30px Arial,Helvetica,sans-serif;letter-spacing:-1px}
#cornella-trivial .game-layout{padding:0 0 30px;grid-template-columns:minmax(300px,1.1fr) minmax(330px,1fr);gap:30px}
#cornella-trivial .board-title{font:bold 30px Arial,Helvetica,sans-serif;letter-spacing:-1px;background:linear-gradient(transparent,#26231ff5);color:#fff}
#cornella-trivial .board-title small{font-family:Arial,Helvetica,sans-serif}
#cornella-trivial .panel-body h2{font:bold 27px/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.6px}
#cornella-trivial .panel-body p{font-size:13px;color:#606254}
#cornella-trivial .answer{font-size:14px;line-height:1.45;min-height:50px}
#cornella-trivial .category-icon{font-family:Arial,Helvetica,sans-serif}
#cornella-trivial .panel-top{font-size:11px}
#cornella-trivial .game-note,#cornella-trivial .game-header p{font-size:12px;color:#646456}
#cornella-trivial .result-view h1{font:bold 44px/1.15 Arial,Helvetica,sans-serif}
#cornella-trivial .game-footer{display:flex;gap:25px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:24px 0;font-size:12px;flex-wrap:wrap}
#cornella-trivial dialog{border-radius:2px;color:var(--ink);font:14px/1.7 Arial,Helvetica,sans-serif;background:#f8f5ed;z-index:9999;max-height:85dvh;overflow:auto}
#cornella-trivial dialog h2{font:bold 28px Arial,Helvetica,sans-serif;color:var(--ink)}
#cornella-trivial dialog::backdrop{background:#26231fcc}
#cornella-trivial [hidden]{display:none!important}
#cornella-trivial :focus-visible{outline:3px solid #c40000;outline-offset:4px}
#cornella-trivial button{white-space:normal}
@media(min-width:1000px){body .cb-navigation .cb-container:has(a[href$="/trivial"]){gap:20px}body .cb-navigation .cb-container:has(a[href$="/trivial"]) a{font-size:12px}}
@media(max-width:900px){#cornella-trivial .setup{grid-template-columns:1fr 0.8fr;gap:5%}#cornella-trivial .setup h1{font-size:40px}#cornella-trivial .game-layout{display:flex;flex-direction:column;gap:10px}#cornella-trivial .board-area{width:100%;max-width:480px}#cornella-trivial .sidebar{width:100%}#cornella-trivial .board-foot{display:none}}
@media(max-width:640px){#cornella-trivial .game-utility{padding:15px 0}#cornella-trivial .game-utility>span{font-size:8px;letter-spacing:.6px;max-width:160px}#cornella-trivial .setup{display:flex;flex-direction:column;padding:28px 0 40px;gap:40px}#cornella-trivial .setup h1{font-size:42px}#cornella-trivial .setup-copy{width:100%}#cornella-trivial .setup-art{width:90%;max-width:380px}#cornella-trivial .art-frame{aspect-ratio:1.1}#cornella-trivial .art-stamp{left:-12px;bottom:12px;width:110px;height:100px}#cornella-trivial .setup-art figcaption{font-size:9px}#cornella-trivial .category-strip{display:grid;grid-template-columns:1fr 1fr}#cornella-trivial .player-count{gap:5px}#cornella-trivial .player-count button{font-size:11px;padding:12px 3px}#cornella-trivial .game-footer>span{order:3;width:100%}#cornella-trivial .game-header h1{font-size:24px}#cornella-trivial .game-layout{padding-inline:0}#cornella-trivial .panel-body h2{font-size:24px}#cornella-trivial .board{max-width:380px}#cornella-trivial .board-title{font-size:24px}#cornella-trivial .names{grid-template-columns:1fr}#cornella-trivial .field-title{align-items:start;gap:10px}#cornella-trivial .result-view h1{font-size:32px}#cornella-trivial .game-header{gap:10px}#cornella-trivial .field-title span{max-width:85px;text-align:right}}
/* Rediseño editorial: la misma identidad que la tienda, durante toda la partida. */
#cornella-trivial{--paper:#faf7f0;--cream:#fffdf8;--ink:#30251f;--red:#a52626;--muted:#706257;--line:#ded4c7;--historia:#ad513b;--natura:#527452;--cultura:#a17421;--esports:#2b7483;--municipi:#796080;--sabors:#a34464}
#cornella-trivial .setup{gap:6%;padding-block:42px 55px;grid-template-columns:1.05fr 1fr}
#cornella-trivial .setup h1{font:400 clamp(42px,4.8vw,68px)/1.03 Georgia,serif;letter-spacing:-2.5px}#cornella-trivial .setup h1 span{font:italic 400 .48em/1.25 Georgia,serif;letter-spacing:-.7px;margin-top:15px}
#cornella-trivial .art-frame{aspect-ratio:.85;border:0;border-radius:120px 120px 6px 6px;box-shadow:none;background:#e9e0ca}#cornella-trivial .art-frame img{border-radius:inherit;object-position:49% center}
#cornella-trivial .art-stamp{border-radius:50%;width:120px;height:120px;transform:rotate(-8deg);left:-24px;bottom:25px;border:1px solid #dfceb2;box-shadow:0 8px 25px #392b2420;background:#fff9ee}#cornella-trivial .art-stamp strong{font:42px Georgia,serif}
#cornella-trivial .setup-art figcaption{color:#706257;line-height:1.5;bottom:-29px;font-size:10px;max-width:100%}
#cornella-trivial .primary{border-radius:5px;min-height:49px;background:var(--red)}#cornella-trivial .primary:hover:not(:disabled){background:#7f1c1c;border-color:#7f1c1c}
#cornella-trivial .secondary,#cornella-trivial .player-count button,#cornella-trivial .name-field{border-radius:5px;background:#fffcf7}#cornella-trivial .player-count button[aria-pressed=true]{background:#392b24;border-color:#392b24;box-shadow:0 3px 0 #d3bd9e}
#cornella-trivial .newgame{background:#eee7db;border:1px solid #e2d6c5;border-radius:8px;padding:22px;margin-top:24px}#cornella-trivial .save-hint{font-size:11px;line-height:1.6}
#cornella-trivial .category-strip{padding:24px 0;gap:16px}#cornella-trivial .category-icon{width:35px;height:35px}#cornella-trivial .category-item{font-size:12px}
#cornella-trivial .game-header h1{font:400 34px Georgia,serif;letter-spacing:-1px}#cornella-trivial .game-layout{gap:32px;padding-top:4px}
#cornella-trivial .board-center{border-color:#c7a87e;box-shadow:0 8px 25px #392b2415}#cornella-trivial .board-title{font:400 34px Georgia,serif;padding-bottom:24px;background:linear-gradient(transparent,#30251ff5)}
#cornella-trivial .turn-panel{border:1px solid #ded0ba;border-radius:9px;box-shadow:0 8px 25px #392b240a}#cornella-trivial .panel-top{background:#eee5d6}#cornella-trivial .panel-body h2{font:400 29px/1.18 Georgia,serif;letter-spacing:-.5px}#cornella-trivial .panel-body p{color:#65594c}
#cornella-trivial .player-card{border-radius:6px;background:#f1eadf}#cornella-trivial .player-card.active{background:#fffdf8}#cornella-trivial .answer{border-radius:6px;background:#f9f4eb;min-height:54px}#cornella-trivial .answer:hover:not(:disabled){background:#eee6d8;border-color:#bba88d}#cornella-trivial .answer.correct{background:#e3eedc}#cornella-trivial .answer.wrong{background:#f5ded4}
#cornella-trivial .dice{background:#fffcf4;box-shadow:4px 6px 0 #ddccb1}#cornella-trivial .result-view h1{font:400 48px Georgia,serif}#cornella-trivial dialog{border-radius:9px;box-shadow:0 15px 60px #0003}#cornella-trivial dialog h2{font:400 32px Georgia,serif}#cornella-trivial .feedback h3{font:400 25px Georgia,serif}
@media(max-width:900px){#cornella-trivial .setup{gap:5%;grid-template-columns:1.1fr .9fr}#cornella-trivial .setup h1{font-size:48px}#cornella-trivial .newgame{padding:17px}#cornella-trivial .game-layout{gap:10px}}
@media(max-width:640px){#cornella-trivial .setup{display:flex;gap:34px;padding-top:22px}#cornella-trivial .setup h1{font-size:46px}#cornella-trivial .setup-art{width:100%;max-width:none}#cornella-trivial .art-frame{border-radius:6px;aspect-ratio:1.5}#cornella-trivial .art-stamp{width:95px;height:95px;left:auto;right:14px;bottom:14px}#cornella-trivial .art-stamp strong{font-size:32px}#cornella-trivial .art-stamp span{font-size:8px}#cornella-trivial .category-strip{gap:14px 8px}#cornella-trivial .category-item{font-size:11px}#cornella-trivial .panel-body h2{font-size:27px}#cornella-trivial .game-header h1{font-size:27px}#cornella-trivial .result-view h1{font-size:36px}}
#cornella-trivial .badges{gap:4px;min-width:0}#cornella-trivial .badge{width:18px;height:18px;flex-shrink:0;font-size:10px}#cornella-trivial .player-card-name{flex-wrap:wrap;row-gap:3px}#cornella-trivial .player-card-name small{font-size:9px}
@media(max-width:380px){#cornella-trivial .badge{width:16px;height:16px}#cornella-trivial .badges{gap:3px}}

#cornella-trivial .player-card .badge{margin:0;padding:0;line-height:1}