/* Collectible game covers share one publisher mark and a stable print grid. */
.dd-book { --book-paper:#fff1d0; --book-cover:#273955; --book-ink:#f6dda3; position:relative; isolation:isolate; container-type:inline-size; display:block; width:100%; aspect-ratio:.72; margin:0; color:var(--book-ink); text-align:left; }
.dd-book,.dd-book *,.dd-book::before,.dd-book::after { box-sizing:border-box; }
.dd-book::before { content:""; position:absolute; z-index:-1; inset:5px -4px -5px 7px; border:1px solid #cbbb95; border-radius:3px 10px 10px 3px; background:repeating-linear-gradient(0deg,var(--book-paper) 0 2px,#dfd2b5 2px 3px); box-shadow:0 7px 0 #131d3120,0 12px 19px #080d2621; }
.dd-book-cover { position:absolute; inset:0; display:flex; flex-direction:column; overflow:hidden; gap:0; padding:11% 9% 9% 14%; border:1px solid color-mix(in srgb,var(--book-ink) 38%,var(--book-cover)); border-bottom:4px solid color-mix(in srgb,var(--book-ink) 55%,var(--book-cover)); border-radius:4px 10px 10px 4px; background:radial-gradient(ellipse at 100% 0%,#ffffff11,transparent 65%),linear-gradient(135deg,transparent 65%,#ffffff04 65% 78%,transparent 78%),var(--book-cover); color:var(--book-ink); box-shadow:inset 5px 0 0 #ffffff0b,inset 8px 0 0 #0000001a; transition:border-color 160ms ease,box-shadow 160ms ease; }
.dd-book-cover::before { content:""; position:absolute; inset:7px 6px 6px 9%; border:1px solid currentColor; border-radius:0 5px 5px 0; opacity:.14; pointer-events:none; }
.dd-book-cover::after { content:""; position:absolute; top:0; bottom:0; left:8%; width:1px; background:currentColor; opacity:.25; pointer-events:none; }
.dd-book-brand { display:flex; align-items:center; gap:6px; flex:0 0 auto; font-size:clamp(5.5px,4cqw,8.5px); font-weight:800; line-height:1.12; letter-spacing:.55px; }
.dd-book-monogram { display:grid; place-items:center; flex:none; width:clamp(16px,11.6cqw,25px); height:clamp(16px,11.6cqw,25px); border:1px solid currentColor; border-radius:7px; background:color-mix(in srgb,var(--book-ink) 9%,transparent); font-size:clamp(6px,4.2cqw,9px); font-weight:850; letter-spacing:-.5px; }
.dd-book-sigil { position:absolute; top:11%; right:9%; width:clamp(15px,11cqw,23px); height:clamp(15px,11cqw,23px); opacity:.8; }
.dd-book-sigil>svg { display:block; width:100%; height:100%; }
.dd-book-title { display:block; margin-top:9%; font-size:clamp(17px,14.2cqw,31px); font-weight:800; line-height:1.04; letter-spacing:-.6px; }
.dd-book-series { display:block; flex:none; margin-top:5%; font-size:clamp(5px,3.3cqw,7px); font-weight:750; line-height:1.2; letter-spacing:.12em; }
.dd-book-art { display:flex; flex:1; align-items:center; justify-content:center; min-height:0; margin:3% -1% 3%; }
.dd-book-art>svg { display:block; width:100%; max-height:100%; }
.dd-book-footer { display:flex; justify-content:space-between; align-items:flex-end; gap:5px; flex:0 0 auto; padding-top:5%; border-top:1px solid color-mix(in srgb,var(--book-ink) 32%,transparent); }
.dd-book .dd-book-edition { display:block; font-size:clamp(6px,4.1cqw,9px); line-height:1.1; font-weight:650; letter-spacing:1px; }
.dd-book .dd-book-edition>b { display:block; margin-top:3px; color:inherit; font-size:clamp(11px,7.7cqw,17px); line-height:1; letter-spacing:.5px; }
.dd-book-format { font-size:clamp(4.5px,3.2cqw,6.8px); font-weight:700; line-height:1.35; letter-spacing:.4px; text-align:right; }
.dd-book--random { --book-cover:#255f58; --book-ink:#f4dfa6; }
.dd-book--random .dd-book-title { font-size:clamp(16px,13cqw,28px); }
.dd-book--theory { --book-cover:#f5e9cb; --book-ink:#574075; }
.dd-book--mini { width:100%; height:100%; aspect-ratio:auto; margin:0; }
.dd-book--mini::before { inset:2px -2px -2px 3px; border-radius:1px 3px 3px 1px; box-shadow:1px 3px 4px #080d2626; background:var(--book-paper); }
.dd-book--mini .dd-book-cover { padding:12% 9% 10% 14%; border-width:1px; border-radius:2px 4px 4px 2px; box-shadow:inset 2px 0 0 #ffffff16,inset 3px 0 0 #00000014; transition:none; }
.dd-book--mini .dd-book-cover::before { inset:2px 2px 2px 9%; border-radius:0 2px 2px 0; }
.dd-book--mini .dd-book-brand { gap:2px; font-size:3.1px; letter-spacing:.1px; }
.dd-book--mini .dd-book-monogram { width:9px; height:9px; border-radius:2px; font-size:3.5px; }
.dd-book--mini .dd-book-title { margin-top:8%; font-size:7px; line-height:1.08; letter-spacing:-.2px; overflow-wrap:anywhere; }
.dd-book--mini .dd-book-art { margin:3% 0; }
.dd-book--mini .dd-book-art>svg { width:16px; height:16px; max-height:100%; padding:2px; border:1px solid color-mix(in srgb,var(--book-ink) 40%,transparent); border-radius:5px; background:color-mix(in srgb,var(--book-ink) 9%,transparent); }
.dd-book--mini .dd-book-footer { padding-top:4%; gap:2px; }
.dd-book--mini .dd-book-edition { font-size:3px; letter-spacing:.25px; }
.dd-book--mini .dd-book-edition>b { margin-top:1px; font-size:5px; }
.dd-book--mini .dd-book-format { font-size:3.2px; letter-spacing:.1px; }
.dd-book--mini[data-book-tone=turkce] { --book-cover:#4f426f; --book-ink:#f2debc; }
.dd-book--mini[data-book-tone=matematik] { --book-cover:#344774; --book-ink:#f1dda7; }
.dd-book--mini[data-book-tone=geometri] { --book-cover:#315969; --book-ink:#e2e4bc; }
.dd-book--mini[data-book-tone=fizik] { --book-cover:#7a552d; --book-ink:#f6e5bc; }
.dd-book--mini[data-book-tone=kimya] { --book-cover:#5e4876; --book-ink:#e9dcca; }
.dd-book--mini[data-book-tone=biyoloji] { --book-cover:#305e4b; --book-ink:#e4e5b7; }
.dd-book--mini[data-book-tone=tarih] { --book-cover:#78433c; --book-ink:#f3dfbd; }
.dd-book--mini[data-book-tone=cografya] { --book-cover:#30646a; --book-ink:#e3e7c9; }
.dd-book--mini[data-book-tone=felsefe] { --book-cover:#65572e; --book-ink:#ece3bb; }
.dd-book--mini.dd-book--theory[data-book-tone] { --book-cover:#f5e9cb; --book-ink:#574075; }

/* The covers are the mode buttons; the existing actions and state stay intact. */
body.dd-pro .cg-entry .cg-test-modes:has(>.dd-book-button) { gap:24px; padding:6px 12px 0 7px; }
body.dd-pro .cg-entry .cg-test-modes>.dd-book-button { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; min-height:0; gap:17px; padding:0; border:0; border-radius:9px; background:transparent; color:var(--text); box-shadow:none; transform:none; }
.dd-book-button>.dd-book { width:min(100%,215px); flex:none; }
body.dd-pro .cg-entry .dd-book-button .cg-entry-mode-copy { width:100%; max-width:225px; display:flex; justify-content:space-between; align-items:center; gap:8px; flex:0 0 auto; padding:0 4px 5px; }
.dd-book-button .cg-entry-mode-copy>span { display:grid; min-width:0; gap:4px; }
body.dd-pro .cg-entry .dd-book-button .cg-entry-mode-copy strong { font-size:15px; line-height:1.25; letter-spacing:0; }
body.dd-pro .cg-entry .dd-book-button .cg-entry-mode-copy small { font-size:11px; }
body.dd-pro .cg-entry .dd-book-button .cg-entry-pro-status { position:static; align-self:flex-start; flex:none; font-size:9px; padding-top:3px; }
body.dd-pro .cg-entry .dd-book-button .cg-entry-mode-arrow,body.dd-pro .cg-entry .dd-book-button .cg-entry-chevron { display:block; align-self:center; color:var(--brand); }
body.dd-pro .cg-entry .dd-book-button .cg-entry-mode-copy { border-bottom:2px solid transparent; }
body.dd-pro .cg-entry .dd-book-button[aria-pressed=true] .cg-entry-mode-copy { border-bottom-color:var(--brand); }
body.dd-pro .cg-entry .dd-book-button:focus-visible { outline:3px solid var(--brand); outline-offset:7px; }
body.dd-pro .cg-entry .dd-book-button:active>.dd-book .dd-book-cover { border-color:var(--book-ink); box-shadow:inset 5px 0 0 #ffffff0b,inset 8px 0 0 #0000001a,inset 0 0 0 1px color-mix(in srgb,var(--book-ink) 45%,transparent); }
.learning-entry-wrap.dd-learning-book-wrap { overflow:clip; }
body.dd-pro .dd-learning-book-wrap:not(.dd-learning-book-wrap--compact)>.learning-entry { position:relative; display:flex; align-items:center; gap:28px; padding:24px 32px; min-height:0; transform:none; transition:border-color 160ms ease; }
.dd-learning-book-entry:not(.dd-learning-book-entry--compact)>.dd-book { flex:none; width:136px; }
.dd-learning-book-entry:not(.dd-learning-book-entry--compact) .dd-book-brand { font-size:clamp(4px,4cqw,6px); gap:4px; }
.dd-learning-book-entry:not(.dd-learning-book-entry--compact) .dd-book-monogram { width:12cqw; height:12cqw; border-radius:4px; font-size:4.5cqw; }
.dd-learning-book-entry:not(.dd-learning-book-entry--compact) .dd-book-title { font-size:clamp(13px,14.2cqw,21px); }
.dd-learning-book-entry:not(.dd-learning-book-entry--compact) .dd-book-series { font-size:clamp(4px,3.3cqw,5px); }
.dd-learning-book-entry:not(.dd-learning-book-entry--compact) .dd-book-edition { font-size:clamp(4px,4.1cqw,6px); }
.dd-learning-book-entry:not(.dd-learning-book-entry--compact) .dd-book-edition>b { margin-top:2px; font-size:clamp(7px,7.7cqw,11px); }
.dd-learning-book-entry:not(.dd-learning-book-entry--compact) .dd-book-format { font-size:clamp(3.5px,3.2cqw,5px); letter-spacing:.2px; }
body.dd-pro .dd-learning-book-entry:not(.dd-learning-book-entry--compact) .learning-entry-copy { flex:1; min-width:0; display:grid; gap:10px; }
body.dd-pro .dd-learning-book-entry:not(.dd-learning-book-entry--compact) .learning-entry-copy strong { font-size:24px; line-height:1.12; letter-spacing:-.55px; }
body.dd-pro .dd-learning-book-entry:not(.dd-learning-book-entry--compact) .learning-entry-copy small { font-size:12px; line-height:1.5; }
.dd-learning-book-entry:not(.dd-learning-book-entry--compact)>.qs-pro { align-self:flex-start; margin-top:4px; }
.dd-learning-book-entry:not(.dd-learning-book-entry--compact)>.learning-entry-chevron { position:absolute; right:26px; bottom:27px; color:var(--brand); }
body.dd-pro .dd-learning-book-wrap:not(.dd-learning-book-wrap--compact)>.learning-entry:hover { background:transparent; }
@media(hover:hover) {
  body.dd-pro .cg-entry .dd-book-button:hover>.dd-book .dd-book-cover,
  body.dd-pro .dd-learning-book-entry:not(.dd-learning-book-entry--compact):hover>.dd-book .dd-book-cover { border-color:var(--book-ink); box-shadow:inset 5px 0 0 #ffffff0b,inset 8px 0 0 #0000001a,inset 0 0 0 1px color-mix(in srgb,var(--book-ink) 30%,transparent); }
}
@media(max-width:480px) {
  body.dd-pro .cg-entry .cg-test-modes:has(>.dd-book-button) { gap:17px; padding:4px 5px 0 2px; }
  body.dd-pro .cg-entry .cg-test-modes>.dd-book-button { gap:14px; }
  .dd-book-brand { font-size:6px; gap:5px; }
  .dd-book-monogram { width:19px; height:19px; font-size:7px; }
  .dd-book .dd-book-edition { font-size:7px; }
  .dd-book .dd-book-edition>b { font-size:13px; }
  .dd-book-format { font-size:4.7px; letter-spacing:.3px; }
  body.dd-pro .cg-entry .dd-book-button .cg-entry-mode-copy { padding-inline:0; align-items:flex-start; }
  body.dd-pro .cg-entry .dd-book-button .cg-entry-mode-copy strong { font-size:13px; }
  body.dd-pro .cg-entry .dd-book-button .cg-entry-mode-copy small { font-size:10px; }
  body.dd-pro .cg-entry .dd-book-button .cg-entry-pro-status { gap:2px; font-size:8px; }
  .dd-book-button .cg-entry-pro-status svg { width:10px; height:10px; }
  body.dd-pro .dd-learning-book-wrap:not(.dd-learning-book-wrap--compact)>.learning-entry { gap:21px; padding:20px 21px; }
  .dd-learning-book-entry:not(.dd-learning-book-entry--compact)>.dd-book { width:102px; }
  body.dd-pro .dd-learning-book-entry:not(.dd-learning-book-entry--compact) .learning-entry-copy strong { font-size:21px; }
  body.dd-pro .dd-learning-book-entry:not(.dd-learning-book-entry--compact) .learning-entry-copy small { font-size:11px; }
  .dd-learning-book-entry:not(.dd-learning-book-entry--compact)>.qs-pro { position:absolute; top:17px; right:17px; font-size:9px; }
  .dd-learning-book-entry:not(.dd-learning-book-entry--compact)>.learning-entry-chevron { right:17px; bottom:18px; width:18px; height:18px; }
}
@media(max-width:360px) {
  body.dd-pro .cg-entry .cg-test-modes:has(>.dd-book-button) { gap:13px; }
  .dd-book-title { font-size:18px; }
  .dd-book--random .dd-book-title { font-size:16px; }
  .dd-book-brand { font-size:5px; letter-spacing:.3px; }
  .dd-book-monogram { width:16px; height:16px; font-size:6px; }
  body.dd-pro .cg-entry .dd-book-button .cg-entry-pro-status>span:last-child { max-width:25px; overflow-wrap:anywhere; }
  body.dd-pro .dd-learning-book-wrap:not(.dd-learning-book-wrap--compact)>.learning-entry { gap:18px; padding:18px; }
  .dd-learning-book-entry:not(.dd-learning-book-entry--compact)>.dd-book { width:86px; }
  .dd-learning-book-entry:not(.dd-learning-book-entry--compact) .dd-book-series { display:none; }
  body.dd-pro .dd-learning-book-entry:not(.dd-learning-book-entry--compact) .learning-entry-copy strong { font-size:19px; }
}
@media(prefers-reduced-motion:reduce) {
  .dd-book-cover { transition:none; }
}

/* Thumbnail type scales with the physical cover, independently of viewport size. */
.dd-book--mini { container-type:size; }
.dd-book--mini .dd-book-cover { padding:10% 9% 8% 14%; }
.dd-book--mini .dd-book-brand { gap:min(2px,4cqw); font-size:min(3.1px,6cqh); letter-spacing:min(.1px,.3cqw); }
.dd-book--mini .dd-book-monogram { width:min(9px,18cqh); height:min(9px,18cqh); font-size:min(3.5px,7cqh); border-width:min(1px,2cqh); }
.dd-book--mini .dd-book-title { margin-top:min(8%,5cqh); font-size:min(7px,14cqh); letter-spacing:0; }
.dd-book--mini .dd-book-art>svg { width:min(16px,38cqw); height:min(16px,24cqh); }
.dd-book--mini .dd-book-edition { font-size:min(3px,5cqh); letter-spacing:0; }
.dd-book--mini .dd-book-edition>b { margin-top:min(1px,2cqh); font-size:min(5px,8cqh); }
.dd-book--mini .dd-book-format { font-size:min(3.2px,6cqh); letter-spacing:0; }
.dd-book-button .cg-entry-mode-copy>.cg-entry-pro-status { display:flex; flex-direction:row; align-items:center; }
@media(max-width:480px) { body.dd-pro .cg-entry .dd-book-button .cg-entry-chevron { display:none; } }

/* Small, text-free covers are opt-in for ÇözGeç, duels and the learning entry. */
.dd-book--compact { --book-paper:#fff3d5; --book-cover:#30465f; --book-ink:#f7df99; width:44px; height:56px; flex:none; aspect-ratio:auto; container-type:normal; }
.dd-book--compact.dd-book--random { --book-cover:#28665d; }
.dd-book--compact.dd-book--duel { --book-cover:#51436f; }
.dd-book--compact.dd-book--theory { --book-cover:#66518c; }
.dd-book--compact::before { inset:3px 0 0 3px; border:1px solid #dccdad; border-radius:1px 4px 4px 1px; background:repeating-linear-gradient(0deg,var(--book-paper) 0 1px,#e8dcc1 1px 2px); box-shadow:0 2px 3px #10203018; }
.dd-book--compact .dd-book-cover { inset:0 2px 2px 0; display:grid; place-items:center; padding:0 0 0 3px; border:1px solid #ffffff18; border-bottom-width:1px; border-radius:2px 4px 4px 2px; background:linear-gradient(110deg,#ffffff08,transparent 45%),var(--book-cover); box-shadow:inset 3px 0 0 #00000012; transition:none; }
.dd-book--compact .dd-book-cover::before { content:none; }
.dd-book--compact .dd-book-cover::after { left:4px; opacity:.2; }
.dd-book--compact .dd-book-art { display:block; width:32px; height:36px; margin:0; min-height:0; }
.dd-book--compact .dd-book-art>svg { width:100%; height:100%; max-height:none; }
.dd-book--compact.dd-book--random .dd-book-art>svg>path,
.dd-book--compact.dd-book--random .dd-book-art>svg>ellipse { display:none; }
.dd-book--compact.dd-book--random .dd-book-art>svg>g:first-of-type { stroke:var(--book-cover); }
.dd-book--compact.dd-book--random .dd-book-art>svg>g:first-of-type>path { fill:var(--book-ink); }
.dd-book--compact.dd-book--random .dd-book-art>svg>g:first-of-type>path:nth-child(3n + 2) { fill:color-mix(in srgb,var(--book-ink) 88%,var(--book-cover)); }
.dd-book--compact.dd-book--random .dd-book-art>svg>g:nth-of-type(2) { fill:var(--book-cover); }
.dd-book--compact.dd-book--questions .dd-book-art>svg>:not(:nth-child(3)):not(:nth-child(4)) { display:none; }
.dd-book--compact.dd-book--questions .dd-book-art>svg>path:nth-child(3) { fill:var(--book-ink); stroke:var(--book-cover); stroke-width:1.5; }
.dd-book--compact.dd-book--questions .dd-book-art>svg>path:nth-child(4) { fill:none; stroke:var(--book-cover); stroke-width:2; stroke-opacity:.65; }
.dd-book--compact.dd-book--theory .dd-book-art>svg>:not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(7)) { display:none; }
.dd-book--compact.dd-book--theory .dd-book-art>svg>path:nth-child(4) { fill:color-mix(in srgb,var(--book-ink) 82%,var(--book-cover)); stroke:var(--book-cover); }
.dd-book--compact.dd-book--theory .dd-book-art>svg>path:nth-child(5) { fill:var(--book-ink); stroke:var(--book-cover); }
.dd-book--compact.dd-book--theory .dd-book-art>svg>path:nth-child(6),
.dd-book--compact.dd-book--theory .dd-book-art>svg>path:nth-child(7) { stroke:var(--book-cover); }

/* The learning action shares the compact cover while its panel keeps its layout. */
.learning-entry-wrap.dd-learning-book-wrap--compact { border-radius:16px; }
.dd-learning-book-wrap--compact>.dd-learning-book-entry--compact { position:relative; display:flex; align-items:center; gap:10px; min-height:81px; padding:12px; border-bottom:1px solid transparent; transform:none; transition:background-color 160ms ease,border-color 160ms ease; }
.dd-learning-book-wrap--compact>.dd-learning-book-entry--compact[aria-expanded=true] { border-bottom-color:var(--stroke); }
.dd-learning-book-wrap--compact>.dd-learning-book-entry--compact:hover,
.dd-learning-book-wrap--compact>.dd-learning-book-entry--compact:active { transform:none; background:color-mix(in srgb,var(--brand) 4%,var(--panel)); }
.dd-learning-book-entry--compact .learning-entry-copy { display:grid; flex:1; min-width:0; gap:4px; }
.dd-learning-book-entry--compact .learning-entry-copy strong { font-size:16px; line-height:1.25; font-weight:650; letter-spacing:-.25px; white-space:nowrap; }
.dd-learning-book-entry--compact .learning-entry-copy small { font-size:11px; line-height:1.4; white-space:nowrap; }
.dd-learning-book-entry--compact>.qs-pro { position:static; flex:none; align-self:center; margin:0; font-size:9px; }
.dd-learning-book-entry--compact>.learning-entry-chevron { position:static; flex:none; width:16px; height:16px; color:var(--muted); }
@media(max-width:360px) {
  .dd-learning-book-wrap--compact>.dd-learning-book-entry--compact { min-height:77px; gap:8px; padding:10px; }
  .dd-learning-book-entry--compact .learning-entry-copy strong { font-size:15px; }
}

/* Authorized compact action marks: no covers, shields or duplicate labels. */
.dd-book--compact.dd-book--mark { --book-mark:#223e68; display:inline-grid; place-items:center; width:44px; height:56px; margin:0; flex:none; aspect-ratio:auto; container-type:normal; color:var(--book-mark); }
.dd-book--compact.dd-book--mark::before,.dd-book--compact.dd-book--mark::after { content:none; }
.dd-book--compact.dd-book--mark .dd-book-cover { position:static; display:grid; place-items:center; width:44px; height:44px; margin:0; padding:0; border:0; border-radius:0; background:none; color:inherit; box-shadow:none; transition:none; }
.dd-book--compact.dd-book--mark .dd-book-cover::before,.dd-book--compact.dd-book--mark .dd-book-cover::after { content:none; }
.dd-book--compact.dd-book--mark .dd-book-art { display:grid; place-items:center; flex:none; width:26px; height:26px; margin:0; min-height:0; }
.dd-book--compact.dd-book--mark .dd-book-art>svg { display:block; width:100%; height:100%; max-height:none; }
.dd-book.dd-book--compact.dd-book--mark:is(.dd-book--random,.dd-book--questions,.dd-book--duel) .dd-book-art>svg>* { display:inline; }
.dd-book--compact.dd-book--mark.dd-book--random { --book-mark:#28665d; }
.dd-book--compact.dd-book--mark.dd-book--random .dd-book-art>svg>g { fill:currentColor; stroke:none; }
.dd-book--compact.dd-book--mark.dd-book--duel .dd-book-art { width:42px; height:42px; }
[data-theme=dark] .dd-book--compact.dd-book--mark { --book-mark:#b7c6dd; }
[data-theme=dark] .dd-book--compact.dd-book--mark.dd-book--random { --book-mark:#9bcfbd; }

/* Small entry artwork; the controls, labels and 44 x 56 footprint stay put. */
.dd-book--compact.dd-book--plain-cover { --book-cover:#30465f; --book-paper:#fff3d5; position:relative; isolation:isolate; display:block; width:44px; height:56px; }
.dd-book--compact.dd-book--plain-cover::before { content:""; position:absolute; z-index:-1; inset:3px 0 0 3px; border:1px solid #dccdad; border-radius:1px 4px 4px 1px; background:repeating-linear-gradient(0deg,var(--book-paper) 0 1px,#e8dcc1 1px 2px); box-shadow:0 2px 3px #10203018; }
.dd-book--compact.dd-book--plain-cover .dd-book-cover { position:absolute; inset:0 2px 2px 0; display:block; width:auto; height:auto; margin:0; padding:0; border:1px solid #ffffff18; border-radius:2px 4px 4px 2px; background:linear-gradient(110deg,#ffffff08,transparent 45%),var(--book-cover); box-shadow:inset 3px 0 0 #00000012; transition:none; }
.dd-book--compact.dd-book--plain-cover .dd-book-cover::before { content:none; }
.dd-book--compact.dd-book--plain-cover .dd-book-cover::after { content:""; position:absolute; top:0; bottom:0; left:4px; width:1px; background:#f7df99; opacity:.2; pointer-events:none; }
.dd-book--compact.dd-book--plain-cover .dd-book-art { display:none; }
.dd-book--compact.dd-book--random .dd-book-art { width:36px; height:40px; }
.dd-book--compact.dd-book--duel .dd-book-art { width:44px; height:44px; }
.dd-book.dd-book--compact.dd-book--random .dd-book-art .dd-die .dd-die-body { stroke:#28665d; stroke-width:1.2; transform-box:fill-box; transform-origin:50% 70%; }
.dd-book.dd-book--compact.dd-book--random .dd-book-art .dd-die .dd-die-top { fill:#f0f7f2; }
.dd-book.dd-book--compact.dd-book--random .dd-book-art .dd-die .dd-die-side { fill:#d7eade; }
.dd-book.dd-book--compact.dd-book--random .dd-book-art .dd-die .dd-die-face { fill:#b6d5c5; }
.dd-book.dd-book--compact.dd-book--random .dd-book-art .dd-die .dd-die-rim { fill:none; stroke:#fff; stroke-width:1; stroke-opacity:.8; }
.dd-book.dd-book--compact.dd-book--random .dd-book-art .dd-die .dd-die-pips { fill:#28665d; }
.dd-book.dd-book--compact.dd-book--random .dd-book-art .dd-die .dd-die-ground { display:inline; }
[data-theme=dark] .dd-book.dd-book--compact.dd-book--random .dd-book-art .dd-die .dd-die-top { fill:#e8f4ed; }
[data-theme=dark] .dd-book.dd-book--compact.dd-book--random .dd-book-art .dd-die .dd-die-side { fill:#bedcc9; }
[data-theme=dark] .dd-book.dd-book--compact.dd-book--random .dd-book-art .dd-die .dd-die-face { fill:#94bba6; }

/* The learning entry is an open navy-and-white book, without a surrounding cover. */
.dd-book--compact.dd-book--open-book { display:inline-grid; place-items:center; width:44px; height:56px; color:#223e68; }
.dd-book--compact.dd-book--open-book::before,.dd-book--compact.dd-book--open-book::after,.dd-book--compact.dd-book--open-book .dd-book-cover::before,.dd-book--compact.dd-book--open-book .dd-book-cover::after { content:none; }
.dd-book--compact.dd-book--open-book .dd-book-cover { position:static; display:grid; place-items:center; width:44px; height:44px; margin:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; transition:none; }
.dd-book--compact.dd-book--open-book .dd-book-art { display:block; width:44px; height:44px; margin:0; min-height:0; }
.dd-book--compact.dd-book--open-book .dd-book-art>svg { display:block; width:100%; height:100%; max-height:none; }
.dd-book.dd-book--compact.dd-book--theory.dd-book--open-book .dd-book-cover .dd-book-art>svg.dd-open-book>g { display:inline; }