:root{--g-ok:106 170 100;--g-mid:201 180 88;--g-miss:120 124 126;--g-bad:196 66 60}.dark{--g-ok:83 141 78;--g-mid:181 159 59;--g-miss:58 58 60;--g-bad:190 90 84}.g-note{font-size:var(--text-meta,.78rem);color:rgb(var(--ink-2))}.g-kicker{font-size:var(--text-kicker);text-transform:uppercase;letter-spacing:var(--tracking-kicker);color:rgb(var(--accent));font-weight:800}.g-btn{font:inherit;letter-spacing:.02em;border-radius:var(--radius);cursor:pointer;border:1px solid rgb(var(--rule));background:rgb(var(--paper));color:rgb(var(--ink));transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);padding:.8rem 1.5rem;font-size:.95rem;font-weight:800}.g-btn--primary{background:rgb(var(--accent));color:rgb(var(--accent-ink));border-color:rgb(var(--accent))}.g-btn--primary:hover{background:rgb(var(--accent-2));border-color:rgb(var(--accent-2))}.g-btn--ghost:hover{border-color:rgb(var(--accent));color:rgb(var(--accent))}.g-btn:disabled{opacity:.4;cursor:not-allowed}.g-btn:focus-visible{outline:2px solid rgb(var(--focus));outline-offset:2px}.g-actions{flex-wrap:wrap;gap:.8rem;margin:1.4rem 0 .6rem;display:flex}.g-trivia{max-width:44rem;margin:0 auto}.g-trivia__intro p{max-width:var(--measure);margin:0 0 1rem;line-height:1.55}.g-trivia__meta{align-items:center;gap:.9rem;margin-bottom:1.5rem;display:flex}.g-trivia__count{font-size:var(--text-meta);color:rgb(var(--ink-2));white-space:nowrap;font-weight:700}.g-trivia__bar{background:rgb(var(--paper-2));border:1px solid rgb(var(--rule));flex:1;height:4px}.g-trivia__fill{background:rgb(var(--accent));height:100%;transition:width var(--dur-base) var(--ease-out)}.g-trivia__cat{font-size:var(--text-kicker);text-transform:uppercase;letter-spacing:var(--tracking-kicker);color:rgb(var(--accent));white-space:nowrap;font-weight:800}.g-trivia__scoreline{font-size:var(--text-meta);color:rgb(var(--ink-2));gap:1.2rem;margin-bottom:1rem;display:flex}.g-trivia__scoreline strong{color:rgb(var(--ink))}.g-trivia__streak--hot{color:rgb(var(--g-ok));font-weight:800}.g-trivia__q{font-size:var(--text-hed);line-height:var(--leading-hed);margin:0 0 1.3rem;font-weight:800}.g-trivia__opts{flex-direction:column;gap:.55rem;display:flex}.g-trivia__opt{text-align:left;width:100%;font:inherit;background:rgb(var(--paper));color:rgb(var(--ink));border:1px solid rgb(var(--rule));border-radius:var(--radius);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);align-items:center;gap:.7rem;padding:.85rem 1rem;font-size:.98rem;font-weight:600;display:flex}.g-trivia__opt:hover:not(:disabled){border-color:rgb(var(--accent));background:rgb(var(--accent) / .05)}.g-trivia__opt:focus-visible{outline:2px solid rgb(var(--focus));outline-offset:2px}.g-trivia__opt-letter{width:1.5rem;height:1.5rem;font-size:var(--text-kicker);color:rgb(var(--ink-2));border:1px solid rgb(var(--rule));flex:none;place-items:center;font-weight:800;display:grid}.g-trivia__opt--correct{border-color:rgb(var(--g-ok));background:rgb(var(--g-ok) / .14);box-shadow:inset 0 0 0 1px rgb(var(--g-ok))}.g-trivia__opt--correct .g-trivia__opt-letter{background:rgb(var(--g-ok));border-color:rgb(var(--g-ok));color:#fff}.g-trivia__opt--wrong{border-color:rgb(var(--g-bad));background:rgb(var(--g-bad) / .1);box-shadow:inset 0 0 0 1px rgb(var(--g-bad))}.g-trivia__opt--wrong .g-trivia__opt-letter{background:rgb(var(--g-bad));border-color:rgb(var(--g-bad));color:#fff}.g-trivia__opt:disabled{cursor:default}.g-trivia__opt--dim{opacity:.55}.g-trivia__note{border-left:3px solid rgb(var(--accent));background:rgb(var(--paper-2));margin-top:1rem;padding:.8rem 1rem;font-size:.92rem;line-height:1.5}.g-trivia__note strong{font-weight:800}.g-trivia__note--ok{border-color:rgb(var(--g-ok))}.g-trivia__note--bad{border-color:rgb(var(--g-bad))}.g-trivia__next{justify-content:flex-end;margin-top:1.2rem;display:flex}.g-trivia__result{max-width:44rem;margin:0 auto}.g-trivia__big{font-size:var(--text-display);font-variant-numeric:tabular-nums;margin:.3rem 0 .4rem;font-weight:900}.g-trivia__big small{color:rgb(var(--ink-2));font-size:.45em;font-weight:700}.g-trivia__tier{margin:0 0 1.2rem;font-size:1.05rem;font-weight:700}.g-trivia__stats{border-top:var(--rule-hair) solid rgb(var(--rule));border-bottom:var(--rule-hair) solid rgb(var(--rule));flex-wrap:wrap;gap:2rem;margin-bottom:.4rem;padding:.9rem 0;display:flex}.g-trivia__stat b{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:900;display:block}.g-trivia__stat span{font-size:var(--text-meta);color:rgb(var(--ink-2))}.g-palabra{--tile:min(58px, 13.5vw);max-width:26rem;margin:0 auto}.g-palabra__meta{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.1rem;display:flex}.g-palabra__num{font-size:var(--text-kicker);text-transform:uppercase;letter-spacing:var(--tracking-kicker);color:rgb(var(--accent));font-weight:800}.g-palabra__day{font-size:var(--text-meta);color:rgb(var(--ink-2))}.pboard{grid-template-rows:repeat(6, var(--tile));justify-content:center;gap:6px;margin-bottom:1.3rem;display:grid}.pboard__row{grid-template-columns:repeat(5, var(--tile));gap:6px;display:grid}.pboard__row--shake{animation:pshake .5s var(--ease-out)}@keyframes pshake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.ptile{perspective:400px}.ptile__in{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s var(--ease-in-out);position:relative}.ptile--revealed .ptile__in{transform:rotateX(180deg)}.ptile__face{font-family:var(--font-ui);font-size:calc(var(--tile) * .52);text-transform:uppercase;backface-visibility:hidden;border:2px solid rgb(var(--rule));background:rgb(var(--paper));color:rgb(var(--ink));place-items:center;font-weight:900;display:grid;position:absolute;inset:0}.ptile__face--back{color:#fff;border-color:#0000;transform:rotateX(180deg)}.ptile__face--back.is-ok{background:rgb(var(--g-ok))}.ptile__face--back.is-mid{background:rgb(var(--g-mid))}.ptile__face--back.is-miss{background:rgb(var(--g-miss))}.ptile--filled .ptile__face--front{border-color:rgb(var(--ink-2));animation:ppop .12s var(--ease-out)}@keyframes ppop{50%{transform:scale(1.12)}}.pkeys{touch-action:manipulation;flex-direction:column;gap:6px;display:flex}.pkeys__row{justify-content:center;gap:4px;display:flex}.pkey{max-width:44px;height:54px;font:inherit;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--radius);background:rgb(var(--paper-2));color:rgb(var(--ink));transition:background var(--dur-fast) var(--ease-out);border:0;flex:1 1 0;place-items:center;font-size:.82rem;font-weight:800;display:grid}.pkey:hover{filter:brightness(.95)}.pkey:focus-visible{outline:2px solid rgb(var(--focus));outline-offset:2px}.pkey--wide{letter-spacing:.02em;max-width:66px;font-size:.68rem}.pkey--ok{background:rgb(var(--g-ok));color:#fff}.pkey--mid{background:rgb(var(--g-mid));color:#fff}.pkey--miss{background:rgb(var(--g-miss));color:#fff}.g-palabra__toast{z-index:60;background:rgb(var(--ink));color:rgb(var(--paper));animation:ptoast 1.4s var(--ease-out) both;pointer-events:none;padding:.7rem 1.1rem;font-size:.88rem;font-weight:700;position:fixed;top:18%;left:50%;transform:translate(-50%)}@keyframes ptoast{0%{opacity:0;transform:translate(-50%,-8px)}12%,82%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.g-palabra__end{border-top:var(--rule-thick) solid rgb(var(--rule-strong));margin-top:1.6rem;padding-top:1.2rem}.g-palabra__end-title{font-size:var(--text-hed);margin:0 0 .3rem;font-weight:900}.g-palabra__end-word{margin:0 0 .9rem;font-size:.95rem}.g-palabra__end-word strong{letter-spacing:.12em;text-transform:uppercase;font-weight:900}.g-palabra__stats{flex-wrap:wrap;gap:1.8rem;margin:0 0 .4rem;display:flex}.g-palabra__stat b{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:900;display:block}.g-palabra__stat span{font-size:var(--text-meta);color:rgb(var(--ink-2))}@media (prefers-reduced-motion:reduce){.ptile__in{transition:none}.ptile--filled .ptile__face--front,.pboard__row--shake,.g-palabra__toast{animation:none}.g-palabra__toast{opacity:1}}