body[data-game=emoji]{--coral:#7053b5;--sobre-coral:#fff;--paper:#f5f2fb;--card:#fffdf9;--ink:#322842;--muted:#776d83;--line:#e5dfed;--radius:24px;--glow:#fbf6ff;--glow-2:#e8def7;--dot:rgba(50,40,66,.035);background-color:var(--paper)}
body[data-game=emoji] .brand-mark{background:transparent;color:var(--coral);clip-path:none;border-radius:0;transform:none}body[data-game=emoji] .brand-mark svg{width:24px;height:24px}
body[data-game=emoji] .brand small{font:600 10px 'DM Mono',monospace;letter-spacing:2px;color:var(--coral)}
body[data-game=emoji] .hero{padding-bottom:22px}
body[data-game=emoji] h1{font-size:clamp(36px,6vw,58px)}
body[data-game=emoji] main .game-card{border-radius:24px;border:1px solid var(--line);box-shadow:0 12px 40px #7053b50b}
.emoji-board{padding:24px 0 20px;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.emoji-board-label{display:flex;justify-content:space-between;font:10px 'DM Mono',monospace;letter-spacing:1px;color:var(--muted);margin-bottom:20px}
.emoji-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.emoji-tile{aspect-ratio:1/1.2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed #cfc4df;border-radius:18px;background:#eee9f5;color:#afa3bf}
.emoji-tile>span{font:500 clamp(26px,5vw,46px) 'Segoe UI Emoji','Apple Color Emoji',sans-serif}
.emoji-tile small{font:10px 'DM Mono',monospace;letter-spacing:2px}
.emoji-tile.revealed{background:#f6e6a9;border:1px solid #e6d081;color:#62562a;animation:emoji-reveal .3s ease-out}
.emoji-tile.revealed:nth-child(2n){background:#dfe9d9;border-color:#bbcdb1}
.emoji-tile.revealed:nth-child(3n){background:#f4ddd7;border-color:#e6bbae}
.emoji-caption{text-align:center;color:var(--muted);font-size:12.5px;line-height:1.7;margin:22px 0 0}
.emoji-answer{text-align:center;font-weight:700;color:var(--ink);line-height:1.6}
body[data-game=emoji] .book-stage,body[data-game=emoji] .hints-section,body[data-game=emoji] #coverStatus,body[data-game=emoji] #coverCredit,body[data-game=emoji] #tryCoverBook,body[data-game=emoji] #coverGalleryButton{display:none!important}
/* Ojo con el `:not(.skip-button)`: sin él esta regla (0,2,2) gana a `.guess-row
   .skip-button` de search.css (0,2,0) y «Saltar» salía relleno de violeta en los tres
   temas, mientras en Portadas y Citas va en contorno. El resto de páginas no necesitan
   el apaño porque allí el botón de probar ya coge --coral por sí solo. */
body[data-game=emoji] .guess-row button:not(.skip-button){background:var(--coral)}
body[data-game=emoji] .guess-row input{border:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-theme=dark] body[data-game=emoji]{--paper:#211c2a;--card:#2c2536;--ink:#f3edf9;--muted:#c0b4cc;--line:#4b4057;--coral:#bd9aef;--sobre-coral:#201511;--glow:#28213a;--glow-2:#1a1424;--dot:rgba(243,237,249,.04)}
html[data-theme=dark] .emoji-tile{background:#382e46;border-color:#675779;color:#ae9cbd}
html[data-theme=dark] .emoji-tile.revealed{background:#665528;color:#fff1b6;border-color:#97864f}
html[data-theme=dark] body[data-game=emoji] .guess-row button:not(.skip-button){background:#7751ab;color:white}
@keyframes emoji-reveal{from{transform:translateY(5px);opacity:.5}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.emoji-tile.revealed{animation:none}}
@media(max-width:520px){.emoji-tiles{gap:6px}.emoji-tile{border-radius:12px}.emoji-tile>span{font-size:30px}body[data-game=emoji] .game-card{padding:24px 16px}}