@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";body:has(.mall-page){color:#102c43;font-synthesis:none;background:#1b2a31;margin:0;font-family:Mirai Bold,DM Sans,Noto Sans JP,sans-serif;font-size:15px;overflow:hidden}.mall-page{--ink:#102c43;--line:#dce5ec;--paper:#fff;height:100dvh;position:fixed;inset:0;overflow:hidden}.mall-page *,.mall-page :before,.mall-page :after{box-sizing:border-box}.mall-page button,.mall-page a{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.mall-page [data-icon] svg{stroke:currentColor;stroke-width:1.65px;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;width:20px;height:20px}.mall-page h1,.mall-page h2,.mall-page p{margin:0}.mall-page__canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mall-page__overlay{pointer-events:none;color:#fff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.mall-page__overlay button,.mall-page__overlay a{touch-action:manipulation}.mall-page__heading{padding:max(28px, env(safe-area-inset-top)) 32px 70px;background:linear-gradient(#172c36cc,#172c364a 70%,#0000);justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.mall-page__heading h1{letter-spacing:.04em;font-size:28px;font-weight:800;line-height:1.5}.mall-page__heading p{color:#f3f7fa;margin-top:6px;font-size:16px;font-weight:700}.mall-page__eyebrow{letter-spacing:.16em;color:#f4d580;font-size:12px;font-weight:600}.mall-page__dot{vertical-align:middle;background:#f4d580;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.mall-page__actions{z-index:6;pointer-events:auto;flex-shrink:0;gap:10px;display:flex;position:relative}.mall-page__actions button{color:#fff;background:#233e40e8;border:1px solid #eaf1f677;border-radius:9px;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:15px;font-weight:700;display:flex}.mall-page__exit{color:#173d58!important;background:#f3f7fa!important;border-color:#f3f7fa!important}.mall-page__card{text-align:center;pointer-events:auto;color:#fff;background:#0e2231e6;border-radius:16px;width:min(440px,100% - 28px);padding:18px 20px 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #0006}.mall-page__card h2{font-size:21px;font-weight:800;line-height:1.4}.mall-page__card p{margin-top:8px;font-size:15px;line-height:1.6}.mall-page__card[hidden]{display:none}.mall-card__where{color:#7fd3f5;overflow-wrap:anywhere;font-weight:700;font-size:14px!important}.mall-card__logo{object-fit:contain;background:#fff;border-radius:8px;max-width:140px;max-height:80px;margin:0 auto 8px;padding:6px;display:block}.mall-card__buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.mall-card__buttons button,.mall-card__buttons a{color:#fff;border:0;border-radius:99px;justify-content:center;align-items:center;min-width:96px;min-height:46px;padding:10px 18px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.mall-card__buttons .is-go{background:#3fb54a;box-shadow:0 3px #2a8a33}.mall-card__buttons .is-stay{background:#e2483d;box-shadow:0 3px #a8302a}.mall-card__buttons .is-other{background:#4d8fd6;box-shadow:0 3px #2f679f}.mall-page__footer{padding:36px 32px max(24px, env(safe-area-inset-bottom));background:linear-gradient(#0000,#172c3699 50%,#172c36cc);justify-content:flex-start;align-items:flex-end;display:flex;position:absolute;inset:auto 0 0}.mall-pad{pointer-events:auto;-webkit-user-select:none;user-select:none;flex-shrink:0;grid-template-rows:auto 48px 48px;grid-template-columns:repeat(3,48px);gap:6px;display:grid}.mall-pad span{text-align:center;grid-column:1/-1;margin-bottom:3px;font-size:14px}.mall-pad button{color:#fff;touch-action:none;background:#233e40d9;border:1px solid #eaf1f6aa;border-radius:10px;width:48px;height:48px;font-size:23px}.mall-pad button:first-of-type{grid-column:2}.mall-pad button:nth-of-type(2){grid-column:1}.mall-pad button.held,.mall-pad button:active,.mall-pad button[aria-pressed=true]{color:#173d58;background:#f4d580}.mall-pad .mall-pad__run{grid-area:2/3;font-size:13px;font-weight:700}.mall-page__toast{z-index:6;left:50%;bottom:max(150px, env(safe-area-inset-bottom) + 130px);color:#fff;text-align:center;background:#0e2231e6;border-radius:12px;max-width:calc(100% - 28px);padding:10px 18px;font-size:14px;position:absolute;transform:translate(-50%)}.mall-page__toast.is-error{background:#7a2420e6}.mall-page__toast[hidden]{display:none}.mall-page__loading,.mall-page__curtain{z-index:5;color:#f6f5ee;text-align:center;background:radial-gradient(circle at 50% 40%,#1d3a4c,#0b1822);place-content:center;justify-items:center;gap:14px;padding:24px;display:grid;position:absolute;inset:0}.mall-page__loading p,.mall-page__curtain p{max-width:30em;font-size:17px;font-weight:700;line-height:1.7}.mall-page__loading[hidden],.mall-page__curtain[hidden]{display:none}.mall-page__curtain{background:#0b1822f2}.mall-page__bar{background:#ffffff26;border-radius:99px;width:min(320px,70vw);height:8px;overflow:hidden}.mall-page__bar i{background:linear-gradient(90deg,#f6d67d,#e3ad35);width:0;height:100%;transition:width .2s;display:block}.mall-page__percent{color:#c8d6df;font-variant-numeric:tabular-nums;font-size:14px!important}.mall-page__spinner{border:3px solid #fff3;border-top-color:#f4d580;border-radius:50%;width:38px;height:38px;animation:.9s linear infinite mall-page-turn}@keyframes mall-page-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mall-page__spinner{border-color:#f4d580;animation:none}}.mall-page dialog.game-dialog{border-color:var(--line);color:var(--ink);background:#fff}.mall-page dialog.game-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#061e3399}.mall-page dialog.game-dialog>.game-dialog-header{background:#fff}.mall-page dialog.game-dialog>.game-dialog-header .eyebrow{color:#647a89;letter-spacing:.16em;font-size:10px}.mall-page dialog.game-dialog>.game-dialog-header .icon-button{background:#f5f8fa;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}@media (width<=1024px){.mall-page__heading{gap:12px;padding:16px 14px 75px}.mall-page__heading h1{font-size:21px}.mall-page__heading p{font-size:14px}.mall-page__eyebrow{letter-spacing:.08em;font-size:10px}.mall-page__actions{flex-direction:column;align-items:flex-end;gap:7px}.mall-page__actions button{padding:8px 11px;font-size:14px}.mall-page__footer{padding:30px 14px max(16px, env(safe-area-inset-bottom))}.mall-pad{grid-template-rows:auto 44px 44px;grid-template-columns:repeat(3,44px)}.mall-pad button{width:44px;height:44px}.mall-page__card h2{font-size:18px}.mall-page__card p{font-size:14px}.mall-card__buttons{gap:8px}.mall-card__buttons button,.mall-card__buttons a{min-width:84px;min-height:42px;padding:8px 14px;font-size:15px}}
