.kiosk-page{background:var(--ink);position:fixed;inset:0;overflow:hidden}.kiosk-page .stage{transform-origin:0 0;position:absolute;top:50%;left:50%}.kiosk .k-key-word{font-size:.62em}.kiosk .k{background:var(--paper);grid-template-rows:76px 1fr 92px;width:1366px;height:768px;font-size:28px;line-height:1.25;display:grid;position:relative;overflow:hidden}.kiosk .k-top{justify-content:space-between;align-items:center;gap:24px;padding:0 44px;display:flex}.kiosk .k-brand{text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:18px;font-size:22px;font-weight:800;display:flex}.kiosk .k-brand .wm{width:auto;height:26px;display:block}.kiosk .k-brand .sep{background:currentColor;border-radius:2px;width:3px;height:28px}.kiosk .k-who{font-size:26px;font-weight:700}.kiosk .k-who b{font-weight:900}.kiosk .k-main{min-height:0;padding:8px 44px 24px;position:relative}.kiosk .k-bottom{background:var(--grey-1);align-items:center;gap:48px;padding:0 44px;font-size:26px;font-weight:700;display:flex}.kiosk .k-bottom .key{margin-right:12px;font-size:26px}.kiosk .k-bottom .yes .key{background:var(--plus-ink);box-shadow:0 .12em #0d3d0d}.kiosk .k-bottom .push{color:var(--grey-4);margin-left:auto;font-weight:600}.kiosk .k-key-word{letter-spacing:.02em;font-size:.62em;font-weight:800}.kiosk .k .label{text-transform:uppercase;letter-spacing:.06em;color:var(--grey-4);font-size:22px;font-weight:800}.kiosk .k h1{margin:0;font-size:72px}.kiosk .k .lead{max-width:820px;margin:18px 0 0;font-size:30px;font-weight:500}.kiosk .home{grid-template-columns:560px 1fr;gap:28px;height:100%;display:grid}.kiosk .home-left{grid-template-rows:auto 1fr;gap:20px;min-height:0;display:grid}.kiosk .balance{padding:26px 30px 22px}.kiosk .balance-num{align-items:center;gap:18px;margin:10px 0 4px;font-size:120px;line-height:1;display:flex}.kiosk .balance-num .coin{font-size:82px}.kiosk .balance-num small{align-self:flex-end;margin-bottom:12px;font-size:34px;font-weight:800}.kiosk .today{align-items:center;gap:10px;font-size:22px;display:flex}.kiosk .today .dots{gap:8px;display:inline-flex}.kiosk .today .dots i{border:3px solid var(--ink);background:var(--paper);border-radius:50%;width:24px;height:24px}.kiosk .today .dots i.on{background:var(--ink)}.kiosk .goal{flex-direction:column;gap:14px;padding:22px 30px;display:flex}.kiosk .goal-title{font-size:34px;font-weight:800;line-height:1.1}.kiosk .bar{border:3px solid var(--ink);background:var(--paper);border-radius:999px;height:40px;overflow:hidden}.kiosk .bar>i{background:var(--yellow);border-right:3px solid var(--ink);height:100%;display:block}.kiosk .goal-nums{justify-content:space-between;font-size:26px;font-weight:800;display:flex}.kiosk .goal-hint{color:var(--grey-4);margin:0;font-size:24px;font-weight:500}.kiosk .goal-hint b{color:var(--ink)}.kiosk .menu{grid-template-rows:repeat(3,1fr);gap:18px;min-height:0;display:grid}.kiosk .menu-item{border-radius:var(--r-l);background:var(--c);grid-template-columns:auto 1fr;align-items:center;column-gap:28px;padding:0 34px;display:grid}.kiosk .menu-item .key{grid-row:span 2;font-size:54px}.kiosk .menu-item .t{align-self:end;font-size:58px}.kiosk .menu-item .s{align-self:start;margin-top:4px;font-size:24px;font-weight:600}.kiosk .pin{grid-template-columns:1fr 420px;align-items:center;gap:60px;height:100%;display:grid}.kiosk .pin-dots{gap:22px;margin-top:44px;display:flex}.kiosk .pin-dots i{border-radius:var(--r-m);border:5px solid var(--ink);background:var(--paper);place-items:center;width:110px;height:130px;display:grid}.kiosk .pin-dots i.on:after{content:"";background:var(--ink);border-radius:50%;width:34px;height:34px}.kiosk .pin-dots i.next{border-color:var(--blue);box-shadow:0 0 0 6px var(--blue-soft)}.kiosk .pin-dots.err i{border-color:var(--orange)}.kiosk .pin-msg{border-radius:var(--r-m);background:var(--orange-soft);max-width:760px;margin-top:30px;padding:18px 24px;font-size:28px;font-weight:600}.kiosk .pin-msg b{font-weight:900}.kiosk .numpad{background:var(--grey-1);border-radius:var(--r-l);grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;display:grid}.kiosk .numpad span{background:var(--paper);border:3px solid var(--ink);height:74px;box-shadow:0 5px 0 var(--ink);border-radius:12px;place-items:center;font-size:30px;font-weight:900;display:grid}.kiosk .numpad .dim{border-color:var(--grey-2);color:var(--grey-3);box-shadow:0 5px 0 var(--grey-2);font-size:22px}.kiosk .numpad .enter{background:var(--green);grid-row:span 2;height:auto;font-size:20px}.kiosk .numpad .back{background:var(--yellow);font-size:26px}.kiosk .numpad .zero{grid-column:span 2}.kiosk .numpad-cap{color:var(--grey-4);text-align:center;margin-top:14px;font-size:22px;font-weight:600}.kiosk .head{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:20px;display:flex}.kiosk .head h1{font-size:60px}.kiosk .head .have{white-space:nowrap;align-items:center;gap:10px;font-size:30px;font-weight:700;display:flex}.kiosk .cats{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:20px;height:calc(100% - 92px);display:grid}.kiosk .cat{grid-template-rows:auto 1fr;grid-template-columns:auto 1fr auto;align-items:start;column-gap:22px;padding:22px 30px;display:grid}.kiosk .cat .key{font-size:44px}.kiosk .cat .t{align-self:center;font-size:44px}.kiosk .cat .p{white-space:nowrap;align-self:center;font-size:34px;font-weight:900}.kiosk .cat .s{color:var(--grey-4);grid-column:2/4;align-self:end;font-size:24px;font-weight:600}.kiosk .cat.off{border-style:dashed;border-color:var(--grey-3)}.kiosk .cat.off .t,.kiosk .cat.off .p{color:var(--grey-4)}.kiosk .rows{flex-direction:column;gap:12px;display:flex}.kiosk .row{border-radius:var(--r-m);background:var(--grey-1);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:92px;padding:0 28px;display:grid}.kiosk .row .key{font-size:34px}.kiosk .row .t{font-size:32px;font-weight:800}.kiosk .row .t small{color:var(--grey-4);margin-top:2px;font-size:22px;font-weight:600;display:block}.kiosk .row .p{align-items:center;gap:10px;font-size:34px;font-weight:900;display:flex}.kiosk .row .p .coin{font-size:30px}.kiosk .row.short{background:var(--paper);border:3px dashed var(--grey-2)}.kiosk .row.short .t small{color:var(--grey-4)}.kiosk .row .pp{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.kiosk .row .lack{color:var(--grey-4);font-size:22px;font-weight:700}.kiosk .more{color:var(--grey-4);align-items:center;gap:12px;margin-top:14px;font-size:24px;font-weight:700;display:flex}.kiosk .more .key{font-size:24px}.kiosk .confirm{grid-template-columns:1fr 480px;align-items:center;gap:40px;height:100%;display:grid}.kiosk .confirm h1{font-size:76px}.kiosk .confirm .price{align-items:center;gap:16px;margin-top:18px;font-size:64px;display:flex}.kiosk .confirm .price .coin{font-size:54px}.kiosk .math{gap:14px;padding:28px 32px;font-size:30px;font-weight:600;display:grid}.kiosk .math div{justify-content:space-between;align-items:center;gap:16px;display:flex}.kiosk .math .line{background:var(--ink);border-radius:2px;height:3px}.kiosk .math b{font-size:40px;font-weight:900}.kiosk .note{color:var(--grey-4);max-width:740px;margin-top:26px;font-size:26px;font-weight:600}.kiosk .note b{color:var(--ink)}.kiosk .k.msg{background:var(--bg)}.kiosk .k.msg .k-bottom{background:0 0}.kiosk .msg-body{flex-direction:column;justify-content:center;max-width:1000px;height:100%;display:flex}.kiosk .msg-body h1{font-size:96px}.kiosk .msg-body .lead{max-width:860px;font-size:36px;font-weight:600}.kiosk .doodle{pointer-events:none;position:absolute}.kiosk .idle{grid-template-columns:1fr 520px;align-items:center;gap:30px;height:100%;display:grid}.kiosk .idle h1{font-size:132px}.kiosk .idle .lead{font-size:34px;font-weight:600}.kiosk .cardart{height:470px;position:relative}.kiosk .cardart .reader{background:var(--ink);border-radius:22px;width:400px;height:120px;position:absolute;bottom:0;left:60px}.kiosk .cardart .reader:after{content:"";background:var(--green);border-radius:6px;width:64px;height:12px;margin-left:-32px;position:absolute;top:22px;left:50%}.kiosk .cardart .plastic{background:var(--paper);border:5px solid var(--ink);width:340px;height:214px;box-shadow:10px 12px 0 var(--ink);border-radius:20px;flex-direction:column;justify-content:space-between;padding:22px 24px;display:flex;position:absolute;top:40px;left:90px;transform:rotate(-8deg)}.kiosk .cardart .plastic .wm{width:auto;height:22px}.kiosk .cardart .plastic .coin{font-size:56px}.kiosk .cardart .waves{width:140px;color:var(--paper);position:absolute;top:270px;left:190px}.kiosk .hours{align-items:center;gap:14px;font-size:26px;font-weight:800;display:flex}.kiosk .dot{background:var(--green);border:3px solid var(--ink);border-radius:50%;width:16px;height:16px}.kiosk .idle-warn{background:#0a0a088c;place-items:center;display:grid;position:absolute;inset:0}.kiosk .idle-warn .frame{text-align:center;max-width:760px;padding:40px 56px}.kiosk .idle-warn h2{margin:0 0 12px;font-size:64px}.kiosk .idle-warn p{margin:0;font-size:28px;font-weight:600}.kiosk .amounts{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.kiosk .amounts .row{background:var(--yellow-soft);height:96px}.kiosk .dev-card{z-index:5;font:700 18px var(--font);border:2px dashed var(--ink);background:var(--paper);cursor:pointer;border-radius:10px;padding:10px 16px;position:absolute;bottom:112px;right:24px}.kiosk .doodle svg{width:100%;height:auto;display:block}.kiosk .k-brand .wm,.kiosk .cardart .plastic .wm{display:inline-flex}.kiosk .dev-uid{z-index:5;gap:6px;display:flex;position:absolute;bottom:76px;left:44px}.kiosk .dev-uid input{font:700 16px var(--font);border:2px dashed var(--ink);border-radius:8px;width:160px;padding:8px 10px}.kiosk .dev-uid button{font:700 16px var(--font);border:2px dashed var(--ink);background:var(--paper);cursor:pointer;border-radius:8px;padding:8px 12px}.kiosk .menu-item.off{border:3px dashed var(--grey-3);background:var(--paper)!important}.kiosk .menu-item.off .t,.kiosk .menu-item.off .s{color:var(--grey-4)}.kiosk .row.disabled{opacity:.55}.kiosk .setup{flex-direction:column;justify-content:center;gap:24px;height:100%;display:flex}.kiosk .setup button{font:800 28px var(--font);border:4px solid var(--ink);background:var(--yellow);cursor:pointer;border-radius:14px;align-self:flex-start;padding:18px 28px}.kiosk .dev-card{bottom:24px;left:44px;right:auto}.kiosk-setup{background:var(--grey-2);flex-direction:column;justify-content:center;gap:24px;min-height:100vh;padding:0 80px;display:flex}.kiosk-setup h1{margin:0;font-size:72px}.kiosk-setup p{max-width:900px;margin:0;font-size:32px;font-weight:600}
