/* Paper belongs to expedition notices and the guide, with dark ink for readability. */
.board-panel,
#modal[data-panel="quests"],
#modal[data-panel="guide"],
#modal[data-panel="shop"] {
  --ink: #35291c;
  --ink-muted: #66513a;
  --line: #87673b42;
  --gold: #805329;
  color: var(--ink);
  background-color: #dfc99c;
  background-image:
    url('./assets/paper-grain.svg'),
    radial-gradient(ellipse at 0 0, #79502912, transparent 34%),
    radial-gradient(ellipse at 100% 100%, #88612b10, transparent 39%),
    linear-gradient(91deg, transparent 48.8%, #8c653b10 49.8%, #fff6db26 50.2%, transparent 51.2%),
    linear-gradient(120deg, #ead8af, #e3cda2 55%, #d5b987);
  background-size: 180px 180px, auto, auto, auto, auto;
  border: 0;
  border-radius: 3px 8px 4px 6px / 7px 3px 8px 4px;
  box-shadow: none;
  backdrop-filter: none;
}

.board-panel > .section-label { color: var(--ink-muted); border-bottom: 1px solid var(--line); }
.board-panel .live-tag { color: #7d362c; border-color: #8b443b60; background: #8a443509; }
.board-panel .quest-content > .eyebrow { color: #83512e !important; }
.board-panel .quest-content > p,
.board-panel .mission-stats b,
.board-panel .quest-content > .quest-note { color: var(--ink-muted); }
.board-panel .mission-stats { color: #805329; }
.board-panel .reward-row > span { color: #796040; }
.board-panel .reward-row strong { color: var(--ink); }
.board-panel .board-art {
  height: 132px;
  margin: 12px 18px 0;
  padding: 10px 18px;
  gap: 8px 22px;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: radial-gradient(ellipse, #fff5d833, transparent 72%);
  box-shadow: none;
}
.board-panel .board-paper {
  background: transparent;
  color: #6f4c2d;
  border: 1px solid #85643d60;
  border-radius: 42% 48% 44% 47%;
  font-size: 23px;
  padding: 2px 0 6px;
  transform: rotate(-3deg);
}
.board-panel .paper-two, .board-panel .paper-three { transform: rotate(3deg); }
.board-panel .board-paper::before { display: none; }
.board-panel .board-paper span { font-size: 7px; font-weight: 700; letter-spacing: 1.1px; }
.board-panel .primary,
#modal[data-panel="quests"] .primary {
  background: #69442e;
  color: #fff0cb;
  border: 1px solid #523420;
  box-shadow: inset 0 0 0 2px #e0b98226, 0 2px 3px #68442325;
}
.board-panel .primary:hover,
#modal[data-panel="quests"] .primary:hover { background: #805437; }
.board-panel button:focus-visible,
#modal:is([data-panel="quests"],[data-panel="guide"],[data-panel="shop"]) button:focus-visible {
  outline: 3px solid #783c29;
  outline-offset: 3px;
}
#modal:is([data-panel="quests"],[data-panel="guide"],[data-panel="shop"]) {
  width: min(860px, 92vw);
  scrollbar-color: #967448 #dac396;
}
#modal:is([data-panel="quests"],[data-panel="guide"],[data-panel="shop"]) > .eyebrow { color: #80532c; padding-right: 28px; }
#modal:is([data-panel="quests"],[data-panel="guide"],[data-panel="shop"]) h2 { color: #39291b; }
#modal:is([data-panel="quests"],[data-panel="guide"],[data-panel="shop"]) .subtext,
#modal:is([data-panel="quests"],[data-panel="guide"],[data-panel="shop"]) .modal-footer { color: var(--ink-muted); }
#modal:is([data-panel="quests"],[data-panel="guide"],[data-panel="shop"]) .close {
  color: #5d3b27;
  background: #f7e7c24d;
  border: 1px solid #89653e66;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  line-height: 1;
}
#modal[data-panel="quests"] .dungeon-grid { gap: 22px 18px; padding: 6px 2px; }
#modal[data-panel="quests"] .dungeon-card {
  --notice-ink: #695034;
  color: #39291b;
  border: 0;
  border-radius: 2px 5px 3px 2px;
  background: url('./assets/paper-grain.svg'), radial-gradient(ellipse at 100% 0, #a87e3910, transparent 45%), linear-gradient(125deg, #f1e1bc, #e8d3a9);
  box-shadow: none;
}
#modal[data-panel="quests"] .dungeon-card[data-theme="forge"] { --notice-ink: #85442b; }
#modal[data-panel="quests"] .dungeon-card[data-theme="frost"] { --notice-ink: #395a64; }
#modal[data-panel="quests"] .dungeon-card[data-theme="storm"] { --notice-ink: #614765; }
#modal[data-panel="quests"] .dungeon-card h3 { color: var(--notice-ink); }
#modal[data-panel="quests"] .dungeon-card .eyebrow { color: var(--notice-ink); }
#modal[data-panel="quests"] .dungeon-card p,
#modal[data-panel="quests"] .dungeon-card .dungeon-mechanic { color: #5f4c37; }
#modal[data-panel="quests"] .dungeon-reward { color: #704720; border-top: 1px solid #98703e38; font-weight: 700; }
#modal[data-panel="quests"] .dungeon-card-map {
  background: radial-gradient(ellipse, #a57b2420, transparent 70%);
  border-bottom: 1px solid #98703e25;
  padding-bottom: 12px;
}
#modal[data-panel="quests"] .route-map path { stroke: var(--notice-ink); opacity: .65; }
#modal[data-panel="quests"] .route-map rect { stroke: var(--notice-ink); fill: #ead5ab; }
#modal[data-panel="quests"] .route-map text { fill: var(--notice-ink); font-weight: 700; }
#modal[data-panel="guide"] .guide-grid { gap: 30px; }
#modal[data-panel="guide"] .guide-grid > div + div { border-left: 1px solid var(--line); padding-left: 25px; }
#modal[data-panel="guide"] .guide-grid h3 { color: #65422b; }
#modal[data-panel="guide"] .guide-grid p,
#modal[data-panel="guide"] .guide-row { color: #5d4933; }
#modal[data-panel="guide"] .guide-row { gap: 10px; align-items: center; }
#modal[data-panel="guide"] .guide-row kbd { color: #4d3522; border-color: #99774c70; background: #f7e9c85c; flex-shrink: 0; }
@media(max-height:760px) and (min-width:900px) {
  .board-panel .board-art { height: 100px; margin-top: 6px; padding: 4px 18px; gap: 5px 22px; }
  .board-panel .board-paper { font-size: 18px; padding: 1px 0 3px; }
}
@media(max-width:899px) {
  .board-panel .board-art { display: none; }
}
@media(max-width:650px) {
  #modal:is([data-panel="quests"],[data-panel="guide"],[data-panel="shop"]) { padding: 26px 20px; }
  #modal[data-panel="guide"] .guide-grid { grid-template-columns: 1fr; gap: 24px; }
  #modal[data-panel="guide"] .guide-grid > div + div { border-left: 0; padding-left: 0; border-top: 1px solid var(--line); padding-top: 22px; }
}

/* Cut an irregular silhouette from the sheet itself. No colored border strip. */
.board-panel,
#modal:is([data-panel="quests"],[data-panel="guide"],[data-panel="shop"]),
#modal[data-panel="quests"] .dungeon-card {
  border: 0;
  border-image: none;
  border-radius: 0;
  background-clip: border-box;
  clip-path: polygon(
    7px 4px, 2% 2px, 5% 5px, 8% 5px,
    11% 0px, 14% 2px, 17% 1px, 20% 1px,
    23% 2px, 26% 0px, 29% 1px, 32% 5px,
    35% 0px, 38% 5px, 41% 1px, 44% 5px,
    47% 0px, 50% 7px, 53% 5px, 56% 2px,
    59% 3px, 62% 1px, 65% 2px, 68% 7px,
    71% 1px, 74% 0px, 77% 2px, 80% 5px,
    83% 0px, 86% 3px, 89% 7px, 92% 5px,
    95% 1px, 98% 1px, calc(100% - 5px) 3px, calc(100% - 2px) 2%,
    calc(100% - 4px) 5%, calc(100% - 4px) 8%, calc(100% - 0px) 11%, calc(100% - 9px) 14%,
    calc(100% - 0px) 17%, calc(100% - 1px) 20%, calc(100% - 6px) 23%, calc(100% - 1px) 26%,
    calc(100% - 1px) 29%, calc(100% - 1px) 32%, calc(100% - 9px) 35%, calc(100% - 6px) 38%,
    calc(100% - 2px) 41%, calc(100% - 2px) 44%, calc(100% - 6px) 47%, calc(100% - 0px) 50%,
    calc(100% - 2px) 53%, calc(100% - 2px) 56%, calc(100% - 1px) 59%, calc(100% - 4px) 62%,
    calc(100% - 0px) 65%, calc(100% - 0px) 68%, calc(100% - 0px) 71%, calc(100% - 1px) 74%,
    calc(100% - 0px) 77%, calc(100% - 2px) 80%, calc(100% - 1px) 83%, calc(100% - 4px) 86%,
    calc(100% - 4px) 89%, calc(100% - 4px) 92%, calc(100% - 6px) 95%, calc(100% - 6px) 98%,
    calc(100% - 6px) calc(100% - 4px), 98% calc(100% - 2px), 95% calc(100% - 2px), 92% calc(100% - 0px),
    89% calc(100% - 1px), 86% calc(100% - 2px), 83% calc(100% - 6px), 80% calc(100% - 1px),
    77% calc(100% - 1px), 74% calc(100% - 6px), 71% calc(100% - 4px), 68% calc(100% - 4px),
    65% calc(100% - 6px), 62% calc(100% - 2px), 59% calc(100% - 2px), 56% calc(100% - 0px),
    53% calc(100% - 8px), 50% calc(100% - 8px), 47% calc(100% - 6px), 44% calc(100% - 6px),
    41% calc(100% - 2px), 38% calc(100% - 8px), 35% calc(100% - 8px), 32% calc(100% - 0px),
    29% calc(100% - 0px), 26% calc(100% - 1px), 23% calc(100% - 1px), 20% calc(100% - 4px),
    17% calc(100% - 2px), 14% calc(100% - 8px), 11% calc(100% - 6px), 8% calc(100% - 6px),
    5% calc(100% - 2px), 2% calc(100% - 1px), 4px calc(100% - 6px), 3px 98%,
    1px 95%, 0px 92%, 5px 89%, 7px 86%,
    5px 83%, 1px 80%, 1px 77%, 7px 74%,
    0px 71%, 1px 68%, 9px 65%, 5px 62%,
    3px 59%, 5px 56%, 5px 53%, 3px 50%,
    3px 47%, 5px 44%, 7px 41%, 9px 38%,
    3px 35%, 7px 32%, 5px 29%, 7px 26%,
    5px 23%, 0px 20%, 5px 17%, 1px 14%,
    5px 11%, 3px 8%, 9px 5%, 7px 2%
  );
}
.board-panel::after,
#modal:is([data-panel="quests"],[data-panel="guide"],[data-panel="shop"])::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 22px;
  height: 22px;
  opacity: .16;
  pointer-events: none;
  background: linear-gradient(45deg, #96703d 0%, #b79965 22%, #fff0cb 46%, #ead0a0 49%, #8c663a55 51%, transparent 58%);
  clip-path: polygon(0 0, 100% 100%, 0 100%);
  filter: none;
}
.board-panel > .section-label { position: relative; padding-right: 15px; }
.board-panel .board-art { margin-right: 10px; margin-left: 10px; }
#modal[data-panel="quests"] .dungeon-card::after {
  content: '';
  position: absolute;
  top: -3px;
  right: -1px;
  width: 20px;
  height: 20px;
  opacity: .16;
  pointer-events: none;
  background: linear-gradient(45deg, transparent 45%, #77552f55 49%, #e9cea0 52%, #fff0cb 58%, #b99764 95%);
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.board-panel > .section-label > span:not(.live-tag) { color: #66513a; }
.board-panel::after { width: 24px; height: 24px; }

#modal[data-panel="shop"]{width:min(1000px,94vw)}
.shop-wallet{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.shop-wallet strong{font-size:20px;color:#65451f}.shop-message{min-height:18px;font-size:12px;color:#3f5833;margin:12px 0}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.shop-card{padding:18px 14px;background:#fff3d333;border:1px solid #94714733;display:flex;flex-direction:column;min-width:0}.shop-card .eyebrow{font-size:8px;line-height:1.7;color:#79582f}.shop-card h3{font-size:25px;color:#3c2b1d;margin:12px 0 5px}.shop-card .weapon-icon{width:100%;max-width:180px;height:125px;margin:12px auto 0;image-rendering:auto}.shop-card p{font-size:11px;line-height:1.7;color:#66513a}.shop-card .shop-power{font-weight:700;color:#5d4123}.shop-card .shop-flavor{min-height:60px;margin:10px 0}.shop-card .shop-owned{margin:8px 0 12px;font-size:10px}.shop-card .primary{margin-top:auto;background:#69442e;color:#fff0cb;border:1px solid #523420;padding:12px;font-size:11px}.shop-card .primary span{font-size:inherit}.shop-card .primary:hover{background:#805437}.shop-card .primary:disabled{background:#867560;color:#f2e1c0;cursor:not-allowed}.shop-shortfall{margin-top:8px;font-size:10px!important}.shop-exclusive-label{color:#d3b876!important}
@media(max-width:760px){.shop-grid{grid-template-columns:1fr}.shop-card .shop-flavor{min-height:0}.shop-card .weapon-icon{height:100px}.shop-card h3{font-size:25px}}