.p-app{min-height:100vh;background:linear-gradient(180deg,var(--night) 0,var(--night2) 100%);padding-bottom:120px}.p-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#1b0b3aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid rgba(255,210,63,.25)}.p-logo{font-family:var(--display);color:var(--yellow);font-size:20px}.p-logo span{color:var(--pink);font-size:14px}.p-top-right{display:flex;align-items:center;gap:6px}.net{font-size:12px;font-weight:700;padding:4px 8px;border-radius:99px}.net.on{color:#9dffbf;background:#2bd66b26}.net.off{color:#ffb3c6;background:#ff2e6333}.icon-btn{background:#ffffff1a;border:0;color:#fff;width:40px;height:40px;border-radius:12px;font-size:18px}.p-loading{padding:40px;text-align:center;opacity:.8}.p-home{padding:14px;display:grid;gap:14px;max-width:560px;margin:0 auto}.hello{font-size:20px;font-weight:800}.hello small{font-size:13px;opacity:.6;font-weight:600;margin-left:6px}.card{background:#fff;color:var(--ink);border-radius:20px;padding:16px;box-shadow:0 8px #00000040}.card-h{font-family:var(--display);font-size:15px;color:var(--purple);letter-spacing:.5px;display:flex;justify-content:space-between;margin-bottom:10px}.link{background:none;border:0;color:var(--purple);font-weight:800;font-size:18px}.link.small{font-size:13px;text-decoration:underline}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats div{background:#f5f0ff;border-radius:14px;padding:10px 6px;text-align:center;display:grid}.stats b{font-size:20px;font-weight:800}.stats span{font-size:11px;text-transform:uppercase;font-weight:700;color:#6b5a8f}.outlet{border:4px solid var(--yellow)}.outlet-name{font-size:22px;font-weight:800;line-height:1.15}.outlet-meta{margin-top:8px;display:grid;gap:3px;font-size:15px}.outlet-meta span{display:inline-block;width:86px;color:#7a6b99;font-size:12px;font-weight:700;text-transform:uppercase}.outlet-actions{display:grid;gap:8px;margin-top:14px}.btn-secondary{background:var(--purple);color:#fff;border:0;border-radius:14px;padding:15px;font-weight:800;font-size:17px;font-family:var(--display);letter-spacing:.5px;box-shadow:0 5px #4b16a3}.btn-secondary:disabled{opacity:.5}.btn-text{background:none;border:0;color:var(--purple);font-weight:700;text-decoration:underline;padding:6px;font-size:14px}.btn-danger{background:#d0103a;color:#fff;border:0;border-radius:14px;padding:14px;font-weight:800}.muted{color:#999}.alert-low{background:var(--yellow);color:var(--ink);border-radius:16px;padding:12px 14px;font-weight:600;border:3px dashed var(--pink)}.alert-low b{font-family:var(--display);color:#b0002f;display:block;margin-bottom:4px}.stock ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.stock li{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;background:#f6f6fb;font-weight:700;font-size:16px}.stock li b{font-size:20px}.stock li.tier-jackpot{background:#fff3dc}.stock li.tier-high{background:#dffcfb}.stock li.tier-mid{background:#efe5ff}.stock li.low b{color:#d0103a}.offline-note{background:#ff2e6326;border-radius:12px;padding:10px;font-size:14px}.start-bar{position:fixed;left:0;right:0;bottom:0;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(0deg,var(--night) 60%,transparent);z-index:4}.btn-start{width:100%;max-width:560px;display:block;margin:0 auto;border:0;border-radius:22px;padding:22px;font-family:var(--display);font-size:26px;letter-spacing:1px;color:var(--ink);background:linear-gradient(90deg,var(--yellow),#ffe983);box-shadow:0 8px #c79a00,0 0 40px #ffd23f73;animation:pulse 2.2s ease-in-out infinite}.btn-start:active{transform:translateY(5px);box-shadow:0 3px #c79a00}.start-ico{margin-right:6px}@keyframes pulse{50%{box-shadow:0 8px #c79a00,0 0 60px #ffd23fbf}}.picker,.sale{padding:14px;max-width:560px;margin:0 auto}.picker-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.picker-top h2{font-family:var(--display);font-size:22px;margin:0;color:var(--yellow);flex:1}.back{background:#ffffff1f;color:#fff;border:0;width:46px;height:46px;border-radius:14px;font-size:30px;line-height:1}.crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}.crumbs span{background:#ffffff1f;padding:6px 10px;border-radius:99px;font-size:13px;font-weight:700}.crumbs span+span:before{content:"› ";opacity:.6}.crumbs .link{color:var(--yellow)}.search{width:100%;padding:16px;border-radius:16px;border:0;font-size:18px;margin-bottom:12px}.list-h{font-size:12px;font-weight:800;letter-spacing:1px;opacity:.7;margin:12px 4px 6px}.pick-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.pick-list button{width:100%;text-align:left;background:#fff;color:var(--ink);border:0;border-radius:16px;padding:16px;font-size:19px;font-weight:800;display:grid;gap:2px;box-shadow:0 4px #00000040}.pick-list button small{font-size:13px;font-weight:600;color:#7a6b99}.pick-list button.current{outline:4px solid var(--yellow)}.pick-list.recent button{background:#fff7d6}.pick-list .empty{opacity:.7;padding:12px}.btn-notlisted{width:100%;margin-top:18px;padding:16px;border-radius:16px;background:transparent;border:3px dashed rgba(255,255,255,.4);color:#fff;font-weight:800;font-size:16px}.note{opacity:.85;font-size:14px}.form{display:grid;gap:12px}.form label{display:grid;gap:5px;font-weight:700;font-size:14px}.form input,.form select{padding:14px;border-radius:12px;border:0;font-size:17px;width:100%}.validation{background:#ffffff14;padding:14px;border-radius:16px;margin-top:14px}.sale-outlet{font-size:14px;opacity:.8;margin-bottom:12px}.sku-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sku{border:0;border-radius:20px;padding:18px 12px;min-height:130px;display:grid;place-items:center;gap:6px;color:#fff;font-size:16px;box-shadow:0 6px #0000004d}.sku b{line-height:1.2}.sku-can{font-size:34px}.sku.c0{background:var(--pink)}.sku.c1{background:var(--purple)}.sku.c2{background:var(--orange);color:var(--ink)}.sku.c3{background:#0bb3b0}.sku-chosen{background:var(--yellow);color:var(--ink);border-radius:14px;padding:12px 14px;font-weight:800;font-size:18px;margin-bottom:14px}.qty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.qty{aspect-ratio:1;border:0;border-radius:20px;background:#fff;color:var(--ink);font-family:var(--display);font-size:34px;box-shadow:0 6px #0000004d}.qty.on{background:var(--yellow)}.qty-custom{display:flex;gap:10px;margin-top:12px}.qty-custom input{flex:1;padding:14px;border-radius:14px;border:0;font-size:18px}.busy{text-align:center;padding:14px;font-weight:700;color:var(--yellow)}.spin-screen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:14px 10px calc(18px + env(safe-area-inset-bottom))}.spin-bg{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:-1;background:repeating-conic-gradient(from 0deg,#2a1257 0,#2a1257 12deg,#3a1780 12deg,#3a1780 24deg);animation:spin 60s linear infinite}.spin-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,transparent 20%,rgba(27,11,58,.85) 65%)}.spin-cancel{position:absolute;top:12px;left:12px;width:34px;height:34px;border-radius:50%;border:0;background:#ffffff1f;color:#fff9;font-size:16px;z-index:3}.spin-head{text-align:center}.spin-brand{font-family:var(--display);color:var(--cyan);font-size:16px;letter-spacing:2px}.spin-head h1{font-family:var(--display);font-size:clamp(30px,9vw,46px);margin:4px 0 0;color:var(--yellow);text-shadow:3px 3px 0 var(--pink);line-height:1.05}.tag{font-family:var(--display);margin:6px 0 0;font-size:clamp(16px,5vw,22px);color:#fff;background:var(--pink);display:inline-block;padding:4px 14px;border-radius:99px;transform:rotate(-2deg)}.wheel-wrap{width:min(96vw,62vh,520px);aspect-ratio:430/440;flex-shrink:0}.wheel-svg{width:100%;height:100%;overflow:visible}.seg-text{font-family:var(--display);font-size:15px}.hub-text{font-family:var(--display);font-size:28px;fill:var(--yellow)}.bulb{fill:#fff6c7}.bulb.b1{animation:blink .8s steps(1) infinite}.bulb.b2{animation:blink .8s steps(1) infinite .4s}@keyframes blink{50%{fill:#7a5a00}}.spin-foot{text-align:center;width:100%;max-width:480px}.btn-spin{width:100%;border:0;border-radius:99px;padding:22px;font-family:var(--display);font-size:34px;letter-spacing:2px;color:#fff;background:linear-gradient(90deg,var(--pink),var(--orange));box-shadow:0 8px #9e0030,0 0 50px #ff2e6399;animation:pulse2 1.4s ease-in-out infinite}.btn-spin.small{font-size:22px;padding:14px}.btn-spin:active{transform:translateY(5px);box-shadow:0 3px #9e0030}@keyframes pulse2{50%{transform:scale(1.03)}}.swipe-hint{margin:8px 0 0;opacity:.75;font-weight:600}.spin-status{font-family:var(--display);font-size:26px;color:var(--yellow);padding:20px}.spin-retry p{font-weight:700;color:#ffc2d1}.handoff{position:absolute;top:0;right:0;bottom:0;left:0;background:#1b0b3ad1;display:grid;place-items:center;z-index:4;animation:fade .3s}.handoff-card{background:var(--yellow);color:var(--ink);border-radius:26px;padding:28px 22px;text-align:center;display:grid;gap:10px;max-width:340px;margin:16px;box-shadow:0 10px #c79a00}.handoff-card b{font-family:var(--display);font-size:26px;line-height:1.1}.handoff-ico{font-size:44px}@keyframes fade{0%{opacity:0}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:20;padding:16px}.modal-card{background:#fff;color:var(--ink);border-radius:20px;padding:20px;max-width:360px;display:grid;gap:10px}.modal-card .row,.handover .row{display:grid;grid-template-columns:1fr 2fr;gap:10px}.win-screen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px 14px calc(16px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 35%,#7B2FF7 0,var(--night) 70%)}.win-screen.tier-mid{background:radial-gradient(circle at 50% 35%,#ff5a1f 0,#4b0d2c 75%)}.win-screen.tier-high{background:radial-gradient(circle at 50% 35%,#08d9d6 0,#0b2e4a 75%)}.win-screen.tier-jackpot{background:radial-gradient(circle at 50% 35%,#ffd23f 0,#ff8a00 30%,#7a0030 80%);animation:jackpotflash .6s ease-in-out 6}@keyframes jackpotflash{50%{filter:brightness(1.35) saturate(1.3)}}.win-rays{position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:repeating-conic-gradient(rgba(255,255,255,.08) 0 10deg,transparent 10deg 20deg);animation:spin 18s linear infinite;z-index:0}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.win-body{position:relative;z-index:1;text-align:center;margin-top:4vh;animation:pop .6s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.3);opacity:0}}.win-title{font-family:var(--display);font-size:clamp(30px,9vw,48px);line-height:1.05;margin:0;color:#fff;text-shadow:3px 3px 0 var(--pink)}.tier-jackpot .win-title{color:#fff;text-shadow:3px 3px 0 #7a0030,0 0 30px #fff;font-size:clamp(32px,10vw,54px)}.win-prize{margin:18px auto;width:min(52vw,230px);aspect-ratio:1;border-radius:50%;background:#ffffff24;display:grid;place-items:center;border:6px solid var(--yellow);animation:wobble 1.6s ease-in-out infinite}.win-prize img{width:80%;height:80%;object-fit:contain}.win-icon{font-size:min(26vw,120px)}@keyframes wobble{50%{transform:rotate(-6deg) scale(1.05)}}.win-sub{font-family:var(--display);color:var(--yellow);font-size:clamp(22px,7vw,34px);margin:0}.tier-jackpot .win-sub{color:#fff}.win-name{font-weight:800;font-size:18px;margin-top:6px;opacity:.9}.handover{position:relative;z-index:3;width:100%;max-width:480px;background:#fff;color:var(--ink);border-radius:22px;padding:14px;display:grid;gap:6px;text-align:center}.handover-label{font-size:12px;font-weight:800;letter-spacing:1px;color:#7a6b99}.handover-prize{font-family:var(--display);font-size:22px;color:var(--purple)}.handover-code{font-size:12px;color:#888}.btn-handover{border:0;border-radius:16px;padding:18px;font-weight:900;font-size:20px;background:var(--green);color:var(--ink);box-shadow:0 6px #16904a}.btn-handover:disabled{opacity:.6}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:120px;z-index:50;max-width:92vw;padding:14px 18px;border-radius:14px;font-weight:800;box-shadow:0 8px 20px #00000059;animation:fade .2s}.toast.ok{background:var(--green);color:var(--ink)}.toast.warn{background:var(--yellow);color:var(--ink)}.toast.err{background:#d0103a;color:#fff}.toast.info{background:#fff;color:var(--ink)}@media (prefers-reduced-motion: reduce){.btn-start,.btn-spin,.spin-bg,.win-rays,.win-prize,.bulb{animation:none!important}}:root{--pink: #FF2E63;--yellow: #FFD23F;--cyan: #08D9D6;--purple: #7B2FF7;--orange: #FF8A00;--green: #2BD66B;--night: #1B0B3A;--night2: #2A1257;--ink: #1B0B3A;--display: "Bungee", "Arial Black", Impact, system-ui, sans-serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%}body{font-family:var(--sans);background:var(--night);color:#fff;overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px}.boot{min-height:100vh;display:grid;place-items:center;align-content:center;gap:16px;font-family:var(--display);color:var(--yellow)}.boot-wheel,.mini-wheel{width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--pink) 0 45deg,var(--yellow) 0 90deg,var(--purple) 0 135deg,var(--cyan) 0 180deg,var(--orange) 0 225deg,var(--pink) 0 270deg,var(--green) 0 315deg,var(--purple) 0 360deg);border:5px solid var(--yellow);animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login{min-height:100vh;padding:28px 18px;display:flex;flex-direction:column;gap:24px;justify-content:center;background:radial-gradient(circle at 20% 0%,#5b1fb8 0,transparent 55%),radial-gradient(circle at 100% 100%,#b3124a 0,transparent 50%),var(--night)}.login-hero{text-align:center;display:grid;justify-items:center;gap:10px}.mini-wheel{animation-duration:6s}.brand{font-family:var(--display);font-size:44px;line-height:1;margin:0;color:var(--yellow);text-shadow:4px 4px 0 var(--pink);letter-spacing:1px}.brand-sub{margin:0;opacity:.8;font-size:14px}.login-card{background:#fff;color:var(--ink);border-radius:22px;padding:22px;display:grid;gap:14px;max-width:420px;width:100%;margin:0 auto;box-shadow:0 16px 40px #00000059}.login-card label{display:grid;gap:6px;font-weight:700;font-size:14px}.login-card input{padding:14px;border:2px solid #ddd;border-radius:12px;font-size:18px;width:100%}.login-card input:focus{outline:none;border-color:var(--purple)}.pin-row{display:flex;gap:8px}.ghost{background:none;border:2px solid #ddd;border-radius:12px;padding:0 12px;font-weight:700;color:var(--ink)}.err{background:#ffe3ea;color:#b0002f;border-radius:10px;padding:10px 12px;font-weight:600}.err.big{font-size:17px;margin:12px 0}.btn-primary{background:var(--pink);color:#fff;border:0;border-radius:14px;padding:14px 18px;font-weight:800;font-size:16px}.btn-primary.big{font-size:20px;padding:18px;font-family:var(--display);letter-spacing:1px;box-shadow:0 6px #b0002f}.btn-primary:disabled{opacity:.6}.demo-ribbon{position:fixed;bottom:0;left:0;right:0;z-index:100;text-align:center;font-size:11px;font-weight:800;letter-spacing:.5px;background:repeating-linear-gradient(45deg,#ffd23f,#ffd23f 10px,#ffe27a 10px,#ffe27a 20px);color:#1b0b3a;padding:3px;pointer-events:none}.demo-card{background:#ffffff1a;border:2px dashed rgba(255,210,63,.6);border-radius:18px;padding:14px;display:grid;gap:8px;max-width:420px;width:100%;margin:0 auto}.demo-card>button{background:#fff;color:#1b0b3a;border:0;border-radius:12px;padding:10px 12px;text-align:left;font-weight:800;display:grid}.demo-card>button small{font-weight:600;color:#6b5a8f}.demo-card .demo-reset{background:transparent;color:#ffb3c6;border:1px solid rgba(255,179,198,.5);text-align:center}.demo-card>small{opacity:.75}