@font-face{font-family:Ubuntu Sans;src:url(/assets/UbuntuSans-Variable.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Noto Display;src:url(/assets/NotoSansDisplay-Black.ttf) format("truetype");font-style:normal;font-weight:900;font-display:swap}:root{--u: min(calc(100vw / 390), calc(100vh / 844));--u: min(calc(100vw / 390), calc(100dvh / 844));--sw: min(100vw, calc(100vh * .55));--sw: min(100vw, calc(100dvh * .55));font-family:Ubuntu Sans,sans-serif;color:#fff8e4;background:#050205;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050205;-webkit-font-smoothing:antialiased}button{font:inherit}.page-shell{width:100vw;height:100vh;height:100dvh;display:flex;justify-content:center;align-items:stretch;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(94,21,55,.25),transparent 36%),#050205}.gold-rain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:22;overflow:hidden;pointer-events:none;perspective:900px}.gold-particle{position:absolute;top:-18vh;left:var(--particle-left);width:calc(var(--particle-size) * var(--u));height:calc(var(--particle-size) * var(--u));object-fit:contain;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 7px 8px rgba(0,0,0,.45)) drop-shadow(0 0 8px rgba(255,183,39,.3));animation:gold-fall var(--particle-duration) cubic-bezier(.18,.62,.32,1) var(--particle-delay) both}.gold-particle-ingot{width:calc(var(--particle-size) * 1.22 * var(--u))}.fortune-stage{width:100%;height:100%;position:relative;isolation:isolate;overflow:hidden;background-color:#140812;background-image:url(/assets/fortune-bg.png);background-size:100% 100%;background-repeat:no-repeat;box-shadow:0 0 60px #6b0e3747}.fortune-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(164,12,35,.16),transparent 31%)}.brand{position:absolute;top:4.2%;left:50%;width:calc(var(--sw) * .44);transform:translate(-50%);display:grid;justify-items:center;line-height:1}.brand-emblem{width:39%;aspect-ratio:1;object-fit:contain;margin-bottom:1.5%;filter:drop-shadow(0 4px 10px rgba(255,193,42,.16))}.brand-name{font-size:calc(26 * var(--u));font-weight:780;letter-spacing:.11em;color:#fffaf0}.brand-subtitle{margin-top:calc(5 * var(--u));font-size:calc(15 * var(--u));font-weight:800;letter-spacing:.42em;text-indent:.42em;color:#e6ae3d}.headline-block{position:absolute;top:20%;left:50%;width:calc(var(--sw) * .92);margin-left:calc(var(--sw) * -.46);text-align:center;transform-origin:50% 55%;animation:content-pop-in .68s cubic-bezier(.16,.88,.28,1.16) 80ms both}.headline-block h1{margin:0;font-family:Noto Display,Ubuntu Sans,sans-serif;font-size:calc(34 * var(--u));font-weight:900;line-height:1;letter-spacing:-.045em;color:#ffe274;text-shadow:0 2px 0 #8a4000,0 0 18px rgba(255,188,32,.32)}.bonus-lockup{margin-top:2.3%;display:flex;justify-content:center;align-items:center;gap:2.5%;line-height:.84}.bonus-kicker{font-family:Noto Display,sans-serif;font-size:calc(24 * var(--u));font-style:italic;font-weight:900;line-height:.9;text-align:right;color:#ffd85f;text-shadow:0 2px 0 #6e2705}.bonus-number{font-family:Noto Display,sans-serif;font-size:calc(82 * var(--u));font-style:italic;font-weight:900;letter-spacing:-.09em;padding-right:.09em;color:#ffc928;background:linear-gradient(180deg,#fff9c7,#ffc02b 42%,#ff8400 77%,#b71e02);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 0 #7e1304) drop-shadow(0 0 8px rgba(255,80,0,.55))}.instruction{min-height:calc(22 * var(--u));margin:1.8% 0 0;font-size:calc(16 * var(--u));font-weight:560;color:#f7edf1;transition:color .16s ease}.game-area{position:absolute;top:36.6%;left:50%;width:calc(var(--sw) * .84);height:39.6%;margin-left:calc(var(--sw) * -.42)}.game-board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none;filter:drop-shadow(0 8px 20px rgba(90,0,9,.45));transform-origin:center;animation:content-pop-in .72s cubic-bezier(.16,.88,.28,1.14) .3s both}.packet-grid{position:absolute;top:12%;right:16%;bottom:32.4%;left:16%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);column-gap:15%;row-gap:10%;transform-origin:center;animation:content-pop-in .72s cubic-bezier(.16,.88,.28,1.14) .47s both}.packet{position:relative;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer;border-radius:calc(18 * var(--u));outline:none;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,filter .18s ease;animation:packet-breathe 2.4s ease-in-out infinite}.packet:nth-child(2){animation-delay:.18s}.packet:nth-child(3){animation-delay:.36s}.packet:nth-child(4){animation-delay:.54s}.packet img{width:94%;height:94%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 6px 6px rgba(48,0,4,.52))}.packet:hover{animation-play-state:paused;transform:translateY(-3px) scale(1.03)}.packet:focus-visible{animation-play-state:paused;box-shadow:0 0 0 3px #fff0b2,0 0 0 6px #d99712}.packet-selected{animation:none;transform:translateY(-4px) scale(1.055);filter:drop-shadow(0 0 11px rgba(255,211,67,.9))}.packet-check{position:absolute;top:calc(-4 * var(--u));right:calc(-4 * var(--u));width:calc(23 * var(--u));height:calc(23 * var(--u));display:grid;place-items:center;border-radius:999px;border:2px solid #fff3ad;background:#bc1d2f;color:#fff;font-size:calc(13 * var(--u));font-weight:900;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease}.packet-selected .packet-check{opacity:1;transform:scale(1)}.cta-wrap{position:absolute;left:50%;top:78.7%;width:calc(var(--sw) * .58);transform:translate(-50%);transform-origin:center;z-index:3;animation:cta-pop-in .72s cubic-bezier(.16,.88,.28,1.16) .69s both}.start-button{width:100%;min-height:calc(58 * var(--u));padding:calc(10 * var(--u)) calc(22 * var(--u)) calc(12 * var(--u));border:calc(2 * var(--u)) solid #fff0a1;border-radius:999px;cursor:pointer;font-family:Noto Display,sans-serif;font-size:calc(33 * var(--u));line-height:1;letter-spacing:.035em;color:#7d170c;background:linear-gradient(180deg,#fff3aa,#ffc62f 48%,#e58b00);box-shadow:inset 0 -5px #8b3b0057,inset 0 2px #ffffff8c,0 0 0 3px #7e2c006b,0 0 22px #ffb5178f;text-shadow:0 1px 0 rgba(255,244,176,.7);transition:transform .14s ease,filter .14s ease;animation:button-breathe 1.85s ease-in-out infinite}.start-button:hover,.start-button:focus-visible{animation-play-state:paused;transform:translateY(-2px);filter:brightness(1.08)}.start-button:active{animation-play-state:paused;transform:translateY(1px)}.mascot{position:absolute;right:calc(50% - var(--sw) / 2);bottom:8.5%;z-index:4;width:calc(var(--sw) * .25);height:19%;object-fit:contain;object-position:bottom right;pointer-events:none;filter:drop-shadow(-7px 10px 12px rgba(0,0,0,.42));transform-origin:82% 100%;animation:mascot-pop-in .72s cubic-bezier(.16,.88,.28,1.16) .85s both}.gold-pile{position:absolute;left:50%;bottom:calc(-34 * var(--u));z-index:2;width:108%;height:calc(154 * var(--u));transform:translate(-50%);pointer-events:none;filter:drop-shadow(0 -2px 14px rgba(255,162,18,.18))}.gold-pile:before{content:"";position:absolute;left:11%;right:11%;bottom:calc(27 * var(--u));height:calc(42 * var(--u));border-radius:50%;background:#ffa00c2e;filter:blur(18px);animation:pile-glow-in .9s ease-out .9s both}.pile-piece{position:absolute;left:var(--pile-left);bottom:calc(var(--pile-bottom) * var(--u));z-index:var(--pile-layer);width:calc(var(--pile-size) * var(--u));height:calc(var(--pile-size) * var(--u));object-fit:contain;opacity:0;transform-origin:center 72%;will-change:transform,opacity;filter:drop-shadow(0 5px 5px rgba(27,2,4,.55)) drop-shadow(0 0 6px rgba(255,190,45,.2));animation:pile-land .72s cubic-bezier(.16,.78,.3,1.08) var(--pile-delay) both}.pile-piece-ingot{width:calc(var(--pile-size) * 1.22 * var(--u))}.reward-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:calc(22 * var(--u));background:#090208c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:overlay-in .18s ease-out}.reward-card{width:min(100%,calc(340 * var(--u)));padding:calc(28 * var(--u)) calc(22 * var(--u)) calc(24 * var(--u));text-align:center;border:calc(2 * var(--u)) solid #f4c34c;border-radius:calc(26 * var(--u));background:linear-gradient(180deg,#fffaf0,#f7ecd8);box-shadow:0 20px 70px #0009,0 0 34px #ffb51647;transform-origin:center;animation:content-pop-in .52s cubic-bezier(.16,.88,.28,1.14) both}.reward-card h2{margin:0;font-size:calc(26 * var(--u));line-height:1.25;font-weight:800;color:#7a1c34}.reward-card h2 strong{color:#b8860b}.reward-icon{display:inline-block;width:1.15em;height:1.15em;margin-right:.1em;vertical-align:-.18em;filter:drop-shadow(0 2px 3px rgba(122,28,52,.25))}.reward-desc{margin:calc(16 * var(--u)) 0 0;font-size:calc(17 * var(--u));line-height:1.45;color:#4a4340}.reward-desc strong{color:#3a3230;font-weight:800}.reward-note{margin:calc(14 * var(--u)) 0 0;font-size:calc(22 * var(--u));font-weight:800;color:#7a1c34}.reward-button{width:100%;margin-top:calc(22 * var(--u));min-height:calc(52 * var(--u));padding:calc(10 * var(--u)) calc(16 * var(--u));border:calc(2 * var(--u)) solid #fff0a1;border-radius:999px;cursor:pointer;font-size:calc(18 * var(--u));font-weight:900;letter-spacing:.02em;color:#7d170c;background:linear-gradient(180deg,#fff3aa,#ffc62f 48%,#e58b00);box-shadow:inset 0 -4px #8b3b0057,inset 0 2px #ffffff8c,0 0 0 3px #7e2c0052,0 0 18px #ffb51780;transition:transform .14s ease,filter .14s ease}.reward-button:hover,.reward-button:focus-visible{transform:translateY(-2px);filter:brightness(1.08)}.reward-button:active{transform:translateY(1px)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes content-pop-in{0%{opacity:0;transform:scale(.08);filter:brightness(1.55) blur(4px)}58%{opacity:1;transform:scale(1.1);filter:brightness(1.16) blur(0)}78%{transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes cta-pop-in{0%{opacity:0;transform:translate(-50%) scale(.08);filter:brightness(1.6) blur(4px)}58%{opacity:1;transform:translate(-50%) scale(1.12);filter:brightness(1.18) blur(0)}78%{transform:translate(-50%) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes mascot-pop-in{0%{opacity:0;transform:scale(.05) rotate(8deg);filter:brightness(1.5) blur(3px)}58%{opacity:1;transform:scale(1.14) rotate(-2deg);filter:brightness(1.12) blur(0)}78%{transform:scale(.95) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes packet-breathe{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 4px 5px rgba(56,0,4,.25))}50%{transform:translateY(-3px) scale(1.045);filter:drop-shadow(0 7px 9px rgba(48,0,4,.54)) drop-shadow(0 0 11px rgba(255,201,61,.48))}}@keyframes button-breathe{0%,to{transform:scale(1);filter:brightness(1);box-shadow:inset 0 -5px #8b3b0057,inset 0 2px #ffffff8c,0 0 0 3px #7e2c006b,0 0 18px #ffb5176b}50%{transform:scale(1.045);filter:brightness(1.08);box-shadow:inset 0 -5px #8b3b0047,inset 0 2px #ffffffad,0 0 0 4px #ffcd4a6b,0 0 34px #ffb517db}}@keyframes gold-fall{0%{opacity:0;transform:translate3d(0,-16vh,0) rotate(0) scale(.5)}8%{opacity:1}78%{opacity:1}to{opacity:0;transform:translate3d(var(--particle-drift),132vh,0) rotate(var(--particle-spin)) scale(1.05)}}@keyframes pile-land{0%{opacity:0;transform:translate3d(-22px,-115vh,0) rotate(-260deg) scale(.78)}58%{opacity:1;transform:translate3d(0,10px,0) rotate(var(--pile-rotation)) scale(1.08,.88)}76%{transform:translate3d(0,-7px,0) rotate(var(--pile-rotation)) scale(.96,1.04)}to{opacity:1;transform:translateZ(0) rotate(var(--pile-rotation)) scale(1)}}@keyframes pile-glow-in{0%{opacity:0;transform:scaleX(.35)}to{opacity:1;transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.gold-rain{display:none}.pile-piece{opacity:1;transform:rotate(var(--pile-rotation))}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}