.j-service{border:1px solid #cad9e6;border-radius:13px;background:#fff;box-shadow:var(--j-shadow);overflow:hidden;color:#2e4d68}
.service-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px 18px}
.service-heading h1{font-size:25px;line-height:1.25;letter-spacing:-.6px;color:#2c4b69;margin-top:5px}
.service-heading .j-eyebrow{font-size:9px;color:#4e8aaf}
.pokemon-center .service-heading .j-eyebrow{color:#bd495c}
.service-wallet{display:flex;flex-direction:column;align-items:flex-end;gap:5px;white-space:nowrap}
.service-wallet>small{font-size:8px;font-weight:750;letter-spacing:1px;color:#7f95a9}.service-wallet>strong{font-size:23px;color:#52748a;font-variant-numeric:tabular-nums}
.service-scene{height:127px;overflow:hidden;background:linear-gradient(#d9edf1 0 70%,#c2d9c6 70% 88%,#a8c7ad 88%);border-block:1px solid #cbdfe4}
.pokemon-center .service-scene{background:linear-gradient(#f2e4e5 0 70%,#d8e0c9 70% 88%,#b8c9aa 88%)}
.service-scene>svg{height:100%;width:100%;display:block}
.service-body{padding:22px 24px}
.service-products{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.service-product{padding:17px;border:1px solid #d2e1ec;border-radius:11px;background:#f7fafc}
.service-product-top{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:13px}.service-product-top>span:last-child{font-size:10px;color:#71899e}.service-product-top strong{color:#4a6b86;font-size:13px}
.service-item-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #cfdfe9;border-radius:10px;background:#fff}
.service-item-icon>.icon{width:25px;height:25px;color:#649b9e}.service-item-icon .pokeball{width:25px;height:25px;border-width:2px}.service-item-icon .pokeball:after{width:8px;height:8px;border-width:2px}
.service-product h2{font-size:18px;letter-spacing:-.3px;color:#355873}.service-product>p{font-size:11px;color:#6b8499;line-height:1.6;margin-top:5px;min-height:34px}
.service-price{display:flex;align-items:baseline;gap:9px;margin:9px 0 16px}.service-price>strong{font-size:22px;color:#49768e}.service-price>span{font-size:10px;color:#7b91a3}
.service-quantity{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:15px}
.service-quantity>button{width:34px;height:34px;background:#fff;border:1px solid #c8dae8;border-radius:7px;color:#55768e;font-size:18px;font-weight:700}
.service-quantity>button:disabled{opacity:.35}.service-quantity>button:hover:not(:disabled){border-color:#7da7bf;background:#eaf5fa}
.service-quantity>output{min-width:23px;text-align:center;font-size:14px;font-weight:800;color:#385b74}.service-quantity>small{margin-left:auto;font-size:9px;color:#70899e}
.service-product .j-button{font-size:12px;min-height:43px}
.service-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #dce7ef;padding-top:18px;margin-top:20px}.service-footer>span{font-size:11px;color:#738b9f}.service-footer strong{color:#456880}
.center-service{border:1px solid #e6c9d0;border-radius:11px;background:#fff8f9;padding:19px}
.center-service>div{display:flex;align-items:center;gap:13px;margin-bottom:17px}.center-service h2{font-size:17px;color:#714c5c}.center-service p{font-size:11px;color:#967b89;line-height:1.6;margin-top:5px}
.center-service>div>strong{margin-left:auto;font-size:20px;color:#a74e63;white-space:nowrap}.service-cross{display:grid;place-items:center;width:44px;height:44px;font-size:29px;color:#c75c6e;background:#fbe4e8;border-radius:10px;flex-shrink:0}
.center-patients{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px;max-height:285px;overflow:auto;scrollbar-width:thin;padding:1px 3px 4px 1px}
.center-patients>article{display:flex;align-items:center;gap:8px;border:1px solid #d9e5ed;border-radius:8px;padding:8px;background:#f8fbfd;min-width:0}
.center-patients .sprite{width:44px;height:44px;flex-shrink:0}.center-patients>article>div{flex:1;min-width:0}.center-patients strong{display:block;font-size:12px;color:#4d6d85;overflow-wrap:anywhere}.center-patients small{display:block;font-size:9px;color:#7c93a5;line-height:1.6;margin:4px 0}
.center-patients .hp-track{height:5px;padding:0;border:0;border-radius:4px;background:#e0eaf0;overflow:hidden}.center-patients .hp-track>span{display:block;height:100%}
.j-service button:focus-visible{outline:3px solid #3b95d3;outline-offset:3px}
@media(max-width:600px){.service-heading{padding:19px 16px;gap:12px;align-items:flex-start}.service-heading h1{font-size:22px}.service-heading .j-eyebrow{font-size:8px;letter-spacing:.6px;line-height:1.7}.service-wallet>strong{font-size:19px}.service-wallet>small{font-size:7px}.service-scene{height:103px}.service-body{padding:17px 13px}.service-products{gap:9px}.service-product{padding:12px 10px}.service-product h2{font-size:16px}.service-product>p{font-size:10px;min-height:32px}.service-product-top>span:last-child{font-size:9px}.service-product-top strong{font-size:11px}.service-item-icon{width:33px;height:33px}.service-item-icon .pokeball{width:22px;height:22px}.service-item-icon>.icon{width:22px;height:22px}.service-price{gap:5px;flex-wrap:wrap;margin-bottom:12px}.service-price>strong{font-size:20px}.service-price>span{font-size:9px}.service-quantity{gap:5px}.service-quantity>button{width:32px;height:35px}.service-quantity>output{min-width:20px}.service-quantity>small{width:100%;font-size:9px;margin-top:3px}.service-product .j-button{font-size:10px;padding:9px 6px}.service-footer{margin-top:17px;padding-top:16px}.center-service{padding:14px}.center-service>div{gap:9px;flex-wrap:wrap}.center-service h2{font-size:15px}.center-service p{font-size:10px}.center-service>div>strong{font-size:17px}.service-cross{width:34px;height:34px;font-size:24px}.center-patients{gap:7px}.center-patients>article{padding:7px 5px;gap:5px}.center-patients .sprite{width:33px;height:33px}.center-patients strong{font-size:11px}.center-patients small{font-size:8px}}
@media(max-width:350px){.service-products,.center-patients{grid-template-columns:1fr}.service-quantity>small{width:auto;margin:0 0 0 auto}.service-heading h1{font-size:20px}}

.service-narrative{font-size:14px;line-height:1.8;color:#526b7c;white-space:pre-wrap;margin:0 0 22px}.service-exit{margin-top:20px;padding:16px;border:1px solid #dce4e9;border-radius:9px;font-size:12px;line-height:1.8;color:#536b7b}.service-exit p{margin:0 0 8px}.service-exit ul{margin:0;padding-left:18px}.service-exit-error{color:#a54b54}