@import "https://fonts.googleapis.com/css2?family=Bangers&family=Comic+Neue:wght@400;700&display=swap";:root{--comic-red:#e63946;--comic-blue:#40c7e7;--comic-yellow:#ffd166;--comic-white:ivory;--comic-black:#0d1117;--comic-outline:4px;--comic-shadow:6px 6px 0px var(--comic-black);--comic-shadow-lg:8px 8px 0px var(--comic-black);--comic-shadow-xl:12px 12px 0px var(--comic-black);color:var(--comic-black);background:var(--comic-white);font-family:Comic Neue,cursive}body,button,input,h1,h2,h3,p,span,strong,b,small,label{-webkit-text-stroke:0!important;text-shadow:none!important}*{box-sizing:border-box}body{background:repeating-linear-gradient(0deg, transparent, transparent 2px, #00000004 2px, #00000004 4px), radial-gradient(circle at 15% 15%, #e639461f, transparent 35%), radial-gradient(circle at 85% 85%, #40c7e71a, transparent 35%), var(--comic-white);min-height:100svh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.app-shell,.login-screen{background:repeating-linear-gradient(45deg, transparent, transparent 12px, #ffd1660f 12px, #ffd1660f 24px), var(--comic-white);width:min(100%,480px);min-height:100svh;box-shadow:-8px 0 0 0 var(--comic-black), 8px 0 0 0 var(--comic-black);margin:0 auto;position:relative;overflow-x:clip}.app-shell:before,.login-screen:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(-45deg,#0000,#0000 8px,#e6394608 8px 16px);height:200px;position:absolute;top:0;left:0;right:0}.content{z-index:1;padding:20px 20px 112px;position:relative}.top-bar,.login-header{z-index:30;background:linear-gradient(180deg, var(--comic-red) 0%, #c62828 100%);border-bottom:var(--comic-outline) solid var(--comic-black);box-shadow:0 4px 0 0 var(--comic-black);backface-visibility:hidden;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0;transform:translateZ(0)}.login-header,.top-bar strong{color:var(--comic-yellow);letter-spacing:3px;text-shadow:2px 2px 0 var(--comic-black), -1px -1px 0 var(--comic-black), 1px -1px 0 var(--comic-black), -1px 1px 0 var(--comic-black);justify-content:center;font-family:Bangers,cursive;font-size:26px}.top-bar{justify-content:center}.top-bar strong{color:var(--comic-yellow);letter-spacing:1px;text-shadow:2px 2px 0 var(--comic-black);font-family:Bangers,cursive;font-size:22px;font-weight:800}.top-button,.icon-button{color:var(--comic-yellow);background:#ffffff26;border-radius:999px;place-items:center;padding:10px;transition:all .2s;display:inline-grid}.top-button:hover{background:#ffffff40;transform:scale(1.1)}.notification{position:relative}.notification:after{content:"";background:var(--comic-yellow);border:2px solid var(--comic-black);border-radius:50%;width:10px;height:10px;animation:1.5s ease-in-out infinite notification-pulse;position:absolute;top:8px;right:9px}@keyframes notification-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.login-screen{flex-direction:column;gap:20px;padding-bottom:32px;display:flex}.login-hero,.peti-hero{text-align:center;justify-items:center;padding:32px 20px 8px;display:grid;position:relative;overflow:hidden}.halo{background:radial-gradient(circle,#ffd16680 0%,#0000 60%);border-radius:999px;width:300px;height:300px;animation:2s ease-in-out infinite glow-pulse;position:absolute}.gold-glow{background:radial-gradient(circle,#40c7e766 0%,#0000 60%);border-radius:999px;width:280px;height:280px;animation:2s ease-in-out infinite glow-pulse;position:absolute}@keyframes glow-pulse{0%,to{opacity:.66;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}.login-hero h1,.peti-hero h1,.greeting h1,.page-title h1,.prize-heading h1,.history-card h1{color:var(--comic-red);letter-spacing:2px;text-shadow:3px 3px 0 var(--comic-yellow), 6px 6px 0 var(--comic-black);-webkit-text-stroke:1px var(--comic-black);margin:0;font-family:Bangers,cursive;font-size:34px;line-height:1.1}.login-hero h1{letter-spacing:.5px;color:var(--comic-red);-webkit-text-stroke:0;text-shadow:0 2px 4px #0d11172e;font-family:Bangers,cursive;font-size:30px;font-weight:800}.login-hero p,.peti-hero p{color:var(--comic-blue);text-transform:uppercase;letter-spacing:2px;margin:10px 0 0;font-family:Comic Neue,cursive;font-size:14px;font-weight:700}.login-card,.promo-card,.peti-card,.progress-card,.rule-card,.quick-action,.history-card,.winner-card,.transaction,.coupon-card,.stage-card,.prize-item{border:var(--comic-outline) solid var(--comic-black);background:var(--comic-white);box-shadow:var(--comic-shadow);position:relative}.login-card:after,.peti-card:after,.coupon-card:after{content:"";border:2px solid var(--comic-black);width:40px;height:20px;box-shadow:2px 2px 0 var(--comic-black);background:#ffd166cc;border-radius:2px;position:absolute;top:-8px;right:20px;transform:rotate(3deg)}.login-card{background:repeating-linear-gradient(-45deg, transparent, transparent 10px, #ffd16614 10px, #ffd16614 20px), var(--comic-white);border-radius:20px;gap:18px;margin:0 20px;padding:24px;display:grid}.login-card h2{text-align:center;letter-spacing:.5px;color:var(--comic-black);margin:0;font-family:Bangers,cursive;font-size:24px;font-weight:800}.login-card p,.page-title p,.history-card p,.prize-heading p{text-align:center;color:var(--comic-blue);margin:6px 0 0;font-family:Comic Neue,cursive;font-weight:700;line-height:1.5}.field{gap:8px;display:grid}.field>span{color:var(--comic-black);letter-spacing:2px;padding-left:6px;font-family:Comic Neue,cursive;font-size:14px}.input-wrap{min-height:52px;color:var(--comic-black);background:linear-gradient(180deg, #fff8dc 0%, var(--comic-yellow) 100%);border:3px solid var(--comic-black);box-shadow:inset 0 2px 4px #0000001a, 4px 4px 0 var(--comic-black);border-radius:14px;align-items:center;gap:12px;padding:0 16px;transition:all .2s;display:flex}.input-wrap:focus-within{box-shadow:inset 0 2px 4px #0000001a, 2px 2px 0 var(--comic-black);transform:translate(2px,2px)}.input-wrap input,.search-row input{width:100%;color:var(--comic-black);background:0 0;border:0;outline:0;font-family:Comic Neue,cursive;font-size:16px;font-weight:700}.input-wrap input::placeholder{color:#0d111766}.primary-button,.secondary-button{width:100%;min-height:54px;color:var(--comic-white);background:linear-gradient(180deg, #ff5252 0%, var(--comic-red) 100%);border:4px solid var(--comic-black);box-shadow:var(--comic-shadow);letter-spacing:3px;text-shadow:2px 2px 0 var(--comic-black), -1px -1px 0 var(--comic-black), 1px -1px 0 var(--comic-black), -1px 1px 0 var(--comic-black);border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-family:Bangers,cursive;font-size:22px;transition:all .15s;display:flex;position:relative;overflow:hidden}.primary-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.primary-button:hover:before{left:100%}.primary-button:hover{background:linear-gradient(180deg, #50b8e0 0%, var(--comic-blue) 100%);box-shadow:var(--comic-shadow-xl);transform:translate(-3px,-3px)}.primary-button:active{box-shadow:2px 2px 0 var(--comic-black);transform:translate(4px,4px)}.primary-button.small{width:auto;min-height:46px;padding:0 20px;font-size:16px}.secondary-button{width:auto;color:var(--comic-black);background:linear-gradient(180deg, #ffe8a3 0%, var(--comic-yellow) 100%);font-size:16px}.secondary-button:hover{background:linear-gradient(#fff 0%,beige 100%)}.promo-card{color:var(--comic-black);text-align:left;background:repeating-linear-gradient(45deg, transparent, transparent 8px, #e639460f 8px, #e639460f 16px), linear-gradient(135deg, #fff8dc 0%, var(--comic-yellow) 100%);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:0 20px;padding:16px;display:grid}.promo-card>span,.quick-action span,.transaction-body>span{width:50px;height:50px;color:var(--comic-white);background:linear-gradient(135deg, #ff5252 0%, var(--comic-red) 100%);border:3px solid var(--comic-black);box-shadow:3px 3px 0 var(--comic-black);border-radius:999px;place-items:center;display:grid}.promo-card strong{color:var(--comic-black);letter-spacing:1px;font-family:Bangers,cursive;font-size:18px}.promo-card p{color:var(--comic-blue);margin:4px 0 0;font-size:13px;font-weight:700}.greeting{margin-bottom:20px}.greeting span{color:var(--comic-white);background:linear-gradient(135deg, #50b8e0 0%, var(--comic-blue) 100%);border:3px solid var(--comic-black);letter-spacing:3px;text-transform:uppercase;box-shadow:3px 3px 0 var(--comic-black);border-radius:8px;margin-bottom:10px;padding:8px 16px;font-family:Comic Neue,cursive;font-size:12px;display:inline-flex}.peti-card{text-align:center;background:repeating-linear-gradient(-45deg, transparent, transparent 10px, #40c7e70d 10px, #40c7e70d 20px), radial-gradient(circle at 50% 30%, #ffd16666, transparent 60%), var(--comic-white);border-radius:24px;justify-items:center;gap:12px;padding:28px 20px;display:grid;position:relative;overflow:hidden}.peti-card h2{color:var(--comic-red);text-shadow:2px 2px 0 var(--comic-yellow), 4px 4px 0 var(--comic-black);margin:0;font-family:Bangers,cursive;font-size:30px}.peti-card p{color:var(--comic-blue);margin:0 0 10px;font-family:Comic Neue,cursive;font-weight:700;line-height:1.5}.ribbon{color:var(--comic-white);background:linear-gradient(180deg, #ff5252 0%, var(--comic-red) 100%);border:3px solid var(--comic-black);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);letter-spacing:3px;text-transform:uppercase;text-shadow:1px 1px 0 var(--comic-black);box-shadow:3px 3px 0 var(--comic-black);border-top:none;padding:12px 14px 16px;font-family:Bangers,cursive;font-size:11px;position:absolute;top:0;right:24px}.coupon-stat{background:linear-gradient(135deg, #ffe8a3 0%, var(--comic-yellow) 50%, #f4a261 100%);border:var(--comic-outline) solid var(--comic-black);box-shadow:var(--comic-shadow-lg);cursor:pointer;border-radius:22px;justify-content:space-between;align-items:center;margin:22px 0 16px;padding:18px;transition:all .2s;display:flex}.coupon-stat:hover{box-shadow:var(--comic-shadow-xl);transform:translate(-3px,-3px)}.coupon-stat>div{color:var(--comic-red);align-items:center;gap:14px;display:flex}.coupon-stat strong{text-shadow:2px 2px 0 var(--comic-black), -1px -1px 0 var(--comic-black), 1px -1px 0 var(--comic-black), -1px 1px 0 var(--comic-black);font-family:Bangers,cursive;font-size:36px;display:block}.coupon-stat span,.progress-card p,.rule-card p{color:var(--comic-blue);letter-spacing:2px;text-transform:uppercase;font-family:Comic Neue,cursive;font-size:11px}.info-card{border:3px solid var(--comic-blue);box-shadow:5px 5px 0 var(--comic-black);background:linear-gradient(135deg,#40c7e71a 0%,#ffd1661a 100%);border-radius:18px;align-items:flex-start;gap:14px;margin-top:28px;margin-bottom:18px;padding:16px;display:flex}.info-card svg{color:var(--comic-blue);flex-shrink:0;margin-top:2px}.info-content strong{color:var(--comic-blue);letter-spacing:1px;margin-bottom:6px;font-family:Bangers,cursive;font-size:18px;display:block}.info-content p{color:var(--comic-black);margin:0;font-family:Comic Neue,cursive;font-size:13px;line-height:1.5}.invoice-card{background:var(--comic-white);border:3px solid var(--comic-black);box-shadow:6px 6px 0 var(--comic-black);border-radius:18px;margin-bottom:18px;padding:20px}.invoice-header{border-bottom:2px dashed var(--comic-black);margin-bottom:16px;padding-bottom:12px}.invoice-header h2{color:var(--comic-red);letter-spacing:1px;margin:0;font-family:Bangers,cursive;font-size:22px}.invoice-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.invoice-stat{background:linear-gradient(135deg, var(--comic-yellow) 0%, #ffe082 100%);border:2px solid var(--comic-black);box-shadow:3px 3px 0 var(--comic-black);border-radius:12px;flex-direction:column;align-items:center;padding:14px 8px;display:flex}.invoice-stat span{color:var(--comic-black);text-transform:uppercase;text-align:center;margin-bottom:4px;font-family:Comic Neue,cursive;font-size:10px;font-weight:700}.invoice-stat strong{color:var(--comic-red);text-shadow:1px 1px 0 var(--comic-black);font-family:Bangers,cursive;font-size:22px}.inv-items{color:var(--comic-blue);margin-top:2px;font-size:11px;font-weight:700}.transaction-reward-box{color:#fff;background:var(--comic-blue);border:2px solid var(--comic-blue);text-align:center;border-radius:8px;width:100%;margin-top:8px;padding:8px 10px;font-family:Comic Neue,cursive;font-size:14px;font-weight:700;display:block}.struk-products{gap:10px;margin:8px 0;display:grid}.struk-product{background:var(--comic-white);border:2px solid var(--comic-black);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.struk-product-info strong{color:var(--comic-black);font-family:Comic Neue,cursive;font-size:14px;font-weight:700;display:block}.struk-product-meta{justify-items:end;gap:2px;display:grid}.struk-product-info span{color:var(--comic-blue);font-family:Comic Neue,cursive;font-size:11px}.struk-product-meta span{color:var(--comic-black);white-space:nowrap;font-family:Comic Neue,cursive;font-size:12px;font-weight:700}.invoice-detail{text-align:left;padding:8px 4px}.invoice-detail-modal{padding-top:24px}.receipt-close-button{z-index:4;width:100%;margin-top:16px;position:sticky;bottom:0}.invoice-detail h2{z-index:3;background:var(--comic-white);color:var(--comic-red);letter-spacing:1px;text-align:center;margin:-24px -4px 16px;padding:16px 42px 14px;font-family:Bangers,cursive;font-size:24px;position:sticky;top:-24px}.struk-row{justify-content:space-between;align-items:center;padding:8px 0;font-family:Comic Neue,cursive;font-size:13px;display:flex}.struk-row span{color:var(--comic-black);font-weight:700}.struk-row strong{color:var(--comic-black);text-align:right;max-width:60%}.struk-divider{border-top:2px dashed var(--comic-black);margin:10px 0}.struk-kupon{border:2px solid var(--comic-yellow);color:var(--comic-blue);background:#ffd16633;border-radius:12px;align-items:center;gap:10px;margin-top:8px;padding:12px;display:flex}.struk-kupon p{margin:0;font-family:Comic Neue,cursive;font-size:13px;font-weight:700}.struk-note{color:var(--comic-black);text-align:center;opacity:.7;margin:12px 0 0;font-family:Comic Neue,cursive;font-size:11px}.struk-upsell{color:var(--comic-black);border:2px dashed var(--comic-black);text-align:center;background:#ffd16659;border-radius:10px;margin:0;padding:12px;font-family:Comic Neue,cursive;font-size:13px;font-weight:700;line-height:1.45}.progress-card,.rule-card{background:repeating-linear-gradient(-45deg, transparent, transparent 8px, #40c7e70a 8px, #40c7e70a 16px), var(--comic-white);border-radius:22px;gap:12px;margin-bottom:18px;padding:18px;display:grid}.split-line{justify-content:space-between;align-items:end;gap:10px;display:flex}.split-line strong{letter-spacing:1px;font-family:Bangers,cursive;font-size:20px}.split-line span{color:var(--comic-red);letter-spacing:2px;text-transform:uppercase;border:2px solid var(--comic-red);background:#e639461a;border-radius:6px;padding:4px 10px;font-family:Comic Neue,cursive;font-size:12px}.progress{border:3px solid var(--comic-black);background:#e8e8e8;border-radius:999px;height:16px;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.progress span{background:linear-gradient(90deg, var(--comic-yellow) 0%, var(--comic-red) 100%);border-radius:inherit;height:100%;display:block;position:relative}.progress span:after{content:"";background:#ffffff4d;border-radius:999px 999px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.progress-card p,.rule-card p{text-transform:none;margin:0;font-family:Comic Neue,cursive;font-style:normal}.rule-formula{color:var(--comic-black);background:linear-gradient(135deg, #fff8dc 0%, var(--comic-yellow) 100%);border:3px solid var(--comic-black);box-shadow:inset 0 2px 4px #ffffff80, 4px 4px 0 var(--comic-black);border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.rule-formula b{color:var(--comic-red);text-shadow:2px 2px 0 var(--comic-black);font-family:Bangers,cursive;font-size:22px}.countdown-card{color:var(--comic-white);text-align:center;background:linear-gradient(180deg, #50b8e0 0%, var(--comic-blue) 100%);border:var(--comic-outline) solid var(--comic-black);box-shadow:var(--comic-shadow-xl);border-radius:26px;padding:24px;position:relative;overflow:hidden}.countdown-card:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff0f 10px 20px);position:absolute;inset:0}.countdown-card:after{content:"!";color:#ffffff1a;font-family:Bangers,cursive;font-size:60px;position:absolute;top:10px;right:20px;transform:rotate(15deg)}.countdown-card>span{color:var(--comic-yellow);letter-spacing:4px;text-transform:uppercase;text-shadow:2px 2px #0000004d;font-family:Comic Neue,cursive;font-size:14px;position:relative}.countdown-card h2{text-shadow:2px 2px #0000004d,-1px -1px #0000004d;margin:10px 0 18px;font-family:Bangers,cursive;font-size:26px;position:relative}.countdown-card>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:relative}.time-box{background:linear-gradient(180deg, #fff8dc 0%, var(--comic-yellow) 100%);border:3px solid var(--comic-black);width:62px;box-shadow:inset 0 2px 4px #ffffff80, 4px 4px 0 var(--comic-black);border-radius:14px;padding:10px 6px}.time-box strong{color:var(--comic-red);text-shadow:2px 2px 0 var(--comic-black);font-family:Bangers,cursive;font-size:28px;display:block}.time-box span{color:var(--comic-blue);letter-spacing:1px;text-transform:uppercase;font-family:Comic Neue,cursive;font-size:10px}.winners-section{margin-top:24px}.winners-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.winners-header{color:var(--comic-black);align-items:center;gap:8px;display:flex}.winners-header strong{font-family:Comic Neue,cursive;font-size:18px;font-weight:800}.winners-sub{color:var(--comic-black);opacity:.7;margin:4px 0 14px;font-family:Comic Neue,cursive;font-size:12px;font-weight:700}.winners-list{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:14px;padding:2px 2px 8px;display:flex;overflow-x:auto}.winners-list::-webkit-scrollbar{display:none}.winner-card{scroll-snap-align:start;background:var(--comic-white);border:2px solid #121a2424;border-radius:20px;flex-direction:column;flex:0 0 calc(100% - 6px);display:flex;overflow:hidden;box-shadow:0 10px 24px #121a241a}.winner-controls{gap:6px;display:flex}.winner-controls button{width:32px;height:32px;color:var(--comic-black);background:var(--comic-white);box-shadow:none;border:1px solid #121a2429;border-radius:50%;place-items:center;padding:0;display:grid}.winner-photo{width:100%;position:relative}.winner-img,.winner-initials{object-fit:cover;object-position:center 62%;background:var(--comic-yellow);width:100%;height:220px;color:var(--comic-black);place-items:center;font-family:Bangers,cursive;font-size:48px;display:grid}.winner-badge{background:var(--comic-red);color:var(--comic-white);border-radius:999px;place-items:center;padding:5px 10px;font-family:Comic Neue,cursive;font-size:11px;font-weight:800;display:grid;position:absolute;top:12px;left:12px}.winner-body{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.winner-name{color:var(--comic-black);letter-spacing:0;font-family:Comic Neue,cursive;font-size:20px;font-weight:800}.winner-region{color:var(--comic-blue);margin-top:-4px;font-family:Comic Neue,cursive;font-size:12px;font-weight:700}.winner-prize{width:fit-content;max-width:100%;color:var(--comic-blue);background:#40c7e726;border-radius:999px;padding:2px 10px;font-family:Comic Neue,cursive;font-size:11px;font-weight:700}.winner-quote{color:var(--comic-black);opacity:.75;margin:0;padding:0;font-family:Comic Neue,cursive;font-size:13px;line-height:1.5}.quick-grid,.stats-grid,.prize-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;display:grid}.quick-action{color:var(--comic-black);letter-spacing:1px;background:linear-gradient(180deg, #fff 0%, var(--comic-white) 100%);border-radius:22px;justify-items:center;gap:10px;padding:20px;font-family:Bangers,cursive;font-size:14px;transition:all .2s;display:grid}.quick-action:hover{background:linear-gradient(180deg, #fff8dc 0%, var(--comic-yellow) 100%)}.quick-action span{background:linear-gradient(135deg, #50b8e0 0%, var(--comic-blue) 100%)}.peti-hero{padding-top:8px}.peti-stage{isolation:isolate;place-items:center;width:min(100%,360px);min-height:320px;margin:0 auto 10px;display:grid;position:relative}.closed-stage{min-height:280px}.closed-stage .gold-glow{opacity:.58}.peti-stage:before{content:"";filter:blur(18px);background:#0003;border-radius:50%;width:240px;height:30px;animation:4.2s ease-in-out infinite stage-shadow;position:absolute;bottom:28px}.peti-stage .gold-glow{filter:blur(25px);background:radial-gradient(circle,#40c7e799 0%,#40c7e733 43%,#0000 72%);width:300px;height:300px;animation:2s ease-in-out infinite glow-pulse}.light-ring{z-index:0;border:3px dashed #40c7e74d;border-radius:999px;width:240px;height:240px;position:absolute;transform:rotateX(68deg)}.ring-one{animation:7s linear infinite ring-spin}.ring-two{border-color:#e6394633;width:300px;height:300px;animation:10s linear infinite reverse ring-spin}.floating-ticket{z-index:4;filter:drop-shadow(0 12px 14px #0000004d);transform-origin:50% 90%;border-radius:10px;width:96px;position:absolute}.floating-ticket.one{animation:5.2s ease-in-out infinite ticket-orbit-one;top:46px;right:3px}.floating-ticket.two{width:108px;animation:5.8s ease-in-out infinite ticket-orbit-two;bottom:78px;left:0}.floating-ticket.three{width:82px;animation:4.8s ease-in-out infinite ticket-pop;top:94px;left:46px}.burst-icon{z-index:5;width:50px;height:50px;color:var(--comic-white);background:linear-gradient(135deg, #ff5252 0%, var(--comic-red) 100%);border:3px solid var(--comic-black);box-shadow:3px 3px 0 var(--comic-black);border-radius:999px;place-items:center;display:grid;position:absolute}.burst-icon.top{animation:2s ease-in-out infinite icon-bob;top:18px;left:62px}.burst-icon.bottom{animation:1.8s ease-in-out infinite reverse icon-bob;bottom:70px;right:48px}.reveal-trigger{margin:4px 0 18px}.peti-modal{z-index:1000;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:repeating-linear-gradient(45deg,#0000,#0000 4px,#00000008 4px 8px),radial-gradient(circle at 50% 30%,#40c7e733,#0000 50%),#0d1117e6;position:absolute;inset:0}.peti-modal-card{background:repeating-linear-gradient(45deg, transparent, transparent 10px, #ffd16614 10px, #ffd16614 20px), var(--comic-white);border:var(--comic-outline) solid var(--comic-black);width:min(100%,440px);max-height:calc(100dvh - 38px);box-shadow:16px 16px 0 var(--comic-black), inset 0 2px 0 #ffffff80;border-radius:30px;padding:20px 20px 24px;position:relative;overflow:hidden auto}.modal-close{z-index:8;width:42px;height:42px;color:var(--comic-white);background:linear-gradient(135deg, #ff5252 0%, var(--comic-red) 100%);border:3px solid var(--comic-black);box-shadow:3px 3px 0 var(--comic-black);border-radius:999px;place-items:center;font-size:28px;line-height:1;transition:all .2s;display:grid;position:absolute;top:16px;right:16px}.modal-close:hover{transform:scale(1.1)rotate(90deg)}.modal-peti-stage{isolation:isolate;place-items:center;min-height:280px;display:grid;position:relative}.modal-confetti{pointer-events:none;position:absolute;inset:0}.modal-confetti i{border:2px solid var(--comic-black);opacity:.9;border-radius:3px;width:12px;height:20px;animation:2.8s linear infinite modal-confetti-fall;position:absolute;top:-24px}.modal-confetti i:nth-child(3n){background:var(--comic-red)}.modal-confetti i:nth-child(4n){background:var(--comic-blue)}.modal-confetti i:nth-child(5n){background:var(--comic-yellow);border-radius:999px;width:10px;height:10px}.modal-copy{z-index:2;text-align:center;margin-top:-8px;position:relative}.modal-eyebrow{color:var(--comic-white);background:linear-gradient(135deg, #ff5252 0%, var(--comic-red) 100%);border:3px solid var(--comic-black);letter-spacing:3px;text-transform:uppercase;box-shadow:4px 4px 0 var(--comic-black);border-radius:999px;margin-bottom:10px;padding:10px 20px;font-family:Comic Neue,cursive;font-size:16px;display:inline-flex}.modal-copy h2{color:var(--comic-red);text-shadow:3px 3px 0 var(--comic-yellow), 6px 6px 0 var(--comic-black);-webkit-text-stroke:1px var(--comic-black);margin:0;font-family:Bangers,cursive;font-size:40px}.modal-copy p{max-width:340px;color:var(--comic-blue);margin:10px auto 0;font-family:Comic Neue,cursive;font-size:15px;font-weight:700;line-height:1.6}.modal-total-card{z-index:2;color:var(--comic-black);background:linear-gradient(135deg, #fff8dc 0%, var(--comic-yellow) 100%);border:4px solid var(--comic-black);box-shadow:var(--comic-shadow-lg);border-radius:22px;justify-content:space-between;align-items:center;gap:14px;margin:20px 0;padding:18px 20px;display:flex;position:relative}.modal-total-card div{flex:1}.modal-total-card strong{color:var(--comic-red);text-shadow:2px 2px 0 var(--comic-black), -1px -1px 0 var(--comic-black), 1px -1px 0 var(--comic-black), -1px 1px 0 var(--comic-black);font-family:Bangers,cursive;font-size:40px;display:block}.modal-total-card span{color:var(--comic-blue);letter-spacing:3px;text-transform:uppercase;font-family:Comic Neue,cursive;font-size:12px}.sparkle-field{z-index:2;pointer-events:none;position:absolute;inset:0}.sparkle-field i{background:var(--comic-yellow);border:2px solid var(--comic-black);opacity:0;border-radius:2px;width:12px;height:12px;animation:2s ease-in-out infinite sparkle-rise;position:absolute;box-shadow:0 0 16px #ffd166e6}.center-chip{width:fit-content;color:var(--comic-white);background:linear-gradient(135deg, #50b8e0 0%, var(--comic-blue) 100%);border:3px solid var(--comic-black);letter-spacing:2px;box-shadow:4px 4px 0 var(--comic-black);border-radius:999px;align-items:center;gap:10px;margin:10px auto 20px;padding:12px 22px;font-family:Bangers,cursive;font-size:14px;display:flex}.mini-ticket-list,.coupon-list,.transaction-list{gap:16px;margin-bottom:20px;display:grid}.mini-ticket{background:var(--comic-white);border:var(--comic-outline) solid var(--comic-black);min-height:100px;box-shadow:var(--comic-shadow);border-radius:22px;grid-template-columns:34% 1fr;transition:all .2s;display:grid;overflow:hidden}.mini-ticket:hover{box-shadow:var(--comic-shadow-lg);transform:translate(-3px,-3px)}.ticket-mark{color:var(--comic-red);background:repeating-linear-gradient(45deg, transparent, transparent 5px, #e6394614 5px, #e6394614 10px), linear-gradient(135deg, #fff8dc 0%, var(--comic-yellow) 100%);border-right:3px dashed var(--comic-black);place-items:center;display:grid;position:relative}.ticket-mark b{color:var(--comic-white);background:var(--comic-red);border:2px solid var(--comic-black);letter-spacing:1px;box-shadow:2px 2px 0 var(--comic-black);border-radius:4px;padding:4px 8px;font-family:Bangers,cursive;font-size:9px;position:absolute;top:6px;right:-8px;rotate:90deg}.mini-ticket div:last-child{align-content:center;gap:5px;padding:14px 16px;display:grid}.mini-ticket span,.coupon-meta span,.stats-grid span{color:var(--comic-blue);letter-spacing:2px;text-transform:uppercase;font-family:Comic Neue,cursive;font-size:10px}.mini-ticket strong{color:var(--comic-red);letter-spacing:1px;text-shadow:1px 1px 0 var(--comic-yellow);font-family:Bangers,cursive;font-size:16px}.mini-ticket p{color:var(--comic-black);margin:0;font-family:Comic Neue,cursive;font-size:11px;font-weight:700}.page-title{margin-bottom:20px}.stats-grid{margin-top:0;margin-bottom:18px}.stats-grid div{background:repeating-linear-gradient(-45deg, transparent, transparent 8px, #40c7e70a 8px, #40c7e70a 16px), var(--comic-white);border:var(--comic-outline) solid var(--comic-black);height:100px;box-shadow:var(--comic-shadow);border-radius:22px;align-content:space-between;padding:18px;transition:all .2s;display:grid}.stats-grid div:hover{box-shadow:var(--comic-shadow-lg);transform:translate(-3px,-3px)}.stats-grid .gold{background:repeating-linear-gradient(45deg, transparent, transparent 8px, #ffd16626 8px, #ffd16626 16px), linear-gradient(135deg, #fff8dc 0%, var(--comic-yellow) 100%)}.stats-grid strong{color:var(--comic-red);text-shadow:2px 2px 0 var(--comic-black), -1px -1px 0 var(--comic-black), 1px -1px 0 var(--comic-black), -1px 1px 0 var(--comic-black);font-family:Bangers,cursive;font-size:36px}.coupon-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 20px;display:grid}.coupon-stats>div{color:var(--comic-black);background:linear-gradient(135deg, #fff8dc 0%, var(--comic-yellow) 100%);border:3px solid var(--comic-black);box-shadow:4px 4px 0 var(--comic-black);border-radius:16px;gap:4px;padding:14px 18px;display:grid}.coupon-stats span{letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:700}.coupon-stats strong{color:var(--comic-red);font-family:Bangers,cursive;font-size:30px}.search-row{gap:12px;margin-bottom:18px;display:flex}.search-row label{min-height:50px;color:var(--comic-black);background:var(--comic-white);border:3px solid var(--comic-black);box-shadow:4px 4px 0 var(--comic-black);border-radius:999px;flex:1;align-items:center;gap:10px;padding:0 16px;transition:all .2s;display:flex}.search-row label:focus-within{box-shadow:2px 2px 0 var(--comic-black);transform:translate(2px,2px)}.search-row button{width:50px;color:var(--comic-white);background:linear-gradient(135deg, #50b8e0 0%, var(--comic-blue) 100%);border:3px solid var(--comic-black);box-shadow:4px 4px 0 var(--comic-black);border-radius:999px;place-items:center;transition:all .2s;display:grid}.search-row button:hover{box-shadow:2px 2px 0 var(--comic-black);transform:translate(2px,2px)}.coupon-card{border-radius:22px;grid-template-columns:1fr 68px;min-height:160px;transition:all .2s;display:grid;position:relative;overflow:hidden}.coupon-card:hover{box-shadow:var(--comic-shadow-lg);transform:translate(-3px,-3px)}.coupon-card.muted{filter:grayscale(.5);opacity:.7}.coupon-main{align-content:space-between;padding:16px;display:grid}.badge-row{justify-content:space-between;gap:8px;display:flex}.badge-row span,.badge-row b{letter-spacing:2px;text-transform:uppercase;border:2px solid var(--comic-black);box-shadow:2px 2px 0 var(--comic-black);border-radius:8px;padding:6px 12px;font-family:Bangers,cursive;font-size:10px}.badge-row span{color:var(--comic-black);background:linear-gradient(135deg, #fff8dc 0%, var(--comic-yellow) 100%)}.badge-row b{color:var(--comic-white);background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%)}.coupon-card h2{color:var(--comic-red);letter-spacing:1px;text-shadow:2px 2px 0 var(--comic-yellow), 4px 4px 0 var(--comic-black);margin:10px 0;font-family:Bangers,cursive;font-size:24px}.coupon-meta{border-top:3px dashed var(--comic-black);justify-content:space-between;gap:12px;padding-top:10px;display:flex}.coupon-meta p{gap:5px;margin:0;font-family:Comic Neue,cursive;font-size:13px;font-weight:700;display:grid}.coupon-event-name{color:var(--comic-black);background:repeating-linear-gradient(-45deg, transparent, transparent 5px, #0000000a 5px, #0000000a 10px), var(--comic-white);border-left:3px dashed var(--comic-black);place-items:center;display:grid}.coupon-event-copy{letter-spacing:.04em;text-align:center;flex-direction:column;gap:3px;width:max-content;font-family:Bangers,cursive;font-size:12px;line-height:1;display:flex;transform:rotate(90deg)}.coupon-event-copy span:first-child{color:var(--comic-red)}.coupon-event-copy span:nth-child(2){color:var(--comic-blue)}.coupon-event-copy span:nth-child(3){color:#c68a00}@media (width<=380px){.coupon-card{grid-template-columns:1fr 68px}.coupon-event-name{font-size:13px}.coupon-meta{flex-direction:column;gap:8px}}.prize-heading{text-align:center}.prize-heading span{color:var(--comic-white);background:linear-gradient(135deg, #ff5252 0%, var(--comic-red) 100%);border:3px solid var(--comic-black);box-shadow:4px 4px 0 var(--comic-black);letter-spacing:3px;border-radius:999px;padding:10px 20px;font-size:14px}.stage-card{aspect-ratio:4/3;background:repeating-linear-gradient(45deg, transparent, transparent 12px, #ffd1661a 12px, #ffd1661a 24px), radial-gradient(circle at center, #40c7e733, transparent 60%), var(--comic-white);border:var(--comic-outline) solid var(--comic-black);box-shadow:var(--comic-shadow-xl);border-radius:30px;place-items:center;margin:22px 0;display:grid;position:relative;overflow:hidden}.stage-card img{filter:drop-shadow(0 20px 24px #0000004d);border-radius:22px;width:88%}.stage-card b{color:var(--comic-white);background:linear-gradient(135deg, #ff5252 0%, var(--comic-red) 100%);border:3px solid var(--comic-black);letter-spacing:2px;text-transform:uppercase;box-shadow:4px 4px 0 var(--comic-black);border-radius:14px;align-items:center;gap:6px;padding:10px 16px;font-family:Bangers,cursive;font-size:14px;display:flex;position:absolute;top:20px;right:18px;rotate:8deg}.prize-item{text-align:center;background:var(--comic-white);border:var(--comic-outline) solid var(--comic-black);box-shadow:var(--comic-shadow);border-radius:22px;justify-items:center;gap:10px;padding:18px;transition:all .2s;display:grid}.prize-item:hover{box-shadow:var(--comic-shadow-lg);transform:translate(-3px,-3px)}.prize-item img{aspect-ratio:1;object-fit:cover;border-radius:16px;width:100%}.prize-item strong{color:var(--comic-red);letter-spacing:1px;font-family:Bangers,cursive;font-size:18px}.prize-item span{color:var(--comic-blue);letter-spacing:2px;text-transform:uppercase;font-family:Comic Neue,cursive;font-size:12px}.history-card{border-radius:26px;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding:20px;display:flex}.history-card svg{color:var(--comic-white);background:linear-gradient(135deg, #ff5252 0%, var(--comic-red) 100%);border:3px solid var(--comic-black);box-shadow:3px 3px 0 var(--comic-black);box-sizing:content-box;border-radius:999px;flex-shrink:0;padding:14px}.transaction{border:3px solid var(--comic-black);box-shadow:var(--comic-shadow);border-radius:22px;transition:all .2s;overflow:hidden}.transaction:hover{box-shadow:var(--comic-shadow-lg);transform:translate(-2px,-2px)}.transaction-body{gap:14px;padding:16px;display:flex}.transaction small{color:var(--comic-blue);font-family:Comic Neue,cursive;font-size:12px;font-weight:700}.transaction strong{letter-spacing:1px;margin:6px 0 3px;font-family:Bangers,cursive;font-size:20px;display:block}.transaction p{color:var(--comic-black);margin:0;font-family:Comic Neue,cursive;font-size:13px;font-weight:700}.transaction-reward{color:var(--comic-white);background:linear-gradient(135deg, #50b8e0 0%, var(--comic-blue) 100%);border-top:3px solid var(--comic-black);letter-spacing:2px;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-family:Comic Neue,cursive;font-size:14px;display:flex}.confetti i{border:2px solid var(--comic-black);border-radius:2px;width:10px;height:18px;animation:4s linear infinite confetti;position:absolute;top:-20px}.confetti i:nth-child(3n){background:var(--comic-red)}.confetti i:nth-child(4n){background:var(--comic-blue)}.confetti i:nth-child(n){left:calc(var(--i,1) * 6%)}.bottom-nav{z-index:20;width:min(100%,480px);padding:12px 8px max(16px, env(safe-area-inset-bottom));background:linear-gradient(180deg, #fff 0%, var(--comic-white) 100%);border-top:var(--comic-outline) solid var(--comic-black);box-shadow:0 -8px 0 0 var(--comic-black);backface-visibility:hidden;border-radius:24px 24px 0 0;justify-content:space-around;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0)}.bottom-nav button{min-width:60px;min-height:50px;color:var(--comic-black);letter-spacing:1px;background:0 0;border-radius:18px;place-items:center;font-family:Comic Neue,cursive;font-size:10px;transition:all .2s;display:grid}.bottom-nav button:hover{background:#40c7e71a}.bottom-nav button.active{border:3px solid var(--comic-black);min-width:80px;box-shadow:4px 4px 0 var(--comic-black);color:var(--comic-white)!important;background:linear-gradient(180deg, #ff5252 0%, var(--comic-red) 100%)!important}.bottom-nav button.active svg,.bottom-nav button.active span{color:inherit}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(2deg)}}@keyframes peti-float{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-13px)scale(1.025)}62%{transform:translateY(-8px)scale(1.015)}}@keyframes lid-open{0%,to{transform:translateY(0)rotate(-8deg)}45%{transform:translate(-10px,-14px)rotate(-18deg)}68%{transform:translate(-7px,-10px)rotate(-14deg)}}@keyframes lid-peek{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-7px)rotate(-5deg)}}@keyframes coupon-rise-a{0%,to{transform:translateY(12px)rotate(-4deg)}48%{transform:translate(-10px,-10px)rotate(5deg)}}@keyframes coupon-rise-b{0%,to{transform:translateY(10px)rotate(5deg)}52%{transform:translate(8px,-14px)rotate(-4deg)}}@keyframes coupon-rise-c{0%,to{opacity:.84;transform:translateY(7px)}50%{opacity:1;transform:translate(4px,-11px)}}@keyframes cake-bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-7px)rotate(3deg)}}@keyframes modal-rise{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-box-pop{0%{opacity:0;transform:translateY(32px)scale(.78)}58%{opacity:1;transform:translateY(-10px)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-confetti-fall{0%{transform:translateY(-20px)rotate(0)}to{transform:translateY(560px)rotate(420deg)}}@keyframes stage-shadow{0%,to{opacity:.42;transform:scaleX(.92)}45%{opacity:.24;transform:scaleX(1.08)}}@keyframes ring-spin{0%{transform:rotateX(68deg)rotate(0)}to{transform:rotateX(68deg)rotate(360deg)}}@keyframes ticket-orbit-one{0%,to{transform:translate(0,0)rotate(13deg)scale(1)}35%{transform:translate(-13px,-18px)rotate(21deg)scale(1.04)}68%{transform:translate(8px,-7px)rotate(9deg)scale(.98)}}@keyframes ticket-orbit-two{0%,to{transform:translate(0,0)rotate(-9deg)scale(1)}42%{transform:translate(12px,-22px)rotate(-16deg)scale(1.03)}72%{transform:translate(-8px,-9px)rotate(-4deg)scale(.98)}}@keyframes ticket-pop{0%,to{opacity:.86;transform:translateY(10px)rotate(-7deg)scale(.92)}20%{opacity:1;transform:translate(8px,-14px)rotate(6deg)scale(1.05)}58%{opacity:.94;transform:translate(-7px,-4px)rotate(-12deg)scale(.98)}}@keyframes icon-bob{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-14px)rotate(8deg)}}@keyframes sparkle-rise{0%{opacity:0;transform:translateY(22px)scale(.55)rotate(0)}24%{opacity:1}72%{opacity:.92}to{opacity:0;transform:translateY(-46px)scale(1.05)rotate(135deg)}}@keyframes confetti{0%{transform:translateY(0)rotate(0)}to{transform:translateY(380px)rotate(360deg)}}.floating{animation:5s ease-in-out infinite float}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=760px){body{padding:24px 0}.app-shell,.login-screen{border-radius:32px;min-height:calc(100dvh - 48px);overflow:hidden}.bottom-nav{border-radius:24px;bottom:24px}}.confetti-container{pointer-events:none;z-index:100;position:absolute;inset:0;overflow:hidden}.confetti-piece{border:2px solid var(--comic-black);border-radius:3px;width:14px;height:20px;position:absolute;top:-20px}.sparkle-container{pointer-events:none;z-index:50;position:absolute;inset:0}.sparkle{background:var(--comic-yellow);border:2px solid var(--comic-black);border-radius:2px;width:14px;height:14px;position:absolute;box-shadow:0 0 20px #ffd166e6}.stats-section{background:var(--comic-white);border:3px solid var(--comic-black);box-shadow:6px 6px 0 var(--comic-black);border-radius:18px;margin-top:20px;padding:16px}.stats-header{color:var(--comic-blue);align-items:center;gap:10px;margin-bottom:14px;display:flex}.stats-header strong{letter-spacing:2px;font-family:Bangers,cursive;font-size:22px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-card{background:linear-gradient(135deg, var(--comic-yellow) 0%, #ffe082 100%);border:2px solid var(--comic-black);box-shadow:3px 3px 0 var(--comic-black);border-radius:12px;flex-direction:column;align-items:center;padding:12px 8px;display:flex}.stat-value{color:var(--comic-red);text-shadow:1px 1px 0 var(--comic-black);font-family:Bangers,cursive;font-size:20px}.stat-label{color:var(--comic-black);text-transform:uppercase;text-align:center;font-family:Comic Neue,cursive;font-size:10px;font-weight:700}.hadiah-section{margin-top:20px}.hadiah-header{color:var(--comic-red);align-items:center;gap:10px;margin-bottom:14px;display:flex}.hadiah-header strong{letter-spacing:2px;font-family:Bangers,cursive;font-size:22px}.hadiah-grid{flex-direction:column;gap:16px;display:flex}.hadiah-video{aspect-ratio:16/9;object-fit:cover;background:var(--comic-black);border:4px solid var(--comic-black);width:100%;box-shadow:6px 6px 0 var(--comic-black);border-radius:20px;display:block}.hadiah-card{background:linear-gradient(180deg, #fffdf5 0%, var(--comic-white) 100%);border:4px solid var(--comic-black);box-shadow:6px 6px 0 var(--comic-black);cursor:pointer;text-align:left;border-radius:20px;flex-direction:row;align-items:center;gap:14px;padding:16px;transition:box-shadow .2s;display:flex;position:relative;overflow:hidden}.hadiah-card:after{content:"";pointer-events:none;background:radial-gradient(circle at 18%,#ffd1664d,#0000 60%);position:absolute;inset:0}.hadiah-card:hover{box-shadow:8px 8px 0 var(--comic-black)}.hadiah-card--hero{border-color:var(--comic-red);box-shadow:6px 6px 0 var(--comic-red);background:linear-gradient(120deg, #fff3d6 0%, var(--comic-white) 55%)}.hadiah-card--hero:after{background:radial-gradient(circle at 18%,#e6394626,#0000 60%)}.hadiah-card--compact{box-shadow:4px 4px 0 var(--comic-black);gap:12px;padding:12px 14px}.hadiah-spotlight{border:3px solid var(--comic-black);background:radial-gradient(circle,#ffd16699 0%,#ffd1660d 70%);border-radius:999px;flex:none;place-items:center;width:108px;height:108px;display:grid}.hadiah-spotlight--sm{width:76px;height:76px}.hadiah-info{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.hadiah-ribbon{z-index:3;letter-spacing:1px;color:var(--comic-black);background:var(--comic-yellow);border:2px solid var(--comic-black);box-shadow:2px 2px 0 var(--comic-black);border-radius:999px;padding:3px 14px;font-family:Bangers,cursive;font-size:13px;position:absolute;top:10px;right:10px}.hadiah-ribbon--blue{background:var(--comic-blue);color:var(--comic-white)}.hadiah-emoji{font-size:36px;line-height:1}.hadiah-sub{color:var(--comic-black);opacity:.8;margin:-8px 0 14px;font-family:Comic Neue,cursive;font-size:12px;font-weight:700}.hadiah-image{object-fit:contain;filter:drop-shadow(3px 3px #0d111740);pointer-events:none;width:80px;height:80px}.hadiah-card--compact .hadiah-image{width:56px;height:56px}.hadiah-title{color:var(--comic-red);letter-spacing:1px;font-family:Bangers,cursive;font-size:22px;line-height:1.1}.hadiah-card--compact .hadiah-title{font-size:18px}.hadiah-desc{color:var(--comic-black);opacity:.75;font-family:Comic Neue,cursive;font-size:12px;font-weight:700}.hadiah-count{color:var(--comic-blue);text-transform:uppercase;background:#40c7e726;border-radius:999px;padding:2px 10px;font-family:Bangers,cursive;font-size:13px;font-weight:700}.hadiah-modal-header{text-align:center;color:var(--comic-red);padding:20px 0}.hadiah-modal-header h2{text-shadow:2px 2px 0 var(--comic-yellow);margin:10px 0 6px;font-family:Bangers,cursive;font-size:28px}.hadiah-modal-header p{color:var(--comic-blue);margin:0;font-family:Comic Neue,cursive;font-size:14px;font-weight:700}.hadiah-modal-list{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.hadiah-modal-item{background:var(--comic-white);border:3px solid var(--comic-black);box-shadow:4px 4px 0 var(--comic-black);border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex}.hadiah-modal-emoji{font-size:32px}.hadiah-modal-image{object-fit:cover;border:2px solid var(--comic-black);width:56px;height:56px;box-shadow:2px 2px 0 var(--comic-black);border-radius:12px}.hadiah-modal-info{flex:1}.hadiah-modal-info strong{color:var(--comic-black);font-family:Bangers,cursive;font-size:18px;display:block}.hadiah-modal-info span{color:var(--comic-blue);font-family:Comic Neue,cursive;font-size:12px;font-weight:700}.hadiah-modal-item>svg{color:var(--comic-yellow)}.kupon-detail-modal{text-align:center}.kupon-detail-ticket{margin:8px 0 24px}.kupon-detail-ticket svg{max-width:100%;height:auto}.kupon-detail-info h2{color:var(--comic-red);text-shadow:2px 2px 0 var(--comic-yellow);margin:10px 0;font-family:Bangers,cursive;font-size:28px}.kupon-detail-status{letter-spacing:2px;text-transform:uppercase;border:2px solid var(--comic-black);box-shadow:2px 2px 0 var(--comic-black);border-radius:8px;padding:6px 16px;font-family:Bangers,cursive;font-size:12px;display:inline-block}.kupon-detail-status.active{color:var(--comic-white);background:#4caf50}.kupon-detail-status.used{color:var(--comic-black);background:#e0e0e0}.kupon-detail-meta{border:2px dashed var(--comic-blue);background:#40c7e714;border-radius:14px;flex-direction:column;gap:10px;margin:20px 0;padding:16px;display:flex}.kupon-detail-meta div{justify-content:space-between;align-items:center;display:flex}.kupon-detail-meta span{letter-spacing:2px;text-transform:uppercase;color:var(--comic-blue);font-family:Comic Neue,cursive;font-size:11px}.kupon-detail-meta strong{color:var(--comic-black);font-family:Comic Neue,cursive;font-size:15px;font-weight:700;line-height:1.35}.profile-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:20px;padding:20px 0;display:flex}.profile-avatar{width:80px;height:80px;color:var(--comic-white);background:linear-gradient(135deg, #ff5252 0%, var(--comic-red) 100%);border:4px solid var(--comic-black);box-shadow:4px 4px 0 var(--comic-black);border-radius:999px;place-items:center;margin-bottom:12px;display:grid}.profile-header h1{color:var(--comic-red);text-shadow:2px 2px 0 var(--comic-yellow);margin:0;font-family:Bangers,cursive;font-size:32px}.profile-header p{color:var(--comic-blue);margin:4px 0 0;font-family:Comic Neue,cursive;font-size:14px;font-weight:700}.profile-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.profile-stat{background:var(--comic-white);border:3px solid var(--comic-black);box-shadow:4px 4px 0 var(--comic-black);border-radius:16px;flex-direction:column;align-items:center;padding:14px 8px;display:flex}.profile-stat.gold{background:linear-gradient(135deg, #fff8dc 0%, var(--comic-yellow) 100%)}.profile-stat strong{color:var(--comic-red);text-shadow:2px 2px 0 var(--comic-black);font-family:Bangers,cursive;font-size:28px}.profile-stat span{letter-spacing:1px;text-transform:uppercase;color:var(--comic-blue);font-family:Comic Neue,cursive;font-size:10px}.page-header-img{border:3px solid var(--comic-black);width:100%;height:auto;box-shadow:4px 4px 0 var(--comic-black);border-radius:16px;display:block}.page-header-img--interactive{cursor:pointer}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home-event-poster{border:0;border-radius:18px;box-shadow:0 10px 28px #121a2433}.splash-modal{z-index:90;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.splash-card{background:#fff;border-radius:22px;width:min(100%,440px);max-height:calc(100dvh - 32px);position:relative;overflow:hidden;box-shadow:0 24px 60px #0d111747}.splash-photo{aspect-ratio:3/2;width:100%;max-height:calc(100dvh - 100px);overflow:hidden}.splash-photo img{object-fit:cover;width:100%;height:100%;display:block}.splash-copy{text-align:center;padding:16px 20px 20px}.splash-eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--comic-blue);background:#40c7e71f;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-family:Comic Neue,cursive;font-size:11px;font-weight:700;display:inline-block}.splash-copy h2{letter-spacing:.5px;color:var(--comic-black);margin:0 0 10px;font-family:Bangers,cursive;font-size:24px;line-height:1.1}.splash-copy p{color:#444;margin:0 0 18px;font-family:Comic Neue,cursive;font-size:13px;line-height:1.5}.splash-copy .primary-button{width:100%}.peti-modal,.splash-modal{overscroll-behavior:contain;overflow-y:auto}.peti-modal-card,.splash-card{margin:auto}@media (width<=480px){.peti-modal{align-items:start;padding:12px}.peti-modal-card{width:100%;max-height:calc(100dvh - 24px);box-shadow:8px 8px 0 var(--comic-black);border-radius:22px;padding:18px 16px 20px}.modal-close{width:40px;height:40px;top:10px;right:10px}.kupon-detail-ticket{margin:28px 0 14px}.kupon-detail-meta{margin:14px 0;padding:12px}.kupon-detail-meta div{align-items:flex-start;gap:8px}.kupon-detail-meta strong{text-align:right}.invoice-detail{padding-top:28px}.struk-product{align-items:flex-start;gap:10px}.splash-modal{align-items:start;padding:12px}.splash-card{width:min(100%,340px);max-height:calc(100dvh - 24px)}.splash-photo{max-height:calc(100dvh - 116px)}.splash-copy{padding:12px 16px 16px}}@media (height<=620px){.splash-photo{aspect-ratio:auto;height:min(56dvh,360px)}}@media (width<=480px){.peti-modal{place-items:center;padding:16px;display:grid;overflow-y:auto}.peti-modal-card.invoice-detail-modal{border:3px solid var(--comic-black);width:min(100%,440px);min-height:auto;max-height:calc(100dvh - 32px);box-shadow:8px 8px 0 var(--comic-black);border-radius:22px;padding:24px 16px 20px;overflow-y:auto}}.async-loading,.boot-loading,.async-empty{color:var(--comic-black);text-align:center;padding:24px 16px;font-family:Comic Neue,cursive;font-size:14px;font-weight:700}.error-message{color:var(--comic-red);text-align:center;border:2px dashed var(--comic-red);background:#e6394614;border-radius:14px;justify-items:center;gap:10px;margin:8px 0;padding:16px;display:grid}.error-message p{color:var(--comic-black);margin:0;font-family:Comic Neue,cursive;font-size:13px;font-weight:700}.secondary-button.small{min-height:40px;padding:0 16px;font-size:13px}.field-error{color:var(--comic-red);padding-left:6px;font-family:Comic Neue,cursive;font-size:12px;font-weight:700}.form-success{color:#2e7d32;text-align:center;background:#4caf501f;border:2px solid #4caf50;border-radius:10px;margin:0;padding:10px 14px;font-family:Comic Neue,cursive;font-size:13px;font-weight:700}.config-error-card{text-align:center;color:var(--comic-red);justify-items:center;gap:10px;display:grid}.config-error-list{color:var(--comic-black);margin:0;padding:0;font-family:Comic Neue,cursive;font-size:12px;list-style:none}.points-card{color:var(--comic-black);background:linear-gradient(135deg, #fff8dc 0%, var(--comic-yellow) 100%);border:3px solid var(--comic-black);box-shadow:5px 5px 0 var(--comic-black);border-radius:18px;align-items:center;gap:14px;margin-bottom:18px;padding:16px 18px;display:flex}.points-card svg{color:var(--comic-red);flex-shrink:0}.points-card span{letter-spacing:1px;text-transform:uppercase;color:var(--comic-blue);font-family:Comic Neue,cursive;font-size:11px;display:block}.points-card strong{color:var(--comic-red);text-shadow:1px 1px 0 var(--comic-black);font-family:Bangers,cursive;font-size:26px}.profile-points{color:var(--comic-red)!important;font-family:Bangers,cursive!important;font-size:18px!important}.invoice-note{color:var(--comic-black);opacity:.6;text-align:center;margin:10px 0 0;font-family:Comic Neue,cursive;font-size:11px}.profile-actions{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.profile-actions button{justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.change-pin-form{background:var(--comic-white);border:3px solid var(--comic-black);box-shadow:5px 5px 0 var(--comic-black);border-radius:18px;gap:14px;margin-bottom:18px;padding:18px;display:grid;overflow:hidden}.form-actions{gap:10px;display:flex}.form-actions button{flex:1}