.bonus-section{background:#102d31;color:#fff;max-width:none;overflow:hidden;padding:clamp(38px,6vw,80px) max(5vw,calc((100vw - 1216px)/2));position:relative}.bonus-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,80px);align-items:center}.bonus-section .eyebrow{color:#6fe1cf}.design-v8 .bonus-section h2{color:white;font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.04em;margin:14px 0 22px}.bonus-lead{color:#d9e9e7;font-size:17px;line-height:1.7;max-width:520px}.bonus-chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.bonus-chips span{border:1px solid #ffffff35;border-radius:50px;padding:7px 12px;font-size:13px;color:#e1f5ef}.bonus-wheel-area{text-align:center;min-width:0}.bonus-wheel-frame{position:relative;width:min(100%,450px);margin:0 auto 24px;filter:drop-shadow(0 16px 30px #0005)}.bonus-wheel-frame::before{content:'';position:absolute;top:-3px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:33px solid #ff8a36;z-index:2;filter:drop-shadow(0 3px 2px #0006)}#bonus-wheel{display:block;width:100%;height:auto;transform:rotate(0deg);will-change:transform}#bonus-spin{background:#ff8a36;color:#101d39;border:0;border-radius:9px;font-size:17px;font-weight:800;padding:17px 30px;min-height:56px;cursor:pointer}#bonus-spin:disabled{cursor:default;background:#b8ccc7;color:#243b3b}.bonus-status{font-size:14px;color:#d9e9e7;min-height:1.6em;line-height:1.6;margin:12px 0}.bonus-result{background:#fff;color:#122e31;border-radius:16px;padding:24px;margin-top:22px;text-align:left;scroll-margin-top:105px}.bonus-result[hidden]{display:none}.bonus-result h3{font-size:26px;line-height:1.2;margin:8px 0 14px;letter-spacing:-.02em}.bonus-result .eyebrow{color:#0a6d60}.bonus-code{font-family:ui-monospace,monospace;font-weight:800;font-size:16px;overflow-wrap:anywhere;background:#edf5f2;padding:12px;border-radius:7px;display:block;margin:12px 0}.bonus-result p{color:#405954;line-height:1.65;font-size:14px}.bonus-result-actions{display:flex;flex-wrap:wrap;gap:10px}.bonus-result-actions .btn{font-size:14px;padding:12px 15px;min-height:48px}.bonus-result a.bonus-verify{display:inline-block;font-size:13px;text-decoration:underline;margin-top:14px;color:#145f56}.bonus-rules{margin-top:28px;border-top:1px solid #ffffff35;max-width:620px}.bonus-rules summary{color:#fff;font-size:14px;font-weight:700;padding:16px 0}.bonus-rules ul{color:#d9e9e7;font-size:13px;line-height:1.8;padding-left:18px}.bonus-rules p{color:#d9e9e7;font-size:13px;padding:0}.bonus-check{max-width:760px}.bonus-check form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:26px 0}.bonus-check label{flex:1;min-width:220px}.bonus-check input{font-family:monospace}.bonus-check .bonus-result{border:1px solid #cadbd4}.bonus-check #verify-status{line-height:1.6}.bonus-section button:focus-visible,.bonus-section a:focus-visible{outline:3px solid #ffcf87;outline-offset:4px}@media(max-width:800px){.bonus-layout{grid-template-columns:1fr;gap:28px}.bonus-section{padding:36px 20px}.bonus-wheel-frame{max-width:370px}.bonus-lead{font-size:15px}.bonus-chips{margin:16px 0}.bonus-result{padding:20px}.bonus-result h3{font-size:24px}}@media(prefers-reduced-motion:reduce){#bonus-wheel{will-change:auto}}
