:root{--navy:#030818;--blue:#087cff;--cyan:#20e6ff;--white:#f8fbff;--muted:#8ca5c9}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--navy)}body{margin:0;background:var(--navy);color:var(--white);font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}[hidden]{display:none!important}.casino-shell{min-height:100vh;overflow:hidden;position:relative;background:radial-gradient(circle at 74% 23%,#104fa455 0,transparent 34%),radial-gradient(circle at 18% 44%,#063c8750 0,transparent 29%),linear-gradient(145deg,#020611 0,#061839 48%,#020715 100%)}.casino-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#42a8ff0a 1px,transparent 1px),linear-gradient(90deg,#42a8ff0a 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.cinema-lights{position:fixed;inset:0;pointer-events:none;overflow:hidden;opacity:.8}.cinema-lights i{position:absolute;top:-25%;width:10vw;height:78vh;background:linear-gradient(to bottom,#55dbffb8,transparent);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(16px);transform-origin:top;animation:sweep 6s ease-in-out infinite alternate}.cinema-lights i:nth-child(1){left:2%;animation-delay:-1s}.cinema-lights i:nth-child(2){left:18%;animation-delay:-4s}.cinema-lights i:nth-child(3){left:38%;animation-delay:-2.5s}.cinema-lights i:nth-child(4){right:36%;animation-delay:-5s}.cinema-lights i:nth-child(5){right:17%;animation-delay:-3s}.cinema-lights i:nth-child(6){right:2%;animation-delay:-.5s}@keyframes sweep{from{transform:rotate(-18deg);opacity:.12}50%{opacity:.28}to{transform:rotate(18deg);opacity:.08}}.particles i{position:fixed;width:3px;height:3px;border-radius:50%;background:#a9f7ff;box-shadow:0 0 10px #20e6ff;opacity:.55;animation:float 4.4s var(--delay) ease-in-out infinite alternate}@keyframes float{0%{transform:translate3d(0,0,0) scale(1);opacity:.7}50%{opacity:.95}100%{transform:translate3d(28px,-46px,0) scale(2.4);opacity:.15}}
.topbar{height:82px;max-width:1280px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #79c9ff2b;position:relative;z-index:5}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:11px;letter-spacing:.13em;font-size:12px;line-height:1.15}.brand span{width:42px;height:42px;border:1px solid #38dfff;border-radius:50%;display:grid;place-items:center;font-weight:900;font-style:italic;box-shadow:0 0 20px #0cb9ff66;background:#092355}.header-actions,.spin-balance{display:flex;align-items:center}.header-actions{gap:10px}.spin-balance{gap:12px;min-height:44px;padding:7px 13px 7px 16px;border:1px solid #419fff55;border-radius:12px;background:#07152bd9}.spin-balance small{font-size:10px;color:#80baf3;letter-spacing:.15em}.spin-balance strong{color:#64ebff;font-size:23px}.icon-button{width:44px;height:44px;border:1px solid #419fff55;border-radius:12px;background:#07152bd9;display:grid;place-items:center;cursor:pointer;font-size:21px}
.hero{max-width:1280px;min-height:720px;margin:auto;padding:74px 46px 55px;display:grid;grid-template-columns:minmax(360px,.86fr) minmax(490px,1.14fr);align-items:center;position:relative;z-index:2}.hero-copy{max-width:570px;z-index:3}.eyebrow{color:#61dfff;font-size:12px;font-weight:800;letter-spacing:.24em;display:flex;align-items:center;gap:12px}.eyebrow span{width:35px;height:2px;background:#20e6ff;box-shadow:0 0 10px #20e6ff}h1{margin:19px 0;font-size:clamp(42px,5vw,72px);line-height:.96;letter-spacing:-.055em;font-weight:900;text-shadow:0 9px 35px #000}h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1.5px #d9f5ff;text-shadow:0 0 25px #119cff55}.hero-copy>p{max-width:490px;color:#a8bad5;line-height:1.7;font-size:16px}.hero-stats{display:flex;gap:10px;margin:29px 0 23px}.hero-stats>div{min-width:112px;padding:14px 16px;display:flex;align-items:center;gap:9px;border-left:2px solid #17dfff;background:linear-gradient(90deg,#0a3a735c,transparent)}.hero-stats strong{color:#68eaff;font-size:25px}.hero-stats span{color:#83a5d0;font-size:10px;letter-spacing:.13em;line-height:1.45;font-weight:700}.social-cta{min-height:51px;border:1px solid #26dfff;border-radius:6px;padding:0 24px;color:#fff;background:linear-gradient(135deg,#0c3d81,#087cff);font-size:12px;font-weight:900;letter-spacing:.1em;display:inline-flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 0 26px #087cff45,inset 0 1px #ffffff5c}.social-cta:hover{transform:translateY(-2px);filter:brightness(1.15)}.social-cta:disabled{opacity:.55;cursor:default;transform:none}.manual-note{margin:9px 0 0!important;font-size:12px!important;color:#6782aa!important}
.wheel-stage{min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:transform .16s ease-out;transform-style:preserve-3d}.stage-glow{position:absolute;width:86%;aspect-ratio:1;border-radius:50%;background:#047fff33;filter:blur(55px);box-shadow:0 0 100px #20e6ff38}.wheel-frame{width:min(540px,42vw);aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;padding:20px;background:radial-gradient(circle,#173b76 0 9%,#071126 10% 64%,#22c8ff 65% 66%,#061024 67% 73%,#2fe7ff 74% 75%,#061024 76%);box-shadow:0 38px 60px #000a,0 0 35px #13bfff99,inset 0 0 38px #42eaff55;transform:translateZ(34px)}.wheel{width:calc(100% - 43px);height:calc(100% - 43px);position:absolute;border-radius:50%;background:conic-gradient(from -30deg,#083b83 0 60deg,#0c1837 60deg 120deg,#125fb5 120deg 180deg,#07172e 180deg 240deg,#0c4b99 240deg 300deg,#091b3c 300deg 360deg);box-shadow:inset 0 0 38px #000c,0 0 0 3px #3cdbff;transition:transform 5s cubic-bezier(.12,.72,.05,1);overflow:hidden}.wheel:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 33% 25%,#ffffff33,transparent 26%),repeating-conic-gradient(from -30deg,transparent 0 59.45deg,#52dcff99 59.7deg 60deg);pointer-events:none}.segment-label{position:absolute;left:50%;top:50%;width:27%;height:43%;transform-origin:50% 100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:8%;text-align:center;z-index:1}.segment-label img{width:44px;height:44px;filter:drop-shadow(0 5px 6px #0008)}.segment-label span{width:110px;font-weight:900;font-size:10px;letter-spacing:.07em;text-shadow:0 2px 5px #000}.rim-lights{position:absolute;inset:0;border-radius:50%;z-index:2;pointer-events:none}.rim-lights i{position:absolute;left:50%;top:3px;width:6px;height:50%;transform-origin:50% 100%}.rim-lights i:before{content:"";display:block;width:7px;height:7px;margin-left:-3px;border-radius:50%;background:#cfffff;box-shadow:0 0 8px #18dfff,0 0 16px #fff;animation:blink 1.3s infinite alternate}.rim-lights i:nth-child(3n):before{animation-delay:-.65s}.rim-lights i:nth-child(2n):before{animation-delay:-.3s}@keyframes blink{from{opacity:.35;transform:scale(.75)}to{opacity:1;transform:scale(1.15)}}.pointer{position:absolute;top:18px;left:50%;transform:translateX(-50%) translateZ(68px);z-index:6;width:58px;height:83px;filter:drop-shadow(0 8px 10px #000)}.pointer:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#efffff,#29d9ff 42%,#0564cb 72%);border:4px solid #d8fcff;box-shadow:0 0 25px #20e6ff}.pointer span{position:absolute;top:40px;left:12px;width:34px;height:42px;background:linear-gradient(#38e3ff,#087cff);clip-path:polygon(50% 100%,0 0,100% 0)}.spin-button{position:absolute;z-index:5;width:112px;height:112px;border-radius:50%;border:5px solid #c9fbff;background:radial-gradient(circle at 38% 28%,#6df7ff,#0d9cff 46%,#054594 78%);box-shadow:0 0 0 7px #072456,0 0 36px #22dcff,inset 0 5px 8px #ffffff80;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 2px 4px #004}.spin-button:hover:not(:disabled){transform:scale(1.06)}.spin-button:disabled{cursor:wait;filter:saturate(.7)}.spin-button strong{font-size:22px;line-height:1}.spin-button small{font-size:10px;letter-spacing:.2em;margin-top:4px}.wheel-hint{font-size:11px;letter-spacing:.22em;color:#6f91bd;font-weight:700;position:absolute;bottom:-3px}
.history-section{max-width:1180px;margin:0 auto 70px;padding:46px;border:1px solid #249cff26;background:linear-gradient(135deg,#07152de8,#020a19e8);position:relative;z-index:2;box-shadow:0 25px 50px #0005}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-heading span,.modal-kicker{font-size:11px;color:#48dfff;letter-spacing:.22em;font-weight:800}.section-heading h2{margin:7px 0 0;font-size:25px;letter-spacing:.05em}.section-heading>b{color:#1abde4;font-size:23px}.empty-history{text-align:center;padding:42px 20px;border:1px dashed #4a82c044;color:#7890b2}.empty-history .gift{font-size:32px}.empty-history h3{margin:12px 0 5px;color:#c7daf5;font-size:15px}.empty-history p{font-size:13px;margin:0}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.history-card{min-height:78px;border:1px solid #398bd33d;background:#0a1b36;display:flex;align-items:center;gap:12px;padding:12px;text-align:left;cursor:pointer;color:#fff}.history-card:hover{border-color:#32dfff;background:#0d2952}.history-card img{width:45px;height:45px}.history-card span{flex:1;display:flex;flex-direction:column;gap:4px}.history-card b{font-size:13px}.history-card small{font-size:11px;color:#7891b4}.history-card>strong{color:#3ddfff}footer{max-width:1280px;min-height:80px;margin:auto;padding:20px 28px;border-top:1px solid #70bbff26;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2;color:#6683aa;font-size:11px;letter-spacing:.08em}footer nav{display:flex;gap:20px}footer button{border:0;background:none;color:#8aa6cc;text-decoration:underline;cursor:pointer;font-size:12px}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:70;max-width:min(560px,calc(100% - 30px));padding:13px 17px;background:#0a2447;border:1px solid #28dfff;border-radius:8px;box-shadow:0 14px 40px #000b;color:#d9f6ff;font-size:13px}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#01040ddd;backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px;animation:fade .22s ease}@keyframes fade{from{opacity:0}}.modal-card{width:min(500px,100%);max-height:min(720px,90vh);overflow:auto;position:relative;padding:42px;border:1px solid #35cfff66;border-radius:12px;background:radial-gradient(circle at top,#103c77 0,transparent 42%),linear-gradient(145deg,#081833,#030a18);box-shadow:0 25px 90px #000,0 0 35px #0e9cff44;text-align:center}.modal-close{position:absolute;right:13px;top:13px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #4481ba55;border-radius:50%;background:#07162e;cursor:pointer;font-size:24px}.modal-card h2{margin:9px 0 12px;font-size:28px}.modal-card>p{color:#9bb2d2;line-height:1.55;font-size:14px}.result-icon{width:105px;height:105px;margin:-8px auto 18px;border-radius:50%;display:grid;place-items:center;background:#0a2146;border:1px solid #30dfff66;box-shadow:0 0 35px #22bcff55}.result-icon img{width:78px;height:78px}.reward-win .result-icon{animation:rewardPulse 1.2s ease-in-out infinite alternate}@keyframes rewardPulse{to{transform:translateY(-4px) scale(1.04);box-shadow:0 0 55px #22deff99}}.promo-code{width:100%;min-height:62px;margin:18px 0 12px;border:1px dashed #47e8ff;border-radius:7px;background:#071b38;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;cursor:pointer}.promo-code span{font-weight:900;letter-spacing:.08em}.modal-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px}.modal-actions button,.retry-button,.unlock-button{min-height:48px;border:1px solid #3cdfff;border-radius:6px;background:#0b2a56;display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:900;letter-spacing:.05em;cursor:pointer}.modal-actions button:last-child,.retry-button,.unlock-button{background:linear-gradient(135deg,#087cff,#0bc5e5)}.modal-actions button:disabled{opacity:.42;cursor:not-allowed}.config-note{display:block;margin-top:12px;color:#718cac;line-height:1.5}.retry-button{margin:24px auto 0;padding:0 28px}.social-list{display:grid;gap:9px;margin:22px 0}.social-row{display:grid;grid-template-columns:35px 1fr auto 35px;gap:10px;align-items:center;padding:11px;border:1px solid #2b68a45c;background:#07172e;text-align:left}.social-row>i{font-style:normal;font-size:20px;color:#34dfff}.social-row span{display:flex;flex-direction:column;gap:3px}.social-row b{font-size:13px}.social-row small{font-size:11px;color:#7895bd}.social-row a{color:#55dfff;font-size:12px}.social-row label{cursor:pointer}.social-row input{position:absolute;opacity:0}.social-row label span{width:26px;height:26px;border:1px solid #35bedd;display:grid;place-items:center}.verification-note{padding:12px;text-align:left;border-left:2px solid #ffa92e;background:#4b2a0d4d;display:flex;flex-direction:column;gap:4px}.verification-note b{font-size:11px;color:#ffc56f;letter-spacing:.1em}.verification-note span{font-size:12px;color:#aebbd0;line-height:1.45}.unlock-button{width:100%;margin-top:17px}.unlock-button:disabled{opacity:.45;cursor:not-allowed}.info-modal{text-align:left}.info-modal h2{text-transform:uppercase}.info-modal p{color:#a9b9d0;line-height:1.6}.probability-list{display:grid;gap:8px;margin:22px 0}.probability-list p{margin:0;padding:13px;display:flex;justify-content:space-between;border:1px solid #2b68a45c;background:#07172e;font-size:13px}.probability-list span{color:#48e5ff}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:54px 22px 40px;text-align:center}.hero-copy{margin:auto}.eyebrow{justify-content:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-stats{justify-content:center}.wheel-stage{min-height:570px}.wheel-frame{width:min(520px,90vw)}.history-section{margin:0 18px 50px;padding:28px}.history-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.topbar{height:70px;padding:0 15px}.brand b{display:none}.hero{padding-top:40px}.hero-copy h1{font-size:40px}.hero-stats{gap:5px}.hero-stats>div{min-width:0;flex:1;padding:10px 7px;justify-content:center}.hero-stats strong{font-size:18px}.hero-stats span{font-size:8px}.wheel-stage{min-height:440px}.wheel-frame{width:min(380px,92vw);padding:14px}.wheel{width:calc(100% - 32px);height:calc(100% - 32px)}.segment-label img{width:32px;height:32px}.segment-label span{font-size:8px;width:75px}.spin-button{width:82px;height:82px;border-width:4px}.spin-button strong{font-size:17px}.pointer{top:8px;transform:translateX(-50%) scale(.8)}.wheel-hint{bottom:-10px}.history-section{padding:22px 16px}.history-grid{grid-template-columns:1fr}.modal-card{padding:38px 20px 24px}.modal-actions{grid-template-columns:1fr}.social-row{grid-template-columns:30px 1fr auto 30px}footer{flex-direction:column;text-align:center}.cinema-lights{opacity:.45}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.wheel{transition-duration:.65s!important}.wheel-stage{transition:none}}
/* Midnight edition: sculpted metal, glass and restrained cinematic light. */
:root{--cyan:#8bf4ff}.casino-shell{background:radial-gradient(ellipse at 76% 33%,#063e7870,transparent 45%),radial-gradient(ellipse at 2% 20%,#173f5d40,transparent 40%),#030a15}.casino-shell:before{background-size:72px 72px;opacity:.6}.topbar{height:96px}.brand span{border-radius:12px;background:linear-gradient(145deg,#2096c8,#051832);box-shadow:inset 0 1px 2px #b6f8ff88,0 5px 18px #0008}.hero{padding-top:55px;min-height:735px;gap:30px;grid-template-columns:1fr 1.05fr}.eyebrow{font-size:10px;letter-spacing:.21em}h1{font-size:clamp(42px,4.4vw,64px);line-height:1.03;letter-spacing:-.045em}h1 em{-webkit-text-stroke:0;background:linear-gradient(115deg,#e7ffff,#64e5ff 60%,#348cff);background-clip:text;-webkit-background-clip:text;text-shadow:none}.hero-copy>p{font-size:14px;max-width:380px;color:#9eb2c9}.hero-stats>div{border-left:1px solid #83e9ff66;min-width:100px;padding:12px}.social-cta{border-radius:12px;background:linear-gradient(115deg,#b9ffff,#53cef9);color:#041e35;box-shadow:0 5px 0 #125c84,0 14px 35px #17baff25,inset 0 1px #fff;min-height:55px}.hero-copy .manual-note{margin-top:16px!important}.wheel-stage{min-height:570px;isolation:isolate;transform:perspective(1100px) rotateX(7deg);padding-bottom:38px}.wheel-stage:after{content:"";position:absolute;bottom:26px;width:78%;height:34px;border-radius:50%;background:#042548;box-shadow:0 0 3px 1px #69e8ff,0 0 30px #168bff80,inset 0 0 12px #6ef4ff55;transform:rotateX(60deg);z-index:-1}.wheel-frame{width:min(510px,40vw);background:linear-gradient(135deg,#e0fbff 0%,#537a96 9%,#081b36 25%,#6daccc 48%,#142e4a 63%,#b4e4fa 82%,#29465f);border:2px solid #b3f3ff;box-shadow:0 2px 0 #80c9e8,0 5px 0 #1d4b69,0 9px 0 #163a56,0 13px 0 #102941,0 17px 0 #08182a,0 35px 50px #000c,0 0 55px #1599f644,inset 0 0 0 7px #051125,inset 0 0 0 9px #648ba4,inset 0 0 15px 12px #091b2e}.wheel{width:calc(100% - 48px);height:calc(100% - 48px);background:conic-gradient(from -30deg,#126caf 0 60deg,#102339 60deg 120deg,#245991 120deg 180deg,#0c2035 180deg 240deg,#1375b0 240deg 300deg,#102339 300deg);box-shadow:inset 0 0 0 4px #82c6e588,inset 0 0 36px 15px #0009,0 0 0 2px #010918}.wheel:after{background:radial-gradient(circle at 36% 13%,#fff3,transparent 48%),repeating-conic-gradient(from -30deg,transparent 0 59.4deg,#8dd3ee99 59.5deg 60deg)}.segment-label{padding-top:7%;gap:7px}.segment-label img{width:57px;height:57px;filter:drop-shadow(0 6px 2px #0005) drop-shadow(0 0 9px #52beee44)}.segment-label span{font-size:9px;letter-spacing:.1em;width:100px;line-height:1.3}.rim-lights i{top:6px;height:calc(50% - 6px);width:0}.rim-lights i:before{width:5px;height:5px;box-shadow:0 0 5px #b5ffff,0 0 12px #41bfff;animation-duration:2s}.pointer{top:-19px!important;width:42px;height:70px;transform:translateX(-50%) translateZ(68px)!important;filter:drop-shadow(0 5px 3px #0009)}.pointer:before{width:30px;height:30px;border-width:3px;background:radial-gradient(circle at 30% 20%,#fff,#7bddff 35%,#22527a 80%)}.pointer span{left:8px;top:22px;width:26px;height:43px;background:linear-gradient(100deg,#fff,#64dfff 40%,#1774b8);filter:drop-shadow(0 0 7px #6fdcff)}.spin-button{width:109px;height:109px;border:4px solid #b6f3ff;box-shadow:0 0 0 6px #05172b,0 0 0 8px #7db0c8,0 10px 15px #0009,inset 0 3px 6px #fff8;background:radial-gradient(circle at 36% 25%,#5dd6f4,#106dac 55%,#052848);transition:scale .2s}.spin-button:hover:not(:disabled){transform:none;scale:1.05}.wheel-hint{bottom:-11px;font-size:9px;color:#8daecc}.display-note{position:absolute;bottom:-33px;font-size:10px;color:#7793ad}.history-section{border-radius:20px;padding:30px 35px;background:linear-gradient(115deg,#0a1b2be0,#051021ef);box-shadow:0 20px 60px #0003;margin-bottom:40px}.section-heading h2{font-size:20px;letter-spacing:.02em}.section-heading span{font-size:9px}.empty-history{padding:24px;border-radius:12px}.history-card{border-radius:12px}.modal-card{border-radius:22px}.social-row{border-radius:9px}.social-row input:focus-visible+span{outline:3px solid white;outline-offset:3px}.promo-code span{overflow-wrap:anywhere;min-width:0}.particles{pointer-events:none}.is-spinning .rim-lights i:before{animation-duration:.4s}.is-spinning .stage-glow{background:#047fff55}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:65}.confetti i{position:absolute;top:-20px;width:7px;height:13px;animation:fall var(--time) ease-in forwards}@keyframes fall{to{transform:translate(var(--drift),105vh) rotate(720deg);opacity:0}}
@media(max-width:1000px){.hero{gap:10px;padding-left:25px;padding-right:25px}.hero-stats>div{min-width:85px;padding:9px}.hero-stats span{font-size:8px}.hero-stats strong{font-size:22px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:40px;padding-top:40px}.hero-copy{max-width:570px}.hero-copy>p{max-width:450px}.hero-stats>div{min-width:110px}.wheel-frame{width:min(510px,82vw)}.wheel-stage{min-height:590px}.history-section{margin-top:30px}.hero h1{font-size:clamp(40px,7vw,62px)}}
@media(max-width:560px){.topbar{height:76px}.brand b{display:block;font-size:9px}.spin-balance{gap:8px;padding:8px}.spin-balance small{font-size:8px}.hero{padding:32px 15px 30px;gap:28px}.hero h1{font-size:clamp(34px,9vw,48px)}.eyebrow{font-size:8px;letter-spacing:.17em}.hero-copy>p{font-size:13px}.hero-stats>div{min-width:0}.hero-stats{margin:23px 0}.wheel-stage{min-height:calc(88vw + 55px);padding-bottom:25px}.wheel-frame{width:84vw}.wheel{width:calc(100% - 35px);height:calc(100% - 35px)}.segment-label img{width:clamp(29px,8vw,44px);height:clamp(29px,8vw,44px)}.segment-label span{font-size:clamp(6px,1.8vw,9px);width:74px}.segment-label{gap:3px;padding-top:6%}.spin-button{width:23%;height:23%;border-width:3px}.spin-button strong{font-size:15px}.spin-button small{font-size:7px}.display-note{bottom:-22px;font-size:9px}.wheel-hint{bottom:0;font-size:8px}.wheel-stage:after{bottom:32px}.history-section{padding:23px 18px}.section-heading h2{font-size:17px}.modal-card h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.wheel-stage{transform:none!important}.spin-button:hover:not(:disabled){scale:1}.confetti{display:none}}
/* JavaScript drives rotation and audio from one easing curve. */
.wheel{transition:none!important}

/* Compact phone layout, including phones held in landscape. */
@media (max-width: 560px), (max-width: 900px) and (max-height: 560px) {
  .wheel-stage {
    min-height: 0;
    min-width: 0;
    padding: 28px 0 64px;
    transform: none !important;
  }

  .wheel-frame {
    width: min(300px, 78vw, calc(100vh - 120px));
    width: min(300px, 78vw, calc(100svh - 120px));
    max-width: 100%;
    flex-shrink: 0;
    padding: 14px;
  }

  .wheel {
    width: calc(100% - 35px);
    height: calc(100% - 35px);
  }

  .segment-label { gap: 3px; padding-top: 6%; }
  .segment-label img { width: 44%; height: auto; aspect-ratio: 1; object-fit: contain; }
  .segment-label span { font-size: 8px; width: 74px; }
  .spin-button { width: 23%; height: 23%; border-width: 3px; }
  .spin-button strong { font-size: 15px; }
  .spin-button small { font-size: 7px; }
  .wheel-stage:after { bottom: 46px; width: min(250px, 70%); }
  .wheel-hint { bottom: 20px; }
  .display-note { bottom: 0; }
}

/* Sculpted 1X coins: layered metal edges and individually angled faces. */
.gold-coins {
  position: fixed;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}
.gold-coin {
  --size: 64px;
  --duration: 12s;
  --delay: -2s;
  --rx: 12deg;
  --ry: -22deg;
  --rz: -18deg;
  --drift: 18px;
  --lift: -46px;
  position: absolute;
  width: var(--size);
  height: var(--size);
  perspective: 700px;
  animation: goldCoinFloat var(--duration) var(--delay) ease-in-out infinite;
  will-change: transform;
}
.coin-body {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transform: rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz));
  animation: goldCoinRock calc(var(--duration) * 1.5) var(--delay) ease-in-out infinite;
}
.coin-edge, .coin-face {
  position: absolute;
  inset: 0;
  border-radius: 50%;
}
.coin-edge {
  background: conic-gradient(from 15deg, #80500c, #ffe0a0 18%, #c18a27 31%, #68400b 49%, #f4c36a 67%, #9e6311 85%, #80500c);
  border: 1px solid #b07822;
  box-shadow: inset 0 0 0 1px #f4cc7655;
  transform: translateZ(calc(var(--slice) * -1px));
}
.coin-edge:nth-child(even) { border-color: #6c440e; }
.coin-edge:last-of-type { box-shadow: 0 8px 18px #0007, inset 0 0 0 1px #ffe9a8; }
.coin-face {
  display: grid;
  place-items: center;
  overflow: hidden;
  transform: translateZ(1px);
  border: 1px solid #ffe7a1;
  background:
    radial-gradient(ellipse at 27% 18%, #fff7d2b3, transparent 43%),
    repeating-conic-gradient(from 0deg, #fff5bd0c 0deg 1deg, #80500c08 1deg 2deg),
    conic-gradient(from 35deg, #c68e29, #fff0b4 16%, #b8811e 34%, #f1c665 49%, #ffedb1 65%, #b57b19 82%, #c68e29);
  box-shadow: inset 0 0 0 2px #ad731b, inset 0 0 0 3px #ffe6a0, inset 0 0 0 6px #8e5c142e;
  color: #a26a14;
  font-family: Arial, Helvetica, sans-serif;
  font-size: calc(var(--size) * .37);
  font-weight: 900;
  font-style: italic;
  letter-spacing: -.065em;
  padding-right: .08em;
  line-height: 1;
  text-shadow: 0 -1px 0 #fff3bd, 0 1px 0 #72420c, 1px 2px 1px #71420788;
}
.coin-face::before {
  content: "";
  position: absolute;
  inset: 10%;
  border: 1px solid #a46c1a;
  border-radius: 50%;
  box-shadow: 0 1px 0 #ffefb0, inset 0 1px 0 #ffeeb080;
  outline: 1px dashed #fff0b380;
  outline-offset: 2px;
}
.coin-face::after {
  content: "";
  position: absolute;
  inset: -60%;
  background: linear-gradient(115deg, transparent 39%, #fffbe52b 47%, #fffbea99 50%, #fffbe52b 53%, transparent 61%);
  transform: translateX(-75%);
  animation: goldCoinShine calc(var(--duration) * 1.15) var(--delay) ease-in-out infinite;
}
/* Front, upright edge, flat, and diagonal views retain their distinct poses. */
.gold-coin:nth-child(1) { left: 3%; top: 18%; --size: 76px; --rx: 12deg; --ry: -24deg; --rz: -20deg; --delay: -3s; }
.gold-coin:nth-child(2) { right: 4%; top: 14%; --size: 64px; --rx: -8deg; --ry: 69deg; --rz: 12deg; --duration: 15s; --delay: -7s; --drift: -16px; --lift: -40px; }
.gold-coin:nth-child(3) { left: 5%; top: 58%; --size: 66px; --rx: 65deg; --ry: -8deg; --rz: -14deg; --duration: 14s; --delay: -5s; }
.gold-coin:nth-child(4) { right: 3%; top: 48%; --size: 84px; --rx: 47deg; --ry: -25deg; --rz: -42deg; --duration: 17s; --delay: -9s; --drift: -18px; --lift: -52px; }
.gold-coin:nth-child(5) { left: 2%; top: 84%; --size: 60px; --rx: -16deg; --ry: 59deg; --rz: 38deg; --duration: 16s; --delay: -4s; }
.gold-coin:nth-child(6) { right: 8%; top: 81%; --size: 48px; --rx: 62deg; --ry: 16deg; --rz: 27deg; --duration: 13s; --delay: -8s; --drift: -15px; --lift: -38px; }
.gold-coin:nth-child(7) { left: 44%; top: 8%; --size: 32px; --rx: 26deg; --ry: -42deg; --rz: -32deg; --duration: 18s; --delay: -6s; opacity: .5; }
.gold-coin:nth-child(8) { right: 43%; top: 91%; --size: 38px; --rx: 54deg; --ry: 24deg; --rz: 38deg; --duration: 16s; --delay: -11s; opacity: .6; }
@keyframes goldCoinFloat {
  0%, 100% { transform: translate3d(0, 0, 0); }
  35% { transform: translate3d(calc(var(--drift) * .6), calc(var(--lift) * .35), 0); }
  50% { transform: translate3d(var(--drift), var(--lift), 0); }
  65% { transform: translate3d(calc(var(--drift) * -.35), calc(var(--lift) * -.18), 0); }
}
@keyframes goldCoinRock {
  0%, 100% { transform: rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)); }
  50% { transform: rotateX(calc(var(--rx) + 12deg)) rotateY(calc(var(--ry) - 14deg)) rotateZ(calc(var(--rz) + 12deg)); }
}
@keyframes goldCoinShine {
  0%, 30%, 100% { transform: translateX(-75%); opacity: 0; }
  38% { opacity: .6; }
  58%, 95% { transform: translateX(75%); opacity: 0; }
}
@media (max-width: 900px) {
  .gold-coin:nth-child(n) { --size: 42px; --lift: -16px; --drift: 3px; }
  .gold-coin:nth-child(n+5) { display: none; }
  .gold-coin:nth-child(1) { left: 1%; top: 22%; }
  .gold-coin:nth-child(2) { right: 2%; top: 40%; }
  .gold-coin:nth-child(3) { left: 2%; top: 63%; }
  .gold-coin:nth-child(4) { right: 1%; top: 84%; }
}
@media (max-width: 560px) {
  .gold-coin:nth-child(n) { --size: 34px; opacity: .75; }
  .gold-coin:nth-child(2) { --size: 38px; }
  .gold-coin:nth-child(3) { --size: 38px; }
  .coin-edge { transform: translateZ(calc(var(--slice) * -.55px)); }
  .coin-face { box-shadow: inset 0 0 0 1px #ad731b, inset 0 0 0 2px #ffe6a0; }
}
@media (prefers-reduced-motion: reduce) {
  .gold-coin, .coin-body, .coin-face::after { animation: none !important; }
}

/* Coins accept taps; the transparent space between them stays click-through. */
.gold-coins { z-index: 6; }
.gold-coin {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.gold-coin:hover, .gold-coin:focus-visible { animation-play-state: paused; }
.gold-coin:focus-visible { outline: 2px solid #fff0b4; outline-offset: 6px; }
.coin-flipper {
  display: block;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  pointer-events: none;
}
.coin-face { backface-visibility: hidden; }
.coin-back { transform: translateZ(-8px) rotateY(180deg); }
.gold-coin:nth-child(9) { left: 16%; top: 8%; --size: 46px; --rx: 28deg; --ry: -35deg; --rz: 28deg; --duration: 15s; --delay: -12s; }
.gold-coin:nth-child(10) { right: 18%; top: 10%; --size: 42px; --rx: 64deg; --ry: 12deg; --rz: -20deg; --duration: 18s; --delay: -10s; }
.gold-coin:nth-child(11) { left: 1%; top: 38%; --size: 48px; --rx: -9deg; --ry: 65deg; --rz: -30deg; --duration: 14s; --delay: -6s; }
.gold-coin:nth-child(12) { right: 1%; top: 66%; --size: 44px; --rx: 44deg; --ry: -22deg; --rz: 38deg; --duration: 16s; --delay: -3s; }
.gold-coin:nth-child(13) { left: 22%; top: 92%; --size: 50px; --rx: 22deg; --ry: 32deg; --rz: -16deg; --duration: 17s; --delay: -8s; }
.gold-coin:nth-child(14) { right: 22%; top: 90%; --size: 40px; --rx: 52deg; --ry: -18deg; --rz: 26deg; --duration: 19s; --delay: -11s; }
@media (max-width: 900px) {
  /* The original four mobile coins plus all six newly added coins. */
  .gold-coin:nth-child(n+9) { display: block; --size: 34px; --lift: -10px; }
  .gold-coin:nth-child(9) { left: 1%; right: auto; top: 10%; }
  .gold-coin:nth-child(10) { right: 1%; left: auto; top: 14%; }
  .gold-coin:nth-child(11) { left: 1%; right: auto; top: 43%; }
  .gold-coin:nth-child(12) { right: 1%; left: auto; top: 62%; }
  .gold-coin:nth-child(13) { left: 1%; right: auto; top: 89%; }
  .gold-coin:nth-child(14) { right: 1%; left: auto; top: 90%; }
}
@media (max-width: 560px) {
  .gold-coin:nth-child(n+9) { --size: 30px; }
  .coin-back { transform: translateZ(-4.4px) rotateY(180deg); }
}