@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-0.woff2) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(assets/font-1.woff2) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-2.woff2) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/font-3.woff2) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/font-4.woff2) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-5.woff2) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-6.woff2) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/font-7.woff2) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/font-8.woff2) format('truetype');
}

:root{color-scheme:dark;--gold:#f9d888;--muted:#bc9cbd}*{box-sizing:border-box}body{margin:0;background:#13071c;color:#fff5de;font-family:Manrope,Arial,sans-serif;min-height:100svh;display:grid;place-items:center;background-image:radial-gradient(ellipse at 50% 30%,#7d206e66,transparent 60%),repeating-linear-gradient(92deg,#23062c 0,#19071f 3%,#3c0d3c 6%,#210728 9%)}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #9afff1;outline-offset:5px}.stage{width:min(100%,480px);min-height:100svh;padding:26px 18px 18px;position:relative;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#77205f77,transparent 65%),linear-gradient(90deg,#16091c88,transparent 20%,transparent 80%,#16091c88);box-shadow:0 0 150px #0008}header{display:flex;align-items:center;justify-content:space-between}.edition,.eyebrow{font-size:9px;font-weight:700;letter-spacing:3px;color:var(--gold)}.sound{background:none;border:1px solid #ffffff24;border-radius:30px;color:var(--gold);font-size:17px;padding:7px 11px}.sound span{font-size:8px;letter-spacing:1px;vertical-align:middle}.logo{position:relative;margin:27px auto 8px;width:270px;line-height:.8;text-shadow:0 3px 0 #512716,0 6px 18px #000}.logo span{font:italic 600 56px/.9 'Cormorant Garamond',Georgia,serif;color:#fba7dc;display:block;transform:rotate(-7deg);padding-right:24px}.logo strong{display:block;font:700 84px/.85 'Cormorant Garamond',Georgia,serif;color:var(--gold);letter-spacing:-5px}.logo i{font-size:20px;color:#a6ffef;position:absolute;right:24px;top:9px;text-shadow:0 0 20px #5aeee7}.intro{font:italic 18px 'Cormorant Garamond',Georgia,serif;color:#d7b6ce;margin:20px 0 26px}.cabinet{position:relative;border:1px solid #dba54d;border-radius:100px 100px 23px 23px;padding:12px 10px 0;background:linear-gradient(145deg,#71436a,#210d32 25%,#4a1b59 75%,#986543);box-shadow:0 0 0 4px #241022,0 0 0 5px #936e3b,0 25px 55px #0009,inset 0 0 20px #ffd28c22}.marquee{display:flex;align-items:center;justify-content:space-around;min-height:92px;border-radius:90px 90px 0 0;background:radial-gradient(ellipse at bottom,#992b72,#300d40 78%);border-bottom:1px solid #bb8a4d;margin:0 1px 9px}.marquee small{display:block;font-size:8px;letter-spacing:3px;color:#e6bdce;margin-bottom:6px}.marquee b{font:700 34px 'Cormorant Garamond',Georgia,serif;color:#ffe3a1}.marquee em{font-size:24px;font-style:normal}.star{color:var(--gold);font-size:21px;text-shadow:0 0 12px #ffd276}.reels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;border:2px solid #d4a451;border-radius:9px;padding:6px;background:#170922;overflow:hidden;box-shadow:inset 0 0 25px #000}.reel{height:auto;aspect-ratio:1 / 3;min-width:0;overflow:hidden;position:relative;background:linear-gradient(90deg,#340b50,#662385 50%,#340b50);border-right:0}.reel:last-child{border-right:0}.strip{will-change:transform}.symbol{width:100%;height:auto;aspect-ratio:1;min-width:0;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.symbol img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #10031e) drop-shadow(0 0 5px #f4c66f33)}.reel:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 10px 12px #16041c88,inset 0 -10px 12px #16041c88}.reels.won{box-shadow:0 0 25px #efba40aa}.reels.won .symbol:first-child{background:#d59d3429}.caption{height:45px;display:grid;place-items:center;letter-spacing:3px;color:#efc781;font-size:9px;font-weight:800}.controls{display:flex;gap:14px;align-items:center;margin-top:27px}.step{font:600 20px 'Cormorant Garamond',Georgia,serif;white-space:nowrap;color:var(--gold)}.step span{color:#8d6a8a;font-size:15px}.spin,.claim{border:1px solid #ffe3a3;background:linear-gradient(#ffe7a3,#d99b3c);color:#3b1930;border-radius:9px;box-shadow:0 4px 0 #7b4b22,0 8px 25px #e5ab3929;font-size:11px;font-weight:800;letter-spacing:1.3px;min-height:57px}.spin{flex:1}.spinicon{font-size:24px;vertical-align:middle;margin-right:9px}.spin:disabled{cursor:wait;opacity:.7}.info{border:1px solid #9f7692;border-radius:50%;background:none;color:#d2b0cc;font:italic 19px Georgia;width:29px;height:29px}.hint{font-size:10px;color:var(--muted);margin-top:18px}footer{margin-top:33px;font-size:8px;color:#9f7e9e;display:flex;align-items:center;justify-content:center;gap:7px}footer span{border:1px solid #866180;border-radius:50%;padding:4px;font-size:8px}footer button{border:0;background:none;color:#c7a3bd;text-decoration:underline;font-size:8px;padding:4px}dialog{width:min(88vw,390px);max-height:90svh;overflow:auto;color:#fff1d9;text-align:center;border:1px solid #d8ac61;border-radius:19px;background:radial-gradient(ellipse at top,#763666,#251030 70%);padding:34px 25px 25px;box-shadow:0 0 0 5px #ad7f3b22,0 30px 90px #000b}dialog::backdrop{background:#13051bd9;backdrop-filter:blur(8px)}.close{position:absolute;right:12px;top:10px;border:0;background:none;color:#d7b6ce;font-size:25px}.modalgem{color:var(--gold);font-size:62px;filter:drop-shadow(0 0 18px #f1c56777)}h1{font:600 43px/.95 'Cormorant Garamond',Georgia,serif;margin:15px 0;color:#fff0cf}h2{font:600 32px 'Cormorant Garamond',Georgia,serif}.offer{margin:22px 0 25px}.offer strong{display:block;font:700 78px/.95 'Cormorant Garamond',Georgia,serif;color:var(--gold)}.offer span{display:block;letter-spacing:3px;font-size:12px;margin-top:9px;color:#f5c4e2}.claim{width:100%;padding:16px}.claim span{margin-left:14px}.fine,.notice{font-size:9px;line-height:1.7;color:#c7a9c3;margin-bottom:0}.notice{color:var(--gold)}#details p:not(.eyebrow){font-size:12px;line-height:1.8;text-align:left;color:#d3b9cf}#details .claim{margin-top:15px}#particles{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:4}.coin{position:absolute;top:-30px;color:#ffdb78;font-size:23px;text-shadow:0 0 10px #e0a648;animation:fall 2.6s ease-in forwards}@keyframes fall{to{transform:translateY(110vh) rotate(650deg);opacity:0}}@media(min-width:700px){.stage{min-height:860px;margin:35px;border:1px solid #b98d542d;border-radius:24px}}@media(max-height:740px) and (max-width:699px){.stage{padding-top:15px}.logo{margin-top:13px}.logo span{font-size:45px}.logo strong{font-size:65px}.intro{margin:12px 0 18px}.marquee{min-height:77px}.controls{margin-top:20px}footer{margin-top:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.coin{display:none}}

.marquee b{font-size:32px}.marquee em{display:block;font:800 11px Manrope,Arial,sans-serif;letter-spacing:1px;margin:4px 0 8px}.marquee{min-height:106px}.sound span{display:inline-block;min-width:15px}.symbol img{position:absolute;inset:5%;width:90%;height:90%;transform:none}

a.claim{display:flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;cursor:pointer}.strip{width:100%}.reel{align-self:start}.reels{align-items:start}.stage{min-width:0;max-width:100%}
