/* Shared by the shop preview and the real board. */
.game-look{--look-bg:#fff4ce;--look-glow:#ffe393;--look-ink:#765425;--back1:#ffc64c;--back2:#ff9c39;--ink:#fff8d7;position:relative;isolation:isolate;background:linear-gradient(145deg,var(--look-bg),var(--look-glow));color:var(--look-ink)}
.skin-forest{--back1:#69c995;--back2:#259b83;--ink:#e2fff2}.skin-cosmos{--back1:#a18be8;--back2:#6b5bb7;--ink:#f0e8ff}
.skin-candy{--back1:#f5a6cb;--back2:#d965a7;--ink:#fff2f9}.skin-ocean{--back1:#67d6df;--back2:#218eaf;--ink:#e7ffff}.skin-sunset{--back1:#ffbd86;--back2:#ef7787;--ink:#fff6e6}
.skin-winter{--back1:#a2e3fa;--back2:#5e9fd8;--ink:#f2fcff}.skin-autumn{--back1:#ffc66d;--back2:#cb793b;--ink:#fff4cf}.skin-starlight{--back1:#676dc8;--back2:#383981;--ink:#fff2b9}
.skin-newyear{--back1:#549c86;--back2:#236452;--ink:#fff0bd}.skin-dragon{--back1:#65b5a2;--back2:#2c6b69;--ink:#ffeab6}.skin-magic{--back1:#b38ce4;--back2:#7254b4;--ink:#fff0c2}
.look-forest{--look-bg:#eefbee;--look-glow:#cceadf;--look-ink:#2e6253}.look-cosmos{--look-bg:#f0ebff;--look-glow:#d4c6ee;--look-ink:#5f4782}
.look-candy{--look-bg:#fff1f9;--look-glow:#f4c7e3;--look-ink:#905371}.look-ocean{--look-bg:#ebffff;--look-glow:#a9dfeb;--look-ink:#216778}.look-sunset{--look-bg:#fff1d9;--look-glow:#ffc4c1;--look-ink:#99594f}
.look-winter{--look-bg:#edfaff;--look-glow:#bddff2;--look-ink:#376b95}.look-autumn{--look-bg:#fff1db;--look-glow:#f5cea2;--look-ink:#8b542a}.look-starlight{--look-bg:#e9eaff;--look-glow:#abaedc;--look-ink:#393c7f}
.look-newyear{--look-bg:#e7f4e9;--look-glow:#abd0bb;--look-ink:#366b50}.look-dragon{--look-bg:#e4f6e9;--look-glow:#9dd0bc;--look-ink:#346c59}.look-magic{--look-bg:#f8eaff;--look-glow:#dac1ed;--look-ink:#70528f}
.game-look .game-grid{--back1:inherit;--back2:inherit;--ink:inherit}
.look-animated:before,.look-animated:after{content:'✦';position:absolute;z-index:-1;pointer-events:none;color:var(--look-ink);opacity:.16;font-size:60px;top:9%;left:5%;animation:look-drift 7s ease-in-out infinite}
.look-animated:after{font-size:110px;top:auto;left:auto;right:1%;bottom:8%;animation-delay:-3s}
.look-winter:before,.look-winter:after{content:'❄'}.look-autumn:before,.look-autumn:after{content:'❧'}.look-newyear:before,.look-newyear:after{content:'✵'}.look-dragon:before,.look-dragon:after{content:'◇'}
.game-board-panel.game-look{border-color:color-mix(in srgb,var(--look-ink) 20%,white);box-shadow:0 8px 30px #563d7810}
.game-board-panel.game-look.is-turn{border-color:var(--look-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--look-ink) 15%,transparent)}
.game-board-panel.game-look .game-board-heading h3,.game-board-panel.game-look .game-score{color:var(--look-ink)}
.game-board-panel.look-animated .game-card.is-matched .game-card-face{box-shadow:0 0 14px color-mix(in srgb,var(--look-ink) 25%,transparent)}
.game-player-avatar{display:inline-block;margin-right:5px;font-size:1.25em;vertical-align:middle}.game-player.is-turn .game-player-avatar{animation:look-nod 3s ease-in-out infinite}
@keyframes look-drift{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(12px) rotate(12deg)}}
@keyframes look-nod{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.look-animated:before,.look-animated:after,.game-player.is-turn .game-player-avatar{animation:none}}

.game-goal-nudge{padding:14px 18px;border-radius:16px;background:#ffffffb3;max-width:500px;margin:16px auto 0}.game-goal-nudge p{font-size:13px!important;margin:0 0 7px}.game-goal-nudge progress{display:block;width:100%;height:7px;accent-color:#a16ccf;margin:8px 0}.game-goal-nudge a{font-size:12px;color:#7650a7;font-weight:700}.game-shop-link{display:block;margin-top:12px;font-size:12px;color:#7650a7}