/* Item inspection windows share this rendering on pages and hover previews.
   The source game window is used only for its interior stone; the border and
   titlebar are native CSS, without the source image's decorative close button. */
#almanac .detail-panel--item{
  --item-ink:#f3f1e5;
  --item-muted:#d0d1c5;
  box-sizing:border-box;
  max-width:660px;
  padding:0;
  overflow:hidden;
  border:4px ridge #797c7b;
  border-radius:0;
  background:#3c4035;
  color:var(--item-ink);
  font:15px/1.45 Georgia,'Times New Roman',serif;
  font-variant-numeric:lining-nums tabular-nums;
  text-shadow:0 1px 2px #1b211b;
}
#almanac .detail-panel--item .game-item-titlebar{
  margin:0;
  padding:5px 12px 6px;
  border-top:1px solid #a1a4a3;
  border-bottom:3px ridge #838685;
  background:linear-gradient(#727878 0%,#424747 16%,#737775 27%,#4b4f4e 48%,#303534 67%,#676d6c 89%,#393e3c 100%);
}
#almanac .detail-panel--item .detail-name{
  margin:0;
  padding:0;
  color:#f7f5ea;
  font:600 22px/1.2 Cinzel,Georgia,serif;
  letter-spacing:.025em;
  text-wrap:wrap;
  overflow-wrap:anywhere;
  text-shadow:0 2px 2px #111a16;
}
#almanac .detail-panel--item .game-item-interior{
  position:relative;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:start;
  gap:14px;
  min-height:145px;
  padding:17px 21px 21px;
  border:2px inset #4d534e;
}
#almanac .detail-panel--item .game-item-interior::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(#24302238,#1a221d55),url('/assets/game-ui/item-window-source.png') 50% 55% / 115% 145% no-repeat;
}
#almanac .detail-panel--item .game-item-interior--no-art{grid-template-columns:minmax(0,1fr)}
#almanac .detail-panel--item .game-item-artwork,
#almanac .detail-panel--item .game-item-copy{position:relative;min-width:0}
#almanac .detail-panel--item .detail-icon{
  display:block;
  width:48px;
  height:48px;
  object-fit:contain;
  border:0;
  background:transparent;
}
#almanac .detail-panel--item .detail-facts,
#almanac .detail-panel--item .detail-stats{
  display:flex;
  flex-wrap:wrap;
  gap:0 15px;
  margin:0;
  padding:0;
  border:0;
}
#almanac .detail-panel--item .detail-facts>div,
#almanac .detail-panel--item .detail-stats>div{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:baseline;
  gap:0 .3em;
  min-width:0;
}
#almanac .detail-panel--item .detail-facts dt,
#almanac .detail-panel--item .detail-stats dt,
#almanac .detail-panel--item .detail-facts dd,
#almanac .detail-panel--item .detail-stats dd{
  margin:0;
  color:var(--item-ink);
  font:inherit;
}
#almanac .detail-panel--item dt::after{content:':'}
#almanac .detail-panel--item dt[title]{cursor:help;text-decoration:underline dotted #d0d1c580;text-underline-offset:3px}
#almanac .detail-panel--item .game-item-slots,
#almanac .detail-panel--item .game-item-restrictions,
#almanac .detail-panel--item .game-item-container{display:grid;grid-template-columns:minmax(0,1fr)}
#almanac .detail-panel--item .game-item-armor{font-weight:700}
#almanac .detail-panel--item .detail-flags{
  margin:0;
  color:var(--item-ink);
  font:inherit;
  font-size:13px;
}
#almanac .detail-panel--item .detail-flags+.detail-flags{margin:0}
#almanac .detail-panel--item .detail-lore{
  max-width:62ch;
  margin:3px 0;
  color:var(--item-ink);
  font:inherit;
}
#almanac .detail-panel--item .detail-effects{
  list-style:none;
  margin:3px 0;
  padding:0;
  border:0;
  color:var(--item-ink);
}
#almanac .detail-panel--item .detail-effects li{padding:0}
#almanac .detail-panel--item .detail-unknown{color:var(--item-muted);font:italic .88em/1.4 Georgia,serif}
#almanac .detail-panel--item ::selection{color:#fff8d9;background:#5c624b}
#almanac .game-hover:has(.detail-panel--item){width:410px}
#almanac .game-hover .detail-panel--item{font:13px/1.45 Georgia,'Times New Roman',serif}
#almanac .game-hover .detail-panel--item .detail-name{font-size:15px}
#almanac .game-hover .detail-panel--item .game-item-titlebar{padding:4px 8px}
#almanac .game-hover .detail-panel--item .game-item-interior{grid-template-columns:38px minmax(0,1fr);gap:10px;min-height:0;padding:11px 12px 15px}
#almanac .game-hover .detail-panel--item .game-item-interior--no-art{grid-template-columns:minmax(0,1fr)}
#almanac .game-hover .detail-panel--item .detail-icon{width:38px;height:38px}
#almanac .game-hover .detail-panel--item .detail-flags{font-size:11px}
@media(max-width:620px){
  #almanac .detail-panel--item{max-width:100%;font-size:14px}
  #almanac .detail-panel--item .detail-name{font-size:18px}
  #almanac .detail-panel--item .game-item-titlebar{padding:5px 8px}
  #almanac .detail-panel--item .game-item-interior{grid-template-columns:38px minmax(0,1fr);gap:10px;min-height:0;padding:13px 12px 17px}
  #almanac .detail-panel--item .game-item-interior--no-art{grid-template-columns:minmax(0,1fr)}
  #almanac .detail-panel--item .detail-icon{width:38px;height:38px}
}