*{box-sizing:border-box}html,body{color:#15171c;background:#f3f4f6;margin:0;font-family:Zen Kaku Gothic New,sans-serif}a{color:inherit}.screen{min-height:100dvh;padding:16px 20px calc(24px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:14px;display:flex;position:relative}.screen-fixed{height:100dvh;overflow:hidden}.trademark{color:#6b7280;text-align:center;margin:0;font-size:10px;line-height:1.4}.showing-body{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:auto}.header{letter-spacing:.04em;align-items:center;gap:8px;height:28px;font-size:14px;font-weight:700;display:flex}.visitor-number{color:#5b616e;letter-spacing:0;font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.card{background:#fff;border:2px solid #15171c;border-radius:20px;flex-direction:column;flex-grow:1;align-items:center;gap:22px;padding:40px 22px 24px;display:flex}.display{text-align:center;font-family:Dela Gothic One,sans-serif;font-size:22px;font-weight:400;line-height:1.35}.note{color:#4a4f59;text-align:center;margin:0;font-size:13px;line-height:1.7}.steps{background:#f3f4f6;border-radius:14px;flex-direction:column;gap:8px;width:100%;padding:14px 16px;font-size:13px;line-height:1.6;display:flex}.steps strong{font-size:13px}.line-link{color:#fff;background:#15171c;border-radius:28px;justify-content:center;align-items:center;width:100%;height:56px;margin-top:auto;font-size:16px;font-weight:700;text-decoration:none;display:flex}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #0070a8}button:active,a:active{filter:brightness(.9)}.status{margin:0;font-size:15px;font-weight:700}.band{border-radius:20px;flex-shrink:0;justify-content:space-between;align-items:flex-end;padding:16px 20px;display:flex}.band-live{background-image:repeating-linear-gradient(135deg,#ffffff24 0 14px,#fff0 14px 28px);animation:2.4s linear infinite chomo-stripe}.band-when{flex-direction:column;gap:2px;font-size:14px;font-weight:500;display:flex}.band-hour{font-family:Dela Gothic One,sans-serif;font-size:40px;font-weight:400;line-height:1.1}.band-until{flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;font-weight:500;display:flex}.band-until strong{font-size:20px;font-weight:700}.band-ended{text-align:right;font-size:13px;font-weight:700;line-height:1.4}.band-soldout{background:#fff;border:2px solid #d6007a;padding:14px 18px}.band-soldout .band-hour{color:inherit}.band-right{color:#4a4f59;font-size:13px;font-weight:700}.receive-area{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:auto;display:flex}.receive-note{color:#15171c;text-align:center;font-size:14px}.receive{color:#fff;width:100%;height:60px;font:inherit;cursor:pointer;background:#15171c;border:2px solid #15171c;border-radius:30px;font-size:17px;font-weight:700}.receive:disabled{opacity:.6;cursor:default}.hint{color:#4a4f59;font-size:13px}.site-link{color:#15171c;border:2px solid #15171c;border-radius:26px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;margin-top:auto;font-size:15px;font-weight:700;text-decoration:none;display:flex}.qr-card{background:#fff;border:2px solid #15171c;border-radius:20px;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;padding:24px;display:flex}.qr{object-fit:contain;width:240px;height:240px}.qr-foot{justify-content:space-between;align-items:center;width:100%;display:flex}.live-clock{color:#15171c;font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.live-dot{background:#d6007a;border-radius:4px;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}.live-dot-still{animation:none}.warning{color:#15171c;background:#ffe8d1;border:2px solid #c2410c;border-radius:14px;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.warning>div{flex-direction:column;gap:2px;min-width:0;display:flex}.warning strong,.warning span{color:#15171c;font-size:12px;line-height:1.4}.day-tickets{flex-direction:column;gap:8px;margin-top:auto;display:flex}.day-tickets-title{color:#4a4f59;font-size:13px;font-weight:700}.day-tickets-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.chip{color:#4a4f59;white-space:nowrap;background:#e4e6ea;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 4px;font-size:11px;font-weight:700;display:flex}.chip-hour{font-size:11px;font-weight:400}.chip-receipt{font-variant-numeric:tabular-nums;opacity:.8;font-size:10px}.chip-ready,.chip-sold{background:#fff;border:2px solid #9aa0ab;padding:6px 4px}.chip-ready .chip-hour,.chip-sold .chip-hour{color:#5b616e}.receipt{color:#4a4f59;font-variant-numeric:tabular-nums;font-size:13px}.receipt-strong{color:#15171c;font-weight:700}.guide{background:#fff;border-radius:16px;flex-direction:column;flex-shrink:0;gap:6px;padding:8px 14px;display:flex}.guide-scan{align-items:center;gap:12px;display:flex}.guide-scan strong{font-size:15px}.guide-scan span,.guide-once span{color:#4a4f59;font-size:13px;line-height:1.45}.guide-once{border-top:1px solid #c9cdd4;flex-direction:column;gap:2px;padding-top:6px;display:flex}.guide-once strong{font-size:14px}.card-foot{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:auto;display:flex}.card-foot .site-link{margin-top:0}.mark-used,.confirm-cancel,.confirm-ok{height:52px;font:inherit;cursor:pointer;border:2px solid #15171c;border-radius:26px;font-size:15px;font-weight:700}.mark-used,.confirm-cancel{color:#15171c;background:#fff}.mark-used{flex-shrink:0;width:100%;margin-top:24px}.confirm-ok{color:#fff;background:#15171c}.mark-used:disabled,.confirm-cancel:disabled,.confirm-ok:disabled{opacity:.6;cursor:default}.sheet{z-index:6;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet-backdrop{cursor:pointer;background:#15171c80;border:0;padding:0;position:absolute;inset:0}.sheet-body{z-index:1;box-sizing:border-box;width:100%;padding:20px 20px calc(24px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:20px 20px 0 0;flex-direction:column;gap:8px;display:flex;position:relative}.sheet-body strong{font-size:17px}.sheet-body span{font-size:14px;line-height:1.7}.confirm-ok,.confirm-cancel{font-size:16px}.confirm-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.machine{position:relative}.machine-stamp{white-space:nowrap;background:#fff;border:3px solid #15171c;border-radius:8px;padding:3px 10px;font-family:Dela Gothic One,sans-serif;font-size:16px;position:absolute;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.overlay{z-index:5;background:#f3f4f6f0;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.overlay p{margin:0;font-size:15px;font-weight:700}.anim-handle{transform-box:fill-box;transform-origin:50%;animation:.5s linear 2 spin}.anim-caps{transform-box:view-box;transform-origin:60px 54px;animation:.5s ease-in-out 2 shake}.anim-drop{animation:1.4s ease-out forwards drop}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes chomo-stripe{0%{background-position:0 0}to{background-position:56px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@keyframes drop{0%,55%{opacity:0;transform:translateY(-6px)}70%{opacity:1;transform:translateY(0)}85%{transform:translateY(22px)}to{opacity:1;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.anim-handle,.anim-caps,.anim-drop,.live-dot,.band-live{animation:none}}.lead{flex-direction:column;align-items:center;gap:8px;display:flex}.lead>span{color:#4a4f59;font-size:14px;font-weight:700}.lead .display{margin:0;font-size:26px}.rules{flex-direction:column;gap:8px;width:100%;display:flex}.rule{border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.rule-tag{text-align:center;border-radius:8px;flex-shrink:0;width:72px;padding:4px 0;font-size:13px;font-weight:700}.rule-blue{background:#e0f4fc}.rule-blue .rule-tag{color:#15171c;background:#00a0e9}.rule-pink{background:#fce4f0}.rule-pink .rule-tag{color:#fff;background:#d6007a}.rules-note{text-align:center;line-height:1.6}.band-closed{color:#15171c;background:#e4e6ea}.next-open{background:#e0f4fc;border:2px solid #00a0e9;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:auto;padding:12px 16px;display:flex}.next-open-when{flex-direction:column;gap:2px;display:flex}.next-open-label{color:#4a4f59;font-size:13px}.next-open-day{font-size:16px}.next-open-from{color:#0070a8;font-family:Dela Gothic One,sans-serif;font-size:20px}.card-dark{color:#fff;background:#15171c}.card-dark .display{font-size:26px}.card-dark .note{color:#d5d8de;font-size:14px}.received{flex-direction:column;gap:8px;width:100%;display:flex}.received-title{color:#d5d8de;font-size:13px;font-weight:700}.received-list{background:#2a2d35;border-radius:14px;padding:4px 16px}.received-row{border-bottom:1px solid #3a3e48;justify-content:space-between;align-items:baseline;padding:10px 0;font-size:14px;display:flex}.received-row span{color:#d5d8de}.received-total{border-bottom:none}.received-total span{color:#fff;font-weight:700}.received-total strong{font-family:Dela Gothic One,sans-serif;font-size:24px;font-weight:400}.site-link-dark{background:#fff;border-color:#fff}.band-bonus{color:#fff;background-color:#15171c}.chip-bonus-unused{color:#15171c;background:#fff;border:2px solid #15171c;padding:6px 4px}.chip-bonus-showing{color:#fff;background:#15171c}.receive-outline{color:#15171c;background:#fff}.toast{color:#fff;background:#15171c;border-radius:14px;flex-shrink:0;align-items:center;gap:8px;margin:0;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.bonus-held{background:#f3f4f6;border:2px solid #15171c;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.bonus-held-tag{text-align:center;color:#fff;background:#15171c;border-radius:8px;flex-shrink:0;width:56px;padding:4px 0;font-size:13px;font-weight:700}.bonus-held>div{flex-direction:column;gap:2px;display:flex}.bonus-held strong{font-size:14px}.bonus-held span:not(.bonus-held-tag){color:#4a4f59;font-size:12px;line-height:1.5}