/* Shared paper palette for every RPG window. Sprite/canvas colours stay native. */
.dg-dialog-layer{
 --ui-ink:#2b1d14;--ui-muted:#6d6049;--ui-paper:#fff9e9;
 --ui-card:#fffdf4;--ui-mint:#e6f2df;--ui-line:#cbb889;
 --ui-gold:#ffdf80;--ui-green:#326b4e;
 --dg-text:var(--ui-ink);--dg-muted:var(--ui-muted);--dg-panel:var(--ui-paper);
 --dg-gold:#805326;--dg-border:var(--ui-line);
 background:#293b355e;backdrop-filter:blur(5px);color:var(--ui-ink)
}
.dg-dialog-layer .dg-dialog{background:var(--ui-paper);color:var(--ui-ink);border:4px solid var(--ui-ink);border-radius:25px;box-shadow:0 7px 0 #8e704b}
.dg-dialog-layer .dg-dialog-head{background:var(--ui-paper);border-color:#ddcda9}
.dg-dialog-layer .dg-dialog-body{background:var(--ui-paper);scrollbar-color:#b59a62 #eee3c9}
.dg-dialog-layer .dg-dialog :is(h2,h3,h4,p,b,strong,label,em,li,output,legend){color:var(--ui-ink);text-shadow:none}
.dg-dialog-layer .dg-dialog :is(small,.dg-notice,.dg-pack-note,.dg-pack-tag,.dg-journey-note){color:var(--ui-muted);text-shadow:none}
.dg-dialog-layer .dg-dialog .dg-pack-tag{color:var(--ui-muted)!important}
.dg-dialog-layer .dg-dialog :is(.dg-button,.dg-primary){border:2px solid var(--ui-ink);border-radius:14px;background:var(--ui-card);color:var(--ui-ink);box-shadow:0 3px 0 #aa8c60;text-shadow:none;opacity:1}
.dg-dialog-layer .dg-dialog .dg-primary{background:var(--ui-gold)}
.dg-dialog-layer .dg-dialog :is(.dg-button,.dg-primary):hover:not(:disabled){background:#ffedb6;border-color:#8a552a}
.dg-dialog-layer .dg-dialog :is(.dg-button,.dg-primary):focus-visible{outline:3px solid #c67a31;outline-offset:3px}
.dg-dialog-layer .dg-dialog button:disabled{opacity:1;background:#eee8da;color:#786d5b;border-color:#b4a58b;box-shadow:0 2px 0 #c7bba6;cursor:default}
.dg-dialog-layer .dg-dialog button:disabled :is(b,small){color:#786d5b}
.dg-dialog-layer .dg-dialog :is(input,select){background:var(--ui-card);color:var(--ui-ink);border-color:var(--ui-line)}
.dg-dialog-layer .dg-dialog :is(.dg-tabs,.dg-pack-tabs){background:var(--ui-paper);border-radius:0;box-shadow:none}
.dg-dialog-layer .dg-dialog :is(.dg-tabs button[aria-selected=true],.dg-pack-tabs button[aria-pressed=true]){background:var(--ui-gold);color:var(--ui-ink);border-color:#805326;box-shadow:0 3px 0 #a87e3d}

/* The equipment window keeps identical surfaces all the way into nested cards. */
.dg-dialog-layer .dg-hero-sheet{grid-template-columns:190px minmax(0,1fr);gap:22px}
.dg-dialog-layer .dg-hero-side canvas{background:radial-gradient(ellipse at 50% 80%,#deedc3,transparent 66%),linear-gradient(#f4f5db,#e5efce);border:2px solid #c3bf91;box-shadow:none;border-radius:18px}
.dg-dialog-layer .dg-hero-side>b{color:var(--ui-ink)}
.dg-dialog-layer .dg-hero-side>small{color:var(--ui-muted)}
.dg-dialog-layer .dg-current-gear{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:8px 0}
.dg-dialog-layer .dg-current-gear>span{display:grid;justify-items:center;color:var(--ui-ink);gap:5px;font-size:12px}
.dg-dialog-layer .dg-current-gear .dg-gear-art{display:block;width:44px;height:44px;object-fit:contain}
.dg-dialog-layer .dg-stat-grid>span{background:var(--ui-mint);color:#4b5e43;border:1px solid #b5c8a2;border-radius:11px}
.dg-dialog-layer .dg-stat-grid b{color:var(--ui-ink);font-size:19px}
.dg-dialog-layer .dg-points{background:#fff0c2;border:2px solid #d5b568;color:var(--ui-ink);border-radius:13px}
.dg-dialog-layer .dg-points b{color:#805326}
.dg-dialog-layer .dg-points progress{accent-color:#51835b;background:#dfd5b6;border:0;border-radius:5px;overflow:hidden}
.dg-dialog-layer .dg-points progress::-webkit-progress-bar{background:#dfd5b6}
.dg-dialog-layer .dg-points progress::-webkit-progress-value{background:#51835b}
.dg-dialog-layer .dg-equipment .dg-slot{color:#70532c;font-size:17px;padding:4px 0}
.dg-dialog-layer .dg-equipment article{background:var(--ui-card);border:2px solid var(--ui-line);border-radius:17px;box-shadow:0 3px 0 #dfd0ae;gap:12px;padding:15px}
.dg-dialog-layer .dg-equipment article.used{background:var(--ui-mint);border-color:#86a678;box-shadow:inset 4px 0 #6b945b,0 3px 0 #c4d2ac}
.dg-dialog-layer .dg-equipment article>:is(img,svg){width:48px;height:60px;object-fit:contain;align-self:start}
.dg-dialog-layer .dg-equipment article h3{font-size:16px;color:var(--ui-ink)}
.dg-dialog-layer .dg-equipment article p{color:var(--ui-muted);font-size:13px;line-height:1.75}
.dg-dialog-layer .dg-equipment article p b{color:#385b3b}
.dg-dialog-layer .dg-equipment article>button{align-self:center;font-size:12px}
.dg-dialog-layer .dg-talent{background:var(--ui-card);border:2px solid var(--ui-line);border-radius:16px;box-shadow:0 3px 0 #dfd0ae}
.dg-dialog-layer .dg-talent.learned{background:var(--ui-mint);border-color:#86a678;box-shadow:inset 3px 0 #6b945b,0 3px 0 #c4d2ac}
.dg-dialog-layer .dg-talent h4 em{color:#79572a}
.dg-dialog-layer .dg-talent p b{color:#356540}
.dg-dialog-layer .dg-pips i{display:inline-block;width:8px;height:8px;flex:none;background:#e8e0c7;border:1px solid #c3b08a}
.dg-dialog-layer .dg-pips i.on{background:#6c9955;border-color:#4c713c}

/* The same palette also follows the player into the bag, journal and NPC tasks. */
.dg-dialog-layer .dg-dialog :is(.dg-item-grid article,.dg-pack-recipe,.dg-world-intro,.dg-world-destinations article,.dg-oath-steps li,.dg-progress-cards article,.dg-quest,.dg-quest-card,.dg-journal-quest,.dg-chosen-spell,.dg-target-choice,.dg-spell-card,.dg-scene-puzzle,.dg-turn-wait){background:var(--ui-card);color:var(--ui-ink);border-color:var(--ui-line);box-shadow:0 3px 0 #dfd0ae}
.dg-dialog-layer .dg-dialog .dg-kicker{color:#79572a}
.dg-dialog-layer .dg-dialog :is(.dg-journal-quest.claimed,.dg-quest.claimed){opacity:1;background:#f4f0e5;border-style:dashed}
.dg-dialog-layer .dg-dialog .dg-task-stages span{background:var(--ui-card);color:var(--ui-muted);border-color:var(--ui-line)}
.dg-dialog-layer .dg-dialog .dg-task-stages .done{background:var(--ui-mint);color:#385b3b;border-color:#96b283}
.dg-dialog-layer .dg-dialog .dg-task-stages .done::before{color:#385b3b}
.dg-dialog-layer .dg-dialog .dg-task-stages .current{background:#fff0c2;color:#70532c;border-color:#c99542}
.dg-dialog-layer .dg-dialog :is(.dg-pack-cost>span:not(.dg-pack-yield),.dg-pack-empty,.dg-oath-count,.dg-rewards,.dg-growth,.dg-quest-focus,.dg-session-resources){background:var(--ui-mint);color:var(--ui-ink);border-color:#b5c8a2}
.dg-dialog-layer .dg-dialog .dg-session-heading{color:var(--ui-ink)!important}
.dg-dialog-layer .dg-dialog .dg-session-save{color:var(--ui-muted)!important}
.dg-dialog-layer .dg-dialog :is(.dg-pack-notice,.dg-f-clue,.dg-f-notebook){background:#fff0c2;color:var(--ui-ink);border-color:#d5b568}
.dg-dialog-layer .dg-dialog :is(.dg-oath-steps li[aria-current=step],.dg-target-choice[aria-pressed=true],.dg-journey-steps li.current){background:#fff0c2;border-color:#c99542;color:var(--ui-ink)}
.dg-dialog-layer .dg-dialog :is(.dg-oath-steps li.done,.dg-journey-steps li.done,.dg-j-records .read){background:var(--ui-mint);color:var(--ui-ink);border-color:#96b283}
.dg-dialog-layer .dg-dialog :is(.dg-journey-steps li,.dg-j-records>button,.dg-j-tray,.dg-j-drop,.dg-f-tray,.dg-f-slot,.dg-f-choices fieldset,.dg-water-basket){background:var(--ui-mint);color:var(--ui-ink);border-color:#96b283}
.dg-dialog-layer .dg-dialog :is(.dg-j-slot-label,.dg-j-empty,.dg-j-tray>small,.dg-f-slot>small,.dg-f-instruction,.dg-j-status,.dg-scene-status,.dg-ruin-status,.dg-water-status,.dg-mirror-status,.dg-pack-status){color:var(--ui-muted)}
.dg-dialog-layer .dg-dialog :is(.dg-f-piece,.dg-f-choice,.dg-scene-puzzle button){background:var(--ui-card);color:var(--ui-ink);border-color:#96b283}
.dg-dialog-layer .dg-dialog :is(.dg-f-choice[aria-pressed=true],.dg-f-piece[aria-pressed=true],.dg-f-slot.filled,.dg-j-drop.can-drop,.dg-j-tray.can-drop,.dg-water-basket.can-drop){background:#fff0c2;color:var(--ui-ink);border-color:#b68237}
.dg-dialog-layer .dg-dialog .dg-f-choice[aria-pressed=true]::after{color:#3a703e}
.dg-dialog-layer .dg-dialog :is(.dg-oath-steps li>span,.dg-journey-steps li>span,.dg-mirror-stages span,.dg-water-stages span){background:var(--ui-card);color:#5b573e;border-color:#b5c8a2}
.dg-dialog-layer .dg-dialog :is(.dg-mirror-stages .done,.dg-water-stages .done){background:var(--ui-mint);color:#385b3b}

@media(min-width:751px) and (max-width:1000px){
 .dg-dialog-layer .dg-hero-sheet{grid-template-columns:165px minmax(0,1fr);gap:18px}
 .dg-dialog-layer .dg-equipment article{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dg-dialog-layer .dg-equipment article>:is(img,svg){grid-column:1;grid-row:1}
 .dg-dialog-layer .dg-equipment article>div{grid-column:1/-1;grid-row:1;margin-left:62px;min-height:60px}
 .dg-dialog-layer .dg-equipment article>button{grid-row:2;grid-column:auto}
 .dg-dialog-layer .dg-talents{grid-template-columns:1fr}
}
@media(max-width:750px){
 .dg-dialog-layer .dg-hero-sheet{grid-template-columns:1fr}
 .dg-dialog-layer .dg-hero-side{position:static}
 .dg-dialog-layer .dg-equipment article>:is(img,svg){grid-column:1;grid-row:1;width:44px;height:54px}
 .dg-dialog-layer .dg-equipment article>div{margin-left:56px}
 .dg-dialog-layer .dg-tabs{top:-16px}
 .dg-dialog-layer .dg-equipment article{padding:12px;gap:10px}
}