#scarlet-bag-v30 .scene-sprite{position:absolute;pointer-events:none;isolation:isolate}
#scarlet-bag-v30 .scene-sprite-art{position:relative;display:block;width:100%;height:auto;max-width:none;z-index:1;filter:brightness(var(--sprite-brightness,1)) saturate(var(--sprite-saturation,1))}
#scarlet-bag-v30 .scene-grounding{position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;z-index:0}
#scarlet-bag-v30 .scene-grounding i{position:absolute;display:block;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#090a11 0%,#101019c0 32%,#15121b60 52%,transparent 76%);border-radius:50%}
#scarlet-bag-v30 .service-zone{position:absolute;z-index:3;border:0;background:transparent;padding:0;cursor:pointer}
#scarlet-bag-v30 .service-zone:focus-visible{outline:1px solid #ad925b;outline-offset:2px}
#scarlet-bag-v30 .service-zone:hover{background:#d8b86a08}
#scarlet-bag-v30 .city-page>.service-detail{position:relative;padding:12px 15px;justify-content:center;text-align:center}
#scarlet-bag-v30 .service-detail:has(.service-clear){text-align:left;justify-content:flex-start}
#scarlet-bag-v30 .service-detail .detail-title{font-size:22px;font-weight:normal;margin:0 28px 6px 0;flex:none}
#scarlet-bag-v30 .service-detail .description{font:14px/1.45 var(--sc-font-display)}
#scarlet-bag-v30 .service-detail .action-row{justify-content:flex-end}
#scarlet-bag-v30 .service-clear{position:absolute;right:2px;top:2px;width:32px;height:32px}
#scarlet-bag-v30 .shop-goods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 16px}
#scarlet-bag-v30 .shop-item{background:#19171c;border:1px solid #746044;padding:6px;min-width:0;cursor:pointer;aspect-ratio:1}
#scarlet-bag-v30 .shop-item[aria-pressed=true]{border-color:#cba86c;background:#4d202b}
#scarlet-bag-v30 .shop-item img{width:100%;height:100%;object-fit:contain;display:block}
#scarlet-bag-v30 .shop-item.text-only{aspect-ratio:auto;min-height:74px;color:var(--text,#decda9);font:14px/1.35 var(--sc-font-display);overflow-wrap:anywhere}
#scarlet-bag-v30 .shop-description{min-height:90px;margin:12px 0 0;font:14px/1.5 var(--sc-font-display)}
#scarlet-bag-v30 .shop-description strong{display:block;color:#e0c18c;font-size:17px;font-weight:normal;margin-bottom:5px}
#scarlet-bag-v30 .location-base-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
#scarlet-bag-v30 .has-location-motion>.location-base-layer{visibility:hidden}
html[data-motion="reduced"] #scarlet-bag-v30 .has-location-motion>.location-base-layer{visibility:visible}
#scarlet-bag-v30 .location-reveal-group{position:absolute;inset:0;z-index:2;pointer-events:none}
#scarlet-bag-v30 .location-secret-sprite{z-index:3}
#scarlet-bag-v30 .location-secret-sprite>.scene-sprite-art{height:100%;object-fit:contain}
#scarlet-bag-v30 .well-toss{position:absolute;inset:0;z-index:5;pointer-events:none}
#scarlet-bag-v30 .coin-in-flight{position:absolute;width:15px;height:15px;transform:translate(-50%,-50%);perspective:200px;visibility:hidden}
#scarlet-bag-v30 .well-toss.is-tossing .coin-in-flight{visibility:visible}
#scarlet-bag-v30 .coin-volume{position:absolute;left:50%;top:50%;width:15px;height:15px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(20deg) rotateZ(12deg)}
#scarlet-bag-v30 .coin-volume i{position:absolute;inset:0;border-radius:50%;background:linear-gradient(110deg,#af8c4e,#71542b 55%,#ac8548);transform:translateZ(var(--depth));border:1px solid #806437}
#scarlet-bag-v30 .coin-volume :is(.coin-face,.coin-back){background-color:#8b6b35;background-position:center;background-size:113% 113%;border:1px solid #b19866;filter:saturate(.55) brightness(.82);backface-visibility:hidden}
#scarlet-bag-v30 .coin-volume .coin-face{transform:translateZ(1.4px)}
#scarlet-bag-v30 .coin-volume .coin-back{transform:translateZ(-1.4px) rotateX(180deg)}
#scarlet-bag-v30 .well-ripple{position:absolute;width:18px;height:9px;border:1px solid #c5b891;transform:translate(-50%,-50%);border-radius:50%;opacity:0}
#scarlet-bag-v30 .well-action-row{align-items:center;justify-content:space-between!important;gap:8px}
#scarlet-bag-v30 .well-cost{display:flex;align-items:center;gap:4px;font:13px var(--sc-font-display)}
#scarlet-bag-v30 .well-cost .art-icon{width:22px;height:22px}
#scarlet-bag-v30 .well-action-row .action{flex:none;min-width:145px}
#scarlet-bag-v30 .well-reset{margin:5px 0 0;text-align:right;color:#aa977e;font:11px var(--sc-font-ui)}
#scarlet-bag-v30 .purse:has(>:nth-child(3)){gap:2px}