/* User's raised button and iOS segmented control, scoped to Gacha information. */
#shop-content #shop-rates-tab{--button_radius:.75em;--button_color:#e8e8e8;--button_outline_color:#000;display:block;padding:0;border:0;border-radius:var(--button_radius);background:var(--button_outline_color);font-size:17px;font-weight:bold;cursor:pointer;transform:none}
#shop-content #shop-rates-tab .button_top{display:flex;align-items:center;justify-content:center;gap:9px;box-sizing:border-box;border:2px solid var(--button_outline_color);border-radius:var(--button_radius);padding:.75em 1.5em;background:var(--button_color);color:var(--button_outline_color);transform:translateY(-.2em);transition:transform .1s ease}
#shop-content #shop-rates-tab:hover .button_top{transform:translateY(-.33em)}
#shop-content #shop-rates-tab:active .button_top{transform:translateY(0)}
#shop-content #shop-rates-tab.selected{background:var(--button_outline_color);color:var(--button_outline_color)}
#shop-rates-tab:focus-visible,.cc-ios-tabs__item:focus-visible{outline:3px solid #b34e79;outline-offset:4px}
#gacha-rates-panel>.gacha-info-heading{margin:26px 0 18px}#gacha-rates-panel>.gacha-info-heading h2{font-size:27px;margin:6px 0}
#gacha-rates-panel .cc-ios-tabs__control{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;width:304px;max-width:100%;gap:0;padding:5px;border-radius:999px;background:#e8e8e8;box-shadow:inset 0 0 0 1px rgba(15,23,42,.05),0 2px 8px rgba(15,23,42,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-sizing:border-box}
#gacha-rates-panel .cc-ios-tabs__thumb{position:absolute;top:5px;left:5px;width:calc((100% - 10px)/2);height:calc(100% - 10px);border-radius:999px;background:#0b1220;box-shadow:0 1px 2px rgba(15,23,42,.2),0 8px 20px rgba(15,23,42,.16);transition:transform 420ms cubic-bezier(.22,1,.36,1);pointer-events:none}
#gacha-rates-panel .cc-ios-tabs__item{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:36px;min-width:0;padding:0 10px;border:0;border-radius:999px;background:transparent;color:#6b7280;font:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer;user-select:none;transition:color 260ms ease}
#gacha-rates-panel .cc-ios-tabs__item:hover{color:#374151}#gacha-rates-panel .cc-ios-tabs__item[aria-pressed=true]{color:white}
#gacha-rates-panel .cc-ios-tabs__control:has(>button:nth-of-type(2)[aria-pressed=true])>.cc-ios-tabs__thumb{transform:translateX(100%)}
#gacha-statistics .rates-heading h3{font-size:22px;margin:6px 0}.gacha-info-modes{margin-bottom:26px}
.enchant-heading{margin:25px 0 18px}.enchant-heading h3{font-size:23px;margin:0 0 7px}.enchant-heading p{font-size:13px;color:var(--quiet);margin:0;line-height:1.6}
.enchant-filters{display:grid;gap:18px}.enchant-filters label{display:grid;gap:8px;font-size:12px;font-weight:650}.enchant-filters input{box-sizing:border-box;min-width:0;width:100%;font:inherit;font-size:14px;background:#fff;border:1px solid var(--edge);border-radius:12px;padding:13px 14px;color:var(--river)}
#enchant-group-label{margin:0 0 10px;font-size:12px;font-weight:650}
#enchant-group{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;max-width:820px;padding:20px 4px 43px;isolation:isolate}
#enchant-group .item-color{--size:48px;--max:80px;--lift:8px;--depth:4px;position:relative;justify-self:center;flex:0 0 auto;width:var(--size);height:var(--size);padding:0;border:none;outline:none;margin:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transform-origin:bottom center;transition:transform 160ms ease-out,filter 160ms ease-out;transform:translateY(var(--lift)) scale(1) translateZ(0);isolation:isolate;z-index:0;color:#111;font:inherit}
#enchant-group .item-color:before,#enchant-group .item-color:after{position:absolute;content:'';inset:0;width:100%;height:100%;box-sizing:border-box;border-radius:12px;pointer-events:none;transition:transform 160ms ease-out,filter 160ms ease-out}
#enchant-group .item-color:before{background:#000;transform:translate(var(--depth),var(--depth));z-index:0}
#enchant-group .item-color:after{background:var(--color);border:3px solid #000;z-index:1}
#enchant-group .enchant-group-count{position:relative;z-index:2;display:grid;place-items:center;height:100%;font-size:14px;font-weight:800;color:#111}
#enchant-group .enchant-group-name{position:absolute;top:57px;left:50%;transform:translateX(-50%);width:108px;z-index:3;color:#24363a;font-size:11px;font-weight:650;line-height:1.3;text-align:center}
#enchant-group .item-color[aria-pressed=true] .enchant-group-count:after{content:'✓';position:absolute;right:-5px;top:-5px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#000;color:#fff;font-size:12px;line-height:1;border:2px solid #fffaf7}
#enchant-group .item-color[aria-pressed=true] .enchant-group-name{text-decoration:underline;text-underline-offset:4px;font-weight:800}
#enchant-group .item-color:focus-visible:after{outline:3px solid #903e74;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 #enchant-group .item-color:hover{transform:translateY(calc(var(--lift) - 2px));z-index:1}
 #enchant-group .item-color:active{transform:translateY(calc(var(--lift) + 1px))}
}
.enchant-meta .enchant-group-tag{display:inline-block;background:var(--group-color);color:#111;border:1px solid #111;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700;box-shadow:1px 1px 0 #111}
#enchant-list .enchant-card{border-left-color:var(--group-color)}
#enchant-count{font-size:13px;color:var(--quiet);margin:20px 0 12px}#enchant-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#enchant-list>.rates-empty{grid-column:1/-1}
.enchant-card{position:relative;display:flex;flex-direction:column;border:1px solid #5b3b76;border-left:6px solid #382348;border-radius:7px 15px 15px 7px;background:#fffaf0;padding:0 0 6px;min-width:0;box-shadow:0 5px 0 -1px #e7dcc7,0 7px 0 -1px #735284,0 12px 20px #38234813;margin-bottom:8px;overflow:hidden}
.enchant-card .enchant-book-cover{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:12px;background:radial-gradient(ellipse at 18% 50%,#9767b6 0,transparent 50%),linear-gradient(120deg,#5b3876,#30213f);border-bottom:2px solid #cfb47e;min-height:88px;box-sizing:border-box;color:#fff4d6}
.enchant-book-cover:after{content:'✧';position:absolute;right:13px;top:9px;color:#e7cc8e;font-size:21px}.enchant-book-art{position:relative;flex:none;width:48px;height:48px;display:grid;place-items:center;border:1px solid #ead29260;border-radius:50%;background:#ffffff0b;box-shadow:0 0 22px #d5a7ff22}.enchant-book-art img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 5px #180b2c80)}
.enchant-book-title{min-width:0}.enchant-book-kicker{display:block;text-transform:uppercase;letter-spacing:1px;font-size:8px;color:#e1c7eb;margin-bottom:4px}.enchant-card h3{font-size:15px;line-height:1.3;margin:0 0 5px;color:#fff4d6;overflow-wrap:anywhere}.enchant-level{display:inline-block;background:#ffffff14;color:#f3dca2;border:1px solid #e9d29544;border-radius:6px;padding:3px 6px;font-size:10px;font-weight:650;white-space:nowrap}
#enchant-list .enchant-book-title h3{color:#fff4d6!important}
.enchant-book-pages{flex:1;display:flex;flex-direction:column;padding:12px;background:linear-gradient(90deg,#e9dfcb 0,#fffaf0 12px)}.enchant-description{white-space:pre-line;font-size:12px;line-height:1.55;margin:0 0 10px;color:#4b4351;overflow-wrap:anywhere}.enchant-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:#756879;font-size:11px;line-height:1.6;margin:auto 0 0;padding-top:8px;border-top:1px solid #e8dcc9}
@media(min-width:601px) and (max-width:1000px){#enchant-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){#shop-content .shop-tabbar{flex-wrap:wrap}#shop-content .shop-tabbar #shop-tabs{flex:1 1 100%}#shop-content #shop-rates-tab{margin-left:auto;font-size:14px}#shop-content #shop-rates-tab .button_top{padding:.75em 1.2em}}
@media(max-width:600px){#enchant-list,.enchant-filters{grid-template-columns:1fr}.enchant-filters{gap:16px}#gacha-rates-panel>.gacha-info-heading h2{font-size:24px}.enchant-card .enchant-book-cover{padding:12px;gap:10px}.enchant-book-art{width:48px;height:48px}.enchant-book-art img{width:46px;height:46px}.enchant-card h3{font-size:15px}.enchant-book-pages{padding:12px}.enchant-book-kicker{letter-spacing:1px}#enchant-group{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:50px;padding-bottom:45px}#enchant-group .enchant-group-name{width:74px;font-size:10px}}
@media(prefers-reduced-motion:reduce){#enchant-group .item-color,#enchant-group .item-color:before,#enchant-group .item-color:after{transition:none}#enchant-group .item-color:hover,#enchant-group .item-color:active,#enchant-group .item-color:focus-visible,#enchant-group .item-color:hover + .item-color,#enchant-group .item-color:hover + .item-color + .item-color,#enchant-group .item-color:has(+ .item-color:hover),#enchant-group .item-color:has(+ .item-color + .item-color:hover){transform:translateY(var(--lift))}}
@media(prefers-reduced-motion:reduce){#gacha-rates-panel .cc-ios-tabs__thumb,#gacha-rates-panel .cc-ios-tabs__item,#shop-content #shop-rates-tab .button_top{transition:none}}