:root{--bonus-ink:var(--sup-ocean);--bonus-mint:var(--sup-seafoam);--bonus-turq:var(--sup-turquoise);--bonus-lime:var(--sup-lime);--bonus-coral:var(--sup-coral);--bonus-paper:var(--sup-white)}
.bonusPreview{background:var(--bonus-ink);color:var(--bonus-paper);padding:10px 18px;text-align:center;font:600 12px/1.5 Inter,sans-serif}.bonusPreview a{color:var(--bonus-turq);margin-left:16px}.bonusSection{padding:72px 0;background:var(--bonus-paper);color:var(--bonus-ink)}.bonusLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);align-items:center;gap:56px}.bonusSection h2{font-size:clamp(36px,5vw,64px);line-height:1.04;letter-spacing:-.05em;margin:16px 0 22px}.bonusLead{max-width:490px;line-height:1.7}.bonusPanel{padding:24px;background:var(--bonus-mint);border-radius:24px;margin-top:24px}.bonusForm{display:grid;gap:14px}.bonusForm label{display:grid;gap:7px;font-size:14px;font-weight:700}.bonusForm input:not([type=checkbox]),.bonusForm select{width:100%;min-height:48px;border:1px solid var(--bonus-ink);border-radius:12px;background:var(--bonus-paper);padding:10px 12px;color:var(--bonus-ink);font:inherit;box-sizing:border-box}.bonusConsent{display:flex!important;align-items:start;gap:10px!important;line-height:1.5;font-weight:400!important}.bonusConsent input{min-width:22px;height:22px;accent-color:var(--bonus-ink)}.bonusButton{min-height:48px;padding:13px 20px;background:var(--bonus-ink);color:var(--bonus-paper);border:0;border-radius:99px;cursor:pointer;font:700 14px Inter,sans-serif}.bonusButton:disabled{opacity:.55;cursor:wait}.bonusSecondary{background:var(--bonus-paper);color:var(--bonus-ink);border:1px solid var(--bonus-ink)}.bonusButton:focus-visible,.bonusForm input:focus-visible{outline:3px solid var(--bonus-ink);outline-offset:3px}.bonusError{color:var(--bonus-ink);background:var(--bonus-coral);border-radius:10px;padding:10px 12px;font-size:14px}.bonusError:empty{display:none}.bonusWheelWrap{position:relative;max-width:500px;margin:auto;width:100%;padding-top:22px}.bonusPointer{position:absolute;left:calc(50% - 18px);top:0;width:36px;height:48px;z-index:2;fill:var(--bonus-ink);stroke:var(--bonus-paper);stroke-width:2}.bonusWheel{width:100%;height:auto;display:block;transition:transform 3s cubic-bezier(.12,.65,.08,1);filter:drop-shadow(0 12px 18px rgb(0 26 51 / .15))}.bonusWheel text{font-family:Inter,sans-serif;fill:var(--bonus-ink);font-weight:800}.bonusCenter{position:absolute;left:50%;top:calc(50% + 11px);transform:translate(-50%,-50%);border-radius:50%;background:var(--bonus-paper);border:4px solid var(--bonus-ink);width:25%;aspect-ratio:1;display:grid;place-content:center;font-weight:900;box-shadow:0 3px 10px rgb(0 26 51 / .15)}.bonusOdds{font-size:12px;line-height:1.6;margin-top:18px}.bonusOdds summary{cursor:pointer;padding:12px 0}.bonusCode{font-family:Inter,sans-serif;font-size:clamp(24px,5vw,36px);letter-spacing:.04em;font-weight:900;display:block;margin:18px 0;overflow-wrap:anywhere}.bonusResult{border:2px solid var(--bonus-ink);background:var(--bonus-lime);padding:24px;border-radius:24px}.bonusResult h3{font-size:25px;margin:0 0 10px}.bonusSmall{font-size:13px;line-height:1.6}.bonusStatus{padding:7px 12px;border-radius:99px;background:var(--bonus-mint);font-weight:700;font-size:12px}.bonusStaff{background:var(--bonus-paper);color:var(--bonus-ink);font:15px/1.5 Inter,sans-serif;margin:0}.bonusStaff *{box-sizing:border-box}.bonusStaff header{padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--bonus-mint)}.bonusStaff header img{height:48px}.bonusStaff header nav{display:flex;gap:14px;flex-wrap:wrap}.bonusStaff a{color:var(--bonus-ink)}.bonusStaff main{max-width:1240px;padding:40px 24px;margin:auto}.bonusStaff h1{font-size:clamp(32px,5vw,56px);letter-spacing:-.04em;margin:0}.bonusStats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.bonusStats article{background:var(--bonus-mint);padding:22px;border-radius:20px}.bonusStats strong{display:block;font-size:32px}.bonusStaffGrid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}.bonusStaffCard{border:1px solid var(--bonus-mint);border-radius:24px;padding:24px;background:var(--bonus-paper)}.bonusStaffCard h2{margin:0 0 18px}.bonusTable{overflow-x:auto}.bonusTable table{border-collapse:collapse;width:100%;font-size:13px}.bonusTable td,.bonusTable th{padding:14px 8px;border-bottom:1px solid var(--bonus-mint);text-align:left}.bonusTable td button{border:0;background:var(--bonus-mint);border-radius:10px;padding:10px;min-height:44px;color:var(--bonus-ink);cursor:pointer}.bonusPrizeRow{display:grid;grid-template-columns:1fr 70px 70px;gap:10px;align-items:center;font-size:13px}.bonusPrizeRow input{min-width:0}.bonusRowHead{font-size:11px;font-weight:800}.bonusActions{display:flex;gap:10px;flex-wrap:wrap}.bonusBookingOffer{padding:16px;border-radius:16px;background:var(--bonus-lime);margin-top:20px}.bonusSelected{border:2px solid var(--bonus-ink)}.bonusStaff label input[type=checkbox]{width:22px;height:22px}.bonusStaff [hidden],.bonusSection [hidden]{display:none!important}
@media(max-width:850px){.bonusLayout,.bonusStaffGrid{grid-template-columns:1fr}.bonusWheelWrap{max-width:420px}.bonusLayout{gap:28px}.bonusStats{grid-template-columns:repeat(2,1fr)}.bonusSection{padding:48px 0}.bonusStaff header{align-items:start}.bonusStaff main{padding:28px 16px}.bonusStaffCard{padding:18px}}
@media(prefers-reduced-motion:reduce){.bonusWheel{transition:none}}
@media(max-width:850px){.bonusLayout{display:flex;flex-direction:column;align-items:stretch;gap:18px}.bonusLayout>div:first-child{display:contents}.bonusLayout .bonusLead{order:1}.bonusLayout>[data-wheel]{order:2}.bonusLayout .bonusPanel{order:3;margin-top:0}.bonusLayout .bonusOdds{order:4}.bonusLayout h2{margin:0}.bonusWheelWrap{max-width:340px}}

.bonusBrand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:24px;font-weight:900;letter-spacing:-.04em}

.bonusDateRange{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bonusWorkspace{min-width:0}.bonusWorkspace .bonusStats strong{font-size:clamp(20px,2.8vw,32px);overflow-wrap:anywhere}.bonusWorkspace .bonusButton{font-family:inherit}
@media(max-width:830px){.mobileNav{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}.mobileNav button{flex:0 0 64px;min-width:64px;min-height:52px}}

.bonusStaffGrid>*{min-width:0}.bonusWorkspace .bonusStats article{min-width:0}

.bonusDateRange>label,.bonusDateRange input{min-width:0}@media(max-width:560px){.bonusPrizeRow{grid-template-columns:minmax(0,1fr) 58px 58px}.bonusPrizeRow span{overflow-wrap:anywhere}}