:root{--paper:#f4ecd8;--paper-deep:#ebdfc2;--card:#fbf6ea;--espresso:#2a1a10;--espresso-soft:#5a4632;--amber:#c77f36;--amber-deep:#a9621f;--brick:#8e3b2c;--brick-deep:#722d20;--gold:#c9a84c;--gold-soft:#d9c690;--font-display:"Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", serif;--font-body:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Meiryo", sans-serif;--font-num:"DIN Alternate", "Helvetica Neue", "Roboto Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--espresso);background-color:var(--paper);background-image:radial-gradient(120% 80% at 50% -10%,#fbf3df 0%,#fbf3df00 55%),radial-gradient(60% 50% at 100% 100%,#c77f3614 0%,#c77f3600 60%),radial-gradient(50% 40% at 0 90%,#8e3b2c0f 0%,#8e3b2c00 60%);background-attachment:fixed}.stage{max-width:680px;margin:0 auto;padding:clamp(24px,5vw,56px) clamp(20px,5vw,40px) 64px}.masthead{text-align:center;margin-bottom:clamp(28px,5vw,44px)}.eyebrow{font-family:var(--font-num);letter-spacing:.42em;text-indent:.42em;color:var(--amber-deep);margin:0 0 14px;font-size:clamp(13px,2.4vw,15px);font-weight:600}.title{font-family:var(--font-display);letter-spacing:.04em;color:var(--espresso);margin:0;font-size:clamp(40px,9vw,60px);font-weight:600;line-height:1.18}.rule{max-width:320px;color:var(--gold);justify-content:center;align-items:center;gap:14px;margin:22px auto 0;display:flex}.rule:before,.rule:after{content:"";background:linear-gradient(90deg, transparent, var(--gold));flex:1;height:2px}.rule:after{background:linear-gradient(90deg, var(--gold), transparent)}.rule__bean{background:var(--amber-deep);border-radius:50%;flex:none;width:18px;height:12px;position:relative;transform:rotate(-28deg)}.rule__bean:after{content:"";background:var(--paper);border-radius:50%;width:2px;margin-left:-1px;position:absolute;inset:1px 50%}.ticket{background:var(--card);border:1.5px solid var(--paper-deep);border-top:none;border-radius:0 0 6px 6px;margin-top:26px;padding:30px clamp(20px,5vw,34px) 26px;position:relative;box-shadow:0 14px 30px -22px #2a1a108c}.ticket:before{content:"";background:var(--card) linear-gradient(135deg, transparent 50%, var(--card) 0) repeat-x;filter:drop-shadow(0 -2px 1px #2a1a100f);background-size:16px 12px;height:12px;position:absolute;inset:-11px 0 auto}.ticket__head{font-family:var(--font-display);color:var(--espresso-soft);border-bottom:2px solid var(--gold-soft);justify-content:space-between;align-items:baseline;margin-bottom:6px;padding-bottom:12px;font-size:clamp(20px,4vw,24px);display:flex}.ticket__head small{font-family:var(--font-num);letter-spacing:.2em;color:var(--amber-deep);font-size:12px}.ticket__empty{color:var(--espresso-soft);text-align:center;padding:26px 0 22px;font-size:clamp(19px,4vw,22px);line-height:1.7}.ticket[data-confirmed=true]{border-color:var(--gold-soft);box-shadow:0 0 0 2px var(--gold-soft) inset, 0 14px 30px -22px #2a1a108c}.ticket[data-confirmed=true] .ticket__head{color:var(--brick)}.ticket__confirmed{color:var(--brick);text-align:center;padding:8px 0 14px;font-size:clamp(18px,3.6vw,21px);line-height:1.6}.line{border-bottom:1px dotted var(--gold-soft);grid-template-columns:1fr auto auto;align-items:baseline;gap:12px;padding:14px 2px;display:grid}.line__name{font-size:clamp(22px,4.6vw,27px)}.line__qty{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--amber-deep);white-space:nowrap;font-size:clamp(20px,4vw,24px)}.line__price{font-family:var(--font-num);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;min-width:5.5ch;font-size:clamp(20px,4vw,24px)}.ticket__total{border-top:2.5px double var(--espresso-soft);justify-content:space-between;align-items:baseline;margin-top:16px;padding-top:16px;display:flex}.ticket__total span{font-family:var(--font-display);font-size:clamp(24px,5vw,30px)}.ticket__total strong{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--brick);font-size:clamp(34px,7vw,46px);font-weight:700}.ticket__total strong em{color:var(--espresso-soft);margin-left:4px;font-size:.5em;font-style:normal}.controls{margin-top:34px}.btn{width:100%;min-height:92px;font-family:var(--font-body);letter-spacing:.06em;color:#fff5e6;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:16px;font-size:clamp(26px,5.6vw,32px);font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex}.btn:active{transform:translateY(2px)}.btn:focus-visible{outline:4px solid var(--espresso);outline-offset:4px}.btn:disabled{cursor:default;filter:saturate(.55)brightness(.92)}.btn--start{background:linear-gradient(180deg, var(--amber), var(--amber-deep));box-shadow:0 12px 0 -2px var(--brick-deep), 0 20px 34px -16px #a9621fcc}.btn--start:not(:disabled):hover{filter:brightness(1.05)}.btn--stop{background:linear-gradient(180deg, var(--brick), var(--brick-deep));box-shadow:0 12px 0 -2px #50190f,0 20px 34px -16px #722d20cc}.dot{background:#fff5e6;border-radius:50%;flex:none;width:20px;height:20px}.dot--live{animation:1.6s ease-out infinite pulse;box-shadow:0 0 #fff5e6cc}.spinner{border:4px solid #fff5e666;border-top-color:#fff5e6;border-radius:50%;flex:none;width:26px;height:26px;animation:.9s linear infinite spin}.status{color:var(--espresso-soft);text-align:center;justify-content:center;align-items:center;gap:12px;margin-top:20px;font-size:clamp(19px,4vw,23px);display:flex}.status__beacon{background:var(--espresso-soft);border-radius:50%;flex:none;width:14px;height:14px}.status[data-phase=active]{color:var(--amber-deep);font-weight:700}.status[data-phase=active] .status__beacon{background:var(--amber);animation:1.6s ease-out infinite pulse-amber}.status[data-phase=error]{color:var(--brick);font-weight:700}.status[data-phase=error] .status__beacon{background:var(--brick)}.error-detail{color:var(--espresso-soft);text-align:center;word-break:break-word;margin:12px 0 0;font-size:15px}.cost{text-align:center;font-family:var(--font-num);letter-spacing:.05em;color:#5a463299;margin-top:40px;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{70%,to{box-shadow:0 0 0 16px #fff5e600}}@keyframes pulse-amber{0%{box-shadow:0 0 #c77f3699}70%,to{box-shadow:0 0 0 12px #c77f3600}}@media (prefers-reduced-motion:reduce){.btn,.spinner,.dot--live,.status__beacon{transition:none!important;animation:none!important}}.pii-note{color:#8a7f6a;text-align:center;margin-top:1rem;font-size:.85rem}