/* Frames sit inside the existing badge circle without moving the sprite. */
.app-update{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:20;width:max-content;max-width:calc(100% - 24px);background:#282923;color:white;padding:12px 16px;border-radius:12px;box-shadow:0 4px 20px #0003;display:flex;align-items:center;gap:15px;font-size:14px}
.app-update .outline{white-space:nowrap;color:#252622;min-height:44px}
.badge-art.frame-silver{box-shadow:inset 0 0 0 3px #7c8792,inset 0 0 0 6px #eef1f5,inset 0 0 0 9px #a8b3bf,0 3px 10px #7c879225}
.badge-art.frame-gold{box-shadow:inset 0 0 0 3px #a27213,inset 0 0 0 6px #fff2b0,inset 0 0 0 9px #d7ac38,0 3px 10px #b28b2525}
.frame-status{font-size:12px;line-height:1.7;margin:13px 0 0;color:var(--muted)}
.frame-status.silver{color:#525f6c;font-weight:700}
.frame-status.gold{color:#866000;font-weight:700}
.gacha-packs{display:grid;gap:10px;margin-top:22px}
.gacha-pack{flex-direction:column;align-items:stretch;gap:8px;padding:16px 18px;text-align:left}
.pack-title,.pack-price{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.pack-title{font-size:16px}.pack-title b{font-size:14px}
.pack-price{font-size:13px;font-weight:400;color:#e8e9dc}
.pack-bonus{font-size:12px;color:#f7ed39;font-weight:700}
.frame-guide{border-top:1px solid var(--line);padding:22px 0;margin-top:18px}
.frame-guide h3{font-size:14px;line-height:1.7}
.frame-guide p{display:flex;flex-wrap:wrap;gap:8px}
.frame-label{font-size:13px;border-radius:20px;padding:5px 12px;border:1px solid}
.frame-label.silver{background:#edf0f3;border-color:#a8b3bf;color:#525f6c}
.frame-label.gold{background:#fff5cf;border-color:#d7ac38;color:#866000}
dialog{max-height:calc(100dvh - 32px);overflow-y:auto}
.gacha-result-title{margin-top:12px}
.gacha-results{display:grid;gap:9px;text-align:left;margin:20px 0}
.gacha-result-row{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:10px 0}
dialog .gacha-result-row .badge-art{width:62px;margin:0}
.gacha-result-row h3{font-size:14px;margin:0;line-height:1.6}
.gacha-result-row p{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:14px;margin:4px 0}
.gacha-result-row small{font-size:12px;color:var(--muted)}
.new-badge{font-size:10px;color:#65732b}
.frame-promotion{display:block;font-size:12px;font-weight:700;line-height:1.6;margin:8px 0 15px}
.gacha-result-row .frame-promotion{margin:4px 0}
.frame-promotion.silver{color:#525f6c}.frame-promotion.gold{color:#866000}
@media(max-width:380px){.gacha-stage{padding:25px 18px}.gacha-pack{padding:15px 14px}.pack-title{font-size:15px}dialog{padding:23px}.gacha-result-row{gap:10px}}