.shop-dialog{width:min(780px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:88dvh;padding:0;border:1px solid #cfcec7;border-radius:18px;color:#202b31;background:#f7f7f2;box-shadow:0 20px 90px #0007;word-break:keep-all;box-sizing:border-box}
.shop-dialog::backdrop{background:#10202bb8}.shop-dialog header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #ddd}.shop-dialog h2,.shop-dialog h3{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.shop-dialog h2{font-size:22px}.shop-dialog h3{font-size:17px}.shop-dialog button,.shop-dialog a{font:inherit;white-space:nowrap}.shop-dialog button{padding:9px 12px;border:1px solid #bdc9c7;border-radius:9px;background:#fff;color:#233e42;cursor:pointer;min-height:40px}.shop-dialog button:disabled{opacity:.45;cursor:default}.shop-dialog button:focus-visible,.shop-dialog a:focus-visible{outline:3px solid #298b80;outline-offset:2px}.shop-dialog button[aria-pressed=true],.shop-tabs button[aria-current=page]{background:#244d4e;color:#fff;border-color:#244d4e}.shop-tabs{display:flex;gap:6px;padding:12px 20px;overflow-x:auto;flex-wrap:nowrap}.shop-tabs button{flex-shrink:0}.shop-content{padding:0 22px 22px}.shop-mode{font-size:13px;color:#576466;background:#e8eeea;padding:10px;border-radius:8px}.shop-status{padding:10px 22px;color:#8b3b22}.shop-free,.shop-row,.shop-buy{display:flex;align-items:center;justify-content:space-between;gap:10px}.shop-free{padding:14px 0}.shop-row h3{flex:1}.shop-row span,.shop-row strong{white-space:nowrap;flex-shrink:0}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-character{min-width:0;border:1px solid #d5ddd8;border-radius:12px;background:#fff;padding:12px}.shop-character img{width:100%;height:150px;object-fit:contain;background:#f2f1ec;border-radius:8px}.shop-character .shop-row{margin-top:10px}.shop-character button{padding:8px 10px;font-size:13px}.shop-buy{margin-top:16px;flex-wrap:wrap}.shop-buy strong{white-space:nowrap}.shop-prices{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:#576466}.shop-prices span{white-space:nowrap}.shop-order{padding:18px 0;border-bottom:1px solid #d6ddd9}.shop-order p,.shop-content>p{font-size:13px;color:#596467}.shop-order blockquote{margin:10px 0;padding:16px;border-left:3px solid #b79d66;background:#f1ede3;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.shop-cookie{text-align:center;padding:16px 0 32px}.shop-cookie strong{display:block;margin:18px;font-size:25px}.cookie-mark{font-size:80px;color:#b98242;margin:12px}.shop-cookie p{line-height:1.8}.shop-tip{position:relative;display:inline-block;margin-left:8px;vertical-align:middle}.shop-tip>button{min-height:24px;padding:0 4px;border:0;background:transparent}.shop-tip>[role=tooltip]{position:absolute;z-index:4;right:0;top:30px;width:min(260px,65vw);padding:12px;background:#213c40;color:#fff;border-radius:8px;line-height:1.6;box-shadow:0 4px 18px #0003;text-align:left;white-space:normal}.shop-tip [hidden]{display:none}.shop-checkout{display:flex;flex-direction:column;gap:16px;padding:20px 0}.shop-checkout strong{white-space:nowrap}.shop-ad{padding:15px 0}.shop-ad>a{display:inline-block;color:#205b64;margin:15px 0;font-size:16px}.shop-ad>p{font-size:13px;line-height:1.7}.shop-ad-screen{display:flex;flex-direction:column;align-items:center;gap:18px;background:#111e29;color:#f4f9fc;padding:30px 16px;border:5px solid #203745;border-radius:9px;margin:20px 0;text-align:center}.shop-ad-screen strong{font-size:clamp(15px,3vw,25px);white-space:nowrap}.shop-ad-screen span{font-size:clamp(10px,2vw,16px);white-space:nowrap}.shop-ad-screen small{color:#8fe2c7}.shop-ad>button{margin-right:8px}#open-shop .ic{font-size:20px}
@media(max-width:540px){.shop-grid{grid-template-columns:1fr}.shop-dialog header{padding:14px}.shop-content{padding:0 14px 18px}.shop-tabs{padding:10px 14px}.shop-tabs button{font-size:13px;padding:8px}.shop-character img{height:155px}.shop-buy{align-items:stretch}.shop-buy>button{flex:1}.shop-buy>strong{width:100%;order:-1}.shop-free{font-size:14px}.shop-free button{font-size:12px}.shop-order h3{font-size:14px}.shop-ad-screen{padding:22px 8px}.shop-cookie h3{font-size:17px}}

.shop-legal{padding:14px 22px;border-top:1px solid #d6ddd9;background:#edf1ec}.shop-legal a,.shop-checkout a{color:#205b64;text-underline-offset:3px}.shop-order-id{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:all}
