@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#090e19;--panel:#111a2b;--panel2:#172238;--line:#29344a;--ink:#f1f5ff;--muted:#9ba9c2;--accent:#8ef0c8;--accent2:#a1adff;--shadow:0 18px 70px #0005}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 13% 0%,#1c2b3c 0%,transparent 38%),var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:20;background:#0b1220ee;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{max-width:1500px;margin:auto;padding:15px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font:800 21px Outfit,sans-serif;letter-spacing:-.6px}.brand span{color:var(--accent)}.brand small{display:block;color:var(--muted);font:600 10px 'DM Sans',sans-serif;letter-spacing:2.8px;text-transform:uppercase}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tabs a{border:1px solid transparent;padding:11px 15px;border-radius:12px;color:var(--muted);font-weight:800;font-size:13px}.tabs a.active{background:#233749;color:var(--accent);border-color:#365c5d}.cart-trigger{display:none;background:var(--accent);color:#102018;border:0;border-radius:12px;padding:11px 14px;font-weight:800}.shell{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;padding:30px 28px 70px}.hero{position:relative;overflow:hidden;border:1px solid #39475d;border-radius:24px;background:linear-gradient(110deg,#192b37,#1d263c 60%,#252446);padding:40px 42px;margin-bottom:24px}.hero:after{content:'✦';position:absolute;right:6%;top:-45px;font-size:240px;color:#ffffff08;pointer-events:none}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:11px;font-weight:800;color:var(--accent)}h1,h2,h3{font-family:Outfit,sans-serif}h1{font-size:clamp(35px,4vw,58px);letter-spacing:-2px;line-height:1.03;margin:13px 0}h1 span{color:var(--accent)}.hero p{color:#bac7dc;max-width:650px;line-height:1.65;margin:12px 0 0}.hero-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.pill{font-size:12px;padding:9px 12px;border:1px solid #516077;border-radius:30px;color:#d3dff0;background:#ffffff09}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:23px}.search{flex:1;min-width:200px;background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:14px 16px;border-radius:13px;outline:none}.search:focus{border-color:var(--accent)}.count{color:var(--muted);font-size:12px}.jump{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.jump a{font-size:12px;color:#c5d1e7;background:#172238;border:1px solid var(--line);border-radius:30px;padding:8px 12px}.jump a:hover{border-color:var(--accent)}.section{margin-bottom:34px;scroll-margin-top:100px}.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:15px;padding-bottom:13px;gap:15px}.section h2{margin:0;font-size:23px;letter-spacing:-.6px}.section-count{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service{background:linear-gradient(155deg,#172236,#111a2b);border:1px solid var(--line);border-radius:16px;padding:17px;min-width:0}.service-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.service h3{font-size:17px;line-height:1.3;margin:0;overflow-wrap:anywhere}.price{color:var(--accent);font:800 19px Outfit,sans-serif;white-space:nowrap}.description{font-size:12px;color:var(--muted);line-height:1.55;white-space:pre-line;margin:11px 0}.actions{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-top:15px}.add{border:1px solid #4b9a85;background:#193b37;color:var(--accent);font-size:12px;font-weight:800;border-radius:10px;padding:10px 13px}.add:hover{background:var(--accent);color:#10251f}.expand{border:0;background:transparent;color:#b5c3de;font-size:12px;font-weight:700;padding:9px 0}.children{display:none;border-top:1px solid var(--line);margin-top:15px;padding-top:10px}.service.open .children{display:block}.group-title{font-size:11px;font-weight:800;letter-spacing:1.3px;color:var(--accent2);text-transform:uppercase;margin:15px 0 7px}.child{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff0a;padding:10px 0}.child:last-child{border:0}.child-name{font-size:12px;line-height:1.45;color:#d5dff1}.child-right{display:flex;align-items:center;gap:9px;flex-shrink:0}.child-price{font-size:12px;color:var(--accent);font-weight:800}.child button{border:1px solid #526b65;background:#1d3d39;color:var(--accent);border-radius:8px;padding:6px 9px;font-weight:800}.side{min-width:0}.cart{position:sticky;top:96px;max-height:calc(100vh - 115px);display:flex;flex-direction:column;background:#131e2e;border:1px solid #394b59;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.cart-top{padding:22px 20px 14px;border-bottom:1px solid var(--line)}.cart-top h2{margin:0 0 4px;font-size:25px}.cart-top p{font-size:12px;color:var(--muted);margin:0}.cart-body{overflow:auto;min-height:100px;padding:10px 17px;flex:1}.empty{padding:30px 9px;text-align:center;color:var(--muted);font-size:13px;line-height:1.6}.cart-item{border-bottom:1px solid var(--line);padding:13px 0}.cart-item-name{font-size:13px;font-weight:800;line-height:1.4}.cart-item-game{font-size:10px;color:var(--accent2);letter-spacing:1px;text-transform:uppercase;margin-top:4px}.cart-item-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.qty{display:flex;align-items:center;gap:9px}.qty button{width:25px;height:25px;background:#28354a;border:1px solid #40506a;color:white;border-radius:7px}.qty span{font-size:12px;font-weight:800}.cart-item-price{color:var(--accent);font-weight:800;font-size:13px}.cart-foot{padding:16px 19px 19px;border-top:1px solid var(--line);background:#162337}.total{display:flex;align-items:center;justify-content:space-between;font-weight:800}.total strong{font:800 27px Outfit;color:var(--accent)}.hint{font-size:11px;line-height:1.5;color:var(--muted);margin:9px 0}.cart-foot textarea{width:100%;min-height:65px;max-height:120px;resize:vertical;border:1px solid #45526b;border-radius:10px;background:#10192a;color:white;padding:10px;font-size:12px;outline:none}.copy{width:100%;background:var(--accent);border:0;color:#09251d;padding:13px;border-radius:11px;font-weight:900;margin-top:10px}.clear{width:100%;background:transparent;color:var(--muted);border:0;padding:9px;font-size:12px}.notice{margin-top:15px;padding:14px 16px;background:#18263a;border:1px solid #33465f;border-radius:12px;color:#acbbd1;font-size:12px;line-height:1.6}.notice strong{color:#e0e9f7}footer{padding:28px;color:var(--muted);font-size:12px;text-align:center;border-top:1px solid var(--line)}.hidden{display:none!important}@media(max-width:1120px){.shell{grid-template-columns:minmax(0,1fr) 315px;gap:14px;padding:22px 16px}.nav{padding:14px 16px}.hero{padding:32px}}@media(max-width:850px){.shell{display:block;padding:18px 13px 100px}.cart-trigger{display:block}.side{position:fixed;z-index:40;inset:0;background:#000b;display:none;align-items:flex-end}.side.show{display:flex}.cart{position:relative;top:auto;max-height:88vh;width:100%;border-radius:24px 24px 0 0}.cards{grid-template-columns:1fr}.hero{padding:28px 22px}.nav{flex-wrap:wrap}.tabs{order:3;width:100%;justify-content:space-between}.tabs a{flex:1;text-align:center;padding:10px 7px}.brand{font-size:18px}.cart-top{display:flex;justify-content:space-between;align-items:center}.close-mobile{display:block!important;background:transparent;border:0;color:white;font-size:25px}.notice{margin:20px 0}}.close-mobile{display:none}

