@font-face{font-family:iCiel Soup of Justice;src:url(/assets/iCielSoupofJustice-Djpb1TEQ.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Futura Bold;src:url(/assets/Futura%20Bold-DwjaiIFO.TTF) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Elle Futura Bold;src:url(/assets/Elle%20Futura-Bold-p2V8v-Hi.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:SFU Futura Book;src:url(/assets/SFUFuturaBook-C72zNhPX.TTF) format("truetype");font-weight:400;font-style:normal}:root{--color-primary: #005cb9;--color-primary-dark: #00458c;--color-secondary: #ff8500;--color-secondary-dark: #d67000;--color-success: #28a745;--color-danger: #dc3545;--color-bg-light: #e6f0fa;--color-white: #ffffff;--color-text-dark: #0d1e3d;--color-text-muted: #64748b;--font-title: "iCiel Soup of Justice", "Futura Bold", "Elle Futura Bold", sans-serif;--font-body: "SFU Futura Book", sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 4px 6px -1px rgba(0, 92, 185, .1);--shadow-md: 0 10px 20px -3px rgba(0, 92, 185, .15);--shadow-lg: 0 20px 25px -5px rgba(0, 92, 185, .2);--shadow-glow: 0 0 25px rgba(255, 133, 0, .6);--shadow-win: 0 0 30px rgba(40, 167, 69, .8)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);color:var(--color-text-dark);background-color:#0f172a;overflow:hidden;height:100vh;height:100dvh;width:100vw;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image .4s ease-in-out}body.bg-home{background-image:url(/assets/home-bg-BV9e2oT7.svg)}body.bg-game{background-image:url(/assets/game-bg-BMQtELhw.svg)}body.bg-lose{background-image:url(/assets/lose-bg-CrMu8ZjP.svg)}#app-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}#app-container{position:relative;width:480px;height:853px;background-color:transparent;overflow:hidden;display:flex;flex-direction:column;transform:scale(var(--app-scale, 1));transform-origin:center center;flex-shrink:0}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:10;opacity:1;visibility:visible;transition:opacity .4s cubic-bezier(.25,.8,.25,1),visibility .4s allow-discrete,display .4s allow-discrete;transition-behavior:allow-discrete}.screen[hidden]{display:none!important;opacity:0;visibility:hidden}@starting-style{.screen:not([hidden]){opacity:0}}.screen-bg,.overlay-bg{display:none!important}.screen-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 100%;background-position:center;z-index:0;pointer-events:none}.home-bg,.game-bg,.lose-bg{background-size:100% 100%;background-position:center;background-repeat:no-repeat}.home-bg{background-image:url(/assets/home-bg-BV9e2oT7.svg)}.game-bg{background-image:url(/assets/game-bg-BMQtELhw.svg)}.lose-bg{background-image:url(/assets/lose-bg-CrMu8ZjP.svg)}.content-wrapper{position:relative;z-index:5;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:30px 24px}.glass-card{background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:0 12px 32px #005cb91f;width:100%;padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:18px;letter-spacing:.5px;padding:16px 36px;border-radius:50px;border:none;cursor:pointer;width:100%;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 16px #00000026;position:relative;overflow:hidden;text-decoration:none}.btn:after{content:"";position:absolute;top:0;left:125%;width:200%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:skew(-25deg);transition:.75s;pointer-events:none}.btn:hover:after{left:125%}.btn-primary{background:linear-gradient(135deg,#0076eb 0%,var(--color-primary) 100%);color:var(--color-white);border-bottom:4px solid var(--color-primary-dark)}.btn-primary:active{transform:translateY(2px);border-bottom-width:1px;box-shadow:0 3px 8px #005cb94d}.btn-secondary{background:linear-gradient(135deg,#ffa233 0%,var(--color-secondary) 100%);color:var(--color-white);border-bottom:4px solid var(--color-secondary-dark)}.btn-secondary:active{transform:translateY(2px);border-bottom-width:1px;box-shadow:0 3px 8px #ff85004d}.btn-secondary:disabled{background:#cbd5e1;color:#94a3b8;border-bottom:4px solid #94a3b8;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:none}.btn-outline:active{background:#005cb914}.btn-back{position:absolute;top:24px;left:24px;width:44px;height:44px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(255,255,255,.4);color:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;box-shadow:var(--shadow-sm);transition:all .2s ease}.btn-back:active{transform:scale(.9);background:#fff}.pulse{animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}#screen-intro .content-wrapper{padding:12px 16px 120px;box-sizing:border-box}.logo-container{width:100%;display:flex;justify-content:center;margin-top:5px}.brand-logo{height:42px;width:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));margin-bottom:4px}.brand-logo-small{height:50px;width:auto;margin-bottom:15px}.title-container-curved{width:100%;max-width:640px;margin-top:5px;margin-bottom:10px;display:flex;justify-content:center;align-items:center;position:relative;z-index:10}.curved-title-svg{width:100%;height:auto;overflow:visible}.curved-title-svg text{font-family:var(--font-title);font-size:62px;font-weight:700;letter-spacing:-.5px;filter:drop-shadow(0px 3.5px 0px #ffffff) drop-shadow(0px 6px 8px rgba(0,92,185,.25))}.curved-line-1{fill:var(--color-primary)}.curved-line-2{fill:#3b82f6}.intro-middle-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:380px;margin:10px auto 0}.decor-row-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;margin-bottom:20px;padding:10px;box-sizing:border-box}.decor-row-item{height:auto;display:flex;align-items:center;justify-content:center;position:relative}.decor-row-item:nth-child(1){width:140px;margin-left:0}.decor-row-item:nth-child(2){width:95px;margin-left:-48px}.decor-row-item:nth-child(3){width:95px;margin-left:-48px}.decor-row-item:nth-child(4){width:140px;margin-left:-48px}.decor-row-item img{width:100%;height:auto;filter:drop-shadow(0 6px 12px rgba(0,0,0,.12))}.decor-row-item:nth-child(1) img{transform:translateY(-49px) rotate(-12deg)}.decor-row-item:nth-child(4) img{transform:translateY(-83px) rotate(12deg)}.decor-row-item:nth-child(1){z-index:1;animation:float-y 4s ease-in-out infinite}.decor-row-item:nth-child(2){z-index:4;animation:float-diag 5s ease-in-out infinite}.decor-row-item:nth-child(3){z-index:3;animation:float-x 4.5s ease-in-out infinite}.decor-row-item:nth-child(4){z-index:2;animation:float-y 3.5s ease-in-out infinite alternate}.btn-start-custom{width:auto;min-width:165px;padding:6px 18px;font-family:var(--font-title);font-size:32px;border-radius:14px;border:none;background:#005cb9;color:#fff;margin-top:-75px;position:relative;z-index:10;overflow:visible;box-shadow:0 0 0 2px #005cb9,0 0 0 7px #fff,0 0 0 9px #005cb9,0 8px 16px #005cb959;text-shadow:0 1.5px 2px rgba(0,0,0,.3);transition:all .2s ease-in-out}.btn-start-custom:before{content:"";position:absolute;top:3px;left:3px;right:3px;height:calc(50% - 1.5px);background:linear-gradient(to bottom,#fff6,#ffffff1a);border-radius:11px 11px 3px 3px;pointer-events:none;z-index:2}.btn-start-custom:hover{background:#004da3;box-shadow:0 0 0 2px #004da3,0 0 0 7px #fff,0 0 0 9px #004da3,0 12px 24px #005cb973}.btn-start-custom:active{transform:scale(.96)!important;background:#003d80;box-shadow:0 0 0 2px #003d80,0 0 0 5px #fff,0 0 0 7px #003d80,0 6px 12px #005cb940}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float-x{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(12px) rotate(5deg)}}@keyframes float-diag{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(8px,-12px) rotate(-6deg)}}#screen-phone .content-wrapper{justify-content:flex-start;padding:15px 24px 80px;box-sizing:border-box}.phone-subtitle{font-family:var(--font-body);color:#e96d1f;font-size:19px;line-height:1.4;text-align:center;margin-top:-15px;margin-bottom:12px;max-width:340px;font-weight:700}.phone-game-container{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:5px}.phone-display-container{width:100%;display:flex;justify-content:center}.phone-display-wrapper{position:relative;width:100%;max-width:290px}.phone-display-field{width:100%;height:58px;background-color:#fff;border:2.5px solid #005cb9;border-radius:12px;box-shadow:0 4px 10px #005cb91a;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:36px;color:#005cb9;letter-spacing:1.5px;padding:0 35px;white-space:nowrap;line-height:1;margin-bottom:22px;position:relative;box-sizing:border-box}.phone-display-field.has-value{padding-bottom:14px}.phone-display-field:empty:before{content:attr(data-placeholder);font-family:var(--font-body);font-size:15px;color:#94a3b8;letter-spacing:0;line-height:1}.phone-backspace-btn{position:absolute;right:12px;top:42%;transform:translateY(-50%);background:none;border:none;color:#005cb9;font-size:26px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;padding:4px 4px 13px;transition:transform .15s ease,opacity .15s ease}.phone-backspace-btn[hidden]{display:none!important}.phone-backspace-btn:active{transform:translateY(-50%) scale(.85);opacity:.7}.btn-submit-phone{width:auto;min-width:150px;height:48px;padding:4px 16px;font-family:var(--font-title);font-size:24px;border-radius:14px;border:none;background:#005cb9;color:#fff;margin-top:5px;margin-bottom:18px;position:relative;overflow:visible;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 0 2px #005cb9,0 0 0 6px #fff,0 0 0 8px #005cb9,0 6px 12px #005cb94d;text-shadow:0 1.5px 2px rgba(0,0,0,.3);transition:all .2s ease-in-out}.btn-submit-phone:before{content:"";position:absolute;top:3px;left:3px;right:3px;height:calc(50% - 1px);background:linear-gradient(to bottom,#fff6,#ffffff1a);border-radius:11px 11px 2px 2px;pointer-events:none;z-index:2}.btn-submit-phone:hover:not(:disabled){background:#004da3;box-shadow:0 0 0 2px #004da3,0 0 0 6px #fff,0 0 0 8px #004da3,0 8px 16px #005cb966}.btn-submit-phone:active:not(:disabled){transform:scale(.96)!important;background:#003d80;box-shadow:0 0 0 2px #003d80,0 0 0 4px #fff,0 0 0 6px #003d80,0 4px 8px #005cb940}.btn-submit-phone:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;box-shadow:none!important;transform:none!important;text-shadow:none}.btn-submit-phone:disabled:before{display:none}.keypad-container{width:100%;display:flex;justify-content:center;margin-top:5px}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 20px;width:100%;max-width:270px;margin:0 auto}.keypad-key{aspect-ratio:1/1;border-radius:50%;border:3.5px solid #ffffff;background:linear-gradient(135deg,#ff9436,#ff611d);color:#fff;font-family:var(--font-title);font-size:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px #d9510e,0 6px 12px #d9510e4d;transition:all .15s ease;-webkit-user-select:none;user-select:none;position:relative;padding-bottom:6px}.keypad-key:before{content:"";position:absolute;top:2px;left:2px;right:2px;height:calc(50% - 1px);background:linear-gradient(to bottom,#ffffff59,#ffffff0d);border-radius:50% 50% 10% 10%/80% 80% 20% 20%;pointer-events:none}.keypad-key:active{transform:translateY(3px);box-shadow:0 1px #d9510e,0 2px 6px #d9510e40}.keypad-empty{pointer-events:none}#screen-items .content-wrapper{justify-content:flex-start;padding:24px 20px 20px;align-items:center}#screen-items .curved-title-svg text{font-size:60px}.selection-logo-container{width:100%;display:flex;justify-content:center;margin-bottom:12px}.selection-subtitle{font-family:var(--font-body);font-size:18px;color:#e96d1f;text-align:center;line-height:1.5;max-width:320px;margin-bottom:8px;font-style:italic}.items-circle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 20px;width:100%;max-width:340px;margin:12px auto 0;padding:8px 16px;justify-items:center}.item-circle-card{width:160px;height:160px;border-radius:50%;border:3px solid #e87c3e;background:#ffffffeb;box-shadow:0 6px 20px #e87c3e33,inset 0 0 0 6px #fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s ease;position:relative;overflow:hidden}.item-circle-card:hover{transform:scale(1.07);box-shadow:0 12px 30px #e87c3e59,inset 0 0 0 6px #fffc;border-color:#c0540f}.item-circle-card:active{transform:scale(.95);box-shadow:0 4px 12px #e87c3e33}.item-circle-center{grid-column:1 / -1;justify-self:center}.item-circle-img{width:80%;height:80%;display:flex;align-items:center;justify-content:center}.item-circle-img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}#screen-gameplay{display:flex;flex-direction:column;overflow:hidden}#screen-gameplay .btn-quit{position:absolute;top:18px;right:18px;z-index:50;width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(255,255,255,.4);color:var(--color-text-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease}#screen-gameplay .btn-quit:active{transform:scale(.9)}.gameplay-top{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;padding:14px 20px 8px;flex-shrink:0}.gameplay-logo-container{display:flex;justify-content:center;margin-bottom:4px}.gameplay-center{position:relative;z-index:5;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 0}.puzzle-column{display:flex;flex-direction:column;width:100%;max-width:281px}.puzzle-labels-row{position:relative;width:100%;height:44px;flex-shrink:0;margin-bottom:4px}.puzzle-board-wrapper{width:100%;flex-shrink:0;position:relative}#puzzle-board{position:relative;width:100%;aspect-ratio:5 / 7;background:none;border:none;transition:box-shadow .4s ease}#puzzle-board.merged{box-shadow:var(--shadow-lg)}#puzzle-board.win-glow{box-shadow:var(--shadow-win);animation:pulse-win 1.5s infinite alternate}@keyframes pulse-win{0%{box-shadow:0 0 15px #28a74566}to{box-shadow:0 0 35px #28a745cc}}.game-status-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:none;display:flex;align-items:center;justify-content:center;z-index:60;opacity:1;transition:opacity .3s ease}.game-status-overlay.hidden{opacity:0;pointer-events:none}#game-status-text{font-family:var(--font-title);font-size:20px;color:#005cb9;text-shadow:0 1px 0 #fff,0 2px 8px rgba(0,92,185,.15);animation:pulse-text .8s infinite alternate;background:#ffffffbf;padding:6px 18px;border-radius:20px}.piece{position:absolute;top:0;height:100%;cursor:pointer;background-repeat:no-repeat;transition:left .4s cubic-bezier(.25,.8,.25,1.1),width .4s cubic-bezier(.25,.8,.25,1.1),border-radius .4s ease,border-width .4s ease,border-color .4s ease,box-shadow .4s ease,transform .3s ease;z-index:20;background-size:400% 100%}.piece.shuffled{width:calc(25% - 22.5px)}.piece.shuffling{animation:shuffle-wiggle 1.8s ease-in-out infinite}@keyframes shuffle-wiggle{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-3deg) scale(.96) translate(-2px,3px)}50%{transform:rotate(3deg) scale(.98) translate(3px,-2px)}75%{transform:rotate(-2deg) scale(.95) translate(-3px,-3px)}to{transform:rotate(0) scale(1)}}.piece-label{position:absolute;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ffa233,#ff8500);color:#fff;font-family:var(--font-title);font-size:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #ff850066,0 0 0 2.5px #fff;pointer-events:none;transition:background .2s ease,transform .2s ease}.piece-label.selected{background:linear-gradient(135deg,#3b82f6,#005cb9);box-shadow:0 3px 8px #005cb980,0 0 0 2.5px #fff;transform:translate(-50%,-50%) scale(1.1)}.piece.selected{transform:translateY(-10px);border-color:var(--color-secondary);box-shadow:var(--shadow-glow);z-index:30}.piece.merged-piece{width:25%!important;left:calc(var(--slot-idx) * 25%)!important;border-radius:0!important;border-width:0!important;box-shadow:none!important}.piece-badge{position:absolute;top:15px;left:50%;transform:translate(-50%);width:32px;height:32px;border-radius:50%;background-color:var(--color-secondary);color:var(--color-white);font-family:var(--font-title);font-size:18px;font-weight:400;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #ff850066;border:2px solid var(--color-white);z-index:45;pointer-events:none;animation:badge-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes badge-pop{0%{transform:translate(-50%) scale(0);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.gameplay-bottom{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:12px 24px 20px;flex-shrink:0}.countdown-circle{position:relative;width:90px;height:90px;border-radius:50%;background:#ffffffeb;border:4px solid #ff8500;box-shadow:0 4px 16px #ff85004d;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.countdown-number{font-family:var(--font-body);font-size:56px;color:#ff8500;line-height:1;position:relative;z-index:2}.countdown-number.warning{color:var(--color-danger);animation:pulse-text .5s infinite alternate}.countdown-circle .timer-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;background:#f0d0b0;z-index:1}.countdown-circle .timer-progress-fill{height:100%;width:100%;background:#ff8500;transition:width 1s linear,background-color .5s ease}.countdown-circle .timer-progress-fill.warning{background:var(--color-danger);animation:pulse-bar .5s infinite alternate}.original-item-preview{width:120px;height:120px;border-radius:12px;border:3px solid #ff8500;background:#fffffff2;box-shadow:0 4px 16px #ff850033;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.original-item-preview img{width:100%;height:100%;object-fit:contain;padding:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.timer-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#cbd5e1}.timer-progress-fill{height:100%;width:100%;background:var(--color-primary);transition:width 1s linear,background-color .5s ease}.timer-progress-fill.warning{background:var(--color-danger);animation:pulse-bar .5s infinite alternate}@keyframes pulse-bar{0%{opacity:.7}to{opacity:1}}@keyframes pulse-text{0%{transform:scale(1)}to{transform:scale(1.1)}}.gameplay-instructions,#instruction-text{display:none}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;opacity:1;visibility:visible;transition:opacity .4s ease,visibility .4s allow-discrete,display .4s allow-discrete;transition-behavior:allow-discrete}.overlay.hidden{display:none!important;opacity:0;visibility:hidden}@starting-style{.overlay:not([hidden]){opacity:0}}.overlay-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#confetti-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}.overlay-content{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px;max-width:360px;animation:pop-in .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes pop-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.win-screen-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:24px 20px 32px;animation:pop-in .5s cubic-bezier(.175,.885,.32,1.275) forwards}.win-logo-container{width:100%;display:flex;justify-content:center;margin-bottom:4px}.win-bingo-title{font-family:var(--font-title);font-size:clamp(72px,22vw,96px);color:#005cb9;letter-spacing:2px;line-height:1;margin:0 0 8px;animation:bingo-pop .6s cubic-bezier(.175,.885,.32,1.4) forwards}@keyframes bingo-pop{0%{transform:scale(.5) rotate(-8deg);opacity:0}70%{transform:scale(1.1) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.win-subtitle{font-family:var(--font-body);font-size:24px;color:#e96d1f;text-align:center;line-height:1.5;font-style:italic;margin-top:28px}.win-product-container{min-height:0;display:flex;align-items:center;justify-content:center;width:100%;max-width:260px;max-height:300px;padding:8px;margin-top:28px;margin-bottom:28px}.win-product-container img{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,92,185,.25));animation:float-product 3s ease-in-out infinite}@keyframes float-product{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.win-actions{display:flex;justify-content:center;align-items:center;margin-top:8px}.btn-win-replay{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,#3fa3f5,#005cb9);border:3px solid rgba(255,255,255,.8);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px #003d80,0 6px 20px #005cb966;transition:all .15s ease;padding-bottom:4px}.btn-win-replay:active{transform:translateY(4px);box-shadow:0 0 #003d80,0 2px 8px #005cb94d}.win-sparkle{font-size:48px;line-height:1;animation:pulse-win-sparkle 1s infinite alternate}@keyframes pulse-win-sparkle{0%{transform:scale(.9)}to{transform:scale(1.1)}}.lose-emoji{font-size:54px;line-height:1;animation:float-y 3s ease-in-out infinite}.result-title{font-family:var(--font-title);font-size:36px;letter-spacing:.5px}.win-text{color:var(--color-success);text-shadow:0 2px 0 var(--color-white)}.lose-text{color:#c20000;text-shadow:0 2px 0 var(--color-white)}.result-description{font-size:14px;color:var(--color-text-muted);line-height:1.5}.result-preview-container{width:120px;aspect-ratio:3/4;border-radius:var(--radius-sm);background:var(--color-white);border:3px solid var(--color-white);box-shadow:var(--shadow-md);overflow:hidden;margin:10px 0}.result-preview-container img{width:100%;height:100%;object-fit:contain}.incorrect-preview{position:relative;width:150px;aspect-ratio:3/4;background-color:#005cb90d;border:3px solid #c20000;box-shadow:var(--shadow-sm)}.incorrect-preview .piece{transition:none!important;border-width:0!important;box-shadow:none!important;border-radius:0!important}.result-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:10px}.dialog-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:120;display:flex;align-items:center;justify-content:center;padding:30px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease}.dialog-overlay.hidden{opacity:0;pointer-events:none;display:none!important}.dialog-content{max-width:320px;text-align:center;display:flex;flex-direction:column;gap:16px;animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275) forwards}.dialog-content h3{font-family:var(--font-title);font-size:22px;color:var(--color-primary)}.dialog-content p{font-size:14px;color:var(--color-text-dark);line-height:1.5}.phone-highlight{font-family:var(--font-title);font-size:24px;color:var(--color-secondary);background:#fff8f0;padding:8px 16px;border-radius:12px;border:1px dashed var(--color-secondary);letter-spacing:1px}.lose-screen-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:24px 20px 32px;box-sizing:border-box;animation:pop-in .5s cubic-bezier(.175,.885,.32,1.275) forwards}.lose-logo-container{width:100%;display:flex;justify-content:center;margin-top:5px;margin-bottom:4px}.lose-title-container{margin-top:5px;margin-bottom:10px}.lose-subtitle{font-family:var(--font-body);color:#e96d1f;font-size:24px;line-height:1.4;text-align:center;margin-top:10px;margin-bottom:20px;max-width:380px;font-weight:700}.lose-product-container{min-height:0;display:flex;align-items:center;justify-content:center;width:100%;max-width:200px;max-height:280px;padding:8px;margin-top:12px;margin-bottom:12px;box-sizing:border-box}.lose-product-container #lose-preview-board{position:relative;width:100%;aspect-ratio:5 / 7;border-radius:12px;background:#fff;border:3.5px solid #ff8500;box-shadow:0 8px 24px #005cb933;overflow:hidden;animation:float-product 3s ease-in-out infinite}.lose-product-container #lose-preview-board .piece{transition:none!important;border-width:0!important;box-shadow:none!important;border-radius:0!important}.lose-spacer{flex:1}.lose-actions{display:flex;justify-content:center;align-items:center;margin-top:auto;margin-bottom:40px}.lose-replay-wrapper{background:#fff;border:2.5px solid #005cb9;border-radius:20px;padding:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #005cb926}.btn-lose-replay{width:72px;height:72px;border-radius:15px;background:linear-gradient(135deg,#3fa3f5,#005cb9);border:3px solid rgba(255,255,255,.8);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px #003d80,0 6px 20px #005cb966;transition:all .15s ease;padding-bottom:4px}.btn-lose-replay:active{transform:translateY(4px);box-shadow:0 0 #003d80,0 2px 8px #005cb94d}.btn-lose-replay svg{stroke-width:2.5px}#screen-gameplay:has(#overlay-win:not(.hidden))>*:not(#overlay-win):not(#dialog-gift),#screen-gameplay:has(#overlay-lose:not(.hidden))>*:not(#overlay-lose):not(#dialog-gift),#screen-gameplay:has(#dialog-gift:not(.hidden))>*:not(#overlay-win):not(#dialog-gift){display:none!important}