:root{--bg:#050608;--panel:#0b0d11;--panel2:#11151b;--txt:#f7f9fc;--muted:#8e98a8;--red:#ff2828;--red2:#8d0d14;--cyan:#5ee7ff;--line:rgba(255,255,255,.09);--safe:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{margin:0;background:#020304;color:var(--txt);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;min-height:100%;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% -10%,rgba(70,120,255,.09),transparent 35%),radial-gradient(circle at 0 70%,rgba(255,20,30,.07),transparent 30%);pointer-events:none}.hidden{display:none!important}.glass{background:linear-gradient(180deg,rgba(13,16,21,.93),rgba(6,8,11,.88));backdrop-filter:blur(18px);border:1px solid var(--line)}
.app{max-width:520px;margin:0 auto;min-height:100vh;position:relative;padding:78px 0 calc(92px + var(--safe))}.topbar{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:30;width:min(520px,100%);height:70px;border-width:0 0 1px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.brand-logo{height:48px;max-width:118px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,255,255,.12))}.top-actions{display:flex;align-items:center;gap:7px}.iconbtn,.lang{border:1px solid var(--line);background:#0b0e13;color:#fff;border-radius:14px;min-width:38px;height:38px;display:grid;place-items:center;font-weight:800}.lang{font-size:11px}.dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);margin:-20px 0 0 19px;box-shadow:0 0 10px var(--red)}
.view{padding:0 14px}.bottom-nav{position:fixed;z-index:40;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);height:76px;padding:8px 8px calc(8px + var(--safe));border-width:1px 0 0;display:grid;grid-template-columns:repeat(5,1fr)}.navitem{position:relative;border:0;background:transparent;color:#6f7887;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px}.navitem b{font-size:20px;font-weight:500}.navitem.active{color:#fff}.navitem.active b{color:var(--red);text-shadow:0 0 18px rgba(255,40,40,.8)}.wheel-nav b{width:42px;height:42px;margin-top:-27px;border:1px solid rgba(255,55,55,.6);background:radial-gradient(circle,#ff3434 0,#630b12 65%,#090b10 66%);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 24px rgba(255,30,30,.35)}.wheel-nav span{margin-top:-2px}.wheel-nav em{position:absolute;top:0;right:20%;width:16px;height:16px;border-radius:50%;background:#fff;color:#111;font-size:10px;display:grid;place-items:center;font-style:normal;font-weight:900}
.splash{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 38%,#181113 0,#060709 42%,#010102 80%);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.splash-orbit{width:230px;height:230px;position:relative;margin-bottom:16px}.splash-character{position:absolute;inset:26px;border-radius:50%;background:linear-gradient(180deg,transparent 15%,rgba(0,0,0,.45)),url('https://2plus2spb.ru/images/qvest/mm2.jpg') center/cover;filter:contrast(1.25) saturate(.7);box-shadow:inset 0 0 45px #000,0 0 65px rgba(255,18,18,.22);animation:breath 3.2s ease-in-out infinite}.splash-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,62,62,.38);animation:spin 5s linear infinite}.splash-ring:after{content:"";position:absolute;top:13px;left:50%;width:9px;height:9px;border-radius:50%;background:#ff3e3e;box-shadow:0 0 20px #ff2a2a}.r2{inset:16px;border-color:rgba(91,216,255,.22);animation-direction:reverse;animation-duration:7s}.splash-logo{height:95px;max-width:240px;object-fit:contain}.splash-copy{font-size:10px;letter-spacing:.25em;color:#9aa3b2;margin-top:8px}.progress{margin-top:22px;width:180px;height:3px;background:#242730;border-radius:20px;overflow:hidden}.progress i{display:block;height:100%;background:#ff3434;box-shadow:0 0 12px #ff3434;animation:load 1.8s ease forwards}@keyframes load{from{width:4%}to{width:100%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breath{50%{transform:scale(1.045);filter:contrast(1.35) saturate(1)}}
.section-head{display:flex;justify-content:space-between;align-items:end;margin:22px 2px 11px}.section-head h2{font-size:20px;margin:0}.section-head button{border:0;background:none;color:var(--muted);font-size:12px}.hero{height:360px;border-radius:26px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 70px rgba(0,0,0,.45);background:#111}.hero img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.08) 30%,rgba(3,4,7,.92) 82%)}.hero-content{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}.eyebrow{display:inline-flex;padding:6px 9px;border:1px solid rgba(255,78,78,.34);background:rgba(72,8,12,.55);border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:32px;line-height:.95;margin:10px 0 7px}.hero p{font-size:12px;color:#bdc4cf;margin:0 0 14px}.cta{border:0;border-radius:14px;background:linear-gradient(180deg,#ff3939,#b70d16);color:#fff;font-weight:800;padding:14px 18px;box-shadow:0 0 22px rgba(255,45,45,.28)}.cta.full{width:100%}.secondary{background:#141820;border:1px solid var(--line);box-shadow:none}.discount{margin-top:13px;border-radius:20px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(105deg,#130a0c,#35090d 60%,#0a0c10);border:1px solid rgba(255,46,46,.24)}.discount strong{font-size:21px}.discount small{display:block;color:#b8bec9;margin-top:3px}.cube{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#ff3636,#780d15);font-size:25px;font-weight:900;transform:rotate(-6deg);box-shadow:0 0 22px rgba(255,40,40,.3)}
.scroller{display:grid;grid-auto-flow:column;grid-auto-columns:44%;gap:10px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.scroller::-webkit-scrollbar{display:none}.mini-card,.quest-card,.news-card,.panel{background:linear-gradient(180deg,#0f1217,#080a0d);border:1px solid var(--line);border-radius:18px;overflow:hidden}.mini-card img{width:100%;height:118px;object-fit:cover}.mini-card .pad{padding:10px}.mini-card strong{display:block;font-size:13px}.mini-card small{color:var(--muted)}.quest-list{display:grid;gap:10px}.quest-card{display:grid;grid-template-columns:105px 1fr;min-height:112px;position:relative;transition:.22s}.quest-card:active{transform:scale(.985)}.quest-card:before{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;background:linear-gradient(90deg,transparent,#ff3030,transparent,#5ee7ff,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:.25s}.quest-card:hover:before,.quest-card.active-neon:before{opacity:1;animation:neon 1.2s linear infinite}@keyframes neon{50%{filter:brightness(1.8)}}.quest-card img{width:105px;height:100%;object-fit:cover}.quest-card .qbody{padding:12px 40px 10px 12px}.quest-card h3{margin:0 0 8px;font-size:15px}.meta{display:flex;flex-wrap:wrap;gap:6px;color:#aeb5c0;font-size:11px}.pill{padding:5px 7px;background:#151920;border:1px solid rgba(255,255,255,.06);border-radius:999px}.rating{color:#ffd35b}.fav{position:absolute;right:10px;top:10px;border:0;background:rgba(0,0,0,.28);color:#fff;width:30px;height:30px;border-radius:50%}.filters{display:flex;gap:7px;overflow:auto;scrollbar-width:none;margin:10px 0 14px}.filter{white-space:nowrap;border:1px solid var(--line);background:#0c0f14;color:#aeb5c0;border-radius:999px;padding:8px 11px}.filter.active{background:#df2028;color:white;border-color:#ff444a}.title-row{display:flex;justify-content:space-between;align-items:center}.title-row h1{font-size:29px;margin:10px 0}.cityline{color:#d0d6df;font-size:12px;margin:6px 0 12px}.muted{color:var(--muted)}
.detail-hero{height:310px;margin:0 -14px;position:relative;overflow:hidden}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(5,6,8,.25) 45%,#050608 100%)}.back{position:absolute;z-index:3;top:16px;left:14px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:rgba(6,7,9,.68);color:#fff}.play{position:absolute;z-index:3;left:50%;top:44%;transform:translate(-50%,-50%);width:64px;height:64px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font-size:24px;display:grid;place-items:center;box-shadow:0 0 28px rgba(255,255,255,.15)}.detail h1{font-size:33px;margin:-6px 0 10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.stat{padding:10px 5px;text-align:center;background:#0d1015;border:1px solid var(--line);border-radius:14px}.stat b{display:block;font-size:15px}.stat small{font-size:9px;color:var(--muted)}.fear{padding:14px;border-radius:18px;background:linear-gradient(110deg,#120609,#0c0f13);border:1px solid rgba(255,40,40,.2)}.fearbar{height:6px;border-radius:99px;background:#292d34;margin-top:8px;overflow:hidden}.fearbar i{display:block;height:100%;background:linear-gradient(90deg,#89121b,#ff3333);box-shadow:0 0 10px #ff3333}.note{font-size:11px;color:#b5bdc9;line-height:1.45}.video-frame{aspect-ratio:16/9;background:#0c0f13;border-radius:18px;display:grid;place-items:center;border:1px solid var(--line);overflow:hidden}.video-frame iframe{width:100%;height:100%;border:0}.booking-frame{height:560px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:white}.booking-frame iframe{width:100%;height:100%;border:0}
.wheel-wrap{padding:18px 0;text-align:center}.wheel{width:min(360px,88vw);aspect-ratio:1;margin:12px auto;position:relative;border-radius:50%;background:conic-gradient(#8d0d14 0 45deg,#1a1c23 45deg 90deg,#8d0d14 90deg 135deg,#1a1c23 135deg 180deg,#8d0d14 180deg 225deg,#1a1c23 225deg 270deg,#8d0d14 270deg 315deg,#1a1c23 315deg);border:8px solid #1a1e25;box-shadow:0 0 0 2px #e02730,0 0 50px rgba(255,22,34,.28),inset 0 0 25px #000;transition:transform 4.6s cubic-bezier(.12,.75,.12,1)}.wheel:before{content:"";position:absolute;inset:11%;border-radius:50%;border:1px solid rgba(255,255,255,.13)}.wheel-center{position:absolute;inset:37%;border-radius:50%;background:#090b0f url('assets/logo.png') center/85% no-repeat;border:2px solid #ff3039;box-shadow:0 0 25px rgba(255,30,30,.55);z-index:2}.pointer{width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:28px solid #fff;margin:0 auto -23px;position:relative;z-index:5;filter:drop-shadow(0 0 7px #fff)}.wheel-label{position:absolute;left:50%;top:7%;transform-origin:0 153px;font-size:10px;font-weight:800;width:88px;margin-left:-44px;text-align:center}.spin-status{color:#aeb5c0;font-size:12px}.profile-card{padding:18px;text-align:center}.avatar{width:82px;height:82px;margin:auto;border-radius:50%;background:linear-gradient(135deg,#2b0c10,#0d1b24);border:2px solid #ff3a42;box-shadow:0 0 28px rgba(255,40,40,.2);display:grid;place-items:center;font-size:30px}.xp{height:6px;background:#272b33;border-radius:99px;overflow:hidden;margin:9px 0}.xp i{display:block;width:62%;height:100%;background:#58e6ff}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{padding:12px 5px;border:1px solid var(--line);border-radius:14px;background:#0b0e12}.metric b{font-size:18px}.metric small{display:block;color:var(--muted);font-size:9px}.menu{display:grid;gap:8px;margin-top:12px}.menu button{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:14px;border:1px solid var(--line);background:#0d1015;color:#fff;text-align:left}.inventory{display:grid;gap:9px}.inv{display:flex;align-items:center;gap:12px;padding:13px;border-radius:16px;background:#0d1015;border:1px solid var(--line)}.inv .ico{width:42px;height:42px;border-radius:12px;background:#241014;display:grid;place-items:center;font-size:20px}.inv .grow{flex:1}.inv strong{font-size:13px}.inv small{display:block;color:var(--muted);font-size:10px}.inv button{border:1px solid rgba(255,56,56,.32);background:#3a0b10;color:#fff;border-radius:10px;padding:8px}.news-list{display:grid;gap:10px}.news-card img{width:100%;height:160px;object-fit:cover}.news-card .pad{padding:13px}.news-card time{font-size:10px;color:var(--muted)}.quiz-option{width:100%;display:flex;gap:10px;align-items:center;padding:13px;margin:8px 0;border:1px solid var(--line);background:#0d1015;color:#fff;border-radius:15px;text-align:left}.quiz-option:hover{border-color:#ff3038}.modal{position:fixed;z-index:80;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(7px);display:grid;place-items:end center;padding:14px}.modal-card{width:min(492px,100%);max-height:85vh;overflow:auto;border-radius:24px;padding:18px}.modal-card h2{margin:0 0 8px}.close{float:right;border:0;background:#181b20;color:#fff;width:34px;height:34px;border-radius:50%}.toast{position:fixed;z-index:120;left:50%;bottom:95px;transform:translate(-50%,20px);opacity:0;background:#f4f6f9;color:#111;padding:11px 16px;border-radius:999px;font-weight:700;font-size:12px;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
.admin-badge{display:inline-flex;font-size:10px;padding:4px 7px;border-radius:99px;background:#1a2029;color:#6de8ff;border:1px solid #24424a}.switch{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.switch input{accent-color:#ff3038}.admin-grid{display:grid;gap:9px}.admin-card{padding:14px;border:1px solid var(--line);background:#0d1015;border-radius:16px}.admin-card b{display:block;margin-bottom:3px}.admin-card small{color:var(--muted)}
@media(min-width:760px){body{background:#020304}.app{box-shadow:0 0 100px rgba(0,0,0,.9);border-left:1px solid #111;border-right:1px solid #111}}
/* v2 interactive polish */
.welcome{display:flex;align-items:center;justify-content:space-between;margin:3px 2px 12px}.welcome small{display:block;color:var(--muted);font-size:11px}.welcome strong{display:block;font-size:19px;margin-top:2px}.welcome button{border:1px solid rgba(255,58,58,.35);background:linear-gradient(145deg,#1b0a0d,#0c0e12);color:#fff;border-radius:12px;padding:8px 10px;font-size:10px;font-weight:900;letter-spacing:.08em}.hero-actions{display:flex;gap:9px;align-items:center}.round-play{width:45px;height:45px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(8,10,13,.72);color:#fff;font-size:15px;backdrop-filter:blur(10px)}
.journey{margin-top:13px;padding:15px;border-radius:20px;background:linear-gradient(135deg,#0d1015,#12080b);border:1px solid rgba(255,255,255,.08)}.journey-top{display:flex;justify-content:space-between;align-items:end}.journey-top small,.next-quest small{display:block;color:#7f8998;font-size:9px;letter-spacing:.12em}.journey-top strong{display:block;font-size:15px;margin-top:4px}.journey-top>b{font-size:22px}.journey-bar{height:5px;border-radius:10px;background:#242830;overflow:hidden;margin-top:10px}.journey-bar i{display:block;height:100%;background:linear-gradient(90deg,#9a0f18,#ff3434);box-shadow:0 0 14px rgba(255,43,43,.65)}.next-quest{display:grid;grid-template-columns:48px 1fr 30px;gap:10px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.next-quest img{width:48px;height:48px;border-radius:12px;object-fit:cover}.next-quest strong{display:block;font-size:12px;margin-top:3px}.next-quest button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#13171d;color:#fff}
.quest-thumb{position:relative;height:100%}.done-mark{position:absolute;left:7px;bottom:7px;font-size:8px;font-weight:900;letter-spacing:.06em;background:rgba(5,75,48,.88);border:1px solid rgba(79,255,177,.36);padding:5px 6px;border-radius:999px;color:#b8ffda}.quest-card.played img{filter:saturate(.72)}.fav.active,.detail-fav.active{color:#ff4646}.searchbox{display:flex;gap:8px;align-items:center;background:#0b0e13;border:1px solid var(--line);border-radius:14px;padding:0 12px;margin:8px 0 10px;color:#6f7887}.searchbox input{width:100%;height:42px;border:0;outline:0;background:transparent;color:#fff}.detail-fav{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(5,6,8,.6);color:#fff;font-size:19px}.detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.completed-badge{white-space:nowrap;margin-top:4px;padding:6px 8px;border-radius:999px;background:#0f3b2a;border:1px solid rgba(93,255,177,.25);font-size:8px;color:#b7ffda;font-weight:900}.fear-title{display:flex;justify-content:space-between}.fear-title strong{color:#ff5151}.video-frame{min-height:190px;background-size:cover;background-position:center;border-radius:20px;display:grid;place-items:center;text-align:center;border:1px solid var(--line);overflow:hidden}.trailer-play{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(220,20,30,.8);color:#fff;font-size:23px;box-shadow:0 0 35px rgba(255,32,32,.35)}.video-frame p{margin:10px 0 3px;font-weight:800}.video-frame small{color:#bdc4cf}.demo-complete{margin-top:14px;border:1px dashed rgba(94,231,255,.25);border-radius:16px;padding:12px;background:rgba(36,95,112,.08)}.demo-complete>small{display:block;color:#69d7ec;font-size:8px;letter-spacing:.12em;margin-bottom:8px}.demo-complete label{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:8px;color:#aeb5c0}.demo-complete input{background:#0b0e13;border:1px solid var(--line);border-radius:10px;color:#fff;padding:7px}
.wheel-center{display:grid!important;place-items:center!important}.wheel-center img{width:68%;height:68%;object-fit:contain}.wheel-btn{min-width:160px}.rare-prizes{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:12px}.rare-prizes>div{padding:11px;border-radius:14px;border:1px solid var(--line);background:#0b0e13}.rare-prizes b{display:block}.rare-prizes small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.profile-progress{margin:10px 0;padding:14px;border-radius:18px;background:#0b0e13;border:1px solid var(--line)}.profile-progress small{display:block;color:var(--muted);font-size:9px;letter-spacing:.1em}.profile-progress strong{display:block;margin-top:3px}.points-panel{padding:15px;margin:12px 0}.points-panel>b{font-size:28px}.push-hero{display:flex;gap:12px;padding:13px;border-radius:16px;background:linear-gradient(135deg,#20090d,#0b0e13);border:1px solid rgba(255,60,60,.2);margin:10px 0 12px}.push-hero>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e6222d}.push-hero strong,.push-hero small{display:block}.push-hero small{color:var(--muted);margin-top:4px;font-size:10px}
.achievement-list{display:grid;gap:10px}.achievement{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:11px;padding:12px;border-radius:16px;border:1px solid var(--line);background:#0b0e13}.ach-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:22px;background:#151920}.achievement small{display:block;color:var(--muted);margin-top:4px}.achievement em{font-style:normal;font-size:8px;letter-spacing:.08em}.achievement.unlocked{background:linear-gradient(135deg,#190b0e,#0b0e13);border-color:rgba(255,55,55,.22)}.achievement.unlocked .ach-icon{background:radial-gradient(circle,#6a1218,#1b0b0e);box-shadow:0 0 25px rgba(255,35,35,.15)}.achievement.locked{opacity:.58}.unlock,.prize-win{text-align:center;padding:12px 2px}.unlock-ring{width:116px;height:116px;border-radius:50%;margin:8px auto 16px;display:grid;place-items:center;border:1px solid rgba(255,64,64,.5);box-shadow:0 0 45px rgba(255,30,30,.2),inset 0 0 35px rgba(255,30,30,.15);animation:unlockPulse 1.4s ease-in-out infinite}.unlock-ring span{font-size:47px}.unlock>small,.prize-win>small{font-size:9px;letter-spacing:.16em;color:#ff6565}.unlock h2{font-size:28px;margin:9px 0}.unlock p{color:#aeb5c0}.prize-icon{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;margin:12px auto;font-size:39px;background:radial-gradient(circle,#80151d,#17090c 70%);border:1px solid rgba(255,70,70,.4);box-shadow:0 0 50px rgba(255,40,40,.25)}@keyframes unlockPulse{50%{transform:scale(1.04);box-shadow:0 0 70px rgba(255,30,30,.3),inset 0 0 35px rgba(255,30,30,.18)}}
.permission-table{margin-top:10px;border:1px solid var(--line);border-radius:15px;overflow:hidden}.permission-table>div{display:grid;grid-template-columns:1fr 70px 80px;align-items:center;border-bottom:1px solid var(--line);padding:10px;font-size:11px}.permission-table>div:last-child{border-bottom:0}.permission-table b{text-align:center}.perm-head{background:#151920;color:#9aa3b2}.quiz-progress{height:4px;background:#222731;border-radius:10px;margin:8px 0 16px;overflow:hidden}.quiz-progress i{display:block;height:100%;background:#ff3434}.quiz-option{justify-content:space-between!important}.recommend-img{width:100%;height:220px;border-radius:18px;object-fit:cover;margin-top:10px}.empty{padding:25px;text-align:center;color:var(--muted)}

/* v3 — live booking integration */
.booking-select-wrap{margin:14px 0}.booking-select-wrap label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.booking-select-wrap select{width:100%;background:#11131a;color:#fff;border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:14px 42px 14px 14px;font:inherit;outline:none}.selected-booking{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:12px;background:linear-gradient(135deg,rgba(255,35,45,.12),rgba(39,114,255,.06));border:1px solid rgba(255,69,79,.22);border-radius:18px}.selected-booking img{width:72px;height:72px;object-fit:cover;border-radius:13px}.selected-booking div{display:grid;gap:4px}.selected-booking small{font-size:10px;letter-spacing:.12em;color:#ff535e}.selected-booking strong{font-size:18px}.selected-booking span{font-size:11px;color:var(--muted)}.booking-frame.live{height:720px;border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 35px rgba(255,25,45,.08)}.booking-frame.live iframe{width:100%;height:100%;border:0;background:#fff}

/* ===== 2+2 NEXT v4 visual pass ===== */
:root{--red:#ff2d35;--red-hot:#ff4b4f;--ice:#71e9ff;--gold:#ffd76a}
body{background:#020304}
body:before{background:radial-gradient(circle at 50% -12%,rgba(90,148,255,.12),transparent 30%),radial-gradient(circle at 12% 58%,rgba(255,17,35,.095),transparent 28%),linear-gradient(180deg,#030405,#020203 65%,#050406)}
.app{max-width:560px}
.topbar{width:min(560px,100%);height:76px;background:linear-gradient(180deg,rgba(4,5,7,.95),rgba(5,7,10,.82));box-shadow:0 10px 38px rgba(0,0,0,.2)}
.brand-logo{height:50px;max-width:132px;filter:drop-shadow(0 0 15px rgba(255,255,255,.15))}
.iconbtn,.lang{background:rgba(10,12,16,.85);border-color:rgba(255,255,255,.10);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.bottom-nav{width:min(560px,100%);height:82px;background:linear-gradient(180deg,rgba(9,11,15,.88),rgba(3,4,6,.98));box-shadow:0 -18px 50px rgba(0,0,0,.32)}
.navitem{letter-spacing:.01em}.navitem b{transition:.25s}.navitem.active b{transform:translateY(-1px) scale(1.08)}
.wheel-nav b{background:radial-gradient(circle at 38% 30%,#ff7377 0,#ff2b35 22%,#8a0712 65%,#090b10 67%);box-shadow:0 0 30px rgba(255,31,43,.58),inset 0 0 13px rgba(255,255,255,.16)}
.hero{height:390px;border-radius:30px;border-color:rgba(255,255,255,.12);box-shadow:0 35px 95px rgba(0,0,0,.58),0 0 0 1px rgba(255,42,49,.05)}
.hero:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 78% 18%,rgba(113,233,255,.11),transparent 28%),linear-gradient(120deg,rgba(255,25,37,.10),transparent 40%);mix-blend-mode:screen;pointer-events:none}
.hero:after{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12) 32%,rgba(3,4,7,.35) 55%,rgba(3,4,7,.97) 91%)}
.hero-content{bottom:22px}.hero h1{font-size:36px;letter-spacing:-.03em;text-shadow:0 4px 28px rgba(0,0,0,.9)}
.cta{background:linear-gradient(180deg,#ff484e,#d70c1a 58%,#9b0710);border:1px solid rgba(255,125,128,.42);box-shadow:0 10px 30px rgba(255,29,42,.22),inset 0 1px rgba(255,255,255,.20);transition:.2s}
.cta:active{transform:translateY(1px) scale(.99)}
.discount{box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 48px rgba(0,0,0,.18)}
.journey,.panel,.quest-card,.mini-card,.news-card{box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 36px rgba(0,0,0,.16)}
.quest-card{border-radius:20px;background:linear-gradient(155deg,#11151a,#08090c 70%)}
.quest-card img{filter:saturate(.86) contrast(1.07)}

/* premium wheel */
.wheel-stage{position:relative;isolation:isolate;text-align:center;padding:20px 0 8px;min-height:760px;overflow:hidden}
.wheel-ambient{position:absolute;z-index:-3;left:50%;top:210px;width:510px;height:510px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,38,48,.17),rgba(255,38,48,.05) 34%,rgba(66,202,255,.035) 52%,transparent 70%);filter:blur(8px);animation:ambientPulse 3.4s ease-in-out infinite}
.wheel-stage:before,.wheel-stage:after{content:"";position:absolute;z-index:-2;width:210px;height:520px;top:120px;filter:blur(60px);opacity:.22;pointer-events:none}.wheel-stage:before{left:-120px;background:#ff1729;transform:rotate(-14deg)}.wheel-stage:after{right:-140px;background:#39d9ff;transform:rotate(12deg)}
.wheel-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,60,70,.24);background:rgba(73,6,12,.28);font-size:9px;letter-spacing:.18em;color:#ff8c91;font-weight:800}.wheel-stage h1{margin:12px 0 4px;font-size:34px;letter-spacing:-.035em}.wheel-subtitle{margin:0 auto 14px;max-width:370px;color:#929cab;font-size:12px;line-height:1.5;padding:0 18px}
.wheel-machine{width:min(438px,96vw);height:min(438px,96vw);margin:18px auto 22px;position:relative;display:grid;place-items:center;filter:drop-shadow(0 32px 52px rgba(0,0,0,.56))}
.wheel-halo{position:absolute;inset:1.5%;border-radius:50%;border:1px solid rgba(255,52,61,.32);box-shadow:0 0 46px rgba(255,24,36,.15),inset 0 0 36px rgba(255,23,35,.06)}.wheel-halo.h2{inset:-3%;border-color:rgba(92,220,255,.11);box-shadow:0 0 42px rgba(92,220,255,.08);animation:slowSpin 16s linear infinite}.wheel-halo.h2:before,.wheel-halo.h2:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#72ebff;box-shadow:0 0 16px #72ebff}.wheel-halo.h2:before{left:10%;top:22%}.wheel-halo.h2:after{right:8%;bottom:28%}
.premium-wheel{position:absolute;inset:4%;border-radius:50%;will-change:transform;transform:rotate(0deg)}
.premium-wheel.spin-animate{animation:premiumSpin var(--spin-time,5600ms) cubic-bezier(.09,.68,.08,1) forwards}
.wheel-face{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:repeating-conic-gradient(from -15deg,#970b16 0deg 29.7deg,#171a20 30deg 59.7deg);border:9px solid #101318;box-shadow:0 0 0 2px rgba(255,63,69,.75),0 0 0 8px #07090c,0 0 0 9px rgba(255,255,255,.08),0 0 58px rgba(255,29,42,.42),inset 0 0 50px rgba(0,0,0,.85)}
.wheel-face:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -15deg,rgba(255,255,255,.08),transparent 6deg,transparent 24deg,rgba(255,255,255,.025) 30deg);mix-blend-mode:screen;pointer-events:none}
.wheel-face:after{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(255,41,49,.14),rgba(2,3,5,.85) 68%);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 0 42px #000,0 0 25px rgba(255,41,49,.12);pointer-events:none}
.premium-wheel-label{position:absolute;z-index:3;left:50%;top:50%;width:1px;height:1px;transform:rotate(var(--a)) translateY(-148px);transform-origin:center}.premium-wheel-label i{position:absolute;left:-43px;top:-8px;width:86px;text-align:center;font-style:normal;font-size:10px;letter-spacing:.04em;font-weight:900;color:#f7f8fa;text-shadow:0 2px 8px #000,0 0 8px rgba(255,255,255,.15);transform:rotate(calc(var(--a) * -1));white-space:nowrap}.premium-wheel-label:nth-of-type(9) i,.premium-wheel-label:nth-of-type(10) i,.premium-wheel-label:nth-of-type(11) i{color:#ffe28b;text-shadow:0 0 11px rgba(255,217,96,.45),0 2px 8px #000}
.wheel-bulb{position:absolute;z-index:5;left:50%;top:50%;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:#ff7c82;box-shadow:0 0 8px #ff3b45,0 0 17px rgba(255,37,48,.65);transform:rotate(var(--a)) translateY(-181px)}.wheel-bulb:nth-child(3n){background:#fff;box-shadow:0 0 8px #fff,0 0 18px rgba(255,255,255,.7)}
.wheel-inner-ring{position:absolute;z-index:4;inset:30%;border-radius:50%;border:1px solid rgba(255,255,255,.11);box-shadow:0 0 0 4px rgba(0,0,0,.35),inset 0 0 18px #000}
.wheel-center{z-index:8;inset:33%;border:1px solid rgba(255,74,81,.72);background:radial-gradient(circle at 40% 30%,#15191f,#060709 70%);box-shadow:0 0 0 7px #06080b,0 0 0 8px rgba(255,255,255,.09),0 0 38px rgba(255,26,39,.48),inset 0 0 25px #000;display:flex!important;flex-direction:column;align-items:center;justify-content:center}.wheel-center img{width:72%;height:56%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 9px rgba(255,255,255,.2))}.wheel-center small{position:relative;z-index:2;font-size:6px;letter-spacing:.25em;color:#7f8998;margin-top:-3px}.wheel-center-glow{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(255,30,43,.16),transparent 70%);animation:centerPulse 1.8s ease-in-out infinite}
.wheel-pointer{position:absolute;z-index:20;left:50%;top:-2px;transform:translateX(-50%);width:58px;height:70px;filter:drop-shadow(0 7px 10px rgba(0,0,0,.7))}.wheel-pointer:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff 0,#ff8d91 12%,#ef2430 28%,#7c0710 70%);border:3px solid #1a1c22;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 22px rgba(255,38,49,.62)}.wheel-pointer span{position:absolute;left:50%;top:30px;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:28px solid #f12631;filter:drop-shadow(0 4px 3px rgba(0,0,0,.65))}
.spin-super{width:min(310px,82vw);border:0;border-radius:18px;padding:15px 18px 12px;background:linear-gradient(180deg,#ff5257 0,#e31725 46%,#a00712 100%);color:#fff;box-shadow:0 0 0 1px rgba(255,152,154,.34),0 14px 34px rgba(255,22,35,.28),inset 0 1px rgba(255,255,255,.32);font-weight:900;letter-spacing:.08em;transition:.18s;position:relative;overflow:hidden}.spin-super:before{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.22) 42%,transparent 65%);transform:translateX(-120%);animation:buttonShine 2.7s ease-in-out infinite}.spin-super span{display:block;font-size:16px;position:relative}.spin-super small{display:block;margin-top:3px;font-size:8px;color:#ffc3c5;letter-spacing:.12em;position:relative}.spin-super:active{transform:scale(.985)}.spin-super:disabled{filter:grayscale(.65);opacity:.45;box-shadow:none}.spin-super:disabled:before{display:none}
.wheel-rules{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 2px 10px}.wheel-rules>div{text-align:left;padding:13px 14px;border-radius:17px;background:linear-gradient(145deg,rgba(19,22,28,.92),rgba(7,9,12,.95));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.035)}.wheel-rules b{font-size:14px}.wheel-rules span{float:right;color:#ffd86e;font-weight:900;font-size:12px}.wheel-rules small{display:block;clear:both;margin-top:5px;color:#707a89;font-size:8px;line-height:1.35}.wheel-note{font-size:9px;color:#65707e;line-height:1.45;padding:0 14px}
.spark-layer{position:absolute;inset:0;pointer-events:none;z-index:30}.spark{position:absolute;left:50%;top:46%;width:5px;height:13px;border-radius:5px;background:linear-gradient(#fff,#ff303d);box-shadow:0 0 10px #ff2634;animation:sparkFly 1.25s cubic-bezier(.12,.7,.2,1) var(--d) forwards}.spark:nth-child(3n){background:linear-gradient(#fff,#62e7ff);box-shadow:0 0 10px #62e7ff}.spark:nth-child(4n){background:linear-gradient(#fff,#ffd86d);box-shadow:0 0 10px #ffd86d}
.wheel-stage.is-spinning .wheel-ambient{animation-duration:.7s;opacity:1}.wheel-stage.is-spinning .wheel-pointer{animation:pointerKick .14s ease-in-out infinite}.wheel-stage.is-spinning .wheel-bulb{animation:bulbChase .35s steps(2) infinite}.wheel-stage.win-flash:after{content:"";z-index:50;position:absolute;inset:90px -20px 170px;background:radial-gradient(circle,rgba(255,255,255,.55),rgba(255,42,53,.22) 28%,transparent 62%);animation:flashOut .85s ease-out forwards;pointer-events:none}
.prize-win{position:relative;text-align:center;overflow:hidden;padding:12px 4px 2px}.prize-win .prize-icon{width:94px;height:94px;margin:18px auto 12px;border-radius:30px;background:radial-gradient(circle at 35% 25%,#ff666b,#a60b17 58%,#2d070b);display:grid;place-items:center;font-size:42px;border:1px solid rgba(255,255,255,.20);box-shadow:0 0 42px rgba(255,34,48,.45),inset 0 1px rgba(255,255,255,.28)}.prize-win h2{font-size:30px;margin:5px 0}.prize-win p{color:#9ba4b2}.rare-win .prize-icon{background:radial-gradient(circle at 35% 25%,#ffe898,#b78318 58%,#2d2008);box-shadow:0 0 55px rgba(255,213,86,.48)}.rare-win h2{color:#ffe397;text-shadow:0 0 20px rgba(255,217,99,.24)}

@keyframes premiumSpin{to{transform:rotate(var(--spin-deg))}}
@keyframes sparkFly{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.4)}18%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.9)}}
@keyframes ambientPulse{50%{transform:translate(-50%,-50%) scale(1.06);opacity:.82}}
@keyframes centerPulse{50%{transform:scale(1.14);opacity:.45}}
@keyframes slowSpin{to{transform:rotate(360deg)}}
@keyframes buttonShine{0%,58%{transform:translateX(-125%)}80%,100%{transform:translateX(125%)}}
@keyframes pointerKick{50%{transform:translateX(-50%) rotate(3deg)}}
@keyframes bulbChase{50%{filter:brightness(2)}}
@keyframes flashOut{from{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}
@media(max-width:390px){.premium-wheel-label{transform:rotate(var(--a)) translateY(-132px)}.wheel-bulb{transform:rotate(var(--a)) translateY(-161px)}.premium-wheel-label i{font-size:8.5px;width:74px;left:-37px}.wheel-machine{width:min(392px,96vw);height:min(392px,96vw)}.wheel-stage{min-height:700px}}
@media(prefers-reduced-motion:reduce){.wheel-ambient,.wheel-halo.h2,.wheel-center-glow,.spin-super:before{animation:none}.premium-wheel.spin-animate{animation-duration:1.4s!important}}

/* v5 production polish */
:root{--font-ui:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-display:'Unbounded','Manrope',sans-serif}
html{scroll-behavior:smooth}body{font-family:var(--font-ui);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.view{animation:viewIn .34s cubic-bezier(.2,.72,.25,1)}
button,input,select{font:inherit}.cta,.navitem,.iconbtn,.lang,.filter,.menu button,.mini-card,.quest-card,.news-card,.video-button{cursor:pointer;-webkit-tap-highlight-color:transparent}.cta:focus-visible,.iconbtn:focus-visible,.navitem:focus-visible,.filter:focus-visible,.menu button:focus-visible{outline:2px solid rgba(95,220,255,.85);outline-offset:2px}
.cityline-button{appearance:none;border:1px solid rgba(255,255,255,.08);background:rgba(12,15,20,.76);color:#eef2f7;padding:8px 11px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;font-weight:700}.cityline-button span{color:#7e8997;font-size:11px}.city-choice{display:flex;align-items:center;gap:12px;padding:14px;border-radius:17px;background:linear-gradient(145deg,#12161c,#090b0f);border:1px solid rgba(255,255,255,.09);margin-top:14px}.city-choice>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(235,30,42,.16);color:#ff626c}.city-choice div{flex:1}.city-choice strong,.city-choice small{display:block}.city-choice small{margin-top:3px;color:var(--muted);font-size:10px}.city-choice>b{color:#73f1bc}
.video-button{width:100%;border:1px solid var(--line);color:#fff}.video-button>span{display:flex;flex-direction:column;align-items:center}.video-button b{margin-top:10px;font-size:15px}.video-button small{margin-top:3px;color:#aeb7c3}.video-button .trailer-play{display:grid;place-items:center;font-style:normal}.trailer-modal{min-height:360px;border-radius:24px;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;background-position:center;background-size:cover;border:1px solid rgba(255,255,255,.1);margin-bottom:12px;box-shadow:inset 0 -80px 70px rgba(0,0,0,.38)}.trailer-modal-play{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:rgba(236,30,42,.88);border:1px solid rgba(255,255,255,.35);box-shadow:0 0 34px rgba(255,38,52,.42);font-size:22px;margin-bottom:80px}.trailer-modal h2{font-family:var(--font-display);font-size:24px}.trailer-modal p{color:#aeb6c3;font-size:11px;margin-bottom:0}

.wheel-stage{min-height:760px;padding-top:14px}.wheel-kicker{font-family:var(--font-display);font-size:7.5px;letter-spacing:.16em;padding:8px 11px}.wheel-title{font-family:var(--font-display);font-size:37px!important;line-height:.9!important;letter-spacing:-.055em!important;margin:14px 0 8px!important;text-shadow:0 0 32px rgba(255,47,60,.18)}.wheel-title span{font-size:.74em;letter-spacing:.11em;color:#ff4b54}.wheel-subtitle{max-width:330px;font-size:11px;line-height:1.6;color:#8994a4}
.wheel-machine{width:min(430px,94vw);height:min(430px,94vw);margin:20px auto 24px}.wheel-canvas-shell{position:absolute;inset:3.5%;border-radius:50%;display:grid;place-items:center;overflow:visible;filter:drop-shadow(0 28px 38px rgba(0,0,0,.58));will-change:transform}.wheel-canvas-shell canvas{display:block;border-radius:50%}.wheel-center{position:absolute!important;inset:34.4%!important;z-index:8!important}.wheel-center img{width:72%!important;height:56%!important}.wheel-halo.h1{inset:1%;border-color:rgba(255,62,70,.32)}.wheel-halo.h2{inset:-3.2%}.wheel-pointer{top:-5px}.wheel-pointer.tap{animation:pointerTap .13s ease-out}.wheel-stage.is-spinning .wheel-pointer{animation:none}.wheel-stage.is-spinning .wheel-canvas-shell{filter:drop-shadow(0 28px 42px rgba(0,0,0,.62)) drop-shadow(0 0 26px rgba(255,35,48,.24))}.spin-super{font-family:var(--font-display);width:min(326px,86vw);padding:16px 18px 13px;border-radius:20px}.spin-super span{font-size:14px;letter-spacing:.04em}.spin-super small{font-family:var(--font-ui);font-size:8px}.wheel-rules>div{padding:14px}.wheel-rules b{font-family:var(--font-display);font-size:12px}.wheel-note{font-size:9px;color:#788391}.prize-win h2{font-family:var(--font-display);font-size:26px;line-height:1.1}.prize-win>small{font-family:var(--font-display);font-size:8px;letter-spacing:.14em;color:#ff8a91}
.booking-frame.live{height:680px;border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.3)}.selected-booking{border-color:rgba(255,255,255,.1)}
@keyframes pointerTap{0%{transform:translateX(-50%) rotate(0)}45%{transform:translateX(-50%) rotate(9deg)}100%{transform:translateX(-50%) rotate(0)}}
@keyframes viewIn{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:390px){.wheel-machine{width:min(384px,94vw);height:min(384px,94vw)}.wheel-title{font-size:33px!important}.wheel-stage{min-height:700px}.booking-frame.live{height:620px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.view{animation:none}.wheel-halo.h2,.wheel-center-glow,.spin-super:before{animation:none}}

/* v5 production polish */
:root{--font-ui:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-display:'Unbounded','Manrope',sans-serif}
html{scroll-behavior:smooth}body{font-family:var(--font-ui);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.view{animation:viewIn .34s cubic-bezier(.2,.72,.25,1)}
button,input,select{font:inherit}.cta,.navitem,.iconbtn,.lang,.filter,.menu button,.mini-card,.quest-card,.news-card,.video-button{cursor:pointer;-webkit-tap-highlight-color:transparent}.cta:focus-visible,.iconbtn:focus-visible,.navitem:focus-visible,.filter:focus-visible,.menu button:focus-visible{outline:2px solid rgba(95,220,255,.85);outline-offset:2px}
.cityline-button{appearance:none;border:1px solid rgba(255,255,255,.08);background:rgba(12,15,20,.76);color:#eef2f7;padding:8px 11px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;font-weight:700}.cityline-button span{color:#7e8997;font-size:11px}.city-choice{display:flex;align-items:center;gap:12px;padding:14px;border-radius:17px;background:linear-gradient(145deg,#12161c,#090b0f);border:1px solid rgba(255,255,255,.09);margin-top:14px}.city-choice>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(235,30,42,.16);color:#ff626c}.city-choice div{flex:1}.city-choice strong,.city-choice small{display:block}.city-choice small{margin-top:3px;color:var(--muted);font-size:10px}.city-choice>b{color:#73f1bc}
.video-button{width:100%;border:1px solid var(--line);color:#fff}.video-button>span{display:flex;flex-direction:column;align-items:center}.video-button b{margin-top:10px;font-size:15px}.video-button small{margin-top:3px;color:#aeb7c3}.video-button .trailer-play{display:grid;place-items:center;font-style:normal}.trailer-modal{min-height:360px;border-radius:24px;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;background-position:center;background-size:cover;border:1px solid rgba(255,255,255,.1);margin-bottom:12px;box-shadow:inset 0 -80px 70px rgba(0,0,0,.38)}.trailer-modal-play{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:rgba(236,30,42,.88);border:1px solid rgba(255,255,255,.35);box-shadow:0 0 34px rgba(255,38,52,.42);font-size:22px;margin-bottom:80px}.trailer-modal h2{font-family:var(--font-display);font-size:24px}.trailer-modal p{color:#aeb6c3;font-size:11px;margin-bottom:0}
.wheel-stage{min-height:760px;padding-top:14px}.wheel-kicker{font-family:var(--font-display);font-size:7.5px;letter-spacing:.16em;padding:8px 11px}.wheel-title{font-family:var(--font-display);font-size:37px!important;line-height:.9!important;letter-spacing:-.055em!important;margin:14px 0 8px!important;text-shadow:0 0 32px rgba(255,47,60,.18)}.wheel-title span{font-size:.74em;letter-spacing:.11em;color:#ff4b54}.wheel-subtitle{max-width:330px;font-size:11px;line-height:1.6;color:#8994a4}
.wheel-machine{width:min(430px,94vw);height:min(430px,94vw);margin:20px auto 24px}.wheel-canvas-shell{position:absolute;inset:3.5%;border-radius:50%;display:grid;place-items:center;overflow:visible;filter:drop-shadow(0 28px 38px rgba(0,0,0,.58));will-change:transform}.wheel-canvas-shell canvas{display:block;border-radius:50%}.wheel-center{position:absolute!important;inset:34.4%!important;z-index:8!important}.wheel-center img{width:72%!important;height:56%!important}.wheel-halo.h1{inset:1%;border-color:rgba(255,62,70,.32)}.wheel-halo.h2{inset:-3.2%}.wheel-pointer{top:-5px}.wheel-pointer.tap{animation:pointerTap .13s ease-out}.wheel-stage.is-spinning .wheel-pointer{animation:none}.wheel-stage.is-spinning .wheel-canvas-shell{filter:drop-shadow(0 28px 42px rgba(0,0,0,.62)) drop-shadow(0 0 26px rgba(255,35,48,.24))}.spin-super{font-family:var(--font-display);width:min(326px,86vw);padding:16px 18px 13px;border-radius:20px}.spin-super span{font-size:14px;letter-spacing:.04em}.spin-super small{font-family:var(--font-ui);font-size:8px}.wheel-rules>div{padding:14px}.wheel-rules b{font-family:var(--font-display);font-size:12px}.wheel-note{font-size:9px;color:#788391}.prize-win h2{font-family:var(--font-display);font-size:26px;line-height:1.1}.prize-win>small{font-family:var(--font-display);font-size:8px;letter-spacing:.14em;color:#ff8a91}
.booking-frame.live{height:680px;border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.3)}.selected-booking{border-color:rgba(255,255,255,.1)}
@keyframes pointerTap{0%{transform:translateX(-50%) rotate(0)}45%{transform:translateX(-50%) rotate(9deg)}100%{transform:translateX(-50%) rotate(0)}}
@keyframes viewIn{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:390px){.wheel-machine{width:min(384px,94vw);height:min(384px,94vw)}.wheel-title{font-size:33px!important}.wheel-stage{min-height:700px}.booking-frame.live{height:620px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.view{animation:none}.wheel-halo.h2,.wheel-center-glow,.spin-super:before{animation:none}}
/* v6 CRM booking embed */
.booking-frame.live{height:auto;min-height:650px;overflow:hidden;background:#fff}
.booking-frame.live iframe{display:block;width:100%;height:650px;min-height:650px;border:0;background:#fff;transition:height .2s ease}
@media(max-width:390px){.booking-frame.live{min-height:650px}.booking-frame.live iframe{height:650px;min-height:650px}}


/* ============================
   2+2 NEXT v7 — premium pass
   ============================ */
:root{--font-display:Unbounded,Manrope,sans-serif;--red:#ff3040;--red-hi:#ff5864;--blue:#52d8ff;--ink:#050608;--paper:#f7f7f5}
body{background:#020305}.app{padding-top:92px}.view{padding:0 18px}.topbar{height:82px;padding:12px 18px;background:linear-gradient(180deg,rgba(4,5,8,.98),rgba(4,5,8,.88));box-shadow:0 16px 50px rgba(0,0,0,.28)}
.brand-chip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:126px;height:58px;display:grid;place-items:center;isolation:isolate}.brand-chip:before{content:"";position:absolute;inset:8px 2px;border-radius:18px;background:radial-gradient(ellipse at center,rgba(255,255,255,.085),rgba(255,255,255,.018) 58%,transparent 72%);border:1px solid rgba(255,255,255,.045);z-index:-1}.brand-chip-glow{position:absolute;inset:-18px;background:radial-gradient(circle,rgba(255,49,64,.13),transparent 60%);filter:blur(12px);z-index:-2}.brand-logo{height:50px;max-width:118px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 12px rgba(255,255,255,.26)) drop-shadow(0 0 28px rgba(255,44,58,.16));opacity:.98}
.iconbtn,.lang{height:46px;min-width:46px;border-radius:16px;border-color:rgba(255,255,255,.11);background:linear-gradient(180deg,#0c0f14,#07090d);box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.22)}.lang{font-family:var(--font-display);font-size:11px}.dot{margin:-24px 0 0 24px}
.splash{background:radial-gradient(circle at 50% 42%,#1a0a0f 0,#07090d 38%,#010204 72%)}.splash:before,.splash:after{content:"";position:absolute;width:50vw;height:50vw;border-radius:50%;filter:blur(70px);opacity:.16}.splash:before{background:#ff2637;left:-22vw;top:28%}.splash:after{background:#2cbfea;right:-26vw;top:18%}.splash-orbit{width:250px;height:250px}.splash-brand{position:relative;width:260px;height:108px;display:grid;place-items:center;margin-top:-4px}.brand-aura{position:absolute;width:210px;height:74px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.13),rgba(255,41,56,.075) 40%,transparent 72%);filter:blur(8px)}.splash-logo{position:relative;height:100px;max-width:250px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 16px rgba(255,255,255,.28)) drop-shadow(0 0 38px rgba(255,37,54,.24))}.splash-copy{font-family:var(--font-display);font-size:9px;letter-spacing:.22em;color:#b8bfca}.progress{height:2px;width:205px;background:#242730}.progress i{background:linear-gradient(90deg,#ff2f40,#fff,#53d7ff);box-shadow:0 0 16px rgba(255,51,65,.8)}
.cityline-button{margin-top:2px;padding:10px 14px!important;border-radius:999px!important;background:linear-gradient(180deg,#0d1015,#080a0e)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)}.welcome{margin-top:20px}.welcome strong{font-size:28px;letter-spacing:-.04em}.welcome button{font-family:var(--font-display)}
.hero{height:390px;border-radius:30px;border-color:rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,44,58,.03)}.hero:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(120deg,rgba(255,32,48,.06),transparent 45%,rgba(65,206,255,.045))}.hero h1{font-family:var(--font-display);font-size:37px;letter-spacing:-.055em;line-height:.95}.cta{font-family:var(--font-display);letter-spacing:-.02em;border-radius:16px;background:linear-gradient(180deg,#ff3d4c,#d3081b);box-shadow:0 12px 32px rgba(214,8,28,.28),inset 0 1px rgba(255,255,255,.34);transition:transform .16s ease,filter .16s ease}.cta:active{transform:translateY(1px) scale(.985);filter:brightness(.94)}
.bottom-nav{height:84px;background:linear-gradient(180deg,rgba(13,15,19,.96),rgba(4,5,7,.99));backdrop-filter:blur(26px) saturate(1.2)}.navitem{font-size:11px}.navitem b{font-size:21px}.wheel-nav b{width:50px;height:50px;margin-top:-30px;background:radial-gradient(circle at 38% 30%,#ff6973,#ef1930 35%,#600914 72%,#090a0d 73%);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 28px rgba(255,36,51,.42)}

/* Booking — intentionally frames the external white CRM as a premium schedule sheet. */
.booking-page{padding-bottom:18px}.booking-page-head{padding:12px 2px 8px}.booking-kicker{font-family:var(--font-display);font-size:9px;letter-spacing:.18em;color:#ff6570}.booking-page-head h1{font-family:var(--font-display);font-size:34px;line-height:1.02;letter-spacing:-.055em;margin:10px 0 10px}.booking-page-head h1 em{font-style:normal;color:#8a94a3}.booking-page-head p{margin:0;color:#929cab;line-height:1.55;font-size:12px;max-width:390px}.booking-select-wrap{margin:18px 0 12px}.booking-select-wrap label{display:grid;gap:8px}.booking-select-wrap label>span{font-family:var(--font-display);font-size:9px;letter-spacing:.12em;color:#7f8997}.booking-select-wrap select{appearance:none;background:linear-gradient(180deg,#11151b,#0a0d12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a5adba' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") calc(100% - 14px) 50%/16px no-repeat;border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:16px 44px 16px 16px;font-weight:800;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.selected-booking{display:grid;grid-template-columns:82px 1fr;gap:14px;padding:12px;border-radius:22px;background:linear-gradient(135deg,rgba(255,43,57,.105),rgba(8,11,15,.95) 48%,rgba(54,185,226,.045));border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 45px rgba(0,0,0,.22);overflow:hidden}.selected-booking-art{width:82px;height:82px;border-radius:17px;position:relative;overflow:hidden}.selected-booking-art img{width:100%;height:100%;object-fit:cover}.selected-booking-art span{position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,36,51,.12));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.selected-booking>div:last-child{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}.selected-booking small{font-family:var(--font-display);font-size:8px;letter-spacing:.15em;color:#ff6672}.selected-booking strong{font-family:var(--font-display);font-size:19px;line-height:1.12}.selected-booking span{font-size:10px;color:#8e98a7}
.price-guide{margin:14px 0 16px;padding:17px;border-radius:24px;background:radial-gradient(circle at 0 0,rgba(255,48,64,.11),transparent 30%),linear-gradient(180deg,#101319,#080a0e);border:1px solid rgba(255,255,255,.095);box-shadow:0 18px 55px rgba(0,0,0,.22)}.price-guide-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:13px}.price-guide-head span{font-family:var(--font-display);font-size:8px;letter-spacing:.15em;color:#ff6370}.price-guide-head b{font-size:15px}.price-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.price-guide-grid>div{min-height:112px;padding:10px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.price-guide-grid i{font-style:normal;font-family:var(--font-display);font-size:8px;color:#ff5b67}.price-guide-grid strong{display:block;font-size:11px;margin:10px 0 5px;line-height:1.15}.price-guide-grid small{display:block;color:#818b99;font-size:9px;line-height:1.38}.price-guide>p{margin:12px 1px 0;color:#a4acb8;font-size:10px;line-height:1.5}
.live-schedule{margin-top:12px;border-radius:28px;overflow:hidden;background:#f7f7f5;border:1px solid rgba(255,255,255,.15);box-shadow:0 26px 90px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.02)}.live-schedule-head{height:64px;padding:0 15px 0 17px;background:linear-gradient(180deg,#f9f9f7,#efefec);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #deded9;color:#11151a}.live-schedule-head>div{display:flex;align-items:center;gap:10px}.live-schedule-head>div>div{display:flex;flex-direction:column}.live-schedule-head small{font-family:var(--font-display);font-size:7px;letter-spacing:.14em;color:#87909a}.live-schedule-head strong{font-size:13px}.live-schedule-head a{font-size:9px;text-decoration:none;color:#4a5562;border:1px solid #d1d3d4;border-radius:999px;padding:7px 9px;background:#fff}.live-dot{width:9px;height:9px;border-radius:50%;background:#19b65b;box-shadow:0 0 0 5px rgba(25,182,91,.12)}.booking-frame.live{height:auto;min-height:690px;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:hidden}.booking-frame.live iframe{display:block;width:100%;height:690px;min-height:690px;border:0;background:#fff;color-scheme:light;transition:height .18s ease}.booking-help{display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:center;margin:14px 0 2px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#090c10}.booking-help>span{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#151920;color:#b6bfcb;font-family:var(--font-display)}.booking-help strong{display:block;font-size:11px}.booking-help small{display:block;color:#7f8997;font-size:9px;line-height:1.45;margin-top:3px}

/* Wheel — cleaner typography, stronger depth and readable premium rim. */
.wheel-stage{position:relative;min-height:780px;padding:18px 0 28px;overflow:hidden}.wheel-stage:before{content:"";position:absolute;inset:80px -120px 160px;background:radial-gradient(circle at 50% 40%,rgba(255,38,54,.14),transparent 44%),radial-gradient(circle at 52% 48%,rgba(66,200,240,.06),transparent 56%);filter:blur(4px);pointer-events:none}.wheel-kicker{display:flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-display);font-size:8px;letter-spacing:.16em;color:#aab2bf}.wheel-kicker span{width:20px;height:1px;background:linear-gradient(90deg,transparent,#ff4656)}.wheel-kicker span:last-child{transform:scaleX(-1)}.wheel-title{font-family:var(--font-display);font-size:41px!important;line-height:.96!important;letter-spacing:-.065em!important;text-align:center;margin:11px 0 8px!important}.wheel-title span{display:inline;color:#ff4756;text-shadow:0 0 28px rgba(255,51,66,.25)}.wheel-subtitle{max-width:355px;margin:0 auto 12px!important;font-size:11px!important;line-height:1.5!important;color:#8f99a7!important;text-align:center}.wheel-machine{width:min(424px,94vw)!important;height:min(424px,94vw)!important;margin:14px auto 20px!important;filter:drop-shadow(0 36px 50px rgba(0,0,0,.48))}.wheel-machine:before{content:"";position:absolute;inset:1.5%;border-radius:50%;background:conic-gradient(from 40deg,rgba(255,255,255,.08),rgba(255,44,60,.28),rgba(255,255,255,.03),rgba(64,204,245,.16),rgba(255,255,255,.03),rgba(255,44,60,.28),rgba(255,255,255,.08));filter:blur(8px);opacity:.55}.wheel-canvas-shell{inset:5.6%!important;box-shadow:0 0 0 5px #040507,0 0 0 7px rgba(255,255,255,.08),0 0 0 11px #11151a,0 0 46px rgba(255,34,49,.32),inset 0 0 40px rgba(0,0,0,.75)!important}.wheel-canvas-shell:after{content:"";position:absolute;inset:2.2%;border-radius:50%;background:linear-gradient(118deg,rgba(255,255,255,.11),transparent 17%,transparent 68%,rgba(255,255,255,.045));mix-blend-mode:screen;pointer-events:none}.wheel-pointer{top:-7px!important;width:70px!important;height:72px!important;filter:drop-shadow(0 12px 16px rgba(0,0,0,.55))}.wheel-pointer span{border-left-width:19px!important;border-right-width:19px!important;border-top-width:32px!important}.wheel-center{inset:34%!important;border-color:rgba(255,255,255,.16)!important;box-shadow:0 0 0 6px #050608,0 0 0 8px rgba(255,255,255,.08),0 0 34px rgba(255,38,55,.40),inset 0 0 26px #000!important}.wheel-center img{width:76%!important;height:58%!important;filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,.24)) drop-shadow(0 0 18px rgba(255,40,55,.22))!important}.wheel-center small{font-family:var(--font-display);font-size:5.5px!important;letter-spacing:.22em!important;color:#9099a5!important}.spin-super{width:min(360px,92%);min-height:69px;border-radius:20px!important;font-family:var(--font-display)!important;box-shadow:0 18px 45px rgba(221,8,29,.25),inset 0 1px rgba(255,255,255,.28)!important}.spin-super span{font-size:15px!important;letter-spacing:.02em}.spin-super small{font-family:Manrope,sans-serif!important;font-weight:700!important;letter-spacing:.06em!important}.wheel-rules{gap:9px!important;max-width:360px!important}.wheel-rules>div{border-radius:17px!important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important}.wheel-rules b{font-family:var(--font-display);font-size:10px}.wheel-rules span{font-size:18px!important;font-weight:800}.wheel-note{max-width:330px!important;line-height:1.5!important}

@media(max-width:390px){.view{padding:0 14px}.app{padding-top:88px}.topbar{height:78px;padding:10px 14px}.brand-chip{width:108px;height:54px}.brand-logo{height:44px;max-width:102px}.hero{height:375px}.hero h1{font-size:34px}.booking-page-head h1{font-size:30px}.price-guide{padding:14px}.price-guide-grid{gap:6px}.price-guide-grid>div{padding:8px;min-height:108px}.price-guide-grid strong{font-size:10px}.price-guide-grid small{font-size:8.5px}.live-schedule{margin-left:-2px;margin-right:-2px}.wheel-machine{width:min(390px,96vw)!important;height:min(390px,96vw)!important}.wheel-title{font-size:35px!important}.wheel-stage{min-height:730px}.booking-frame.live,.booking-frame.live iframe{min-height:650px;height:650px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.wheel-canvas-shell,.hero,.quest-card{transition:none!important}}

/* =============================
   v8 — cinematic wheel redesign
   Inspired by approved 2+2 concept: metal, smoke, chains, red/gold/blue rare sectors.
   ============================= */
.wheel-reference{margin:-8px -18px -18px;min-height:calc(100dvh - 84px);padding:10px 18px 28px;background:
 radial-gradient(circle at 18% 18%,rgba(163,0,14,.18),transparent 23%),
 radial-gradient(circle at 82% 54%,rgba(87,0,7,.16),transparent 24%),
 linear-gradient(180deg,#050608 0%,#080608 43%,#040506 100%);isolation:isolate}
.wheel-reference:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.6;background-image:radial-gradient(circle at 40% 40%,rgba(255,255,255,.025) 0 1px,transparent 1.4px);background-size:6px 6px;mask-image:linear-gradient(#000,transparent 82%)}
.wheel-bg-smoke{position:absolute;inset:50px -35% 90px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 36%,rgba(255,32,45,.12),transparent 22%),radial-gradient(ellipse at 48% 50%,rgba(148,21,29,.12),transparent 40%);filter:blur(26px);animation:smokePulse 5s ease-in-out infinite alternate}
@keyframes smokePulse{to{transform:scale(1.06) translateY(-8px);opacity:.72}}
.wheel-chain{position:absolute;width:12px;height:520px;top:65px;opacity:.32;z-index:-1;filter:drop-shadow(0 0 7px rgba(255,18,32,.28));background:repeating-linear-gradient(0deg,transparent 0 11px,#71101a 11px 14px,transparent 14px 22px);border-left:2px solid rgba(255,67,78,.16);border-right:2px solid rgba(255,67,78,.07);transform:rotate(17deg)}
.wheel-chain:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at center,transparent 0 5px,rgba(160,32,42,.45) 6px 8px,transparent 9px 18px)}
.chain-a{left:7px}.chain-b{right:8px;left:auto;transform:rotate(-17deg)}
.wheel-screen-head{position:relative;display:grid;grid-template-columns:44px 1fr 44px;align-items:start;gap:8px;margin:4px auto 6px;max-width:430px;text-align:center;z-index:3}
.wheel-screen-head h1{margin:0;color:#f3f5f7;font-family:'Oswald',sans-serif;font-size:20px;font-weight:600;letter-spacing:.28em;text-indent:.28em;text-shadow:0 0 16px rgba(255,255,255,.12)}
.wheel-screen-head p{margin:11px 0 10px;color:#a6afbb;font-size:13px;line-height:1.45}
.wheel-back,.wheel-info{width:38px;height:38px;border:0;background:transparent;color:#b9c3d0;font-size:31px;line-height:1;display:grid;place-items:center;border-radius:50%}
.wheel-info{font:600 16px/1 Manrope;border:1px solid rgba(180,195,211,.55);width:29px;height:29px;justify-self:end;margin-top:3px}
.wheel-back:active,.wheel-info:active{background:rgba(255,255,255,.06)}
.attempt-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(5,6,8,.64);box-shadow:inset 0 1px rgba(255,255,255,.04);font-size:11px;color:#bec5cf}
.attempt-pill::first-letter{color:#ffc55d}
.wheel-reference .wheel-machine{width:min(430px,96vw)!important;height:min(430px,96vw)!important;margin:4px auto 8px!important;filter:drop-shadow(0 32px 42px rgba(0,0,0,.66)) drop-shadow(0 0 34px rgba(190,0,18,.16))}
.wheel-reference .wheel-machine:before{inset:0!important;background:radial-gradient(circle at center,transparent 58%,rgba(255,39,51,.12) 60%,transparent 65%),conic-gradient(from 0deg,#22171a,#0b0d10 10%,#50151b 18%,#0a0c0f 28%,#351114 43%,#0c0e11 54%,#3e1016 70%,#090b0e 84%,#271015);filter:none!important;opacity:1!important;border-radius:50%;box-shadow:inset 0 0 0 3px rgba(255,255,255,.03),inset 0 0 24px #000,0 0 0 2px #050608,0 0 38px rgba(255,24,39,.23)}
.wheel-reference .wheel-canvas-shell{inset:5.2%!important;background:#07080b;border-radius:50%;box-shadow:0 0 0 5px #030405,0 0 0 8px #211316,0 0 0 10px rgba(255,43,55,.3),0 0 36px rgba(255,28,43,.28),inset 0 0 36px #000!important}
.wheel-reference .wheel-canvas-shell:after{inset:1.5%;background:linear-gradient(118deg,rgba(255,255,255,.10),transparent 15%,transparent 75%,rgba(255,255,255,.035));opacity:.55}
.wheel-reference .wheel-pointer{top:-4px!important;width:66px!important;height:75px!important;z-index:9}
.wheel-reference .wheel-pointer i{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:46px;height:27px;background:linear-gradient(#ff7379,#db071d 55%,#6b000c);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 8px #ff283a);border-radius:3px}
.wheel-reference .wheel-pointer span{position:absolute;top:25px;left:50%;transform:translateX(-50%);border-left:18px solid transparent!important;border-right:18px solid transparent!important;border-top:31px solid #ff263b!important;filter:drop-shadow(0 0 7px #ff2337)}
.wheel-reference .wheel-pointer.tap{animation:pointerTapV8 .095s ease}
@keyframes pointerTapV8{50%{transform:translateX(-50%) rotate(-8deg) translateY(4px)}}
.wheel-reference .wheel-center{inset:33.2%!important;background:radial-gradient(circle at 42% 34%,#2d3035 0,#131518 28%,#090a0c 61%,#020304 100%)!important;border:1px solid #73131e!important;box-shadow:0 0 0 5px #050608,0 0 0 7px #4e1118,0 0 27px rgba(255,29,43,.34),inset 0 0 30px #000!important}
.wheel-reference .wheel-center:before{content:"";position:absolute;inset:7%;border-radius:50%;border:1px dashed rgba(255,74,84,.24)}
.wheel-reference .wheel-center img{width:73%!important;height:52%!important;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 1px 0 #000) drop-shadow(0 0 8px rgba(255,255,255,.2))!important}
.wheel-reference .wheel-center small{margin-top:-5px!important;font-family:'Oswald',sans-serif!important;font-size:5px!important;letter-spacing:.16em!important;color:#9e9fa3!important}
.wheel-more{display:flex;justify-content:center;align-items:center;gap:13px;margin:8px auto 16px;color:#6f747c;font-family:'Oswald',sans-serif;font-size:8px;letter-spacing:.45em;text-indent:.45em}
.wheel-more i{width:34px;height:1px;background:linear-gradient(90deg,transparent,#9ca2aa)}.wheel-more i:last-child{transform:scaleX(-1)}
.wheel-reference .spin-super{display:flex;flex-direction:column;justify-content:center;width:min(405px,94%);min-height:72px;margin:0 auto;border:1px solid #ff263b!important;background:radial-gradient(ellipse at center,rgba(255,39,54,.32),rgba(93,0,10,.82) 55%,rgba(25,2,5,.96))!important;border-radius:18px!important;box-shadow:inset 0 0 24px rgba(255,55,65,.16),0 0 24px rgba(239,13,34,.18),0 18px 45px rgba(0,0,0,.42)!important}
.wheel-reference .spin-super:before{content:"";position:absolute;inset:1px;border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 35%);pointer-events:none}
.wheel-reference .spin-super span{font-family:'Oswald',sans-serif!important;font-weight:700;font-size:20px!important;letter-spacing:.03em!important}.wheel-reference .spin-super small{font-size:8px!important;color:#c77e85!important;margin-top:4px}.wheel-reference .spin-super:disabled{opacity:.45;filter:grayscale(.5)}
.wheel-reference .wheel-note{margin:10px auto 0!important;font-size:9px!important;color:#747d89!important;text-align:center}
.wheel-reference.is-spinning .wheel-bg-smoke{animation-duration:1.2s}.wheel-reference.is-spinning .wheel-machine{filter:drop-shadow(0 32px 42px rgba(0,0,0,.66)) drop-shadow(0 0 44px rgba(255,22,37,.28))}
.wheel-reference.win-iphone{background:radial-gradient(circle at 50% 39%,rgba(255,183,38,.23),transparent 28%),linear-gradient(180deg,#050608,#090606)}
.wheel-reference.win-airpods{background:radial-gradient(circle at 50% 39%,rgba(0,153,255,.23),transparent 28%),linear-gradient(180deg,#04070b,#050608)}
.spark.spark-gold{background:#ffc447!important;box-shadow:0 0 8px #ffb620!important}.spark.spark-blue{background:#23b8ff!important;box-shadow:0 0 8px #23b8ff!important}

/* Wheel prize catalog modal */
.prize-catalog{padding:8px 2px 4px}.catalog-kicker{font-family:'Oswald',sans-serif;font-size:10px;letter-spacing:.28em;color:#8f99a6}.prize-catalog h2{margin:9px 0 14px;font-family:'Oswald',sans-serif;font-size:28px;letter-spacing:.06em}.rare-prize-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rare-card{position:relative;min-height:170px;padding:14px 10px 12px;border-radius:18px;text-align:center;overflow:hidden;background:#090b0e;border:1px solid rgba(255,255,255,.08)}.rare-card:before{content:"";position:absolute;inset:0;opacity:.65;pointer-events:none}.rare-card.iphone{border-color:rgba(255,185,47,.6);box-shadow:inset 0 0 24px rgba(255,175,28,.08),0 0 24px rgba(255,168,23,.08)}.rare-card.iphone:before{background:radial-gradient(circle at 50% 30%,rgba(255,179,31,.22),transparent 42%)}.rare-card.airpods{border-color:rgba(0,169,255,.65);box-shadow:inset 0 0 24px rgba(0,164,255,.08),0 0 24px rgba(0,164,255,.09)}.rare-card.airpods:before{background:radial-gradient(circle at 50% 30%,rgba(0,155,255,.22),transparent 42%)}.rare-icon{position:relative;z-index:1;height:88px;display:grid;place-items:center;font-size:44px}.phone-shape{color:#dbad55;text-shadow:0 0 18px #dca13a}.pods-shape{color:#fff;text-shadow:0 0 16px #00a8ff}.rare-card strong{position:relative;z-index:1;display:block;font-family:'Oswald',sans-serif;letter-spacing:.14em}.rare-card small{position:relative;z-index:1;display:block;margin-top:5px;font-size:7px;letter-spacing:.08em}.rare-card.iphone small{color:#e6b04b}.rare-card.airpods small{color:#28b9ff}.catalog-note{font-size:10px;line-height:1.5;color:#8993a0;margin:12px 2px 18px}.prize-catalog h3{font-family:'Oswald',sans-serif;font-size:14px;letter-spacing:.12em;color:#b9c0c9;margin:0 0 10px}.prize-icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.prize-icon-grid>div{min-width:0;padding:8px 3px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#0b0e12;text-align:center}.prize-icon-grid span{display:grid;place-items:center;height:34px;font-size:19px}.prize-icon-grid small{display:block;color:#8d96a3;font-size:6.8px;line-height:1.25;word-break:break-word}

/* Cinematic win screen */
.cinema-win{position:relative;overflow:hidden;text-align:center;padding:28px 12px 12px;min-height:530px;border-radius:24px;background:radial-gradient(circle at 50% 53%,rgba(255,55,65,.17),transparent 30%),linear-gradient(180deg,#080609,#110608 52%,#070708);border:1px solid rgba(255,52,63,.18)}.cinema-win .win-ray{position:absolute;inset:12% 12% 22%;background:conic-gradient(from 0deg,transparent,rgba(255,62,71,.12),transparent 12%,transparent 42%,rgba(255,62,71,.12),transparent 56%);filter:blur(5px);animation:winRay 9s linear infinite}@keyframes winRay{to{transform:rotate(360deg)}}.cinema-win>small{position:relative;display:block;margin-top:14px;font-family:'Oswald',sans-serif;font-size:23px;letter-spacing:.24em;color:#fff;text-shadow:0 0 18px #ff2638}.cinema-win h2{position:relative;margin:16px 0 2px;font-family:'Oswald',sans-serif;font-weight:500;font-size:15px;letter-spacing:.24em;color:#dedfe2}.cinema-win h2 strong{display:block;margin-top:6px;font-size:35px;letter-spacing:.03em;color:#fff}.cinema-prize-icon{position:relative;z-index:1;height:250px;display:grid;place-items:center;font-size:94px;color:#fff;text-shadow:0 0 30px rgba(255,58,68,.45)}.cinema-win p{position:relative;color:#9099a6;font-size:10px}.cinema-win .cta{position:relative;margin-top:8px}.cinema-win.iphone-win{background:radial-gradient(circle at 50% 54%,rgba(255,178,32,.32),transparent 31%),linear-gradient(180deg,#0b0703,#1a0d03 54%,#090605);border-color:rgba(255,184,51,.35)}.cinema-win.iphone-win>small,.cinema-win.iphone-win h2 strong{color:#ffe5a6;text-shadow:0 0 22px #ffae2a}.cinema-win.iphone-win .win-ray{background:conic-gradient(from 0deg,transparent,rgba(255,183,52,.24),transparent 13%,transparent 42%,rgba(255,183,52,.18),transparent 56%)}.cinema-win.airpods-win{background:radial-gradient(circle at 50% 54%,rgba(0,159,255,.30),transparent 31%),linear-gradient(180deg,#03080d,#03111b 54%,#050709);border-color:rgba(0,166,255,.35)}.cinema-win.airpods-win>small,.cinema-win.airpods-win h2 strong{color:#dff5ff;text-shadow:0 0 22px #009fff}.cinema-win.airpods-win .win-ray{background:conic-gradient(from 0deg,transparent,rgba(0,174,255,.22),transparent 13%,transparent 42%,rgba(0,174,255,.18),transparent 56%)}.mini-phone{display:grid;place-items:center;width:118px;height:218px;border-radius:26px;background:linear-gradient(135deg,#f1cf89,#a8792b 55%,#efc36d);border:2px solid #ffe8b0;color:#1a1309;font-size:24px;box-shadow:0 0 40px rgba(255,181,42,.5),inset 0 0 20px rgba(255,255,255,.24)}.mini-airpods{font-size:70px;color:#fff;text-shadow:0 0 20px #00a9ff,0 0 44px #007cc2}

@media(max-width:390px){.wheel-reference{margin-left:-14px;margin-right:-14px;padding-left:12px;padding-right:12px}.wheel-screen-head{grid-template-columns:34px 1fr 34px}.wheel-screen-head h1{font-size:18px}.wheel-reference .wheel-machine{width:min(385px,99vw)!important;height:min(385px,99vw)!important}.prize-icon-grid{grid-template-columns:repeat(5,1fr)}.rare-card{min-height:156px}.cinema-win{min-height:500px}}

/* =========================================================
   2+2 NEXT — FINAL DESIGN SYSTEM / v9
   Cinematic, premium, mobile-first, production-ready polish.
   ========================================================= */
:root{
  --bg:#020305;--surface:#090c10;--surface-2:#0e1218;--surface-3:#141922;
  --text:#f6f8fb;--muted:#8c95a3;--soft:#b8c0cb;--line:rgba(255,255,255,.085);
  --red:#ff2338;--red-hot:#ff4e5f;--red-deep:#760612;--blue:#17b9ff;--gold:#ffc04a;
  --radius-xl:30px;--radius-lg:24px;--radius-md:18px;--shadow-xl:0 30px 90px rgba(0,0,0,.52);
}
html{background:#020305;overscroll-behavior-y:none}
body{background:#020305;color:var(--text);selection-background:rgba(255,35,56,.35)}
body::before{background:
  radial-gradient(90% 45% at 50% -10%,rgba(35,83,140,.12),transparent 62%),
  radial-gradient(60% 42% at -8% 62%,rgba(255,21,39,.09),transparent 62%),
  radial-gradient(60% 40% at 108% 88%,rgba(18,166,232,.055),transparent 62%)!important}
.app-texture{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.11;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E")}
.app-vignette{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 38%,rgba(0,0,0,.13) 66%,rgba(0,0,0,.44) 100%)}
.view{padding:0 16px;transform-origin:50% 15%}.view.view-enter{animation:finalViewIn .42s cubic-bezier(.16,.84,.25,1)}
@keyframes finalViewIn{from{opacity:.05;transform:translateY(10px) scale(.992);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}

/* Header / global controls */
.topbar{height:76px;padding:11px 16px;background:linear-gradient(180deg,rgba(4,6,9,.94),rgba(4,6,9,.82) 72%,rgba(4,6,9,.62));backdrop-filter:blur(28px) saturate(1.25);border-bottom-color:rgba(255,255,255,.065);box-shadow:0 16px 40px rgba(0,0,0,.16)}
.brand-chip{position:relative;width:118px;height:54px;display:grid;place-items:center;border-radius:18px;background:radial-gradient(ellipse at center,rgba(255,255,255,.055),transparent 67%)}
.brand-chip:after{content:"";position:absolute;inset:auto 18px 5px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,44,60,.65),transparent);box-shadow:0 0 12px rgba(255,44,60,.42)}
.brand-chip-glow{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at center,rgba(255,255,255,.085),transparent 66%);filter:blur(8px)}
.brand-logo{position:relative;height:50px;max-width:116px;filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,255,255,.28)) drop-shadow(0 0 18px rgba(255,39,55,.12))!important;opacity:.96}
.iconbtn,.lang{position:relative;height:46px;min-width:46px;border-radius:16px;background:linear-gradient(180deg,rgba(18,22,29,.96),rgba(7,9,13,.96));border:1px solid rgba(255,255,255,.105);box-shadow:inset 0 1px rgba(255,255,255,.05),0 12px 28px rgba(0,0,0,.18);transition:.18s ease}
.iconbtn:active,.lang:active{transform:scale(.94);border-color:rgba(255,55,68,.34)}

/* Splash / brand reveal */
.splash{background:radial-gradient(circle at 50% 40%,#17090d 0,#06080b 38%,#010204 72%)}
.splash::before{left:-28vw;top:20%;opacity:.21}.splash::after{right:-27vw;top:14%;opacity:.12}
.splash-character{animation:breath 3.2s ease-in-out infinite,characterDrift 8s ease-in-out infinite;background-position:50% 30%}
.splash-ring{box-shadow:inset 0 0 30px rgba(255,34,51,.05),0 0 18px rgba(255,34,51,.05)}
.splash-ring.r2{border-style:dashed}
.splash-brand{isolation:isolate}.splash-brand:before{content:"";position:absolute;width:240px;height:96px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.14),rgba(255,36,52,.09) 38%,transparent 73%);filter:blur(12px);z-index:-1;animation:brandPulse 2.8s ease-in-out infinite}
.splash-logo{filter:brightness(0) invert(1) drop-shadow(0 0 14px rgba(255,255,255,.35)) drop-shadow(0 0 34px rgba(255,31,49,.25))!important}
.splash-copy{text-shadow:0 0 18px rgba(255,255,255,.08)}
.progress{position:relative;overflow:visible}.progress:after{content:"";position:absolute;inset:-4px -10px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);filter:blur(8px);animation:progressGlow 1.8s ease infinite}
@keyframes brandPulse{50%{transform:scale(1.08);opacity:.72}}@keyframes characterDrift{50%{background-position:53% 32%}}@keyframes progressGlow{50%{transform:translateX(22px)}}

/* Home / editorial hierarchy */
.cityline-button{margin-top:6px;min-height:42px;padding:10px 14px!important;background:linear-gradient(180deg,rgba(15,19,25,.96),rgba(8,10,14,.96))!important;border:1px solid rgba(255,255,255,.095)!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.17)}
.welcome{margin:22px 2px 14px}.welcome small{display:block;color:#7f8997;font-size:12px}.welcome strong{font-size:31px;line-height:1.02;letter-spacing:-.045em}.welcome button{border-radius:16px;background:linear-gradient(180deg,#190b0f,#0d0d12);border:1px solid rgba(255,59,70,.35);box-shadow:0 0 24px rgba(255,34,51,.1),inset 0 1px rgba(255,255,255,.035)}
.hero{height:410px;border-radius:32px;isolation:isolate;box-shadow:0 35px 95px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.025)}
.hero img{transform:scale(1.015);transition:transform 8s ease}.hero:hover img{transform:scale(1.045)}
.hero:after{background:linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.10) 28%,rgba(3,4,7,.28) 48%,rgba(3,4,7,.96) 88%)}
.hero:before{background:linear-gradient(118deg,rgba(255,32,48,.09),transparent 36%,transparent 72%,rgba(31,186,240,.07));mix-blend-mode:screen}
.hero-content{left:20px;right:20px;bottom:20px}.eyebrow{font-family:var(--font-display);font-size:8px;letter-spacing:.13em;border-color:rgba(255,67,78,.43);background:linear-gradient(180deg,rgba(111,8,19,.55),rgba(42,5,10,.6));box-shadow:0 0 22px rgba(255,29,48,.1)}
.hero h1{font-size:40px;line-height:.94}.hero p{font-size:13px;line-height:1.5;color:#c2c8d0;max-width:360px}.hero-actions{display:flex;align-items:center;gap:12px}.round-play{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(5,7,10,.64);color:#fff;backdrop-filter:blur(10px);box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.3)}
.discount{position:relative;overflow:hidden;margin-top:14px;border-radius:24px;padding:17px 18px;background:radial-gradient(circle at 82% 30%,rgba(255,44,60,.22),transparent 34%),linear-gradient(112deg,#0b0c10,#22070d 58%,#080b0f);border-color:rgba(255,58,71,.24);box-shadow:0 20px 45px rgba(0,0,0,.23)}
.discount:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.035) 42%,transparent 64%);transform:translateX(-120%);animation:discountShine 6.5s ease-in-out infinite}
@keyframes discountShine{0%,65%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.cube{background:linear-gradient(145deg,#ff5361,#b70919 55%,#5b0610);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 26px rgba(255,35,54,.28),inset 0 1px rgba(255,255,255,.3)}
.journey,.panel{border-radius:24px!important;background:radial-gradient(circle at 100% 0,rgba(31,167,220,.045),transparent 30%),linear-gradient(180deg,#0d1117,#080a0e)!important;border:1px solid rgba(255,255,255,.085)!important;box-shadow:0 18px 48px rgba(0,0,0,.2)}
.journey-bar{background:#1b2028!important}.journey-bar i{background:linear-gradient(90deg,#9b0d1a,#ff3044 55%,#ff6874);box-shadow:0 0 15px rgba(255,43,61,.45)}
.section-head{margin-top:28px}.section-head h2{font-family:var(--font-display);font-size:18px;letter-spacing:-.025em}.section-head button{color:#8e98a6}
.mini-card,.quest-card,.news-card{background:linear-gradient(180deg,#10141a,#080a0e);border-color:rgba(255,255,255,.085);box-shadow:0 15px 42px rgba(0,0,0,.18)}
.mini-card{border-radius:20px;transition:.2s ease}.mini-card:active{transform:scale(.985)}
.news-card{border-radius:24px}.news-card img{filter:saturate(.9) contrast(1.04)}

/* Quests */
.title-row h1{font-family:var(--font-display);letter-spacing:-.05em}.admin-badge{border:1px solid rgba(255,255,255,.08);background:#0b0e13;border-radius:999px;padding:8px 10px;color:#909aa8;font-size:10px}
.searchbox{height:50px;border-radius:17px;background:linear-gradient(180deg,#0f1319,#090c10);border:1px solid rgba(255,255,255,.085);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.searchbox input{background:transparent;color:#fff;border:0;outline:0;width:calc(100% - 28px)}
.quest-card{border-radius:22px;min-height:118px;overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.22);transform:translateZ(0)}
.quest-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.035),transparent 22%,transparent 78%,rgba(255,37,54,.025))}
.quest-card img{filter:saturate(.9) contrast(1.05)}.quest-card.played img{filter:saturate(.5) brightness(.82)}
.filter{padding:9px 13px;border-radius:999px;background:#0b0f14;border-color:rgba(255,255,255,.085);transition:.18s ease}.filter.active{background:linear-gradient(180deg,#f52f43,#b70718);box-shadow:0 0 20px rgba(255,42,58,.16)}

/* Quest detail */
.detail-hero{height:340px;border-radius:0 0 34px 34px;box-shadow:0 30px 70px rgba(0,0,0,.36)}
.detail-hero img{filter:saturate(.95) contrast(1.04)}
.detail-title h1{font-family:var(--font-display);letter-spacing:-.055em;font-size:35px}.completed-badge{font-family:var(--font-display);font-size:7px;letter-spacing:.1em}
.stats{gap:7px}.stat{min-height:64px;border-radius:17px;background:linear-gradient(180deg,#11151b,#090c10);border-color:rgba(255,255,255,.075)}.stat b{font-family:var(--font-display);font-size:13px}.stat small{font-size:8px}
.fear{border-radius:22px;background:radial-gradient(circle at 0 0,rgba(255,37,54,.09),transparent 35%),linear-gradient(180deg,#11090c,#0a0d11);border-color:rgba(255,49,64,.18)}
.fearbar{height:7px}.fearbar i{background:linear-gradient(90deg,#5f0710,#d91527 55%,#ff4b5b)}
.video-frame{border-radius:24px;min-height:220px;background-size:cover!important;background-position:center!important;box-shadow:inset 0 -90px 80px rgba(0,0,0,.34),0 20px 48px rgba(0,0,0,.22)}
.trailer-play{width:58px;height:58px!important;border-radius:50%;background:linear-gradient(180deg,#ff3d50,#b60719);box-shadow:0 0 30px rgba(255,37,55,.32);font-size:20px}

/* Booking */
.booking-page-head{padding-top:16px}.booking-page-head h1{font-size:36px;letter-spacing:-.065em}.booking-page-head p{font-size:12px;color:#99a3b1}
.selected-booking{border-radius:24px;background:radial-gradient(circle at 0 0,rgba(255,42,58,.12),transparent 36%),linear-gradient(135deg,#11151b,#080b0f 65%);box-shadow:0 20px 58px rgba(0,0,0,.28)}
.price-guide{border-radius:26px;background:radial-gradient(circle at 0 0,rgba(255,45,61,.105),transparent 35%),linear-gradient(180deg,#10141a,#080a0e);box-shadow:0 22px 65px rgba(0,0,0,.25)}
.price-guide-grid>div{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border-color:rgba(255,255,255,.07)}
.live-schedule{border-radius:30px;border:1px solid rgba(255,255,255,.14);box-shadow:0 34px 100px rgba(0,0,0,.58),0 0 0 4px rgba(255,255,255,.015);position:relative}
.live-schedule:before{content:"";position:absolute;inset:-1px;border-radius:30px;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.11),transparent 25%,transparent 70%,rgba(255,42,58,.06));z-index:2}
.live-schedule-head{position:relative;z-index:3;background:linear-gradient(180deg,#fbfbfa,#ececea)}
.booking-frame.live{position:relative;z-index:1;min-height:720px;background:#fff!important}
.booking-help{border-radius:20px}

/* Bottom navigation */
.bottom-nav{height:88px;background:linear-gradient(180deg,rgba(13,16,21,.91),rgba(4,6,9,.985));backdrop-filter:blur(30px) saturate(1.35);border-top-color:rgba(255,255,255,.075);box-shadow:0 -18px 50px rgba(0,0,0,.32)}
.navitem{font-size:10px;color:#707a88;transition:.18s ease}.navitem b{transition:.18s ease}.navitem.active{color:#f5f7fa}.navitem.active b{transform:translateY(-1px);text-shadow:0 0 18px rgba(255,45,59,.72)}
.wheel-nav b{width:54px;height:54px;margin-top:-34px;border-color:rgba(255,72,82,.55);box-shadow:0 0 0 1px rgba(255,255,255,.09),0 0 30px rgba(255,35,53,.4),inset 0 1px rgba(255,255,255,.2)}
.wheel-nav em{top:-3px;right:18%;box-shadow:0 0 0 2px #0a0c10,0 0 12px rgba(255,255,255,.22)}

/* Modal / toast */
.modal{background:rgba(0,0,0,.68);backdrop-filter:blur(12px)}
.modal-card{border-radius:30px!important;background:radial-gradient(circle at 50% -10%,rgba(255,39,55,.075),transparent 34%),linear-gradient(180deg,#0e1218,#07090d)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 35px 110px rgba(0,0,0,.68)!important;animation:modalIn .32s cubic-bezier(.18,.8,.24,1)}
@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:none}}
.toast{background:rgba(13,16,21,.96)!important;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.35)}

/* Wheel — final cinematic machine */
.wheel-reference{position:relative;margin-left:-16px;margin-right:-16px;padding:8px 16px 28px;min-height:790px;background:
  radial-gradient(circle at 50% 35%,rgba(255,26,44,.09),transparent 30%),
  radial-gradient(circle at 50% 58%,rgba(114,9,20,.08),transparent 46%),
  linear-gradient(180deg,rgba(3,4,6,.25),rgba(5,4,6,.64));isolation:isolate}
.wheel-reference:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E");mix-blend-mode:overlay}
.wheel-screen-head{position:relative;z-index:4}.wheel-overline{display:block;margin-bottom:6px;font-family:var(--font-display);font-size:6.5px;letter-spacing:.26em;color:#6d7684}.wheel-screen-head h1{font-family:'Oswald',var(--font-display);font-size:22px!important;letter-spacing:.22em!important;text-indent:.22em!important;text-shadow:0 0 20px rgba(255,47,61,.28)}
.wheel-screen-head p{font-size:12px!important;line-height:1.55;color:#9aa4b1!important}.attempt-pill{background:linear-gradient(180deg,#141820,#0b0e13)!important;border-color:rgba(255,255,255,.11)!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 28px rgba(0,0,0,.2)}
.wheel-bg-smoke{opacity:.75!important;filter:blur(5px)}
.wheel-embers{position:absolute;inset:120px 0 180px;z-index:0;pointer-events:none;overflow:hidden}.wheel-embers i{position:absolute;bottom:2%;left:calc(8% + var(--i,0)*15%);width:3px;height:3px;border-radius:50%;background:#ff443f;box-shadow:0 0 9px #ff382f;opacity:0;animation:ember 4.8s linear infinite}.wheel-embers i:nth-child(1){--i:0;animation-delay:.2s}.wheel-embers i:nth-child(2){--i:1;animation-delay:1.4s}.wheel-embers i:nth-child(3){--i:2;animation-delay:2.2s}.wheel-embers i:nth-child(4){--i:3;animation-delay:.9s}.wheel-embers i:nth-child(5){--i:4;animation-delay:3.1s}.wheel-embers i:nth-child(6){--i:5;animation-delay:1.9s}@keyframes ember{0%{transform:translate3d(0,20px,0) scale(.6);opacity:0}16%{opacity:.75}78%{opacity:.3}100%{transform:translate3d(18px,-310px,0) scale(1.25);opacity:0}}
.wheel-chain{opacity:.34!important;filter:drop-shadow(0 0 7px rgba(255,23,38,.16))}
.wheel-reference .wheel-machine{width:min(438px,97vw)!important;height:min(438px,97vw)!important;margin:0 auto 8px!important;filter:drop-shadow(0 36px 56px rgba(0,0,0,.72)) drop-shadow(0 0 36px rgba(168,0,18,.18))}
.wheel-reference .wheel-machine:after{content:"";position:absolute;inset:2.7%;border-radius:50%;border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 0 24px rgba(255,255,255,.025),0 0 24px rgba(255,27,44,.1);pointer-events:none}
.wheel-reference .wheel-canvas-shell{inset:5.25%!important;box-shadow:0 0 0 4px #030405,0 0 0 7px #1b1215,0 0 0 9px rgba(255,43,55,.34),0 0 40px rgba(255,28,43,.34),inset 0 0 42px #000!important}
.wheel-reference .wheel-center{inset:32.9%!important}.wheel-center-ring{position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(255,255,255,.065);box-shadow:inset 0 0 12px rgba(255,255,255,.025)}
.wheel-reference .wheel-center img{width:75%!important;filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,.28)) drop-shadow(0 0 16px rgba(255,36,52,.15))!important}
.wheel-reference .wheel-pointer{filter:drop-shadow(0 7px 12px rgba(0,0,0,.55))}.wheel-reference .wheel-pointer i{box-shadow:inset 0 1px rgba(255,255,255,.35)}
.rare-legend{display:flex;align-items:center;justify-content:center;gap:7px;margin:4px auto 12px;font-size:8px;color:#808a98}.rare-legend b{font-size:8px;color:#c3c9d1}.rare-legend small{font-size:7px}.rare-legend i{width:1px;height:13px;background:rgba(255,255,255,.1);margin:0 3px}.rare-dot{width:6px;height:6px;border-radius:50%}.rare-dot.gold{background:#ffc04a;box-shadow:0 0 10px #ffb632}.rare-dot.blue{background:#18baff;box-shadow:0 0 10px #00a8ff}
.wheel-more{margin-top:7px}.wheel-reference .spin-super{width:min(410px,95%);min-height:74px;border-radius:19px!important;box-shadow:inset 0 0 28px rgba(255,60,70,.17),0 0 28px rgba(239,13,34,.18),0 20px 50px rgba(0,0,0,.46)!important;overflow:hidden}.wheel-reference .spin-super:after{content:"";position:absolute;top:-80%;left:-38%;width:30%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:rotate(18deg);animation:spinButtonSweep 5.2s ease-in-out infinite}@keyframes spinButtonSweep{0%,68%{left:-38%}90%,100%{left:120%}}
.wheel-reference .spin-super:active{transform:scale(.985)}.wheel-reference .wheel-note{max-width:330px;line-height:1.5}
.wheel-reference.is-spinning .wheel-machine{animation:machineTorque 1.25s ease-in-out infinite alternate}.wheel-reference.is-spinning .wheel-bg-smoke{opacity:1!important}@keyframes machineTorque{from{transform:scale(1)}to{transform:scale(1.008)}}
.wheel-reference.win-iphone .wheel-machine{filter:drop-shadow(0 36px 56px rgba(0,0,0,.72)) drop-shadow(0 0 56px rgba(255,182,40,.46))}.wheel-reference.win-airpods .wheel-machine{filter:drop-shadow(0 36px 56px rgba(0,0,0,.72)) drop-shadow(0 0 56px rgba(0,164,255,.48))}

/* Prize modal */
.cinema-win{min-height:560px;box-shadow:inset 0 0 70px rgba(0,0,0,.5)}.cinema-win>small{font-size:21px}.cinema-win h2 strong{font-size:38px}.cinema-prize-icon{height:270px}.cinema-win .cta{min-height:56px}
.prize-icon-grid>div{background:linear-gradient(180deg,#10141a,#090c10);border-color:rgba(255,255,255,.075)}

/* Accessibility / performance */
img{user-select:none;-webkit-user-drag:none}button{touch-action:manipulation}.view,.hero,.quest-card,.wheel-machine,.modal-card{contain:layout paint style}
@media (hover:none){.hero:hover img{transform:scale(1.015)}}
@media(max-width:430px){.hero{height:400px}.wheel-reference .wheel-machine{width:min(418px,99vw)!important;height:min(418px,99vw)!important}.price-guide-grid{gap:6px}.price-guide-grid>div{padding:9px}.brand-chip{width:104px}.brand-logo{max-width:104px}}
@media(max-width:390px){.view{padding:0 14px}.wheel-reference{margin-left:-14px;margin-right:-14px;padding-left:10px;padding-right:10px}.hero{height:380px;border-radius:29px}.hero h1{font-size:36px}.booking-page-head h1{font-size:32px}.wheel-screen-head h1{font-size:19px!important}.wheel-reference .wheel-machine{width:min(382px,99vw)!important;height:min(382px,99vw)!important}.rare-legend{gap:5px}.rare-legend small{font-size:6.5px}.wheel-reference .spin-super{width:96%}.bottom-nav{height:84px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.view.view-enter{animation:none!important}}

/* ==========================================================
   v11 — Telegram auth + one-screen wheel + reliable icons
   ========================================================== */
.auth-panel{margin:18px 0;padding:24px 20px;text-align:center;overflow:visible;background:radial-gradient(circle at 50% 0,rgba(38,155,229,.13),transparent 34%),linear-gradient(180deg,#0e1218,#080a0e)}
.auth-mark{width:56px;height:56px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;font-size:25px;background:linear-gradient(145deg,#1b2632,#0b1118);border:1px solid rgba(91,192,255,.28);box-shadow:0 0 28px rgba(39,162,231,.12)}
.auth-panel>small{font-size:9px;letter-spacing:.2em;color:#6f7d8c}.auth-panel h2{margin:8px 0 8px;font-size:25px}.auth-panel p{margin:0 auto 18px;max-width:360px;font-size:12px;line-height:1.55;color:#9aa5b3}
.telegram-login{width:100%;min-height:56px;border:1px solid rgba(255,255,255,.16);border-radius:16px;color:#fff;background:linear-gradient(180deg,#2ea9ea,#168bd0);display:flex;align-items:center;justify-content:center;gap:10px;font:800 14px Manrope;box-shadow:0 14px 34px rgba(20,139,207,.22)}
.telegram-login span{font-size:20px}.telegram-login:disabled{opacity:.55}.auth-panel em{display:block;margin-top:11px;color:#697686;font-size:9px;font-style:normal}.signout-row{color:#c9ced6!important}

/* Wheel is a fixed-height product screen, never a document scroll. */
body.wheel-mode{overflow:hidden;height:100dvh}
body.wheel-mode .app{height:100dvh;min-height:0;overflow:hidden;padding-bottom:calc(88px + var(--safe))}
body.wheel-mode .view{height:calc(100dvh - 78px - 88px - var(--safe));overflow:hidden;padding-top:0}
body.wheel-mode .wheel-reference{height:100%;min-height:0!important;margin-top:0;margin-bottom:0;padding-top:2px!important;padding-bottom:4px!important;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;align-items:center;overflow:hidden}
body.wheel-mode .wheel-screen-head{align-self:start;min-height:72px;margin-bottom:0!important}
body.wheel-mode .wheel-screen-head h1{margin:2px 0 2px!important;font-size:clamp(17px,2.7dvh,22px)!important}
body.wheel-mode .wheel-screen-head p{margin:0 0 4px!important;font-size:clamp(9px,1.55dvh,12px)!important;line-height:1.25!important}
body.wheel-mode .attempt-pill{padding:5px 10px;font-size:9px}
body.wheel-mode .wheel-machine{width:min(76vw,42dvh,360px)!important;height:min(76vw,42dvh,360px)!important;margin:0 auto!important;align-self:center}
body.wheel-mode .rare-legend{margin:1px auto 3px!important;min-height:14px}
body.wheel-mode .wheel-more{display:none!important}
body.wheel-mode .spin-super{width:min(390px,94%)!important;min-height:clamp(52px,8.2dvh,66px)!important;margin:2px auto 0!important;border-radius:16px!important}
body.wheel-mode .spin-super span{font-size:clamp(16px,2.55dvh,20px)!important}
body.wheel-mode .spin-super small{font-size:7px!important;margin-top:2px!important}
body.wheel-mode .wheel-note{display:none!important}
body.wheel-mode .wheel-embers{inset:70px 0 65px}

@media (max-height:740px){
  body.wheel-mode .view{height:calc(100dvh - 74px - 84px - var(--safe))}
  body.wheel-mode .wheel-screen-head{min-height:62px}
  body.wheel-mode .wheel-screen-head p{display:none}
  body.wheel-mode .wheel-machine{width:min(72vw,40dvh,320px)!important;height:min(72vw,40dvh,320px)!important}
  body.wheel-mode .rare-legend{font-size:7px;gap:5px}
  body.wheel-mode .spin-super{min-height:50px!important}
}
@media (max-height:650px){
  body.wheel-mode .wheel-overline{display:none}
  body.wheel-mode .wheel-screen-head{min-height:49px}
  body.wheel-mode .attempt-pill{padding:4px 8px;font-size:8px}
  body.wheel-mode .wheel-machine{width:min(68vw,38dvh,285px)!important;height:min(68vw,38dvh,285px)!important}
  body.wheel-mode .rare-legend{display:none}
}


/* ==========================================================
   v12 — wheel viewport hardening / iOS & in-app browsers
   The wheel is a true app screen: no document scroll, no clipped CTA.
   ========================================================== */
body.wheel-mode{height:100dvh;min-height:100dvh;overflow:hidden!important;overscroll-behavior:none}
body.wheel-mode .topbar{display:none!important}
body.wheel-mode .app{
  height:100dvh!important;min-height:0!important;
  padding:0 0 calc(88px + var(--safe))!important;
  overflow:hidden!important
}
body.wheel-mode .view{
  height:calc(100dvh - 88px - var(--safe))!important;
  padding:env(safe-area-inset-top,0px) 10px 0!important;
  overflow:hidden!important
}
body.wheel-mode .wheel-reference{
  height:100%!important;min-height:0!important;
  margin:0 -10px!important;padding:4px 10px 6px!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto auto!important;
  row-gap:clamp(2px,.65dvh,6px)!important;
  align-items:center!important;overflow:hidden!important
}
body.wheel-mode .wheel-screen-head{
  min-height:0!important;margin:0!important;padding:0 8px!important;
  grid-template-columns:40px 1fr 40px!important;align-items:center!important
}
body.wheel-mode .wheel-screen-head>div{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important}
body.wheel-mode .wheel-overline{margin:0!important;font-size:6px!important;line-height:1!important}
body.wheel-mode .wheel-screen-head h1{
  margin:0!important;font-size:clamp(18px,2.8dvh,23px)!important;
  line-height:1!important;letter-spacing:.18em!important;text-indent:.18em!important
}
body.wheel-mode .wheel-screen-head p{display:none!important}
body.wheel-mode .attempt-pill{margin:2px 0 0!important;padding:4px 10px!important;font-size:8px!important;line-height:1.2!important}
body.wheel-mode .wheel-back,body.wheel-mode .wheel-info{width:36px!important;height:36px!important;min-width:36px!important}
body.wheel-mode .wheel-machine{
  width:min(92vw,calc(100dvh - 270px - var(--safe)),410px)!important;
  height:min(92vw,calc(100dvh - 270px - var(--safe)),410px)!important;
  min-width:0!important;min-height:0!important;
  margin:0 auto!important;align-self:center!important
}
body.wheel-mode .wheel-canvas-shell{inset:5.2%!important}
body.wheel-mode .wheel-center{inset:35.3%!important}
body.wheel-mode .wheel-center img{width:82%!important;height:82%!important;object-fit:contain!important}
body.wheel-mode .rare-legend{margin:0 auto!important;min-height:14px!important;line-height:1!important}
body.wheel-mode .wheel-more,body.wheel-mode .wheel-note{display:none!important}
body.wheel-mode .spin-super{
  width:min(410px,95%)!important;min-height:56px!important;max-height:64px!important;
  margin:0 auto!important;padding:9px 16px 8px!important;border-radius:16px!important;
  flex:none!important
}
body.wheel-mode .spin-super span{font-size:clamp(16px,2.4dvh,20px)!important;line-height:1.05!important}
body.wheel-mode .spin-super small{font-size:7px!important;line-height:1!important;margin-top:4px!important}
body.wheel-mode .bottom-nav{height:88px!important}

/* Short browser viewports (Safari/Yandex/Telegram in-app browser). */
@media (max-height:720px){
  body.wheel-mode .view{height:calc(100dvh - 84px - var(--safe))!important}
  body.wheel-mode .app{padding-bottom:calc(84px + var(--safe))!important}
  body.wheel-mode .bottom-nav{height:84px!important}
  body.wheel-mode .wheel-overline{display:none!important}
  body.wheel-mode .wheel-machine{
    width:min(88vw,calc(100dvh - 238px - var(--safe)),355px)!important;
    height:min(88vw,calc(100dvh - 238px - var(--safe)),355px)!important
  }
  body.wheel-mode .spin-super{min-height:52px!important;max-height:56px!important}
}
@media (max-height:620px){
  body.wheel-mode .rare-legend{display:none!important}
  body.wheel-mode .wheel-machine{
    width:min(82vw,calc(100dvh - 194px - var(--safe)),310px)!important;
    height:min(82vw,calc(100dvh - 194px - var(--safe)),310px)!important
  }
  body.wheel-mode .wheel-screen-head{grid-template-columns:34px 1fr 34px!important}
  body.wheel-mode .wheel-back,body.wheel-mode .wheel-info{width:32px!important;height:32px!important;min-width:32px!important}
  body.wheel-mode .attempt-pill{padding:3px 8px!important}
  body.wheel-mode .spin-super{min-height:48px!important;max-height:52px!important}
}
@media (max-width:390px){
  body.wheel-mode .view{padding-left:8px!important;padding-right:8px!important}
  body.wheel-mode .wheel-reference{margin-left:-8px!important;margin-right:-8px!important;padding-left:8px!important;padding-right:8px!important}
  body.wheel-mode .wheel-machine{max-width:94vw!important}
}