@charset "UTF-8";
:root{--rose:#d48bc8;--cherry:#810f4f;--pink:#ff4dba;--deep:#21091d;--cream:#f6f6f6;--gold:#fee6c0;--text:#fff;--wheel-size:min(73vw,440px)}
*,*::before,*::after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--deep);color:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body{overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}img{user-select:none;-webkit-user-drag:none}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 43%,#8b286c 0%,#4c153f 45%,#1d091b 82%),linear-gradient(#29091b,#190713);z-index:-2}
body::after{content:"";position:fixed;inset:0;background:linear-gradient(140deg,transparent 20%,rgba(212,139,200,.07) 46%,transparent 60%);pointer-events:none;z-index:4}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.ambient::before{content:"";position:absolute;inset:-10%;background:radial-gradient(ellipse at 25% 55%,rgba(241,88,190,.25),transparent 43%),radial-gradient(ellipse at 85% 25%,rgba(255,135,205,.15),transparent 36%)}.ambient__ray{position:absolute;top:-28%;left:46%;width:230px;height:140%;background:linear-gradient(90deg,transparent,rgba(255,157,226,.09),transparent);transform:rotate(28deg);filter:blur(14px);animation:rayMove 9s ease-in-out infinite alternate}.ray2{left:7%;transform:rotate(-24deg);animation-duration:12s}.ray3{left:82%;transform:rotate(50deg);animation-duration:14s}@keyframes rayMove{to{opacity:.25;translate:55px 0}}
.site{min-height:100svh;max-width:1280px;margin:auto;position:relative;z-index:1;display:flex;flex-direction:column}.topbar{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px clamp(16px,4vw,42px);border-bottom:1px solid rgba(255,255,255,.09);background:rgba(30,8,29,.26)}.topbar__side{font-size:10px;letter-spacing:.14em;font-weight:800;color:#ffe9fb}.timer-box{display:flex;gap:8px;align-items:center;font-size:10px;font-weight:700;letter-spacing:.07em;color:#edd3e7}.timer-box b{font-size:16px;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#fff}.timer-box__dot{width:7px;height:7px;background:#e963ad;border-radius:50%;box-shadow:0 0 10px #f05eb7;animation:blink 1.4s infinite}@keyframes blink{50%{opacity:.35}}.sound{display:grid;place-items:center;width:32px;height:32px;border:1px solid #a45689;border-radius:50%;color:#fff;background:#631647;cursor:pointer}.sound svg{width:20px;height:20px}.sound .waves{display:none}.sound.playing .waves{display:block}.sound.playing .mute{display:none}
.hero{text-align:center;padding:9px 16px 0;z-index:3}.brand{display:flex;align-items:center;justify-content:center;gap:11px;margin:auto;width:max-content;max-width:100%}.brand img{width:68px;height:68px;border-radius:50%;filter:drop-shadow(0 0 12px #ca6ca650)}.brand__words{display:flex;flex-direction:column;text-align:left;letter-spacing:.045em}.brand__words b{font-size:18px;font-weight:800;line-height:1.1}.brand__words strong{font-size:32px;font-weight:900;letter-spacing:.12em;line-height:1.05}.brand__words span{font-size:9px;font-weight:700;letter-spacing:.37em;color:#f4d9e9;margin-top:4px}.hero__kicker{margin:13px 0 7px;color:#f2c6e5;font-size:11px;font-weight:800;letter-spacing:.24em;display:flex;justify-content:center;align-items:center;gap:10px}.hero__kicker span{height:1px;width:18px;background:#d48bc8}.hero h1{margin:0;font-size:clamp(29px,5vw,55px);line-height:1.05;font-weight:900;letter-spacing:-.04em;text-shadow:0 4px 25px #14000a}.hero h1 em{font-style:normal;color:#ff96da;text-shadow:0 0 22px rgba(255,98,186,.47)}.hero__offer{margin:9px auto 0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(14px,2.5vw,23px);line-height:1.1}.hero__offer strong{font-weight:900}.hero__offer span{color:#ff99dc;font-size:23px;font-weight:bold}
.main{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center}.scene{position:relative;width:100%;min-height:340px;flex:1;display:flex;justify-content:center;align-items:center}.scene__glow{position:absolute;width:680px;height:470px;max-width:120vw;background:radial-gradient(ellipse,rgba(254,67,173,.35),transparent 62%);filter:blur(30px);transform:translateY(30px)}.hostess{position:absolute;z-index:1;left:max(-30px,calc(50% - 580px));bottom:-80px;width:min(38vw,450px);max-height:85%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 15px 25px #1a0715);opacity:.93;pointer-events:none;animation:hostessIn .8s ease both}@keyframes hostessIn{from{opacity:0;transform:translateX(-60px)}to{opacity:.93;transform:none}}
.wheel-wrap{width:var(--wheel-size);height:var(--wheel-size);min-width:260px;min-height:260px;position:relative;z-index:2;display:grid;place-items:center;margin:10px 0;filter:drop-shadow(0 25px 26px rgba(0,0,0,.45));animation:wheelIn .9s cubic-bezier(.17,.89,.24,1.2) both}@keyframes wheelIn{from{opacity:0;transform:scale(.66) rotate(-12deg)}to{opacity:1;transform:none}}
.wheel-wrap__halo{position:absolute;inset:-13%;border-radius:50%;background:radial-gradient(circle,rgba(255,154,220,.22) 35%,rgba(255,76,174,.47) 52%,transparent 68%);filter:blur(22px);animation:halo 2.6s ease-in-out infinite alternate}@keyframes halo{to{transform:scale(1.08);opacity:.64}}
.wheel-rim{position:absolute;inset:0;border:9px solid #f3a6d6;border-radius:50%;background:#e9d2e1;box-shadow:0 0 0 6px #63103e,0 0 0 11px #fbc0e6,0 0 35px 13px rgba(255,72,169,.55),inset 0 0 18px #21071d;display:grid;place-items:center}.wheel{width:100%;height:100%;border-radius:50%;will-change:transform;transition:none}.light-dots{position:absolute;inset:-8px;border:6px dotted #fff8e5;border-radius:50%;z-index:5;pointer-events:none;animation:bulbs 1s steps(2) infinite}@keyframes bulbs{50%{opacity:.45}}.hub{position:absolute;z-index:5;width:25%;height:25%;border-radius:50%;background:#171717;border:5px solid #fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(0,0,0,.52),0 0 16px #f9aadb}.hub span{font-family:Georgia,serif;font-size:clamp(60px,11vw,110px);font-weight:bold;line-height:1.1;color:#fff}.pointer{position:absolute;z-index:6;top:-15px;left:50%;transform:translateX(-50%);width:60px;height:70px;filter:drop-shadow(0 8px 5px rgba(0,0,0,.58))}.pointer::before{content:"";position:absolute;width:45px;height:43px;top:-4px;left:7px;border:5px solid #fff7e8;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffb6e5,#9a1b63);box-shadow:0 0 15px #fb9bd7}.pointer span{position:absolute;top:29px;left:13px;border-left:17px solid transparent;border-right:17px solid transparent;border-top:38px solid #fff7e8}.wheel-wrap.spinning .light-dots{animation:bulbs .25s steps(2) infinite}
.controls{position:relative;z-index:6;display:flex;flex-direction:column;align-items:center;padding:0 14px 13px}.spin-btn,.claim-btn{border:1px solid rgba(255,255,255,.6);background:linear-gradient(110deg,#d782c7,#e63da0 53%,#9e1d65);box-shadow:0 11px 32px rgba(211,45,142,.47),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -5px 0 rgba(70,1,51,.2);color:#fff;letter-spacing:.03em;font-weight:900;text-shadow:0 1px 2px #741249;text-decoration:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:15px;transition:transform .2s,filter .2s;position:relative;overflow:hidden}.spin-btn::after,.claim-btn::after{content:"";position:absolute;top:-20%;left:-70%;height:145%;width:35%;background:linear-gradient(90deg,transparent,#ffffff72,transparent);transform:skew(-25deg);animation:shine 3s infinite}@keyframes shine{50%,100%{left:150%}}.spin-btn{width:min(370px,87vw);height:63px;font-size:22px;border-radius:12px;animation:pulse 2.2s ease-in-out infinite}.spin-btn svg{width:24px;height:24px}@keyframes pulse{50%{box-shadow:0 11px 39px #ee409ccb,0 0 0 5px #ffffff08}}.spin-btn:active,.claim-btn:active{transform:scale(.97)}.spin-btn:disabled{filter:grayscale(.35);opacity:.8;cursor:default;animation:none}.attempts{margin:9px 0 0;font-size:12px;color:#eac9dd;font-weight:700;letter-spacing:.04em}.attempts b{color:#ffb7e6}.footer{min-height:41px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:16px;row-gap:5px;padding:6px 12px 12px;font-size:10px;color:#d9bcd2;letter-spacing:.025em}.footer span:first-child{border:1px solid currentColor;padding:3px 5px;border-radius:3px;font-weight:900;color:#fff}
.loader{position:fixed;z-index:80;inset:0;background:radial-gradient(circle at 50% 40%,#773155,#24091d 70%);display:grid;place-items:center;transition:opacity .5s ease,visibility .5s}.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader__inside{display:flex;flex-direction:column;align-items:center;gap:13px}.loader__inside img{width:130px;height:130px;filter:drop-shadow(0 0 18px #d48bc8b8)}.loader__inside p{font-weight:900;letter-spacing:.33em;font-size:13px}.loader__bar{width:230px;height:9px;border:1px solid #b9669c;border-radius:9px;background:#2d0e26;overflow:hidden}.loader__bar span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#810f4f,#f2a5e5);transform-origin:left;animation:load 1.25s ease forwards}@keyframes load{from{transform:scaleX(.02)}to{transform:scaleX(1)}}
.toast{position:fixed;z-index:20;left:50%;bottom:128px;transform:translate(-50%,25px);opacity:0;transition:.3s;pointer-events:none;width:min(90vw,370px);border:1px solid #f8bde9;background:#550f3f;box-shadow:0 15px 40px #100114;border-radius:12px;padding:16px;text-align:center;font-weight:900;color:#fff}.toast.show{opacity:1;transform:translate(-50%,0)}
.modal{position:fixed;z-index:50;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;visibility:hidden;opacity:0;transition:opacity .4s,visibility .4s}.modal.open{opacity:1;visibility:visible}.modal__backdrop{position:absolute;inset:0;background:rgba(12,2,15,.85);backdrop-filter:blur(9px)}.modal__card{position:relative;z-index:1;width:min(93vw,505px);max-height:94dvh;overflow:auto;text-align:center;background:linear-gradient(152deg,#5b1248 0%,#2d0b2b 70%,#180719 100%);border:2px solid rgba(255,180,230,.75);border-radius:24px;box-shadow:0 0 85px #ed56ad77,0 35px 80px #080009a8;display:flex;flex-direction:column;align-items:center;padding:28px 20px 22px;transform:scale(.85);transition:transform .6s cubic-bezier(.18,.89,.27,1.23);isolation:isolate}.modal.open .modal__card{transform:scale(1)}.modal__light{position:absolute;z-index:-1;top:-120px;left:0;right:0;height:310px;background:radial-gradient(ellipse at center,rgba(245,156,224,.26),transparent 67%)}.modal__logo{width:95px;height:95px;border-radius:50%;filter:drop-shadow(0 2px 15px #f490cf80)}.modal__eyebrow{margin:16px 0 8px;color:#f1b9de;font-size:11px;font-weight:900;letter-spacing:.19em}.modal h2{font-size:clamp(30px,7vw,48px);line-height:1.02;margin:0;font-weight:900;letter-spacing:-.02em}.modal h2 em{font-style:normal;color:#ff9bd9}.modal__label{font-size:13px;font-weight:900;letter-spacing:.08em;margin:23px 0 13px;color:#f9e7f4}.modal__value{padding:16px 12px;display:flex;gap:9px;align-items:center;justify-content:center;width:100%;border:1px solid rgba(255,167,222,.4);background:#20071dbb;border-radius:13px}.modal__value strong{font-size:clamp(23px,5vw,37px);font-weight:900;white-space:nowrap}.modal__value strong span{font-size:.5em;display:block;letter-spacing:.04em}.modal__value small{color:#fea9df;font-size:21px}.claim-btn{margin-top:22px;width:100%;max-width:380px;height:62px;border-radius:11px;font-size:19px}.claim-btn span{font-size:22px}.modal__terms{font-size:10px;line-height:1.4;color:#d7b8ce;margin:14px 0 0}.confetti-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-layer i{position:absolute;top:-20px;width:7px;height:15px;background:var(--c);left:var(--x);opacity:.88;animation:confetti var(--d) linear infinite;animation-delay:var(--delay);transform:rotate(var(--r))}@keyframes confetti{to{top:105%;transform:rotate(720deg) translateX(40px)}}
@media(min-width:850px){.hero{padding-top:13px}.scene{min-height:460px}.brand img{width:81px;height:81px}.wheel-wrap{--wheel-size:min(48vh,490px)}.hostess{width:min(32vw,440px)}.controls{padding-bottom:7px}.hero__offer{font-size:22px}}
@media(max-width:600px){:root{--wheel-size:min(78vw,375px)}.topbar{padding:9px 13px;min-height:48px}.timer-box{font-size:10px;gap:5px}.timer-box b{font-size:14px}.brand img{width:60px;height:60px}.brand__words b{font-size:15px}.brand__words strong{font-size:27px}.brand__words span{font-size:8px}.hero__kicker{margin:10px 0 6px}.hero h1{font-size:clamp(28px,8vw,38px)}.hero__offer{font-size:clamp(14px,4.5vw,19px);gap:5px}.scene{min-height:295px}.wheel-wrap{min-width:245px;min-height:245px}.hostess{width:56vw;max-height:65%;left:-14%;bottom:-26px;opacity:.8}.hub span{font-size:clamp(60px,14vw,83px)}.spin-btn{height:59px;font-size:20px}.footer{padding-bottom:calc(10px + env(safe-area-inset-bottom));min-height:32px}.modal__card{padding-top:20px}.modal__logo{width:76px;height:76px}}
@media(max-width:400px) and (max-height:750px){:root{--wheel-size:min(69vw,305px)}.scene{min-height:245px}.hero__kicker{margin:6px 0 5px}.hero h1{font-size:28px}.hero__offer{margin-top:7px}.brand img{width:53px;height:53px}.brand__words b{font-size:13px}.brand__words strong{font-size:24px}.spin-btn{height:56px}.footer{font-size:9px}}
@media(max-height:680px){:root{--wheel-size:min(55vh,340px)}.topbar{min-height:39px;padding-top:4px;padding-bottom:4px}.hero__kicker{margin:6px 0 4px}.hero h1{font-size:27px}.hero__offer{margin-top:4px}.scene{min-height:200px}.controls{padding-bottom:2px}.footer{min-height:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Revision: precise supplied logo, no country label, foreground hostess. */
.topbar{justify-content:flex-end}
.brand{width:260px;max-width:76vw;display:flex;justify-content:center;align-items:center}
.brand img{width:100%!important;height:auto!important;max-height:115px;object-fit:contain;border-radius:0;filter:drop-shadow(0 0 10px rgba(234,112,198,.40))}
.hostess{z-index:5;left:max(-50px,calc(50% - 510px));bottom:-38px;width:min(43vw,450px);max-height:83%;opacity:1;filter:drop-shadow(0 18px 20px rgba(8,0,13,.65))}
.wheel-wrap{z-index:2}
.modal__logo{width:198px!important;height:auto!important;max-height:120px!important;border-radius:0;object-fit:contain}
.loader__inside img{width:230px!important;height:auto!important;max-height:165px!important;object-fit:contain}
@media(max-width:600px){
 .brand{width:218px;max-width:67vw}
 .hostess{width:62vw;max-height:81%;left:-20%;bottom:-30px;opacity:1}
 .wheel-wrap{margin-left:24px}
}
@media(max-width:400px) and (max-height:750px){
 .brand{width:185px}
 .hostess{width:64vw;max-height:82%;left:-22%;bottom:-28px}
}

/* GRAND CASINO BADEN — centered mobile QA revision 2026-11-08 */
:root{--wheel-size:min(78vw,41svh,428px)}
html,body{width:100%;max-width:100%;overflow-x:hidden}
.site{width:100%;max-width:100%;margin:0 auto;min-height:100svh;overflow:hidden;align-items:stretch}
.topbar{width:100%;justify-content:flex-end;flex-shrink:0}
.hero{width:100%;margin-inline:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 12px 0;text-align:center}
.brand{width:100%;max-width:100%;min-height:0;margin:0 auto;display:flex;justify-content:center;align-items:center}
.brand-logo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;max-width:100%;margin:0 auto;text-align:center;line-height:1.04}
.brand-logo__mark,.brand .brand-logo__mark{width:72px!important;height:72px!important;min-width:72px;min-height:72px;max-width:none!important;max-height:none!important;aspect-ratio:1;object-fit:contain!important;border-radius:50%;filter:drop-shadow(0 0 10px rgba(240,153,222,.40))}
.brand-logo__wordmark{display:block;font-size:18px;line-height:1.04;font-family:Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:.055em;color:#fff;text-align:center;white-space:nowrap;text-shadow:0 0 15px rgba(255,185,230,.25)}
.brand-logo__wordmark span{display:inline-block;padding-top:2px}
.hero__kicker{margin-top:12px;margin-bottom:7px}
.hero h1{line-height:1.05}
.hero__offer{flex-wrap:nowrap;white-space:nowrap}
.main{width:100%;margin:0 auto;flex:1 1 auto;justify-content:center;min-height:0}
.scene{width:100%;min-height:calc(var(--wheel-size) + 40px);flex:1 1 auto;display:flex;align-items:center;justify-content:center;margin:0 auto;isolation:isolate}
.wheel-wrap{--unused:1;z-index:2;flex:0 0 auto;width:var(--wheel-size);height:var(--wheel-size);min-width:0;min-height:0;margin:20px auto 12px!important;filter:drop-shadow(0 18px 22px rgba(12,0,12,.7))}
.wheel-wrap__halo{inset:-9%;background:radial-gradient(circle,rgba(255,137,224,.23) 32%,rgba(255,96,194,.41) 51%,transparent 71%)}
.wheel-rim{inset:0;border:9px solid #ffe3f5;background:#38102e;box-shadow:0 0 0 3px #7b124d,0 0 0 10px #dd80bd,0 0 0 14px #632043,0 0 30px 15px rgba(255,92,180,.53),inset 0 0 10px #16000d}
.wheel{display:block;width:100%;height:100%;transform-origin:50% 50%;overflow:visible;will-change:transform;backface-visibility:hidden}
.light-dots{border:5px dotted #fffbe9;inset:-6px;opacity:.92}
.hub{width:21%;height:21%;z-index:8;background:linear-gradient(150deg,#fff,#e1b0cc);border:5px solid #fff6fb;box-shadow:0 5px 15px #230217,0 0 0 4px #992455,0 0 22px #fff8}
.hub img{width:94%;height:94%;object-fit:contain;display:block;border-radius:50%}
.pointer{z-index:10;top:-28px}
.hostess{z-index:7;width:min(41vw,205px);max-width:none;max-height:76%;left:max(-63px,calc(50% - 475px));bottom:-12px;object-position:left bottom;opacity:1;filter:drop-shadow(0 8px 12px rgba(16,0,9,.67))}
.controls{width:100%;display:flex;align-items:center;flex-shrink:0;z-index:10;padding:0 15px 8px}
.spin-btn{width:min(370px,88vw);max-width:100%;margin-inline:auto}
.attempts{text-align:center}
.footer{width:100%;margin:0 auto;flex-shrink:0;text-align:center}
/* Big, genuinely centered loader without a clipped or pixelated wordmark */
.loader{width:100vw;min-height:100svh;inset:0;display:grid;place-items:center;overflow:hidden;padding:20px}
.loader__inside{width:100%;max-width:390px;margin:auto;display:flex;align-items:center;justify-content:center;gap:18px;text-align:center}
.loader__inside .brand-logo{width:100%;gap:12px}
.loader__inside .brand-logo__mark{width:144px!important;height:144px!important;min-width:0;min-height:0;filter:drop-shadow(0 0 24px #f7bbe69a)}
.loader__inside .brand-logo__wordmark{font-size:clamp(27px,6vw,39px);letter-spacing:.04em;font-weight:500;line-height:1.04}
.loader__inside p{margin:6px auto 0;font-size:clamp(12px,3.5vw,15px);letter-spacing:.29em;white-space:nowrap;text-align:center}
.loader__bar{width:min(270px,76vw);height:10px;margin:4px auto 0}
/* First-spin toast uses actual viewport center rather than bottom-aligned layout */
.toast{position:fixed;z-index:65;top:50%;bottom:auto;left:50%;width:min(370px,calc(100vw - 42px));min-height:96px;display:flex;align-items:center;justify-content:center;padding:20px 22px;background:linear-gradient(155deg,#6d164e,#340d2b);border:2px solid #f0a6d9;border-radius:20px;font-size:17px;line-height:1.35;letter-spacing:.015em;box-shadow:0 0 0 150vmax rgba(9,0,10,.32),0 0 32px rgba(243,105,186,.37),0 18px 35px #140018;transform:translate(-50%,-43%) scale(.92);opacity:0;pointer-events:none;transition:transform .3s,opacity .3s;text-align:center}
.toast.show{transform:translate(-50%,-50%) scale(1);opacity:1}
/* Modal box is centered on both axes and remains fully in the screen width */
.modal{position:fixed;inset:0;width:100vw;height:100dvh;max-height:100dvh;display:grid;place-items:center;padding:clamp(12px,4vw,22px);overflow:hidden}
.modal__card{box-sizing:border-box;position:relative;width:min(480px,100%);max-width:100%;max-height:calc(100dvh - 28px);margin:auto;overflow-y:auto;overflow-x:hidden;align-items:center;justify-content:center;display:flex;padding:24px clamp(12px,4vw,24px) 22px;left:auto;right:auto;transform:translateY(18px) scale(.96)}
.modal.open .modal__card{transform:translateY(0) scale(1)}
.modal__card .brand-logo{width:100%;gap:5px}
.modal__card .brand-logo__mark{width:90px!important;height:90px!important;min-width:0;min-height:0}
.modal__card .brand-logo__wordmark{font-size:clamp(19px,5vw,25px)}
.modal h2{margin:14px 0 0;font-size:clamp(28px,8vw,43px);line-height:1.05;width:100%;text-align:center}
.modal__label{margin:15px auto 12px;text-align:center;max-width:100%}
.modal__value{max-width:100%;min-width:0;gap:8px;padding:14px 10px;align-items:center;justify-content:center;margin:0 auto}
.modal__value strong{min-width:0;font-size:clamp(21px,6vw,32px)}
.modal__value small{flex:0 0 auto}
.claim-btn{width:100%;max-width:100%;margin:20px auto 0}
.modal__terms{margin:12px auto 0;text-align:center}
@media(max-width:600px){
 :root{--wheel-size:min(80vw,40svh,380px)}
 .hero{padding-top:10px}
 .brand,.brand-logo{max-width:100%}
 .brand-logo__mark,.brand .brand-logo__mark{width:64px!important;height:64px!important;min-width:64px;min-height:64px}
 .brand-logo__wordmark{font-size:16px}
 .scene{min-height:calc(var(--wheel-size) + 32px)}
 .hostess{width:min(42vw,183px);max-height:74%;left:-54px;bottom:-10px}
 .modal__card{width:100%;max-height:calc(100dvh - 30px)}
 .modal__card .brand-logo__mark{width:82px!important;height:82px!important;min-width:0;min-height:0}
}
@media(max-width:390px){
 .hero__kicker{margin-top:8px}
 .hero h1{font-size:clamp(27px,7.7vw,31px)}
 .hero__offer{font-size:clamp(13px,4.1vw,17px)}
 .hostess{width:40vw;left:-49px}
 .footer{font-size:9px}
}
@media(max-height:760px){
 :root{--wheel-size:min(75vw,36svh,325px)}
 .topbar{min-height:40px;padding-block:5px}
 .hero{padding-top:4px}
 .hero__kicker{margin-top:5px;margin-bottom:3px}
 .brand-logo__mark,.brand .brand-logo__mark{width:53px!important;height:53px!important;min-width:53px;min-height:53px}
 .brand-logo__wordmark{font-size:14px}
 .hero h1{font-size:26px}
 .hero__offer{font-size:14px;margin-top:4px}
 .scene{min-height:calc(var(--wheel-size) + 17px)}
 .wheel-wrap{margin-top:12px!important;margin-bottom:5px!important}
 .hostess{max-height:76%}
 .spin-btn{height:53px}
 .footer{min-height:24px;padding:4px 6px}
 .modal__card .brand-logo__mark{width:66px!important;height:66px!important}
 .modal__card .brand-logo__wordmark{font-size:17px}
 .modal h2{font-size:clamp(25px,6vw,34px);margin-top:8px}
 .modal__label{margin-block:10px}
 .modal__value{padding:10px}
 .claim-btn{height:51px;margin-top:12px}
 .modal__terms{margin-top:9px}
}
@media(max-width:350px) and (max-height:640px){
 .hero{padding-bottom:24px}
 .scene{min-height:calc(var(--wheel-size) + 20px)}
}


/* 2026-11-09: exact user-supplied red-circle Grand Casino Baden logo */
.brand-logo{display:flex!important;justify-content:center!important;align-items:center!important;gap:0!important;margin-inline:auto!important;width:100%!important;max-width:100%!important}
.brand-logo img.brand-logo__official-image{display:block!important;box-sizing:border-box!important;object-fit:contain!important;object-position:center!important;aspect-ratio:192/133!important;width:min(52vw,195px)!important;max-width:calc(100% - 8px)!important;height:auto!important;max-height:none!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0 auto!important;border-radius:9px!important;background:#fff!important;filter:drop-shadow(0 4px 13px rgba(255,136,205,.23))!important}
.hero .brand-logo img.brand-logo__official-image{width:min(52vw,188px)!important}
.loader .brand-logo img.brand-logo__official-image{width:min(77vw,285px)!important;max-width:100%!important;filter:drop-shadow(0 0 25px rgba(247,187,230,.34))!important}
.modal .brand-logo img.brand-logo__official-image{width:min(59vw,205px)!important}
.hub img{width:94%!important;height:94%!important;max-height:94%!important;border-radius:50%!important;object-fit:contain!important;object-position:center!important;filter:none!important}
.retry-shade{position:fixed;z-index:64;inset:0;background:rgba(9,0,10,.38);touch-action:manipulation;cursor:pointer}
.retry-shade[hidden]{display:none!important}
.toast.show{pointer-events:auto;cursor:pointer}
@media(max-width:360px){
 .hero .brand-logo img.brand-logo__official-image{width:min(46vw,166px)!important}
 .modal .brand-logo img.brand-logo__official-image{width:min(55vw,185px)!important}
}


/* FINAL: ONLY exact red circular B emblem extracted from client's photo */
.brand-logo{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;gap:0!important;margin:0 auto!important}
.brand-logo img.brand-logo__symbol{display:block!important;width:92px!important;height:92px!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;aspect-ratio:1!important;object-fit:contain!important;object-position:center!important;background:transparent!important;padding:0!important;margin:0 auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 0 14px rgba(245,117,193,.25))!important}
.hero .brand-logo img.brand-logo__symbol{width:88px!important;height:88px!important}
.loader .brand-logo img.brand-logo__symbol{width:min(46vw,164px)!important;height:auto!important;max-height:none!important;aspect-ratio:1!important;filter:drop-shadow(0 0 25px rgba(247,187,230,.38))!important}
.modal .brand-logo img.brand-logo__symbol{width:112px!important;height:112px!important;max-height:none!important}
.hub img{width:94%!important;height:94%!important;max-height:94%!important;max-width:94%!important;object-fit:contain!important;object-position:center!important;background:transparent!important;border:0!important;border-radius:50%!important;box-shadow:none!important;filter:none!important}
@media(max-width:360px){.hero .brand-logo img.brand-logo__symbol{width:76px!important;height:76px!important}.modal .brand-logo img.brand-logo__symbol{width:90px!important;height:90px!important}}

/* Wordmark restored beneath the user's exact extracted red B circle (not inside the wheel). */
.brand-logo{gap:6px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.brand-logo .brand-logo__wordmark{display:block!important;text-align:center!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:18px!important;font-weight:700!important;line-height:1.1!important;letter-spacing:.035em!important;white-space:nowrap!important;text-shadow:0 2px 12px rgba(242,119,190,.20)!important}
.brand-logo .brand-logo__wordmark span{display:block!important;padding-top:1px!important;letter-spacing:.075em!important}
.loader .brand-logo{gap:12px!important}
.loader .brand-logo .brand-logo__wordmark{font-size:clamp(24px,6.6vw,34px)!important;letter-spacing:.04em!important}
.hero .brand-logo{gap:5px!important}
.hero .brand-logo .brand-logo__wordmark{font-size:clamp(16px,4.3vw,20px)!important}
.modal .brand-logo{gap:5px!important}
.modal .brand-logo .brand-logo__wordmark{font-size:clamp(16px,4.6vw,20px)!important}
@media(max-height:760px){
 .hero .brand-logo img.brand-logo__symbol{height:65px!important;width:65px!important}
 .hero .brand-logo .brand-logo__wordmark{font-size:15px!important}
 .modal .brand-logo img.brand-logo__symbol{height:76px!important;width:76px!important}
 .modal .brand-logo .brand-logo__wordmark{font-size:16px!important}
}