@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap";:root{--red-950:#4a0710;--red-900:#760812;--red-800:#9f0715;--red-700:#c20a1c;--red-600:#df1227;--gold:#ffd43b;--gold-deep:#f3a917;--cream:#fff8e7;--ink:#351016}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#7d0713}body{min-width:320px;color:var(--cream);background:#7d0713;margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}::selection{color:var(--red-950);background:var(--gold)}.lucky-page{isolation:isolate;background:radial-gradient(circle at 50% -15%,#ffd23238,#0000 37%),radial-gradient(circle at 6% 55%,#ff6f262e,#0000 28%),linear-gradient(135deg,#860713 0%,#b20a19 48%,#760611 100%);min-height:100svh;position:relative;overflow:hidden}.lucky-page:before{z-index:-3;content:"";opacity:.32;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.lucky-page:after{z-index:-2;content:"★";color:#ffd43b0b;width:70vw;height:70vw;font-size:70vw;line-height:1;position:absolute;bottom:-42vw;right:-12vw;transform:rotate(-12deg)}.ambient{z-index:-1;border:1px solid #ffd64d1f;border-radius:50%;width:260px;height:260px;position:absolute}.ambient:before,.ambient:after{content:"";border:inherit;border-radius:inherit;position:absolute;inset:18%}.ambient:after{inset:36%}.ambient-one{top:9%;left:-150px}.ambient-two{width:360px;height:360px;bottom:3%;right:-190px}.site-header{border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;width:min(1220px,100% - 64px);height:76px;margin:0 auto;display:flex}.brand{color:#fff;align-items:center;min-width:86px;height:54px;text-decoration:none;display:inline-flex}.brand-logo{object-fit:contain;object-position:left center;width:auto;max-width:180px;height:42px;display:block}.brand-fallback{letter-spacing:.16em;font-size:20px;font-weight:900}.event-pill{color:#ffe6a0;letter-spacing:.04em;background:#4100083d;border:1px solid #ffdd6438;border-radius:99px;align-items:center;gap:9px;padding:9px 15px;font-size:12px;font-weight:600;display:inline-flex}.event-pill span{color:var(--gold)}.game-shell{grid-template:"board hero""board action"/minmax(380px,600px) minmax(320px,1fr);align-content:center;align-items:center;gap:clamp(22px,3.4vh,32px) clamp(40px,6vw,96px);width:min(1220px,100% - 64px);height:calc(100svh - 76px);min-height:0;margin:0 auto;padding:clamp(22px,4vh,40px) 0;display:grid}.game-board-wrap{color:#fff;background:linear-gradient(145deg,#cf1222f7,#820511fa);border:1px solid #ffdc6f59;border-radius:28px;grid-area:board;width:min(100%,100svh - 176px);max-width:600px;padding:clamp(58px,7.5vh,72px) clamp(22px,3.2vh,36px) clamp(22px,3.2vh,36px);position:relative;box-shadow:0 36px 90px #2c00056b,inset 0 1px #ffffff2e}.game-board-wrap:before{pointer-events:none;content:"";border:1px solid #ffd43b2b;border-radius:10px 10px 21px 21px;position:absolute;inset:36px 10px 10px;box-shadow:inset 0 0 26px #ff693314}.game-board-wrap:after{z-index:0;content:"";opacity:.13;background:linear-gradient(90deg,#0000,#ffdb55 28%,#fff0a2 50%,#ffdb55 72%,#0000);width:15%;position:absolute;top:32px;bottom:10px;left:50%;transform:translate(-50%)}.gift-lid{z-index:3;background:linear-gradient(90deg,#8c0711 0%,#ef3843 22%,#ff6665 50%,#df1c2b 78%,#7a050d 100%);border:1px solid #ffda7580;border-radius:25px 25px 7px 7px;height:59px;position:absolute;top:-10px;left:-17px;right:-17px;box-shadow:0 15px 19px #39000666,inset 0 2px #ffffff47}.gift-lid:after{content:"";background:linear-gradient(90deg,#f7c453,#fff4bf 50%,#e8a42f);border-radius:2px 2px 7px 7px;height:9px;position:absolute;bottom:-8px;left:-5px;right:-5px;box-shadow:0 3px 6px #46000559}.gift-lid span{background:linear-gradient(90deg,#db9518bf,#ffe77d 48%,#cf7e09cc);width:16%;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.gift-bow-image{z-index:4;pointer-events:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 7px #41110057);width:65%;height:auto;display:block;position:absolute;top:-70px;left:50%;transform:translate(-50%)}.flag-grid{z-index:1;perspective:900px;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(7px,1vw,12px);margin-top:18px;display:grid;position:relative}.flag-card{aspect-ratio:1;cursor:pointer;perspective:900px;background:0 0;border:0;border-radius:13px;min-width:0;padding:0;position:relative}.flag-card:disabled{cursor:wait}.flag-card:not(:disabled):hover .flag-card-inner{transform:translateY(-4px)rotateX(4deg);box-shadow:0 10px 18px #3e000757}.flag-card:focus-visible{outline-offset:3px;outline:3px solid #fff}.flag-card-inner{border-radius:inherit;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.72,.2,1),box-shadow .2s;display:block;position:absolute;inset:0;box-shadow:0 5px 10px #39000647}.flag-card.is-flipped .flag-card-inner{transform:rotateY(180deg)scale(1.05);box-shadow:0 14px 28px #3a000773}.flag-face{backface-visibility:hidden;border-radius:inherit;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.flag-front{background:linear-gradient(145deg,#f31d32,#c50618);border:2px solid #ffdd67;box-shadow:inset 0 0 0 3px #83000d59,inset 0 1px 4px #ffffff4d}.flag-front:after{content:"";background:linear-gradient(100deg,#0000,#ffffff29,#0000);width:75%;height:100%;position:absolute;top:0;right:-45%;transform:skew(-20deg)}.flag-star{color:#ffe13d;filter:drop-shadow(0 2px 1px #76310059);font-size:clamp(22px,3.3vw,36px);line-height:1}.flag-back{color:#fff;background:radial-gradient(circle at 50% 38%,#ffd85b,#e79d08 72%);border:2px solid #fff0a8;font-size:clamp(24px,3.6vw,42px);transform:rotateY(180deg)}.flag-back:before{content:"";border:1px dashed #7a270066;border-radius:9px;position:absolute;inset:5px}.hero-content-media{grid-area:hero;align-self:end;width:min(100%,460px);display:block}.hero-content-image{object-fit:contain;object-position:left center;width:100%;height:auto;max-height:clamp(190px,38vh,340px);display:block}.primary-action{color:#6d090e;cursor:pointer;background:linear-gradient(135deg,#ffe775,#ffc42d);border:0;border-radius:14px;grid-area:action;justify-content:space-between;align-self:start;align-items:center;gap:20px;width:min(100%,330px);min-height:59px;padding:0 10px 0 23px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 32px #4400054d,inset 0 1px #fff}.primary-action:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 19px 38px #44000566,inset 0 1px #fff}.primary-action:active:not(:disabled){transform:translateY(0)}.primary-action:focus-visible{outline-offset:4px;outline:3px solid #fff}.primary-action:disabled{cursor:wait;opacity:.82}.button-shine{background:#ffffff6b;width:20%;height:210%;animation:3.6s ease-in-out infinite button-shine;position:absolute;top:-60%;left:-30%;transform:rotate(25deg)}.action-icon{color:#fff;background:#9e0814;border-radius:10px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:21px;display:grid}.modal-layer{z-index:20;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a0005b8;place-items:center;padding:20px;transition:opacity .25s;display:grid;position:fixed;inset:0}.modal-layer.is-open{opacity:1}.prize-modal{width:min(100%,420px);height:fit-content;color:var(--ink);text-align:center;background:linear-gradient(155deg,#fffdf6,#fff2cf);border:3px solid #ffd25d;border-radius:28px;padding:48px 34px 30px;transition:transform .4s cubic-bezier(.2,.9,.25,1.2);position:relative;overflow:hidden;transform:translateY(20px)scale(.92);box-shadow:0 40px 100px #2500048c}.modal-layer.is-open .prize-modal{transform:translateY(0)scale(1)}.prize-modal:before{content:"";background:radial-gradient(circle,#ffcc3266,#0000 68%);width:270px;height:180px;position:absolute;top:-95px;left:50%;transform:translate(-50%)}.modal-close{z-index:2;color:#8a5e55;cursor:pointer;background:#6f272114;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:24px;line-height:1;display:grid;position:absolute;top:15px;right:15px}.modal-close:hover{background:#6f272124}.modal-close:focus-visible,.claim-button:focus-visible{outline-offset:2px;outline:3px solid #c10b1c}.congrats{color:#bd0c1b;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:900;position:relative}.prize-modal h2{color:#670911;letter-spacing:-.03em;margin:0 0 12px;font-size:24px;font-weight:900;line-height:1.2}.prize-modal h3{color:#cf1025;margin:0 0 24px;font-size:24px;font-weight:800;line-height:1.35}.claim-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#df1227,#9c0714);border:0;border-radius:12px;width:100%;min-height:50px;margin-top:0;font-weight:800;box-shadow:0 10px 20px #85051038}.claim-button:hover{background:linear-gradient(135deg,#eb1b31,#a80716)}.confetti{pointer-events:none;position:absolute;inset:0}.confetti i{background:#e91329;width:7px;height:14px;animation:1.9s ease-out infinite confetti;position:absolute;top:-16px;left:50%}.confetti i:nth-child(3n){background:#ffc72f;border-radius:50%}.confetti i:nth-child(2n){background:#f0672a;width:10px;height:6px}.confetti i:first-child{--x:-180px;animation-delay:.1s}.confetti i:nth-child(2){--x:-150px;animation-delay:.6s}.confetti i:nth-child(3){--x:-110px;animation-delay:.3s}.confetti i:nth-child(4){--x:-75px;animation-delay:.8s}.confetti i:nth-child(5){--x:-35px;animation-delay:.2s}.confetti i:nth-child(6){--x:5px;animation-delay:.5s}.confetti i:nth-child(7){--x:40px;animation-delay:.9s}.confetti i:nth-child(8){--x:75px;animation-delay:.4s}.confetti i:nth-child(9){--x:110px;animation-delay:.1s}.confetti i:nth-child(10){--x:145px;animation-delay:.7s}.confetti i:nth-child(11){--x:175px;animation-delay:.35s}.confetti i:nth-child(12){--x:-130px;animation-delay:1s}.confetti i:nth-child(13){--x:130px;animation-delay:1.1s}.confetti i:nth-child(14){--x:20px;animation-delay:1.25s}@keyframes confetti{0%{opacity:0;transform:translate(0)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(var(--x), 440px) rotate(540deg)}}@keyframes button-shine{0%,55%{left:-35%}80%,to{left:125%}}@media (width<=980px){.site-header,.game-shell{width:min(100% - 44px,820px)}.site-header{height:64px}.game-shell{grid-template-columns:minmax(360px,1.1fr) minmax(250px,.8fr);gap:22px 36px;height:calc(100svh - 64px);padding:clamp(20px,3vh,30px) 0}.game-board-wrap{border-radius:24px;width:min(100%,100svh - 174px);padding:clamp(56px,7vh,66px) clamp(24px,3vh,30px) clamp(24px,3vh,30px)}.hero-content-image{max-height:270px}}@media (width<=720px){.lucky-page:after{width:100vw;height:100vw;font-size:100vw;bottom:-5vw;right:-25vw}.site-header{width:calc(100% - 28px);height:54px}.brand{min-width:70px;height:44px}.brand-logo{max-width:126px;height:34px}.brand-fallback{font-size:16px}.event-pill{padding:7px 10px;font-size:9px}.game-shell{grid-template:"hero""board""action"/1fr;justify-items:center;gap:clamp(12px,2vh,18px);width:min(100% - 28px,460px);height:calc(100svh - 54px);padding:12px 0 14px;display:grid}.hero-content-media{align-self:end;width:min(100%,350px);margin-bottom:clamp(62px,9vh,74px)}.hero-content-image{object-position:center;max-height:142px}.primary-action{border-radius:11px;width:min(100%,270px);min-height:45px;margin:0 auto;padding-left:17px;font-size:12px}.action-icon{border-radius:8px;flex-basis:34px;width:34px;height:34px}.game-board-wrap{width:min(100%,100svh - 360px);max-width:420px;padding:clamp(47px,7vh,58px) clamp(14px,4vw,20px) clamp(14px,4vw,20px)}.gift-lid{border-radius:19px 19px 6px 6px;height:46px;left:-10px;right:-10px}.gift-lid:after{height:7px;bottom:-6px}.flag-grid{gap:clamp(6px,2.2vw,10px);margin-top:14px}.flag-card{border-radius:10px}.flag-star{font-size:clamp(23px,8vw,34px)}}@media (width<=390px){.event-pill{max-width:130px;line-height:1.2}.game-shell{width:calc(100% - 22px)}.game-board-wrap{border-radius:20px;padding-inline:14px}.flag-grid{gap:6px;margin-top:12px}.flag-card{border-radius:8px}.flag-front{border-width:1.5px}.prize-modal{border-radius:23px;padding:30px 20px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}