:root{--gold: #E3A72F;--gold-deep: #C6871A;--gold-soft: #FBF3E1;--gold-line: #F0DCB0;--gold-ink: #8A6216;--steel: #8A94A0;--steel-soft: #EEF1F4;--pos: #4E9A6B;--danger: #C05A45;--radius: 20px;--radius-sm: 14px;--font-num: "Outfit", system-ui, sans-serif;--font-body: "Zen Kaku Gothic New", system-ui, sans-serif;--paper: #FBFAF7;--card: #FFFFFF;--bg: #F0EEE9;--ink: #3C3B39;--ink-soft: #6E6C67;--ink-faint: #A5A29B;--line: #EEECE6;--line-strong: #E3E0D8}[data-surface=customer]{--paper: #FBFAF7;--card: #FFFFFF;--bg: #F0EEE9;--ink: #3C3B39;--ink-soft: #6E6C67;--ink-faint: #A5A29B;--line: #EEECE6;--line-strong: #E3E0D8}[data-surface=console]{--paper: #F7F8FA;--card: #FFFFFF;--bg: #EEEFF1;--ink: #33322F;--ink-soft: #6A6965;--ink-faint: #9B9A94;--line: #E9E9E6;--line-strong: #DEDEDA}*{box-sizing:border-box;margin:0;padding:0;min-width:0}html,body{width:100%;max-width:100%;overflow-x:hidden}img,canvas,video{max-width:100%}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh}.num{font-family:var(--font-num);font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.phone{width:100%;max-width:520px;margin:0 auto;background:var(--paper);display:flex;flex-direction:column;min-height:100dvh}.bar{position:relative;height:52px;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid var(--line);flex:none}.barlogo{height:22px;width:auto;display:block}.backnav{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--ink);font-size:30px;line-height:1;cursor:pointer;border-radius:12px}.backnav:active{background:var(--line)}.bartitle{font-weight:700;font-size:16px}.lang{position:absolute;right:12px;top:50%;transform:translateY(-50%);font:inherit;font-size:12px;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line-strong);border-radius:999px;padding:5px 8px;cursor:pointer}.lang:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.loading{padding:60px 0;text-align:center;color:var(--ink-faint)}.note{font-size:12px;color:var(--ink-faint)}.scroll{flex:1;padding:18px 16px calc(84px + env(safe-area-inset-bottom));overflow-y:auto;display:flex;flex-direction:column;gap:20px}.card{position:relative;background:var(--card);border:1px solid var(--line-strong);border-radius:var(--radius);padding:22px 20px 20px;overflow:hidden;box-shadow:0 1px 2px #3c3b3908,0 14px 34px -20px #3c3b3938}.watermark{position:absolute;right:-30px;bottom:-34px;width:190px;height:auto;opacity:.05;transform:rotate(-8deg);pointer-events:none}.card>*:not(.watermark){position:relative}.card-top{display:flex;align-items:flex-start;justify-content:space-between}.cardlogo{height:22px;width:auto;display:block}.mlabel{text-align:right}.mlabel .en{font-family:var(--font-num);font-size:10px;letter-spacing:.32em;color:var(--gold-deep);font-weight:600}.mlabel .jp{font-size:11px;color:var(--ink-faint);margin-top:3px}.idrow{margin-top:18px;display:flex;align-items:center;gap:10px}.name{font-size:20px;font-weight:700;letter-spacing:.01em}.chip{font-size:12px;font-weight:500;color:var(--gold-ink);background:var(--gold-soft);border:1px solid var(--gold-line);padding:3px 11px;border-radius:999px}.rule{height:1px;background:var(--line);margin:16px 0 14px}.bal{display:flex;align-items:flex-end;justify-content:space-between}.pts-label{font-size:11px;color:var(--ink-soft);letter-spacing:.14em}.pts-row{display:flex;align-items:baseline;gap:6px;margin-top:6px}.pts{font-family:var(--font-num);font-weight:600;font-size:46px;line-height:.85}.pts-u{font-family:var(--font-num);font-weight:500;font-size:16px;color:var(--gold-deep)}.rgt{text-align:right}.rgt .t{font-size:11px;color:var(--ink-soft);letter-spacing:.1em}.rgt .v{margin-top:6px}.rgt .n{font-family:var(--font-num);font-weight:600;font-size:24px}.rgt .u{font-size:12px;color:var(--ink-faint);margin-left:2px}.prog{margin-top:16px}.prog-track{height:6px;background:var(--line);border-radius:999px;overflow:hidden}.prog-fill{height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold));border-radius:999px;transition:width .6s cubic-bezier(.22,.9,.3,1)}.prog-cap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;margin-top:8px;font-size:11px;color:var(--ink-faint)}.prog-cap b{color:var(--ink-soft);font-weight:600}.exchange{width:100%;margin-top:16px;border:1px dashed var(--gold-line);background:var(--gold-soft);color:var(--gold-deep);font:inherit;font-weight:700;font-size:13.5px;padding:13px;border-radius:12px;cursor:pointer;transition:background .12s ease}.exchange:not(:disabled):active{background:var(--gold-line)}.exchange:disabled{opacity:.5;cursor:not-allowed}.block{display:flex;flex-direction:column;gap:11px}.block h3{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ink)}.block h3:before{content:"";width:14px;height:2px;background:var(--gold);border-radius:2px}.lot{background:#fff;border:1px solid var(--gold-line);border-radius:var(--radius-sm);padding:16px;box-shadow:0 8px 22px -18px #be811a80}.lot-h{font-size:11px;color:var(--gold-deep);font-weight:600;letter-spacing:.1em}.lot-prize{font-size:17px;font-weight:700;margin:6px 0}.lot-meta{font-size:12.5px;color:var(--ink-soft);margin-bottom:14px}.lot .btn{width:100%}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line-strong);border-radius:13px;padding:13px 14px;font-size:14px}.tag{font-size:11px;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);padding:4px 10px;border-radius:999px;white-space:nowrap}.tag--gold{color:var(--gold-ink);background:var(--gold-soft);border-color:var(--gold-line)}.btn{width:100%;font:inherit;font-weight:700;font-size:14px;border:0;border-radius:12px;padding:13px;cursor:pointer;transition:transform .1s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--gold{background:var(--gold);color:#40320d}.viewport{position:relative;width:100%;aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:linear-gradient(150deg,#2b2a28,#3c3b39 55%,#2f2e2c);display:grid;place-items:center}.reader{position:absolute;top:0;right:0;bottom:0;left:0}.reader video{width:100%!important;height:100%!important;object-fit:cover}.frame{position:relative;z-index:2;width:60%;aspect-ratio:1/1}.frame span{position:absolute;width:28px;height:28px;border:2.5px solid var(--gold);border-radius:3px}.frame .tl{top:0;left:0;border-right:0;border-bottom:0}.frame .tr{top:0;right:0;border-left:0;border-bottom:0}.frame .bl{bottom:0;left:0;border-right:0;border-top:0}.frame .br{bottom:0;right:0;border-left:0;border-top:0}.frame .laser{position:absolute;left:6%;right:6%;height:2px;top:10%;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 8px #e3a72fb3}.vhint{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#fff;font-size:12.5px;opacity:.9}.scan-cta{width:100%;margin-top:14px}.scan-dev{margin-top:12px;display:flex;flex-direction:column;gap:8px}.scan-input{font-family:var(--font-num);font-size:12px;padding:10px;border:1px solid var(--line-strong);border-radius:10px;resize:vertical;background:var(--paper)}.rrow{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line-strong);border-radius:14px;padding:13px 14px}.rrow .ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;font-size:18px}.rrow .ic.a{background:var(--gold-soft)}.rrow .ic.b{background:#eef1f4}.rrow .t{font-size:14px;font-weight:700}.rrow .s{font-size:12px;color:var(--ink-soft);margin-top:2px}.code{align-items:center;text-align:center}.qr-wrap{background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius);padding:20px;margin-top:6px;box-shadow:0 10px 26px -20px #3c3b3966}.mno{font-size:11px;color:var(--ink-faint);letter-spacing:.06em;margin-top:12px;word-break:break-all}.register{display:flex;flex-direction:column;gap:13px}.register h3{font-size:18px;font-weight:700}.register .field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ink-soft)}.register input{font:inherit;font-size:16px;padding:13px;border:1px solid var(--line-strong);border-radius:12px;background:var(--paper);color:var(--ink)}.register input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.register .btn{margin-top:4px}.tabs{display:flex;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:520px;z-index:900;box-shadow:0 -2px 12px -6px #3c3b3940}.tab{flex:1;border:0;background:none;font:inherit;font-size:11px;padding:9px 0 10px;color:var(--ink-faint);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}.tab .ti{display:grid;place-items:center;height:24px}.tab .ti svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block}.tab.on{color:var(--gold-deep);font-weight:700}.tab.on .ti{color:var(--gold-deep)}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:1000;max-width:calc(100% - 32px);padding:12px 18px;border-radius:999px;font-size:14px;font-weight:500;color:#fff;box-shadow:0 8px 24px -8px #3c3b3966;text-align:center}.toast--ok{background:var(--ink)}.toast--err{background:var(--danger)}@media (prefers-reduced-motion: reduce){.prog-fill{transition:none}}@media (prefers-reduced-motion: no-preference){.frame .laser{animation:scan 2.4s ease-in-out infinite}@keyframes scan{0%{top:10%}50%{top:86%}to{top:10%}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.view-enter .scroll>*{animation:rise .42s cubic-bezier(.22,.9,.3,1) both}.view-enter .scroll>*:nth-child(1){animation-delay:.02s}.view-enter .scroll>*:nth-child(2){animation-delay:.09s}.view-enter .scroll>*:nth-child(3){animation-delay:.16s}.view-enter .scroll>*:nth-child(4){animation-delay:.23s}.view-enter .scroll>*:nth-child(n+5){animation-delay:.3s}}#reader{border:0!important}#reader img{display:none!important}#reader__scan_region{background:transparent!important}#reader__dashboard{display:none!important}