@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Baloo+2:wght@500;600;700;800&display=swap";.success-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70dvh;gap:0;padding:32px 24px;text-align:center;position:relative;overflow:hidden}.success-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(240,180,60,.3) 0%,transparent 70%);animation:burst-in .6s ease-out both}@keyframes burst-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-pts{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:96px;line-height:1;color:#ffd800;-webkit-text-stroke:4px #641478;paint-order:stroke fill;letter-spacing:-1px;animation:pts-pop .55s .1s cubic-bezier(.34,1.56,.64,1) both;position:relative;z-index:1;text-shadow:0 6px 0 #501464}@keyframes pts-pop{0%{opacity:0;transform:scale(.4) translateY(20px) rotate(-8deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(0)}}.success-pts-label{font-family:"Baloo 2",sans-serif;font-size:18px;font-weight:700;color:#641478;letter-spacing:.04em;margin-top:8px;animation:fade-up .4s .4s both;position:relative;z-index:1;text-transform:uppercase}.success-ring{width:84px;height:84px;margin-top:32px;margin-bottom:20px;position:relative;z-index:1}.success-ring svg{width:84px;height:84px}.ring-circle{stroke:#641478;stroke-width:4;fill:#ffd800;stroke-dasharray:260;stroke-dashoffset:260;animation:ring-draw .55s .55s cubic-bezier(.65,0,.45,1) forwards}.ring-check{stroke:#641478;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:tick-draw .3s 1s cubic-bezier(.65,0,.45,1) forwards}@keyframes ring-draw{to{stroke-dashoffset:0}}@keyframes tick-draw{to{stroke-dashoffset:0}}.success-balance{font-family:Fredoka,sans-serif;font-size:15px;font-weight:600;color:#5a3d66;animation:fade-up .4s 1.1s both;position:relative;z-index:1}.sparkle{position:absolute;border-radius:50%;z-index:0}.sp1{width:10px;height:10px;top:18%;left:15%;background:#f0b43c;animation:sp .8s .2s ease-out both}.sp2{width:7px;height:7px;top:25%;right:18%;background:#e31e24;animation:sp .8s .35s ease-out both}.sp3{width:8px;height:8px;bottom:30%;left:20%;background:#641478;animation:sp .8s .15s ease-out both;opacity:.7}.sp4{width:6px;height:6px;bottom:25%;right:22%;background:#f0b43c;animation:sp .8s .45s ease-out both}.sp5{width:9px;height:9px;top:40%;left:8%;background:#b4dcf0;animation:sp .8s .3s ease-out both}.sp6{width:7px;height:7px;top:35%;right:10%;background:#e31e24;animation:sp .8s .25s ease-out both;opacity:.8}@keyframes sp{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.5)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--purple: #641478;--purple-d: #501464;--purple-l: #8A2A9F;--purple-tint: rgba(100, 20, 120, .1);--yellow: #F0B43C;--yellow-d: #DCA02C;--yellow-l: #FFD800;--highlight: #B4DCF0;--red: #E31E24;--red-d: #A8141A;--blue-deep: #1E3A8A;--accent: var(--purple);--accent-d: var(--purple-d);--accent-tint: var(--purple-tint);--accent-2: var(--yellow);--accent-2-d: var(--yellow-d);--bg: #FFF8E1;--surface: #FFFFFF;--surface-2: #FBE9F2;--surface-purple:#F3E5F8;--text: #2A0A33;--text-2: #5A3D66;--text-3: #A89AB0;--text-on-purple:#FFFFFF;--border: #2A0A33;--border-soft: #E5D8EC;--success: #2E8B57;--error: var(--red);--warning: var(--yellow-d);--r-sm: 14px;--r: 20px;--r-lg: 28px;--r-xl: 36px;--shadow-sticker: 0 4px 0 var(--purple-d);--shadow-pop: 0 6px 0 var(--purple-d), 0 8px 16px rgba(80,20,100,.25);--shadow-yellow: 0 4px 0 var(--yellow-d);--shadow-soft: 0 2px 12px rgba(80,20,100,.1);--shadow-deep: 0 8px 24px rgba(80,20,100,.2);--nav-h: 68px;--safe-b: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background:var(--bg);background-image:radial-gradient(circle at 10% 20%,rgba(240,180,60,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(100,20,120,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(180,220,240,.08) 0%,transparent 50%);color:var(--text);font-family:Fredoka,sans-serif;font-size:15px;font-weight:500;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#root{min-height:100dvh}.app{padding-bottom:calc(var(--nav-h) + var(--safe-b) + 16px)}.page{padding:18px 16px 32px;display:flex;flex-direction:column;gap:14px;animation:pg-in .25s ease-out}.page>*{animation:fade-up .35s ease-out both}.page>*:nth-child(1){animation-delay:.04s}.page>*:nth-child(2){animation-delay:.09s}.page>*:nth-child(3){animation-delay:.14s}.page>*:nth-child(4){animation-delay:.19s}.page>*:nth-child(5){animation-delay:.24s}.page>*:nth-child(6){animation-delay:.29s}@keyframes pg-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.display{font-family:"Baloo 2",sans-serif;font-weight:800}.serif{font-family:"Baloo 2",sans-serif;font-weight:700}.serif-italic{font-family:"Baloo 2",sans-serif;font-weight:700;font-style:italic}h1{font-family:"Baloo 2",sans-serif;font-size:26px;font-weight:800;letter-spacing:-.5px;color:var(--purple);-webkit-text-stroke:1px var(--purple-d)}h2{font-family:"Baloo 2",sans-serif;font-size:18px;font-weight:700;color:var(--purple)}.label{font-family:Fredoka,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--purple)}.hint{color:var(--text-2);font-size:13px;font-weight:500}.card{background:var(--surface);border:2.5px solid var(--purple);border-radius:var(--r);padding:16px;box-shadow:var(--shadow-sticker);position:relative}.card-yellow{background:var(--yellow-l);border:2.5px solid var(--purple);border-radius:var(--r);padding:16px;box-shadow:var(--shadow-sticker)}.card-purple{background:var(--purple);color:var(--text-on-purple);border:2.5px solid var(--yellow);border-radius:var(--r);padding:16px;box-shadow:var(--shadow-yellow)}.card-group{background:var(--surface);border:2.5px solid var(--purple);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sticker)}.row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:2px dashed var(--border-soft)}.row:last-child{border-bottom:none}.row strong{font-weight:700;font-size:14px}.pts{display:inline-flex;align-items:center;background:var(--red);color:#fff;font-family:"Baloo 2",sans-serif;font-size:13px;font-weight:800;padding:5px 12px;border-radius:999px;border:2px solid var(--red-d);white-space:nowrap;box-shadow:0 2px 0 var(--red-d);letter-spacing:.02em}.pts-purple{background:var(--purple);color:var(--yellow-l);border-color:var(--yellow);box-shadow:0 2px 0 var(--purple-d)}.ball{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;font-family:"Baloo 2",sans-serif;font-weight:800;width:56px;height:56px;border-radius:50%;border:3px solid var(--red-d);box-shadow:inset 0 -4px #00000026,0 4px 0 var(--red-d),0 6px 12px #a8141a66;flex-direction:column;line-height:1;text-align:center}.ball-num{font-size:18px}.ball-lbl{font-size:10px;text-transform:lowercase;opacity:.9}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;cursor:pointer;font-family:"Baloo 2",sans-serif;font-size:17px;font-weight:700;padding:14px 20px;border-radius:var(--r-sm);border:2.5px solid var(--purple-d);transition:transform .12s,box-shadow .12s;letter-spacing:.02em}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--purple-d)!important}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--purple);color:var(--yellow-l);box-shadow:0 4px 0 var(--purple-d)}.btn-secondary{background:var(--yellow-l);color:var(--purple);box-shadow:0 4px 0 var(--yellow-d);border-color:var(--yellow-d)}.btn-danger{background:var(--red);color:#fff;border-color:var(--red-d);box-shadow:0 4px 0 var(--red-d)}.btn-ghost{background:transparent;color:var(--purple);border-color:var(--purple);box-shadow:none}.code-input{width:100%;background:var(--surface);border:3px solid var(--purple);border-radius:var(--r);padding:22px;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:30px;color:var(--purple);letter-spacing:6px;text-align:center;outline:none;box-shadow:var(--shadow-sticker);transition:box-shadow .18s,transform .18s}.code-input:focus{box-shadow:0 4px 0 var(--purple-d),0 0 0 5px var(--yellow-l)}.code-input::placeholder{letter-spacing:2px;font-size:16px;font-weight:600;color:var(--text-3);text-transform:none}.prize-img{width:100%;border-radius:var(--r);border:2.5px solid var(--purple);object-fit:cover;max-height:220px;box-shadow:var(--shadow-sticker);background:var(--surface-2)}.error-pill{background:var(--red);color:#fff;border:2px solid var(--red-d);border-radius:var(--r-sm);padding:11px 14px;font-family:"Baloo 2",sans-serif;font-size:14px;font-weight:600;text-align:center;box-shadow:0 3px 0 var(--red-d)}.confirm-pill{background:var(--yellow-l);border:2px solid var(--purple);border-radius:var(--r-sm);padding:12px 14px;font-size:14px;font-weight:600;color:var(--purple);box-shadow:0 3px 0 var(--purple)}.link-mono{background:var(--surface-purple);border:2px dashed var(--purple);border-radius:var(--r-sm);padding:12px 14px;font-size:12px;color:var(--purple);font-family:Courier New,monospace;font-weight:700;word-break:break-all}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 32px;gap:14px}.empty-icon{font-size:64px;line-height:1;animation:wobble 2.5s ease-in-out infinite;display:inline-block}.aksiya-banner{background:var(--yellow-l);border:3px solid var(--purple);border-radius:var(--r-lg);padding:18px;text-align:center;box-shadow:var(--shadow-pop);position:relative;overflow:hidden}.aksiya-title{font-family:"Baloo 2",sans-serif;font-size:38px;font-weight:800;color:var(--red);-webkit-text-stroke:2px #fff;paint-order:stroke fill;letter-spacing:1px;line-height:1;text-shadow:0 4px 0 var(--red-d)}.aksiya-sub{font-family:"Baloo 2",sans-serif;font-size:14px;font-weight:700;color:var(--blue-deep);margin-top:8px;text-transform:uppercase;letter-spacing:.08em}
