/* Backpack and character window conveniences (cream paper style). */
.dg-bag-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;border-radius:16px;background:#fff7dc;border:2px solid #e3c27a}
.dg-bag-summary span{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:6px;align-items:center;padding:4px 12px;border-radius:12px;background:#fffdf6;border:2px solid #ead9ad;min-width:72px}
.dg-bag-summary span i{grid-row:span 2;font-style:normal;font-size:20px}.dg-bag-summary b{font:700 18px/1 "Baloo 2",sans-serif;color:#2b1d14}.dg-bag-summary small{font-size:11px;color:#7a6346}
.dg-bag-keep{margin-left:auto;min-height:44px}
.dg-bag-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 12px}
.dg-chip{min-height:44px;padding:4px 14px;border-radius:999px;border:2px solid #2b1d14;background:#fff;color:#2b1d14;font:700 13px "Noto Sans SC",sans-serif;cursor:pointer;box-shadow:0 3px 0 #2b1d14}
.dg-chip[aria-pressed=true]{background:#ffd56a;transform:translateY(1px);box-shadow:0 2px 0 #2b1d14}
.dg-bag-sort{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:13px;color:#5a4630}
.dg-bag-sort select{min-height:44px;border-radius:12px;border:2px solid #2b1d14;background:#fff;padding:0 10px;font:700 13px "Noto Sans SC",sans-serif;color:#2b1d14}
.dg-item-grid article{position:relative;cursor:pointer;transition:transform .12s}
.dg-item-grid article:hover{transform:translateY(-2px)}
.dg-item-grid article:focus-visible,.dg-equipment article:focus-visible{outline:3px solid #e0a83a;outline-offset:2px}
.dg-new{position:absolute;top:-8px;left:-6px;z-index:1;padding:2px 8px;border-radius:999px;background:#e5483b;color:#fff;font:700 12px "Noto Sans SC",sans-serif;font-style:normal;box-shadow:0 2px 0 #2b1d14;animation:dg-new-pop .5s cubic-bezier(.2,1.6,.4,1) both}
@keyframes dg-new-pop{from{transform:scale(0)}}
.dg-cap{display:flex;align-items:center;gap:6px;margin-top:4px}.dg-cap i{flex:1;max-width:120px;height:7px;border-radius:999px;background:#e9dfc4;overflow:hidden}.dg-cap u{display:block;height:100%;background:#6fb34f;text-decoration:none}.dg-cap small{font:700 11px "Baloo 2",sans-serif;color:#6f5a3a}
.dg-bag-empty{padding:18px;text-align:center;border-radius:14px;background:#fffaf0;border:2px dashed #e3d2a6;color:#7a6346}
.dg-item-detail{position:fixed;left:50%;top:50%;width:min(560px,calc(100vw - 24px));transform:translate(-50%,-50%);z-index:260;max-height:calc(100dvh - 32px);overflow:auto;padding:18px;border-radius:22px;background:#fffdf6;border:3px solid #2b1d14;box-shadow:0 6px 0 #2b1d14,0 18px 40px #0005;animation:dg-detail-in .3s cubic-bezier(.2,1.3,.4,1) both}
.dg-item-detail .dg-close{position:absolute;right:12px;top:12px}
.dg-item-detail-art{display:grid;place-items:center;width:110px;height:110px;margin:0 auto 6px;border-radius:24px;background:radial-gradient(circle,#fff6c8,#fde7a8);border:2px solid #e3c27a}.dg-item-detail-art img,.dg-item-detail-art svg{width:88px;height:88px;object-fit:contain}
.dg-item-kind{display:block;width:max-content;margin:0 auto;padding:2px 12px;border-radius:999px;background:#7a63c9;color:#fff;font:700 12px "Noto Sans SC",sans-serif}
.dg-item-detail h3{text-align:center;margin:6px 0;font:400 22px "ZCOOL KuaiLe",sans-serif;color:#2b1d14}.dg-item-detail>p{text-align:center;color:#4b3a26}
.dg-item-detail dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:10px 0;padding:10px 12px;border-radius:14px;background:#fff7dc;font-size:14px}.dg-item-detail dt{font-weight:700;color:#8a5a12}.dg-item-detail dd{margin:0;color:#3d2f1e}
@keyframes dg-detail-in{from{opacity:0;transform:translate(-50%,-46%) scale(.96)}}
/* Character window */
.dg-power{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:4px 0;padding:6px 14px;border-radius:999px;background:linear-gradient(90deg,#ffe9a0,#ffd56a);border:2px solid #2b1d14;box-shadow:0 3px 0 #2b1d14}
.dg-power small{font:700 12px "Noto Sans SC",sans-serif;color:#7a4a10}.dg-power strong{font:800 24px/1 "Baloo 2",sans-serif;color:#2b1d14}
.dg-doll{display:flex;gap:6px;justify-content:center;margin:8px 0}
.dg-doll-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:58px;min-height:84px;padding:6px 4px;border-radius:16px;border:2px solid #2b1d14;background:#fffaf0;box-shadow:0 3px 0 #2b1d14;cursor:pointer;color:#2b1d14}
.dg-doll-slot small{font:700 11px "Noto Sans SC",sans-serif;color:#7a6346}.dg-doll-slot svg,.dg-doll-slot img{width:38px;height:38px}.dg-doll-slot i{font-style:normal;color:#b9a888;height:44px;display:grid;place-items:center}
.dg-doll-slot b{position:absolute;right:3px;bottom:2px;font:800 12px "Baloo 2",sans-serif;color:#8a5a12}
.dg-recommend{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;padding:10px 14px;border-radius:16px;background:#eef8e6;border:2px solid #9ccc85}
.dg-recommend b{display:block;font:400 18px "ZCOOL KuaiLe",sans-serif;color:#2f5a22}.dg-recommend small{color:#3f6a32}
.dg-recommend button{min-height:44px}
.dg-equipment article{position:relative;cursor:pointer}
.dg-rec-badge{position:absolute;left:-6px;top:-8px;padding:2px 8px;border-radius:999px;background:#3f9a5a;color:#fff;font:700 11px "Noto Sans SC",sans-serif;font-style:normal;box-shadow:0 2px 0 #2b1d14}
.dg-compare h3{text-align:center}
.dg-compare-cols{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center}
.dg-compare-cols>div{padding:10px;border-radius:16px;background:#fff7dc;border:2px solid #e3d2a6}.dg-compare-cols svg{width:60px;height:60px}.dg-compare-cols b{display:block;margin-top:4px}.dg-compare-cols p{font-size:12px;color:#5a4630;margin:4px 0 0}
.dg-compare-cols .arrow{font:800 26px "Baloo 2",sans-serif;color:#8a5a12;background:none;border:0}
.dg-compare table{width:100%;margin:12px 0;border-collapse:collapse;font-size:15px}.dg-compare th,.dg-compare td{padding:6px 8px;border-bottom:1px dashed #e3d2a6;text-align:center}.dg-compare tbody th{text-align:left;color:#8a5a12}
.dg-compare td.up{color:#2f7a2c;font-weight:800}.dg-compare td.down{color:#c0392b;font-weight:800}
.dg-compare-same,.dg-compare-up{text-align:center;color:#5a4630}
/* Keepsakes */
.dg-shelf-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:10px 0}
.dg-shelf-row article{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:12px 10px;border-radius:18px;background:linear-gradient(#fffdf6,#fff3d0);border:2px solid #e3c27a;box-shadow:inset 0 -8px 0 #f0d9a2}
.dg-shelf-row article.locked{filter:grayscale(1);opacity:.55;background:#f3efe6}
.dg-shelf-row b{font:400 17px "ZCOOL KuaiLe",sans-serif;color:#2b1d14}.dg-shelf-row small{font-size:12px;color:#5a4630}
.dg-keep-panel h3{margin:12px 0 4px;font:400 20px "ZCOOL KuaiLe",sans-serif}
.dg-keep-progress{list-style:none;padding:0;margin:0;display:grid;gap:8px}.dg-keep-progress li{display:grid;grid-template-columns:110px 1fr 60px;gap:10px;align-items:center;font-size:14px}
.dg-keep-progress span{height:10px;border-radius:999px;background:#e9dfc4;overflow:hidden}.dg-keep-progress span i{display:block;height:100%;background:linear-gradient(90deg,#ffd56a,#6fb34f)}
.dg-keep-progress li.locked{opacity:.55}.dg-keep-progress small{font-weight:700;color:#6f5a3a}
@media(max-width:600px){.dg-bag-sort{margin-left:0}.dg-bag-keep{margin-left:0;width:100%}.dg-compare-cols{grid-template-columns:1fr}.dg-compare-cols .arrow{transform:rotate(90deg)}.dg-keep-progress li{grid-template-columns:90px 1fr 50px}.dg-doll-slot{width:64px}}
@media(prefers-reduced-motion:reduce){.dg-new,.dg-item-detail{animation:none}.dg-item-grid article{transition:none}}

.dg-item-detail-backdrop{position:fixed;inset:0;z-index:255;background:#2b1d1455}