/* "Seals" design: paper, red seals, a rough pressed edge. Loaded after app.css. */
:root[data-design="seals"]{
  --bg:#f4ecd8;--surface:#fbf5e6;--surface2:#efe3c8;--text:#2a2520;--muted:#7a6c55;--faint:#a99a7e;--border:#e0d3b6;--border2:#d6c8a6;
  --accent:#2a2520;--on-accent:#f4ecd8;
  --again-bg:#f3d9d2;--again-fg:#8a3a2a;--again-bd:#e3b9ad;--so-bg:#f0e2bb;--so-fg:#7a5a1c;--so-bd:#dcc78f;--easy-bg:#d9e6c8;--easy-fg:#3f5a26;--easy-bd:#b7cf9a;
  --ok:#3f7a4a;--danger:#a32d2d;--card-radius:14px;
}
:root[data-design="seals"][data-mode="dark"]{
  --bg:#1f1b17;--surface:#2a2520;--surface2:#3a342c;--text:#efe4cf;--muted:#b3a58a;--faint:#7e725d;--border:#3c352c;--border2:#4a4237;
  --accent:#efe4cf;--on-accent:#1f1b17;
  --again-bg:#4a2b26;--again-fg:#f0a595;--again-bd:#4a2b26;--so-bg:#4a3d22;--so-fg:#efc27a;--so-bd:#4a3d22;--easy-bg:#2f4126;--easy-fg:#b7d89a;--easy-bd:#2f4126;
}
:root[data-design="seals"] body{background-image:radial-gradient(circle at 20% 10%,rgba(160,130,70,.08),transparent 55%),radial-gradient(circle at 90% 90%,rgba(160,130,70,.07),transparent 50%)}
.sealsvg{display:block;width:100%;height:auto;overflow:visible}
.rseal{width:60px;height:60px;overflow:visible}
.stampsvg{width:100%;height:100%;overflow:visible}
.cardx.sealcard{background:transparent;border:0;box-shadow:none;border-radius:0}
:root[data-design="seals"] .cardx{background-image:none}
.sealbig{width:min(64vw,250px)}
.sealsmall{width:92px;margin-bottom:2px}
.cardx.sealcard .py{font-size:30px}
.cardx.sealcard .defs{font-size:18px}
.rate.seals{gap:6px}
.rate.seals button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px;font-size:13px;color:var(--text);transition:transform .12s}
.rate.seals button small{font-size:11px;opacity:.65}
.rate.seals button.lit{transform:scale(1.14)}
.rate.seals button.lit .rseal{filter:drop-shadow(0 0 7px rgba(42,37,32,.45))}
.stampflash{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none;animation:stampin .42s ease-out forwards}
.stampflash svg{width:min(60vw,230px);height:min(60vw,230px)}
@keyframes stampin{0%{transform:scale(2.3);opacity:0}58%{transform:scale(.93);opacity:1}100%{transform:scale(1);opacity:1}}
.sealstack{position:relative;height:190px;margin:4px auto 6px;width:210px}
.sealstack span{position:absolute;display:block}
.sealstack .s1{left:6px;top:0;width:170px}
.sealstack .s2{left:46px;top:20px;width:130px;opacity:.6}
.sealstack .s3{left:26px;top:10px;width:150px;opacity:.8}
.minstamp{width:64px;height:36px;display:inline-block;flex:none}
@media (prefers-reduced-motion:reduce){.stampflash{animation:none}}