@font-face{font-family:Bebas;src:url('../fonts/bebas.woff')}@font-face{font-family:Montserrat;src:url('../fonts/montserrat-600.ttf');font-weight:600}*{box-sizing:border-box}body{margin:0;background:#211219;color:#fff9f0;font:600 14px Montserrat,Arial,sans-serif;min-height:100svh}.background{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(32,13,23,.97),rgba(55,24,35,.83)),url('../images/interior.jpg') center/cover}.background:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 45%,#d9564d24,transparent 60%)}header{max-width:1440px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between}.brand{width:216px;height:auto}.sound{border:1px solid #b97d6770;border-radius:30px;background:transparent;color:#ead8cc;font:inherit;font-size:10px;padding:11px 16px;cursor:pointer}main{max-width:1200px;margin:12px auto;display:grid;grid-template-columns:1fr 1.12fr;gap:38px;align-items:center;padding:10px 36px}.eyebrow{font-size:10px;letter-spacing:.22em;color:#d8aa96;margin:0 0 25px}.question{font-size:12px;line-height:1.6;letter-spacing:.08em;max-width:340px}h1{font:400 clamp(62px,7vw,100px)/.95 Bebas,Impact,sans-serif;margin:18px 0 26px;letter-spacing:.01em}h1 span{color:#ffd028}.prize{border-left:3px solid #ffd028;padding:0 0 0 22px;display:flex;flex-direction:column;gap:4px}.prize strong{font:400 63px/1 Bebas,Impact,sans-serif}.prize span{font-size:16px;color:#ffd028}.desktop-note{margin:30px 0;color:#c6a699;line-height:1.8;font-size:12px}.play{display:flex;flex-direction:column;align-items:center}.wheel-wrap{position:relative;width:100%;max-width:525px;aspect-ratio:1;margin:18px 0 22px;isolation:isolate}.rim{position:absolute;inset:-11px;border:1px solid #b97d6755;border-radius:50%;box-shadow:0 0 70px #d9564d28}#wheel{display:block;width:100%;height:100%;filter:drop-shadow(0 20px 25px #0008);will-change:transform}.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:29%;aspect-ratio:1;border:3px solid #ffd028;border-radius:50%;background:radial-gradient(circle at 40% 30%,#7a2b35,#371823);display:grid;place-items:center;box-shadow:0 7px 22px #0009}.hub img{width:79%}.pointer{position:absolute;left:50%;top:-12px;transform:translateX(-50%);width:34px;height:44px;background:#fff8a0;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 4px 4px #000)}.button{width:min(100%,360px);min-height:60px;background:#ffd028;border:0;border-radius:3px;color:#371823;font:400 29px Bebas,Impact,sans-serif;letter-spacing:.08em;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;cursor:pointer;transition:background .2s,transform .2s}.button:hover:not(:disabled){background:#fff8a0;transform:translateY(-2px)}.button:disabled{cursor:default;opacity:.6}.button:focus-visible,.sound:focus-visible,.close:focus-visible{outline:3px solid white;outline-offset:5px}#attempts{font-size:12px;margin:15px 0;color:#ddc8bd}#attempts b{color:#ffd028}footer{text-align:center;font-size:10px;letter-spacing:.04em;color:#bda195;padding:16px 12px 22px}footer span{display:inline-grid;place-items:center;border:1px solid #bda195;border-radius:50%;width:25px;height:25px;margin-right:8px}dialog{border:1px solid #b97d67;border-radius:10px;background:radial-gradient(ellipse at top,#7a2b35,#27121d 70%);color:#fff9f0;width:min(440px,calc(100% - 30px));padding:38px 28px 28px;text-align:center;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#140b14de;backdrop-filter:blur(7px)}.modal-brand{width:180px;margin:0 auto 30px;display:block}dialog .eyebrow{margin:0 0 12px}h2{font:400 64px/1 Bebas,Impact,sans-serif;color:#ffd028;margin:0 0 24px}.win-label{font-size:11px;letter-spacing:.18em}.win-amount{font:400 94px/1 Bebas,Impact,sans-serif;margin:12px 0 0}.win-spins{color:#ffd028;margin:4px 0 30px;font-size:17px}.close{position:absolute;right:12px;top:7px;background:none;border:0;color:#ddc8bd;font-size:28px;cursor:pointer}dialog .button{margin:auto}@media(max-width:700px){header{padding:16px 20px}.brand{width:165px}main{display:flex;flex-direction:column;gap:5px;padding:0 22px;margin:8px auto;max-width:460px}.intro{text-align:center}.eyebrow{font-size:8px;margin-bottom:15px}.question{font-size:9px;margin:0 auto;max-width:none;letter-spacing:.03em}h1{font-size:48px;line-height:.98;margin:12px 0}h1 br{display:none}h1 span{display:block}.prize{border:0;padding:0;gap:2px}.prize strong{font-size:43px}.prize span{font-size:12px}.desktop-note{display:none}.play{width:100%}.wheel-wrap{width:min(100%,360px);margin:22px 0}.button{min-height:54px;font-size:27px}#attempts{margin:12px 0 2px}footer{padding:9px 0 14px}.background{background:linear-gradient(#28121be8,#371823e0),url('../images/interior.jpg') center/cover}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.button{transition:none}}