.gg{--gg-night: #17102e;--gg-night-deep: #100a20;--gg-cream: #fff6e6;--gg-lilac: #d7c7df;--gg-orange: #ff9b3f;--gg-gold: #ffd27e;padding-block:clamp(64px,8vw,104px);background:radial-gradient(circle at 10% 100%,rgba(231,111,27,.1),transparent 32%),#f7f3ec}.gg [hidden]{display:none!important}.gg .gg-teaser{position:relative;scroll-margin-top:104px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:center;min-height:390px;overflow:hidden;isolation:isolate;border:1px solid rgba(255,209,141,.29);border-radius:34px;background:radial-gradient(circle at 83% 58%,rgba(255,141,56,.3),transparent 32%),radial-gradient(circle at 44% -20%,rgba(137,76,170,.36),transparent 50%),linear-gradient(125deg,#211637,#17102e 52%,#22122b);box-shadow:0 25px 65px #2a1a3133,inset 0 1px #ffffff1a;color:var(--gg-cream)}.gg .gg-teaser:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.55;background-image:radial-gradient(circle,#fff0ca 0 1px,transparent 1.5px),radial-gradient(circle,#ffc882 0 1.5px,transparent 2px);background-size:97px 91px,147px 127px;background-position:18px 24px,66px 48px;-webkit-mask-image:linear-gradient(90deg,transparent 20%,#000 100%);mask-image:linear-gradient(90deg,transparent 20%,#000 100%)}.gg .gg-teaser-copy{position:relative;z-index:2;padding:clamp(30px,5vw,68px);padding-right:15px}.gg .gg-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(255,204,132,.35);border-radius:999px;background:#ff8f361a;color:var(--gg-gold);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.gg .gg-kicker span{font-size:15px;line-height:1}.gg .gg-teaser h2{max-width:12ch;margin:18px 0 14px;color:#fffaf2;font-family:ui-rounded,Trebuchet MS,system-ui,sans-serif;font-size:clamp(38px,5vw,68px);font-weight:900;line-height:.98;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 5px 25px rgba(0,0,0,.17)}.gg .gg-teaser p{max-width:48ch;margin:0 0 25px;color:#e2d6e5;font-size:clamp(14px,1.5vw,17px);line-height:1.58}.gg .gg-open{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:54px;padding:12px 22px;border:1px solid rgba(255,225,166,.75);border-radius:15px;background:linear-gradient(180deg,#ffc36d,#ff963b);box-shadow:0 5px #ad4b21,0 12px 25px #ff7c2545;color:#291b2c;font-size:15px;font-weight:900;line-height:1.2;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.gg .gg-open span{font-size:23px;line-height:.8}.gg .gg-open:hover{transform:translateY(-2px);box-shadow:0 7px #ad4b21,0 16px 31px #ff7c2559}.gg .gg-open:active{transform:translateY(3px);box-shadow:0 2px #ad4b21}.gg .gg-open:focus-visible{outline:3px solid #fff4ce;outline-offset:4px}.gg .gg-teaser small{display:block;margin-top:18px;color:#c9bcd2;font-size:12px;line-height:1.5}.gg .gg-prize-card{display:flex;align-items:center;gap:16px;width:fit-content;max-width:100%;margin:-5px 0 23px;padding:12px 17px;border:1px solid rgba(255,216,143,.8);border-radius:17px;background:linear-gradient(110deg,#ffbb4c4d,#ffb44a14);box-shadow:0 8px 26px #ff963b1f,inset 0 1px #ffffff1f}.gg .gg-prize-card-amount{flex:none;color:#ffca73;font-family:ui-rounded,Trebuchet MS,system-ui,sans-serif;font-size:clamp(33px,3.6vw,46px);font-weight:950;line-height:1;letter-spacing:-.06em;white-space:nowrap;text-shadow:0 2px 18px rgba(255,167,61,.3)}.gg .gg-prize-card-copy{min-width:0}.gg .gg-prize-card-copy strong{display:block;color:#fff7e8;font-size:14px;font-weight:900;line-height:1.25}.gg .gg-teaser .gg-prize-card-copy small{display:block;margin-top:3px;color:#f2d8bf;font-size:11px;line-height:1.25}.gg .gg-teaser-art{position:relative;display:grid;place-items:center;align-self:stretch;min-width:0;min-height:390px}.gg .gg-teaser-art:before{content:"";position:absolute;width:min(85%,460px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,169,84,.72) 0%,rgba(255,141,57,.22) 38%,transparent 69%);filter:blur(13px)}.gg .gg-art-orbit{position:absolute;width:min(88%,470px);aspect-ratio:1;border:1px solid rgba(255,204,141,.17);border-radius:50%;transform:rotate(-18deg) scaleY(.72)}.gg .gg-art-orbit--two{width:min(105%,550px);border-style:dashed;border-color:#ffd19b1f;transform:rotate(17deg) scaleY(.75)}.gg .gg-teaser-art img{position:relative;z-index:1;display:block;width:min(95%,520px);max-height:405px;object-fit:contain;filter:drop-shadow(0 24px 22px rgba(0,0,0,.31));transform:rotate(4deg);animation:gg-float 4.5s ease-in-out infinite}.gg .gg-art-caption{position:absolute;right:26px;bottom:24px;z-index:2;max-width:170px;padding:9px 12px;border:1px solid rgba(255,232,195,.4);border-radius:12px;background:#1c0f27d9;color:#ffe0a1;font-size:11px;font-weight:800;line-height:1.3;text-align:center;transform:rotate(5deg)}@keyframes gg-float{50%{transform:translateY(-9px) rotate(2deg)}}@media(max-width:800px){.gg .gg-teaser{grid-template-columns:minmax(0,1fr) minmax(230px,.7fr)}.gg .gg-teaser-copy{padding:36px 0 36px 36px}.gg .gg-teaser h2{font-size:clamp(36px,5.5vw,54px)}}@media(max-width:650px){.gg .gg-teaser{scroll-margin-top:80px}.gg{padding-block:60px}.gg .gg-teaser{display:flex;flex-direction:column;align-items:stretch;border-radius:25px}.gg .gg-teaser-copy{padding:30px 26px 0}.gg .gg-teaser h2{max-width:15ch;margin-top:14px;font-size:clamp(36px,10vw,50px)}.gg .gg-teaser p{margin-bottom:20px;font-size:14px}.gg .gg-prize-card{width:100%;gap:12px;margin:-4px 0 18px;padding:11px 13px}.gg .gg-prize-card-amount{font-size:38px}.gg .gg-prize-card-copy strong{font-size:13px}.gg .gg-teaser .gg-prize-card-copy small{margin-top:3px;font-size:10px}.gg .gg-open{width:100%;min-height:52px}.gg .gg-teaser small{margin-top:14px;font-size:11px}.gg .gg-teaser-art{min-height:235px;max-height:265px;overflow:hidden}.gg .gg-teaser-art img{width:min(75%,300px);max-height:260px}.gg .gg-art-caption{right:12px;bottom:14px;font-size:10px}}@media(max-width:360px){.gg .gg-prize-card{gap:9px;padding:9px 10px}.gg .gg-prize-card-amount{font-size:34px}.gg .gg-prize-card-copy strong{font-size:12px}.gg .gg-teaser .gg-prize-card-copy small{font-size:9px}}@media(prefers-reduced-motion:reduce){.gg .gg-teaser-art img{animation:none}.gg .gg-open{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/ghost-game-teaser.css.map */