/* Keroes mobile-first visual refresh */
body[data-game="genshin"]{--accent:#dfc08b;--accent2:#e7d0a6;--theme-glow:#ad874d30;--hero-tone:#5c4b32}
body[data-game="hsr"]{--accent:#c4adff;--accent2:#d5c7ff;--theme-glow:#8c70da30;--hero-tone:#403765}
body[data-game="wuwa"]{--accent:#85d5cb;--accent2:#9ce4db;--theme-glow:#429c9830;--hero-tone:#285653}
body{background:radial-gradient(ellipse 60% 38% at 12% 0%,var(--theme-glow),transparent 75%),#090e19}
.tabs a,.jump a,.service,.add,.child button,.copy,.cart-trigger{transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.tabs a:hover,.jump a:hover{background:#ffffff10;color:var(--ink)}
.tabs a.active{background:var(--theme-glow);color:var(--accent);border-color:var(--accent)}
.hero{background:radial-gradient(circle at 95% 25%,var(--theme-glow),transparent 45%),linear-gradient(120deg,#151e2b,var(--hero-tone));border-color:#ffffff24}
.hero:after{content:'✧';right:4%;top:-22px;font-size:250px;color:#ffffff0b}
.pill{border-color:#ffffff25;background:#ffffff0d}
.service{background:linear-gradient(145deg,#192235,#111a2b);border-color:#ffffff1a}
.service:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 12px 35px #0004}
.section-head h2{display:flex;align-items:center;gap:10px}
.section-icon{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--theme-glow);border:1px solid #ffffff1a;border-radius:10px;font:500 18px sans-serif}
.service-head h3{display:flex;align-items:flex-start;gap:10px}
.service-icon{display:inline-grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:9px;background:var(--theme-glow);border:1px solid #ffffff15;font:500 17px sans-serif}
.add,.child button{background:var(--theme-glow);color:var(--accent);border-color:var(--accent)}
.add:hover,.child button:hover{background:var(--accent);color:#10141c;transform:translateY(-1px)}
.copy,.cart-trigger{background:var(--accent);color:#121620}
.copy:hover,.cart-trigger:hover{filter:brightness(1.08)}
.price,.child-price,.cart-item-price,.total strong{color:var(--accent)}
.mobile-cart-bar{display:none}
@media(max-width:850px){
 .shell{padding-bottom:116px}
 .mobile-cart-bar{position:fixed;display:flex;align-items:center;gap:12px;z-index:30;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px);padding:13px 16px;border:1px solid #ffffff3b;border-radius:17px;background:linear-gradient(125deg,#1e2b3b,#111b2a);box-shadow:0 9px 35px #000b;color:white;text-align:left;backdrop-filter:blur(16px)}
 .mobile-cart-icon{font-size:22px}
 .mobile-cart-info{display:flex;flex:1;flex-direction:column;gap:2px}
 .mobile-cart-info strong{font-size:13px}.mobile-cart-info small{font-size:10px;color:var(--muted)}
 .mobile-cart-bar>strong{color:var(--accent);font-size:17px}.mobile-cart-arrow{color:var(--muted)}
 .cart-trigger{display:none}
 .side{z-index:45}
 .cart{max-height:min(88dvh,900px);padding-bottom:env(safe-area-inset-bottom)}
 .hero:after{right:-20px;top:10px;font-size:145px}
 .tabs{gap:5px}.tabs a{font-size:12px}
 .section h2{font-size:20px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Keroes visual upgrade: responsive, lightweight art with optional local screenshot overrides */
.service{overflow:hidden}.service-art{height:104px;position:relative;overflow:hidden;border-radius:13px;margin:-2px -2px 13px;background:linear-gradient(130deg,var(--art-mid,#263a4d),#0b1323);border:1px solid rgba(255,255,255,.08)}
body[data-game=genshin] .service-art{--art-mid:#4e4b3a}body[data-game=hsr] .service-art{--art-mid:#373054}body[data-game=wuwa] .service-art{--art-mid:#24494c}
.service-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,12,22,.32),transparent 70%);pointer-events:none}
.art-glow{position:absolute;inset:-80% -20%;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 55%)}
.art-symbol{position:absolute;right:11%;top:9%;width:86px;height:86px;color:var(--accent);opacity:.55;transform:rotate(-8deg)}.art-symbol svg{width:100%;height:100%}
.art-bottom{position:absolute;bottom:-30px;left:-20px;right:-20px;height:55px;background:linear-gradient(120deg,transparent 15%,color-mix(in srgb,var(--accent) 22%,transparent) 50%,transparent 85%);transform:skewY(-8deg)}
.service-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.child{gap:8px}.mini-art{flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,#182130);display:flex;align-items:center;justify-content:center;color:var(--accent);position:relative;overflow:hidden}.mini-art svg{width:20px;height:20px}.mini-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#192132}.child-name{flex:1;min-width:0}
@media(max-width:650px){.service-art{height:94px}.art-symbol{width:75px;height:75px}.mini-art{flex-basis:28px;width:28px;height:28px}}

/* Scenery refresh: larger photographs, softened into the service card */
.service-art{height:190px;margin:-17px -17px 18px;border:0;border-radius:15px 15px 0 0;background:#152132;isolation:isolate}
.service-art img{z-index:0;object-fit:cover;object-position:center 46%;filter:saturate(.88) brightness(.85);transition:transform .45s ease,filter .45s ease}
.service-art::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(12,19,32,.08) 0%,rgba(12,19,32,.13) 40%,rgba(17,26,43,.74) 78%,#111a2b 100%)}
.service:hover .service-art img{transform:scale(1.045);filter:saturate(.98) brightness(.92)}
.service[data-visual="yes"]{padding-top:17px}
@media(max-width:850px){.service-art{height:175px}}
@media(max-width:480px){.service-art{height:155px}}
@media(prefers-reduced-motion:reduce){.service-art img{transition:none}.service:hover .service-art img{transform:none}}

.material-panel{border:1px solid #3b4c60;background:linear-gradient(145deg,#18253a,#101a2b);border-radius:22px;padding:22px;margin-bottom:32px;scroll-margin-top:100px}.material-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.material-heading h2{font-size:28px;margin:6px 0}.material-heading h2 span{color:var(--accent)}.material-heading p{color:var(--muted);font-size:13px;line-height:1.5;margin:4px 0 18px}.atlas-count{color:var(--accent);font-size:12px;white-space:nowrap}.atlas-tools{display:flex;gap:9px;margin-bottom:15px;flex-wrap:wrap}.atlas-tools input,.atlas-tools select{background:#0b1526;border:1px solid #40506b;border-radius:10px;color:#eaf3ff;padding:11px;min-width:0}.atlas-tools input{flex:2;min-width:145px}.atlas-tools select{flex:1;min-width:145px}.atlas-tools [hidden]{display:none}.atlas-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.atlas-cell{min-width:0;background:#202e42;border:1px solid #42536a;border-radius:12px;padding:7px 5px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;transition:border-color .15s}.atlas-cell:hover{border-color:var(--accent)}.atlas-icon{height:59px;width:100%;display:grid;place-items:center}.atlas-icon img{max-height:58px;max-width:100%;object-fit:contain}.atlas-fallback{display:none;width:48px;height:48px;place-items:center;color:#adc5d9;background:#34445c;border-radius:10px}.atlas-name{font-size:10px;font-weight:750;line-height:1.2;min-height:25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.atlas-price{font-size:10px;color:var(--accent);font-weight:800;white-space:nowrap}.atlas-add{border:1px solid #4e9584;background:#173b37;color:#a3f5d7;border-radius:8px;font-size:11px;font-weight:800;padding:6px 3px;width:100%}.atlas-unpriced{font-size:9px;color:var(--muted);padding:6px 0}.atlas-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;color:var(--muted);font-size:12px}.atlas-bottom button{background:#28463e;border:1px solid #467b6d;border-radius:9px;color:#a5f5d7;padding:10px 14px;font-weight:800}.atlas-bottom button[hidden]{display:none}.atlas-disclaimer{font-size:11px;line-height:1.5;color:#9daec7;margin:16px 0 0}@media(max-width:1250px){.atlas-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:850px){.atlas-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:480px){.material-panel{padding:14px}.atlas-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.atlas-icon{height:54px}.atlas-icon img{max-height:53px}.atlas-name{font-size:10px}}

/* Beta cart and quantity controls */
.atlas-qty-row{display:flex;align-items:center;justify-content:center;gap:7px;margin:6px 0}.atlas-qty-row input{width:67px;min-width:0;padding:7px 5px;text-align:center;border:1px solid var(--line,#50576b);border-radius:8px;background:var(--panel,#1b2030);color:inherit;font:inherit}.atlas-qty-row span{font-size:10px;color:var(--muted,#aab)}.cart-qty-input{width:55px;min-width:0;padding:4px;text-align:center;border:1px solid #6b7280;border-radius:6px;background:#1c2330;color:#fff;font:inherit}.qty{display:flex;align-items:center;gap:5px}.qty button{min-width:28px;min-height:28px}


/* Keroes — Clean quantity inputs */
input[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield;
}

/* Chrome, Edge, Safari */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Keroes branded toasts and confirmation */
#kero-toast-stack{position:fixed;right:22px;bottom:22px;z-index:9999;width:min(390px,calc(100vw - 28px));pointer-events:none}
.kero-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:15px;background:#1c1928;border:1px solid #745c96;border-left:4px solid #b798eb;border-radius:16px;box-shadow:0 16px 50px #0009;color:#f7f0ff;animation:kero-pop .2s ease-out}
.kero-toast.success{border-left-color:#7cdbb0}.kero-toast.error{border-left-color:#dca0e8}
.kero-toast-icon{display:grid;place-items:center;flex:0 0 33px;height:33px;border-radius:10px;background:#3d3151;color:#e2caff;font-weight:900;font-size:20px}.kero-toast.success .kero-toast-icon{background:#23453d;color:#a8f4cb}
.kero-toast-copy{flex:1;min-width:0}.kero-toast-copy strong{font-size:14px;display:block}.kero-toast-copy p{font-size:12px;color:#c8bfd3;line-height:1.5;margin:4px 0 0}.kero-toast-close{border:0;background:transparent;color:#c7b9d5;cursor:pointer;font-size:23px;padding:0 3px;line-height:1}
.kero-dialog-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:16px;background:#07060bc9;backdrop-filter:blur(5px)}.kero-dialog{width:min(410px,100%);background:#201a2c;border:1px solid #6e598a;color:#f6eeff;border-radius:19px;padding:24px;box-shadow:0 20px 60px #0009}.kero-dialog h3{font-size:20px;margin:0 0 8px}.kero-dialog p{color:#c5b8d1;font-size:14px;line-height:1.5}.kero-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.kero-dialog-actions button{border:1px solid #67567d;background:#30283f;color:#f3e9ff;border-radius:10px;padding:11px 14px;cursor:pointer;font-weight:700}.kero-dialog-actions .kero-dialog-danger{background:#9c7aca;border-color:#9c7aca;color:#170e25}
@keyframes kero-pop{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){#kero-toast-stack{right:14px;left:14px;bottom:84px;width:auto}}
@media(prefers-reduced-motion:reduce){.kero-toast{animation:none}}

/* Keroes beta: removable items, stable region filters, exploration scope */
.cart-item{position:relative;padding-right:33px}
.cart-remove{position:absolute;right:0;top:10px;width:27px;height:27px;display:grid;place-items:center;border:1px solid #5c6883;border-radius:8px;background:#253046;color:#e4e9f7;font-size:20px;line-height:1;transition:background .15s,border-color .15s}
.cart-remove:hover,.cart-remove:focus-visible{background:#63314b;border-color:#ef8fa9;color:#fff}
.atlas-tools select:disabled{opacity:.53;cursor:not-allowed}
.scope-details{margin:10px 0 2px;border:1px solid #40516b;background:#ffffff06;border-radius:10px;padding:9px 11px;color:#b9c8e0;font-size:12px;line-height:1.5}
.scope-details summary{cursor:pointer;font-weight:750;color:var(--accent2)}
.scope-details p{margin:9px 0 0}

/* Bundle comparison and prominent breakdown toggle */
.bundle-price-promo{display:flex;flex-direction:column;gap:5px;padding:12px 14px;margin:10px 0;border:1px solid rgba(188,153,250,.36);border-radius:14px;background:linear-gradient(125deg,rgba(126,85,182,.18),rgba(30,26,42,.2))}
.bundle-price-promo span{font-size:12px;color:var(--muted)}
.bundle-price-promo del{opacity:.8;margin-left:5px}
.bundle-price-promo strong{font-size:18px;color:#d9bcff}
.bundle-price-promo small{color:#9fe2bc;font-weight:700}
.service .expand{font-weight:800!important;border:1px solid #a787d6!important;background:rgba(139,95,190,.2)!important;color:#eadbff!important;padding:12px 16px!important;box-shadow:0 0 0 1px rgba(165,121,211,.15)}
.service .expand:hover{background:rgba(139,95,190,.35)!important}
.cart-bundle-offer{padding:14px;margin:12px 0;border:1px solid #9272c3;border-radius:14px;background:rgba(100,65,142,.22)}
.cart-bundle-offer strong{color:#e6d3ff}.cart-bundle-offer p{margin:8px 0}.cart-bundle-offer b{color:#a9e8bf}.cart-bundle-offer small{display:block;margin-bottom:10px;color:#a9e8bf}
.cart-bundle-offer button{width:100%;padding:10px;border:0;border-radius:10px;background:#a78bd7;color:#1c1228;font-weight:800;cursor:pointer}

/* Material Farming launcher and full-screen Atlas */
.material-launch{margin:28px 0 38px;scroll-margin-top:110px}.material-category-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.material-category-tile{width:100%;display:flex;align-items:center;gap:17px;text-align:left;padding:23px 20px;min-height:130px;border:1px solid #59617c;background:linear-gradient(135deg,#263047,#141d30);color:var(--ink);border-radius:20px;transition:.2s}
.material-category-tile:hover,.material-category-tile:focus-visible{border-color:var(--accent);background:#27334c;transform:translateY(-2px)}.material-category-tile img{width:78px;height:78px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 8px 14px #0007)}.material-category-tile strong{display:block;font:800 19px Outfit,sans-serif}.material-category-tile small{display:block;font-size:12px;color:var(--muted);margin-top:5px;line-height:1.4}.tile-arrow{margin-left:auto;color:var(--accent);font-size:24px}
.atlas-overlay[hidden]{display:none!important}.atlas-overlay{position:fixed;inset:0;background:#060913e8;backdrop-filter:blur(9px);z-index:90;display:flex;align-items:center;justify-content:center;padding:20px}.atlas-modal{background:#111a2b;border:1px solid #52617c;border-radius:22px;width:min(1120px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:22px;box-shadow:0 30px 90px #000b}.atlas-modal-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.atlas-modal-top button{border:1px solid #52617c;background:#25334a;color:var(--ink);border-radius:11px;padding:10px 14px;font-weight:700}.atlas-modal-top button:hover{border-color:var(--accent)}body.atlas-open{overflow:hidden}
@media(max-width:650px){.material-category-cards{grid-template-columns:1fr;gap:10px}.material-category-tile{min-height:95px;padding:12px 16px}.material-category-tile img{width:58px;height:58px}.atlas-overlay{padding:0}.atlas-modal{height:100dvh;max-height:100dvh;border-radius:0;padding:14px 12px 90px}.atlas-modal-top{position:sticky;top:-14px;z-index:2;background:#111a2b;padding:12px 0}.material-category-tile strong{font-size:17px}}

/* Checkpoint: game picker, clear package tiers, verified in-game symbols */
.home-shell{max-width:1160px;margin:0 auto;padding:50px 22px 80px}.home-intro{text-align:center;margin:25px auto 45px;max-width:740px}.home-intro h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.1;margin:12px 0 18px}.home-intro p{color:var(--muted);font-size:1rem}.home-prompt{font-size:1.15rem;margin-bottom:18px}.home-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.home-game{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:20px;background:var(--panel);overflow:hidden;transition:transform .18s,border-color .18s}.home-game:not(.coming):hover{transform:translateY(-4px);border-color:var(--accent)}.home-game img{display:block;width:100%;height:210px;object-fit:cover}.home-game>div:last-child{padding:20px}.home-game h2{font-size:1.25rem;margin:0 0 6px}.home-game p{color:var(--muted);margin:0 0 16px}.home-game span{color:var(--accent);font-weight:700}.coming{opacity:.75}.coming-art{height:210px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#45366a,#161728)}.coming-art span{font-size:4rem;color:#b7a5df;letter-spacing:.18em}.home-note{text-align:center;color:var(--muted);font-size:.85rem;margin-top:28px}.routine-details{margin:10px 0 14px}.routine-lines{padding:12px 6px;line-height:1.75;color:var(--text);font-size:.88rem}.verified-game-icon{width:24px;height:24px;object-fit:contain;vertical-align:middle}.home-page .nav{max-width:1160px;margin:auto}@media(max-width:650px){.home-games{grid-template-columns:1fr}.home-game img,.coming-art{height:170px}.home-shell{padding-top:20px}.home-intro{margin-bottom:26px}}

/* October refinement: low-glare palette and text-first service hierarchy */
:root{--bg:#080911;--panel:#11121d;--panel2:#181927;--line:#29283a;--muted:#a5a3b7;--accent:#bea5ed;--accent2:#a99be2}
body,body[data-game="genshin"],body[data-game="hsr"],body[data-game="wuwa"]{--accent:#c2a8ed;--accent2:#a99bd9;--theme-glow:#8064b11c;--hero-tone:#1c182b;background:#080911;color:#f0edf7}
header{background:#0b0b14f5;border-bottom-color:#272536}
.hero{background:linear-gradient(115deg,#141320,#1b1828)!important;border-color:#302b40!important}
.hero:after{display:none}
.service,.cart,.material-panel{background:#12131f!important;border-color:#2e2a3e!important}
.service:hover{border-color:#66517f!important}
.service-head h3{font-size:clamp(19px,1.7vw,23px);font-weight:800;line-height:1.28;letter-spacing:-.35px}
.section h2{font-size:clamp(25px,2.3vw,31px)}
.section-icon,.service-icon,.verified-game-icon{display:none!important}
.section-head h2{gap:0}
.home-page{min-height:100vh;background:radial-gradient(ellipse 45% 38% at 50% 40%,#221831 0%,#0a0912 70%)!important}
.home-page header{background:#090911ed}
.home-page .nav{max-width:1100px}
.home-shell{max-width:1100px;min-height:calc(100vh - 165px);padding:clamp(45px,8vh,100px) 22px 70px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.home-intro{text-align:center;margin:0 auto 36px;max-width:700px}
.home-intro h1{font-size:clamp(40px,6vw,68px);letter-spacing:-2px;margin:14px 0}
.home-intro p{font-size:15px;color:#aaa6bb}
.home-games{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-game{position:relative;isolation:isolate;min-height:315px;border-radius:19px;background:#13101b;border:1px solid #383044;overflow:hidden;display:flex;align-items:flex-end;box-shadow:0 15px 40px #0005}
.home-game img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.48) saturate(.7);transition:filter .2s,transform .3s;z-index:-2}
.home-game:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,#0a0911 3%,#0a0911c9 31%,#0a091122 75%);z-index:-1}
.home-game>div:last-child{padding:25px;width:100%}
.home-game h2{font-size:clamp(20px,2vw,26px);margin:0 0 10px}
.home-game span{color:#d7c1ff;font-size:13px}
.home-game:not(.coming):hover{transform:translateY(-3px);border-color:#a98bd0}
.home-game:not(.coming):hover img{filter:brightness(.65) saturate(.8);transform:scale(1.025)}
.home-soon{margin-top:22px;text-align:center;color:#aba5bb;font-size:13px}
.home-soon span{margin-left:12px;color:#bda5df;border:1px solid #49375c;border-radius:20px;padding:5px 10px}
.home-note{font-size:12px;color:#8e899e;margin-top:26px}
@media(max-width:740px){.home-shell{padding:40px 18px 65px;min-height:auto}.home-games{grid-template-columns:1fr;max-width:510px;gap:12px}.home-game{min-height:170px}.home-game>div:last-child{padding:20px}.home-game h2{font-size:23px}.home-intro{margin-bottom:25px}}

/* Restore distinct game themes while retaining dark, low-glare surfaces. */
body[data-game="genshin"]{--accent:#d8b77c;--accent2:#ead0a1;--theme-glow:#99703c24;--hero-tone:#29241d}
body[data-game="hsr"]{--accent:#aa9af5;--accent2:#b6c8ff;--theme-glow:#6e6bc62a;--hero-tone:#1e2037}
body[data-game="wuwa"]{--accent:#79c9ba;--accent2:#a5d9cb;--theme-glow:#3a877d24;--hero-tone:#172d2c}
body[data-game]{background:radial-gradient(ellipse 60% 38% at 10% 0%,var(--theme-glow),transparent 78%),#080b11;color:#e8eaf0}
body[data-game] .hero{background:radial-gradient(circle at 95% 25%,var(--theme-glow),transparent 48%),linear-gradient(120deg,#141a23,var(--hero-tone))}
body[data-game] .tabs a.active{background:var(--theme-glow);color:var(--accent);border-color:var(--accent)}
body[data-game] .price,body[data-game] .child-price,body[data-game] .total strong{color:var(--accent)}
body[data-game] .add,body[data-game] .child button{color:var(--accent);border-color:var(--accent);background:var(--theme-glow)}
body[data-game] .copy,body[data-game] .cart-trigger{background:var(--accent);color:#11131a}
body[data-game] .material-category-tile:hover{border-color:var(--accent)}


/* Checkpoint 2026-10-19: dark anime editorial with distinct game accents */
body[data-game="genshin"]{--accent:#e4bc7d;--accent2:#83b8a0;--theme-glow:#3b775b33;--hero-tone:#283b30}
body[data-game="hsr"]{--accent:#9eb5ff;--accent2:#b7a4fa;--theme-glow:#5a70d933;--hero-tone:#242b56}
body[data-game="wuwa"]{--accent:#7cd6cf;--accent2:#92a8ef;--theme-glow:#398f9733;--hero-tone:#183b44}
body[data-game] .hero{background:radial-gradient(ellipse at 80% 20%,var(--theme-glow),transparent 55%),linear-gradient(125deg,#101923,var(--hero-tone),#11151f)}
body[data-game] .service{background:linear-gradient(155deg,#1a2330,#10151e 75%)}
body[data-game] .service:hover{box-shadow:0 10px 32px var(--theme-glow)}
body[data-game] .add,body[data-game] .copy{background:linear-gradient(110deg,var(--accent),var(--accent2));color:#101820;border:0}
body[data-game] .material-panel{background:linear-gradient(145deg,#16232c,#101721);border-color:var(--line)}
body[data-game] .atlas-cell{background:#1a2531}
.tabs a{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;min-height:42px;justify-content:center;gap:8px}
.tabs a .switch-art{position:absolute;right:-5px;top:-8px;height:calc(100% + 16px);width:68px;object-fit:cover;object-position:center;opacity:.68;mask-image:linear-gradient(to right,transparent,black 65%);-webkit-mask-image:linear-gradient(to right,transparent,black 65%);pointer-events:none;z-index:-1}
.tabs a:has(.switch-art){min-width:108px;padding-right:28px;text-shadow:0 1px 4px #000}
.tabs a:has(.switch-art):hover .switch-art{opacity:1}
.tabs a span{position:relative;z-index:1}
.home-page{background:radial-gradient(ellipse at 50% 25%,#34202e55,transparent 65%),#0b0d13!important}
.home-intro h1{font-size:clamp(42px,6.5vw,76px);letter-spacing:-2.7px}
.home-intro p{font-size:18px;color:#c7c4d0}
.home-games{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-game{border-color:#ffffff24;min-height:340px}
.home-game:nth-child(1){--game-tint:#bc9456}.home-game:nth-child(2){--game-tint:#839af0}.home-game:nth-child(3){--game-tint:#69c6c1}
.home-game:after{background:linear-gradient(to top,#0b0e16 0%,#0b0e16d8 26%,transparent 85%),linear-gradient(140deg,transparent 50%,var(--game-tint) 180%)}
.home-game:hover{border-color:var(--game-tint)!important;box-shadow:0 10px 40px #0009,0 0 24px color-mix(in srgb,var(--game-tint) 20%,transparent)}
.home-game span{color:var(--game-tint)}
.bundle-inline{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.bundle-inline del{font-size:13px;color:var(--muted);font-weight:500}
.bundle-inline strong{font-size:23px;color:var(--accent)}
.service .expand{border:1px solid var(--line);padding:10px 14px;border-radius:10px;color:var(--accent);background:var(--theme-glow);font-size:13px}
.service .expand:hover{border-color:var(--accent)}
.build-menu{grid-column:1/-1;padding:22px}
.build-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0}
.build-types button{background:#202b37;color:#c9d5df;border:1px solid #405061;border-radius:12px;padding:14px 8px;font-weight:800}
.build-types button.selected{color:var(--accent);background:var(--theme-glow);border-color:var(--accent)}
.build-menu label{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}
#build-stage{display:block;width:100%;padding:12px;border:1px solid #455466;border-radius:10px;background:#101924;color:var(--ink)}
.build-price{font:800 26px Outfit,sans-serif;color:var(--accent);margin:13px 0}
.build-subtitle{margin-top:25px!important}
.build-package{display:flex;align-items:center;gap:14px;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;font-size:13px}
.build-package span{flex:1}.build-package strong{color:var(--accent);font-size:17px}
.fish-refine{width:100%;min-width:0;padding:5px 2px;background:#111d2b;color:var(--ink);border:1px solid var(--accent);border-radius:7px;font-size:10px}
.social-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:12px auto}
.social-links a{border:1px solid #ffffff2a;background:#ffffff0b;border-radius:10px;padding:10px 14px;color:#e5e7ef;font-weight:700}
.social-links a:hover{border-color:var(--accent);color:var(--accent)}
.checkout-social{margin-top:15px;border-top:1px solid var(--line);padding-top:10px}.checkout-social p{font-size:12px;color:var(--muted)}
.checkout-social .social-links a{font-size:11px;padding:8px 10px}
@media(max-width:740px){.home-games{grid-template-columns:1fr}.home-game{min-height:175px}.tabs a:has(.switch-art){min-width:0;padding-right:12px}.tabs a .switch-art{opacity:.32;width:48px}.build-types{gap:5px}.build-types button{font-size:11px;padding:11px 5px}.build-package{flex-wrap:wrap}}

/* October 19: per-game maintenance artwork and character-building banners */
.maintenance-card .maintenance-art{position:relative;height:175px;margin:-17px -17px 16px;overflow:hidden;border-radius:14px 14px 0 0;background:#171c26}
.maintenance-art img{width:100%;height:100%;object-fit:cover;object-position:center 32%;filter:brightness(.75) saturate(.92);transition:transform .25s}
.maintenance-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--panel,#111a2b),transparent 68%)}
.maintenance-card:hover .maintenance-art img{transform:scale(1.035)}
.maintenance-card .service-head h3{font-size:1.3rem}
.maintenance-card:has(.tier-basic){border-top:2px solid #a8b5c8}
.maintenance-card:has(.tier-standard){border-top:2px solid #83b6e5}
.maintenance-card:has(.tier-advanced){border-top:2px solid #b99ce7}
.maintenance-card:has(.tier-premium){border-top:2px solid #e5bd71}
.building-banner{height:235px;position:relative;overflow:hidden;border-radius:16px;margin:0 0 18px;background:#131b27}
.building-banner img{height:100%;width:100%;object-fit:cover;object-position:center 38%;filter:brightness(.75)}
.building-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111a2b,transparent 78%)}
.building-banner span{position:absolute;bottom:20px;left:22px;z-index:1;font-weight:800;font-size:clamp(1.5rem,3vw,2.3rem);color:white;text-shadow:0 2px 15px #000b}
@media(max-width:600px){.maintenance-card .maintenance-art{height:150px}.building-banner{height:165px}}

.brand-contact{position:relative;z-index:40;flex-shrink:0}.brand-contact summary{list-style:none;cursor:pointer}.brand-contact summary::-webkit-details-marker{display:none}.brand-links{position:absolute;top:calc(100% + 12px);left:0;min-width:220px;padding:15px;background:#171e2b;border:1px solid #485066;border-radius:14px;box-shadow:0 15px 40px #0009;display:grid;gap:10px}.brand-links strong{font-size:12px;color:#cbd5e1}.brand-links a{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;padding:6px;border-radius:7px}.brand-links a:hover{background:#ffffff18}.brand-links img{width:28px;height:28px;object-fit:contain;border-radius:7px}@media(max-width:600px){.brand-links{left:0;min-width:200px}}

/* Navigation and portrait corrections: all links remain clickable, artwork never hides. */
.tabs a{isolation:isolate;z-index:0;transition:background .18s,border-color .18s,transform .18s}
.tabs a .switch-art{z-index:0;opacity:.78;right:0;top:0;height:100%;width:76px;object-position:center 32%;mask-image:linear-gradient(to right,transparent 0%,#000 78%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 78%)}
.tabs a span{z-index:2;position:relative;text-shadow:0 1px 5px #05070c,0 0 9px #05070c}
.tabs a:has(.switch-art){min-width:112px;padding-left:12px;padding-right:30px}
.tabs a:has(.switch-art):hover{transform:translateY(-1px)}
.tabs a:has(.switch-art):hover .switch-art{opacity:1}
/* Wider and taller headers with game-specific focal points, preserving faces. */
.maintenance-card .maintenance-art{height:215px;background:#111824;margin:-17px -17px 15px}
.maintenance-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(.87) saturate(1.03)}
.maintenance-art:after{background:linear-gradient(0deg,#141c28 0%,transparent 53%),linear-gradient(90deg,#0c121722,transparent 70%)}
body[data-game="genshin"] .maintenance-art.tier-basic img{object-position:50% 25%}
body[data-game="genshin"] .maintenance-art.tier-standard img{object-position:50% 29%}
body[data-game="genshin"] .maintenance-art.tier-advanced img{object-position:50% 26%}
body[data-game="genshin"] .maintenance-art.tier-premium img{object-position:50% 32%}
body[data-game="hsr"] .maintenance-art.tier-basic img{object-position:50% 34%}
body[data-game="hsr"] .maintenance-art.tier-standard img{object-position:50% 22%}
body[data-game="hsr"] .maintenance-art.tier-advanced img{object-position:50% 37%}
body[data-game="hsr"] .maintenance-art.tier-premium img{object-position:50% 23%}
body[data-game="wuwa"] .maintenance-art.tier-basic img{object-position:83% 42%}
body[data-game="wuwa"] .maintenance-art.tier-standard img{object-position:50% 42%}
body[data-game="wuwa"] .maintenance-art.tier-advanced img{object-position:51% 38%}
body[data-game="wuwa"] .maintenance-art.tier-premium img{object-position:53% 42%}
@media(max-width:740px){.tabs a:has(.switch-art){min-width:0;padding-right:10px;padding-left:9px}.tabs a .switch-art{width:52px;opacity:.52}}
@media(max-width:600px){.maintenance-card .maintenance-art{height:190px}}

/* October 20 structural checkpoint: actual character artwork, never an extra synthetic banner */
.maintenance-card .maintenance-art{height:190px;min-height:190px;display:block;margin:-17px -17px 14px;overflow:hidden;position:relative}
.maintenance-card .maintenance-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.maintenance-card .service-art,.build-menu .service-art{display:none!important}
.build-menu{min-height:0!important}
.building-banner{margin-bottom:12px}
.section:has(.building-banner) .cards{align-items:start}
.receipt-contact-overlay{position:fixed;inset:0;z-index:9999;background:#050a11d9;display:grid;place-items:center;padding:18px;backdrop-filter:blur(7px)}
.receipt-contact-modal{position:relative;width:min(100%,480px);padding:26px;border:1px solid var(--accent);border-radius:20px;background:linear-gradient(140deg,var(--panel2),var(--panel));box-shadow:0 20px 90px #000b;color:var(--ink)}
.receipt-contact-modal h2{margin:0 40px 10px 0;font-size:26px}.receipt-contact-modal p,.receipt-contact-modal small{color:var(--muted)}
.receipt-contact-close{position:absolute;right:14px;top:14px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:9px;font-size:23px;cursor:pointer;width:36px;height:36px}
.receipt-contact-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.receipt-contact-links a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;border:1px solid var(--line);border-radius:12px;padding:15px 5px;color:var(--ink);text-decoration:none;font-weight:700;background:#ffffff08}
.receipt-contact-links a:hover{border-color:var(--accent);background:var(--theme-glow)}
.receipt-contact-links img{width:35px;height:35px;object-fit:contain}.social-links a{display:inline-flex;align-items:center;gap:6px}.social-icon{width:18px;height:18px;object-fit:contain}
.fishing-symbol{display:grid;place-items:center;width:60px;height:60px;font-size:38px;color:var(--accent)}
@media(max-width:600px){.maintenance-card .maintenance-art{height:175px;min-height:175px}.receipt-contact-modal{padding:20px}}

/* Oct 20 visual checkpoint: WuWa upgrade tiles (no native select dropdown). */
.wuwa-build-menu{border-color:color-mix(in srgb,var(--accent) 42%,#344c51);background:linear-gradient(145deg,#172b30,#101a20 78%)}
.wuwa-build-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 18px}
.wuwa-build-tabs button{font-size:14px;min-height:48px}
.wuwa-upgrade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wuwa-upgrade-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:98px;padding:15px 8px;border-radius:14px;border:1px solid #38555b;background:linear-gradient(145deg,#1b3035,#142329);color:#e0f1ee;transition:background .15s,border-color .15s,transform .15s}
.wuwa-upgrade-tile:hover{border-color:var(--accent);transform:translateY(-2px)}
.wuwa-upgrade-tile.selected{border:2px solid var(--accent);background:linear-gradient(140deg,#285352,#193538);box-shadow:inset 0 0 0 1px #ffffff12,0 0 18px #49c8b21b}
.wuwa-upgrade-name{font-size:14px;font-weight:700;text-align:center}
.wuwa-upgrade-tile strong{font-size:21px;color:#b1e7d9;font-family:Outfit,sans-serif}
.wuwa-upgrade-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #39565a;margin-top:18px;padding:17px 0;color:#d5e9e7}
.wuwa-selected-price{font:800 25px Outfit,sans-serif;color:#b1e7d9;white-space:nowrap}
.wuwa-build-add{width:100%}
@media(max-width:520px){.wuwa-upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wuwa-upgrade-tile{min-height:85px}.wuwa-build-tabs button{font-size:12px}.wuwa-upgrade-tile strong{font-size:19px}}

/* Oct 20: Genshin Character Building uses clickable upgrade tiles like WuWa. */
.genshin-build-menu{border-color:color-mix(in srgb,var(--accent) 42%,#3a3830);background:linear-gradient(145deg,#25291f,#131b1a 82%)}
.genshin-build-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 18px}
.genshin-build-tabs button{min-height:48px;font-size:13px}
.genshin-upgrade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.genshin-upgrade-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:98px;padding:15px 8px;border-radius:14px;border:1px solid #4b5142;background:linear-gradient(145deg,#27372d,#1a2825);color:#e9efdf;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.genshin-upgrade-tile:hover{border-color:var(--accent);transform:translateY(-2px)}
.genshin-upgrade-tile.selected{border:2px solid var(--accent);background:linear-gradient(140deg,#3a5341,#283b34);box-shadow:inset 0 0 0 1px #ffffff12,0 0 18px #c5a05d20}
.genshin-upgrade-name{font-size:14px;font-weight:700;text-align:center}
.genshin-upgrade-tile strong{font-size:21px;color:#ead09c;font-family:Outfit,sans-serif}
.genshin-upgrade-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #485244;margin-top:18px;padding:17px 0;color:#e4e9d9}
.genshin-selected-price{font:800 25px Outfit,sans-serif;color:#ead09c;white-space:nowrap}
.genshin-build-add{width:100%}
@media(max-width:520px){.genshin-upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.genshin-upgrade-tile{min-height:85px}.genshin-build-tabs button{font-size:11px;padding:8px 4px}.genshin-upgrade-tile strong{font-size:19px}}

/* Oct 20 Cloudflare checkpoint: cross-game cart and checkout guidance */
.cart-game-group{display:flex;align-items:center;gap:9px;margin:20px 0 8px;padding:10px 0 8px;border-bottom:1px solid var(--line,#35404b);font-size:13px;letter-spacing:.02em;color:var(--text,#f4f4f4)}
.cart-game-group:first-child{margin-top:0}
.cart-game-dot{width:9px;height:9px;border-radius:50%;flex:none;background:#aab2be}
.cart-game-dot-genshin{background:#d9b576}.cart-game-dot-hsr{background:#8fa5f5}.cart-game-dot-wuwa{background:#70cfc3}
.account-details-notice{padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,#101820);color:#c8d5db;font-size:12px;line-height:1.6;margin:12px 0}
footer .social-links a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
footer .social-links img.social-icon{display:block;width:19px;height:19px;object-fit:contain;flex:none}
@media(max-width:600px){footer .social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}footer .social-links a{font-size:12px}}

/* October 20: compact checkout and readable material prices. */
.cart{min-height:0}
.cart-top{padding:15px 17px 11px}
.cart-top h2{font-size:21px}
.cart-body{min-height:180px;flex:1 1 auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#44566b #151e2c}
.cart-body::-webkit-scrollbar{width:6px}
.cart-body::-webkit-scrollbar-track{background:#151e2c;border-radius:12px}
.cart-body::-webkit-scrollbar-thumb{background:#44566b;border-radius:12px}
.cart-body::-webkit-scrollbar-thumb:hover{background:#60758e}
.cart-foot{padding:11px 15px 12px;flex:0 0 auto}
.total{gap:10px;min-width:0;font-size:13px}
.total strong{font-size:clamp(17px,1.7vw,21px);line-height:1.2;white-space:nowrap;letter-spacing:-.3px}
.cart-foot .hint{margin:6px 0;font-size:10px}
.cart-foot textarea{min-height:43px;max-height:100px}
.cart-foot .account-details-notice{padding:8px 10px;margin:7px 0;font-size:10px;line-height:1.4}
.cart-foot .copy{padding:11px;margin-top:7px}
.cart-foot .clear{padding:6px}
.atlas-price{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.3;text-align:center;min-height:1.3em}
@media(max-width:850px){.cart{max-height:92dvh}.cart-body{min-height:160px}.cart-foot{padding:10px 13px}.total strong{font-size:19px}}

/* 2026-10-20: tier identity and user-supplied protagonist art */
.maintenance-card .maintenance-tier-subtitle{display:block;font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:-5px 0 0;grid-column:1}
.maintenance-card .service-head{align-items:start}
.maintenance-card .service-head h3{margin-bottom:5px}
/* Landscape art should show the ensemble rather than zooming into a single face. */
body[data-game='genshin'] .maintenance-art.tier-basic img{object-position:50% 45%}
body[data-game='genshin'] .maintenance-art.tier-standard img{object-position:50% 31%}
body[data-game='genshin'] .maintenance-art.tier-advanced img{object-position:50% 30%}
body[data-game='genshin'] .maintenance-art.tier-premium img{object-position:50% 26%}
body[data-game='hsr'] .maintenance-art.tier-basic img{object-position:50% 40%}
body[data-game='wuwa'] .maintenance-art.tier-basic img{object-position:50% 40%}

.maintenance-card .maintenance-heading{min-width:0;flex:1}.maintenance-card .maintenance-heading h3{margin:0 0 4px}.maintenance-card .maintenance-tier-subtitle{margin:0}

/* 2026-10-20: targeted face-safe crop adjustments only. */
body[data-game="hsr"] .maintenance-art.tier-advanced img{object-position:50% 24%;}
body[data-game="hsr"] .maintenance-art.tier-premium img{object-position:50% 0%;}
body[data-game="wuwa"] .maintenance-art.tier-standard img{object-position:50% 0%;}