.kiosk{--font-display:"Unbounded","Arial Black",system-ui,sans-serif;--font-body:"DM Sans",-apple-system,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;--paper:#f7f7f5;--ink-soft:#d8dbe3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--paper);font-family:var(--font-body);font-size:16px}.kiosk [hidden]{display:none!important}html.kiosk-page,html.kiosk-page body{overscroll-behavior:none;touch-action:manipulation;width:100%;height:100%;overflow:hidden}html.kiosk-page body{position:fixed;inset:0}@supports (height:100dvh){html.kiosk-page,html.kiosk-page body{height:100dvh}}html.kiosk-page body{color:var(--paper);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#141a26;font-size:16px;overflow:hidden}.kiosk .bg{z-index:0;background:radial-gradient(60% 45% at 50% 52%, rgba(var(--gold-rgb),.3), transparent 70%), radial-gradient(90% 60% at 50% 112%, rgba(var(--red-rgb),.38), transparent 70%), var(--bg-gradient);position:fixed;inset:0}.kiosk .app{z-index:1;box-sizing:border-box;width:100%;max-width:100%;height:100%;padding-inline:16px;padding-top:calc(14px + env(safe-area-inset-top,0px));padding-bottom:calc(22px + env(safe-area-inset-bottom,0px));grid-template-rows:auto auto auto;align-content:center;gap:14px;display:grid;position:relative;overflow:hidden}.kiosk .head{text-align:center;justify-items:center;gap:8px;display:grid}.kiosk h1{font:800 clamp(24px,6vw,40px)/1.08 var(--font-display);letter-spacing:.06em;text-indent:.06em;color:var(--title2);text-shadow:0 3px 0 var(--title2-deep),0 10px 30px rgba(var(--title2-rgb),.35);justify-items:center;gap:2px;margin:0;display:grid}.kiosk h1 .y{letter-spacing:.1em;text-indent:.1em;color:var(--title1);text-shadow:0 4px 0 var(--title1-deep),0 12px 34px rgba(var(--title1-rgb),.4);font-size:clamp(44px,12vw,84px);line-height:1}.kiosk h1 .l{display:block}.kiosk .rule{color:var(--desc,var(--ink-soft));text-wrap:balance;margin:0;font-size:clamp(14px,2.2vw,18px);line-height:1.5}.kiosk .stage-wrap{place-items:center;min-height:0;display:grid}.kiosk .stage{aspect-ratio:400/420;cursor:pointer;width:min(80vw,48vh,540px);max-width:100%;position:relative}@supports (height:100dvh){.kiosk .stage{width:min(86vw,95.2381dvh - 295.238px,520px)}}.kiosk .stage svg{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.kiosk .stage:not(.busy) svg{animation:3.4s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-10px)}}.kiosk #box,.kiosk #base{transform-origin:200px 345px}.kiosk #lid{transform-origin:200px 198px}.kiosk .rays,.kiosk .halo,.kiosk .beam{pointer-events:none;opacity:0;mix-blend-mode:screen;position:absolute}.kiosk .rays{z-index:0;aspect-ratio:1;background:repeating-conic-gradient(from 0deg,rgba(var(--glow-rgb),.5) 0 5deg,transparent 5deg 17deg);width:260%;transition:opacity .9s;top:51%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 0,#0009 22%,#0000 60%);mask-image:radial-gradient(circle,#000 0,#0009 22%,#0000 60%)}.kiosk .rays.on{opacity:.85;animation:14s linear infinite spin}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.kiosk .halo{z-index:2;aspect-ratio:1;background:radial-gradient(circle,#fffbe8 0,rgba(var(--gold-pale-rgb),.85) 24%,rgba(var(--red-rgb),.3) 50%,transparent 70%);width:70%;top:51%;left:50%;transform:translate(-50%,-50%)scale(.15)}.kiosk .beam{z-index:2;transform-origin:50% 100%;background:linear-gradient(to top,rgba(var(--glow-rgb),.95),rgba(var(--gold-pale-rgb),.35) 55%,rgba(var(--gold-pale-rgb),0));clip-path:polygon(34% 100%,66% 100%,100% 0,0 0);filter:blur(7px);width:84%;height:160%;top:51%;left:50%;transform:translate(-50%,-100%)scaleY(0)}.kiosk .foot{z-index:3;justify-items:center;gap:10px;padding-bottom:6px;display:grid;position:relative}.kiosk .cta{appearance:none;cursor:pointer;background:linear-gradient(180deg,var(--btn-light),var(--btn) 55%,var(--btn-mid));max-width:100%;min-height:68px;color:var(--btn-text);box-shadow:0 6px 0 var(--btn-deep),0 14px 34px rgba(var(--btn-rgb),.4);font-family:var(--font-body);border:0;border-radius:999px;place-items:center;padding:10px 48px;transition:transform .12s,box-shadow .12s;animation:2.2s ease-in-out infinite pulse;display:grid}.kiosk .cta b{font:800 20px/1.2 var(--font-display);letter-spacing:.14em;text-indent:.14em;white-space:nowrap}.kiosk .cta:active{box-shadow:0 2px 0 var(--btn-deep),0 8px 20px rgba(var(--btn-rgb),.4);transform:translateY(4px)}.kiosk .cta:disabled{opacity:.55;cursor:default;animation:none}@keyframes pulse{50%{box-shadow:0 6px 0 var(--btn-deep),0 14px 46px rgba(var(--btn-rgb),.75)}}.kiosk button:focus-visible{outline-offset:3px;outline:3px solid #fff}.kiosk #fx{z-index:12;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.kiosk .flash{z-index:11;opacity:0;pointer-events:none;background:#fffbe8;position:fixed;inset:0}.kiosk .popup{z-index:10;overscroll-behavior:contain;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0d14c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:hidden auto}.kiosk .burst-wrap{pointer-events:none;position:absolute;inset:0;overflow:hidden}.kiosk .burst{aspect-ratio:1;background:repeating-conic-gradient(from 0deg,rgba(var(--gold-rgb),.32) 0 6deg,transparent 6deg 18deg);width:min(170vw,1200px);animation:26s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 0,#0000 58%);mask-image:radial-gradient(circle,#000 0,#0000 58%)}.kiosk .card{box-sizing:border-box;text-align:center;width:min(100%,460px);color:var(--ink);background:linear-gradient(165deg,#fff,#eceef2);border-radius:30px;justify-items:center;gap:10px;margin:auto;padding:30px 24px 26px;display:grid;position:relative;box-shadow:0 30px 80px #00000080,0 0 0 6px #ffffff40}.kiosk .chip{font:800 12px/1 var(--font-display);letter-spacing:.2em;color:var(--ink);border-radius:999px;padding:9px 16px}.kiosk .congrats{font:700 13px/1 var(--font-display);color:var(--red);letter-spacing:.2em;text-transform:uppercase;margin:6px 0 0}.kiosk .card h2{font:800 clamp(26px,5.4vw,36px)/1.15 var(--font-display);text-wrap:balance;letter-spacing:-.01em;margin:0}.kiosk .cashier{color:#4b5263;margin:2px 0 0;font-size:15px;line-height:1.5}.kiosk .done{appearance:none;cursor:pointer;background:var(--ink);color:#fff;min-height:56px;font:800 16px/1 var(--font-display);letter-spacing:.2em;text-indent:.2em;border:0;border-radius:999px;margin-top:10px;padding:0 46px}.kiosk .done:active{transform:scale(.97)}@media (max-height:760px){.kiosk .card{gap:8px;padding:22px 20px 20px}.kiosk .card h2{font-size:clamp(22px,5vw,30px)}.kiosk .done{min-height:50px}}@media (orientation:landscape) and (max-height:520px){.kiosk .app{grid-template:"stage head"1fr"stage foot"1fr/1fr 1fr;align-content:stretch;column-gap:16px}@supports (height:100dvh){.kiosk .stage{width:min(44vw,95.2381dvh - 38.0952px)}}.kiosk .head{grid-area:head;align-self:end}.kiosk .stage-wrap{grid-area:stage}.kiosk .foot{grid-area:foot;align-self:start}.kiosk .rule{display:block}.kiosk h1 .y{font-size:clamp(34px,7vw,54px)}.kiosk h1 .l{font-size:clamp(18px,3.4vw,28px)}.kiosk .card{width:min(70vw,420px)}}@media (max-height:640px){.kiosk h1 .y{font-size:40px}.kiosk h1 .l{font-size:22px}.kiosk .rule{display:none}.kiosk .cta{min-height:58px}.kiosk .cta b{font-size:20px}}@media (prefers-reduced-motion:reduce){.kiosk .stage:not(.busy) svg,.kiosk .cta,.kiosk .rays.on,.kiosk .burst{animation:none}}.kiosk .soldout{text-align:center;max-width:32ch;color:var(--paper);font-size:clamp(16px,3vw,22px)}.kiosk{width:100%;height:100%;position:fixed;inset:0;overflow:hidden}@media (min-width:700px) and (min-height:521px){.kiosk .card{width:min(88vw,780px);padding:38px 44px 34px}.kiosk .card h2{font-size:clamp(30px,4vw,44px)}.kiosk .card h2.long{font-size:clamp(24px,3vw,32px)}.kiosk .card h2.xlong{font-size:clamp(20px,2.4vw,27px)}.kiosk .cashier{font-size:17px}}.kiosk .entry{grid-template-columns:1fr 1fr;gap:10px 12px;width:min(92vw,460px);display:grid}.kiosk .entry .field{gap:4px;min-width:0;display:grid}.kiosk .entry .lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--desc,var(--ink-soft));font-size:12px;font-weight:700}.kiosk .entry .box{background:#ffffff1a;border:2px solid #ffffff47;border-radius:14px;align-items:center;gap:6px;min-width:0;padding:0 12px;display:flex}.kiosk .entry .pre{color:var(--btn,#f5c242);white-space:nowrap;font-weight:800}.kiosk .entry input{appearance:none;color:#fff;font:700 22px/1 var(--font-body);background:0 0;border:0;outline:0;width:100%;min-width:0;padding:12px 0}.kiosk .entry input::placeholder{color:#ffffff4d;font-weight:500}.kiosk .entry .box:focus-within{border-color:var(--btn,#f5c242)}.kiosk .entry .bad .box{border-color:#ff6b6b;animation:.35s shake}.kiosk .entry-msg{text-align:center;color:#ff9b9b;grid-column:1/-1;margin:0;font-size:14px;font-weight:600}.kiosk .cta.locked{opacity:.55;animation:none}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media (max-width:380px){.kiosk .entry{grid-template-columns:1fr}}@media (max-height:640px){.kiosk .entry input{padding:8px 0;font-size:18px}}