@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,500;1,600&display=swap');
:root{color-scheme:dark;--cream:#fff4de;--orange:#ffb85b}*{box-sizing:border-box}body{margin:0;background:#102238;color:var(--cream);font-family:Manrope,Arial,sans-serif;min-height:100svh;overflow-x:hidden}.scene,.shade,#snow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.scene{background:url('scene.png') center/cover;transform:scale(1.09);animation:drift 22s ease-in-out infinite alternate}.shade{background:linear-gradient(90deg,rgba(4,17,32,.88),rgba(8,23,40,.36) 57%,rgba(4,17,32,.14)),linear-gradient(0deg,rgba(4,17,32,.8),transparent 40%)}#snow{z-index:1}header,main,footer{position:relative;z-index:2}header{height:120px;padding:30px 5vw;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--cream);font-size:16px;line-height:1.15}.brand-icon{font-size:40px}.brand b{font-weight:800}.location{font-size:10px;letter-spacing:2px}.location i{color:var(--orange);margin:0 16px}.sound{border:1px solid #ffffff40;border-radius:30px;background:#10233855;color:var(--cream);padding:12px 18px;cursor:pointer}main{min-height:calc(100svh - 200px);display:flex;align-items:center;padding:32px 8vw 70px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;color:var(--orange);margin-bottom:25px}h1{font-size:clamp(58px,6.6vw,106px);line-height:1.05;letter-spacing:-4px;margin:0 0 25px;font-weight:600}em{font-family:'Playfair Display',Georgia,serif;font-weight:500;color:#ffcf90}p{font-size:16px;color:#e1dfdf;line-height:1.8}.primary{margin-top:22px;background:var(--orange);color:#222127;border:0;border-radius:6px;font:800 14px Manrope,Arial;padding:20px 26px;min-width:270px;cursor:pointer;box-shadow:0 8px 40px #ff9e3025;transition:.2s}.primary:hover{background:#ffd291;transform:translateY(-2px)}.primary span{margin-left:30px}.primary:disabled{opacity:.65;cursor:default;transform:none}.under{font-size:11px;color:#c6c8cd;margin-top:18px}.hidden{display:none!important}footer{padding:20px 5vw;display:flex;align-items:center;gap:28px;font-size:9px;letter-spacing:2px}footer button,.text-button{border:0;background:transparent;color:var(--cream);cursor:pointer;font:inherit}footer .demo{margin-left:auto;letter-spacing:0;color:#c0c2ca}.game{width:100%;max-width:1000px;margin:auto;text-align:center;animation:appear .7s both}.game .eyebrow{margin-bottom:12px}h2{font-size:clamp(32px,4vw,56px);line-height:1.15;margin:12px 0}.game p{margin:10px 0 24px}.roulette{position:relative;border:1px solid #fff3;border-radius:16px;padding:22px 0;background:#081526b8;backdrop-filter:blur(18px);overflow:hidden}.viewport{overflow:hidden}.track{display:flex;gap:12px;will-change:transform}.card{flex:0 0 158px;height:150px;border-radius:10px;background:linear-gradient(140deg,#ffffff18,#ffffff05);border:1px solid #fff2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:12px;font-weight:700}.card .icon{font-size:48px;filter:drop-shadow(0 4px 12px #ffb85b55)}.pointer{position:absolute;left:50%;transform:translateX(-50%);top:0;color:var(--orange);z-index:2}.center-line{position:absolute;width:170px;left:50%;transform:translateX(-50%);top:14px;bottom:14px;border:1px solid #ffba5b88;border-radius:12px;pointer-events:none}.fine{font-size:11px!important;color:#cbc6c2!important}.result{background:#102438dd;border:1px solid #ffbd6555;border-radius:14px;padding:24px;max-width:550px;margin:20px auto}.result h3{font-size:28px;color:var(--orange);margin:0 0 12px}.result p{font-size:13px;margin-bottom:0}.result code{font-size:20px;letter-spacing:3px}.text-button{display:block;margin:24px auto 0;font-size:12px}dialog{background:#102438;color:var(--cream);border:1px solid #ffb85b66;border-radius:20px;padding:40px;max-width:560px}dialog::backdrop{background:#020a14b0;backdrop-filter:blur(8px)}dialog p{font-size:14px}.close{position:absolute;top:10px;right:16px;font-size:28px;background:none;color:white;border:0;cursor:pointer}@keyframes drift{to{transform:scale(1.15) translate(-.7%,.3%);filter:brightness(1.12)}}@keyframes appear{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media(max-width:640px){header{height:95px;padding:22px}.location{display:none}.sound span{display:none}main{min-height:calc(100svh - 175px);padding:35px 24px 55px}h1{font-size:62px;letter-spacing:-3px}.scene{background-position:43% center}.shade{background:linear-gradient(90deg,#041120d9,#04112066),linear-gradient(0deg,#041120dd,transparent)}footer{padding:18px 24px;flex-wrap:wrap;gap:14px}footer .demo{margin-left:0;width:100%}.game h2{font-size:37px}.game p{font-size:13px}.eyebrow{letter-spacing:2px;font-size:9px}.roulette{margin:24px -10px}dialog{margin:auto 18px;padding:30px}}@media(prefers-reduced-motion:reduce){.scene{animation:none}*,*:before,*:after{scroll-behavior:auto!important}}
.bulb-glow{position:absolute;display:block;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:#fff9cc;box-shadow:0 0 8px 3px #ffe5a6,0 0 24px 12px #ffb63199,0 0 55px 20px #ff9d1c44;mix-blend-mode:screen;animation:bulb-twinkle var(--duration) ease-in-out var(--delay) infinite alternate;pointer-events:none}@keyframes bulb-twinkle{0%,15%{opacity:.2;filter:brightness(.8)}60%{opacity:.75}100%{opacity:1;filter:brightness(1.5)}}header{gap:12px}.music-control{white-space:nowrap;font-size:12px}header .location{margin-right:auto;margin-left:auto}@media(max-width:640px){header{gap:8px}.music-control{font-size:10px;padding:12px 10px}.brand{margin-right:auto}}@media(prefers-reduced-motion:reduce){.bulb-glow{animation:none;opacity:.6}}
.card>span:last-child{padding:0 10px;text-align:center;line-height:1.45;font-size:11px}.card{gap:10px}.card .icon{font-size:42px}
.story{position:fixed;inset:0;z-index:10;background:#050c16;display:flex;align-items:center;justify-content:center}.story video{width:100%;height:100%;object-fit:contain}.story-skip{position:absolute;top:25px;right:25px;border:1px solid #ffe4b980;background:#102338dd;color:#fff4de;padding:14px 22px;border-radius:30px;font:700 13px Manrope,Arial;cursor:pointer}.story-status{position:absolute;bottom:65px;left:20px;right:20px;text-align:center;background:#102338dd;border-radius:8px;font-size:13px}.story-status:empty{display:none}.watching-story{overflow:hidden}
.phone-dialog{width:min(520px,calc(100% - 36px))}.phone-dialog label{display:block;font-size:13px;margin-bottom:10px}.phone-dialog input{width:100%;border:1px solid #ffb85b88;border-radius:8px;background:#081526;color:#fff4de;padding:16px;font:20px Manrope,Arial}.phone-dialog .primary{width:100%;margin-top:10px}.phone-dialog .phone-note{font-size:11px;color:#c6c8cd}.phone-error{font-size:13px!important;color:#ffd291;min-height:24px}