.bonus-page{max-width:1180px;margin:0 auto;padding:28px 20px 50px;color:#eef4ff}.bonus-head span{font-size:12px;letter-spacing:2px;color:#42d8ff}.bonus-head h1{font-size:34px;margin:7px 0}.bonus-head p{color:#95a3ba}.bonus-card{position:relative;padding:26px;border:1px solid #29384e;border-radius:18px;background:linear-gradient(145deg,#151e2d,#0c121d);box-shadow:0 18px 45px rgba(0,0,0,.25)}.bonus-card-icon{font-size:36px}.bonus-card h2{margin:12px 0 8px}.bonus-card p{color:#aab6c9;line-height:1.6}.bonus-btn{width:100%;border:0;border-radius:12px;padding:14px 18px;background:linear-gradient(90deg,#13b9e8,#3867ff);color:#fff;font-weight:700;cursor:pointer}.bonus-btn:disabled{opacity:.45;cursor:not-allowed}.bonus-note{display:block;margin-top:14px;color:#8090a8;line-height:1.55}.lucky-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:20px;margin-top:24px}.lucky-card{text-align:center;overflow:hidden}.wheel-stage{position:relative;width:min(430px,92vw);height:min(430px,92vw);margin:0 auto 22px}.lucky-wheel{position:absolute;inset:15px;border-radius:50%;border:10px solid #e9b949;background:conic-gradient(#202c42 0deg 90deg,#3b273c 90deg 180deg,#0e9f6e 180deg 270deg,#3b273c 270deg 360deg);box-shadow:0 0 0 8px #111a29,0 18px 45px rgba(0,0,0,.42),inset 0 0 45px rgba(0,0,0,.35);transition:transform 4.2s cubic-bezier(.12,.68,.15,1);transform:rotate(0deg)}.lucky-wheel:before{content:"";position:absolute;inset:12px;border:2px dashed rgba(255,255,255,.28);border-radius:50%}.wheel-pointer{position:absolute;z-index:5;left:50%;top:0;transform:translateX(-50%);width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-top:0;border-bottom:48px solid #ffda58;filter:drop-shadow(0 5px 4px rgba(0,0,0,.55))}.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ffe57f,#d79d22);border:8px solid #172236;color:#2d230b;font-size:22px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.45)}.wheel-label{position:absolute;width:120px;text-align:center;font-size:17px;font-weight:900;line-height:1.1;text-shadow:0 2px 5px rgba(0,0,0,.7)}.wheel-label small{font-size:11px;letter-spacing:.5px}.wheel-label-1{left:55%;top:19%;transform:rotate(45deg)}.wheel-label-2{right:10%;top:56%;transform:rotate(135deg)}.wheel-label-3{left:18%;bottom:15%;transform:rotate(225deg)}.wheel-label-4{left:4%;top:27%;transform:rotate(315deg)}.wheel-label.locked{opacity:.48;text-decoration:line-through}.wheel-message{min-height:24px;margin:6px 0 15px;color:#dce7f8}.lucky-spin-btn{max-width:430px;font-size:16px;letter-spacing:.7px}.probability-note{max-width:650px;margin:14px auto 0}.lucky-rule{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #26344a}.lucky-rule span{color:#cbd6e8}.lucky-rule strong{color:#62e5b1}.lucky-rule.disabled{opacity:.55}.lucky-rule.disabled strong{color:#f4b8c5}@media(max-width:760px){.bonus-page{padding:18px 12px 35px}.bonus-head h1{font-size:28px}.lucky-layout{grid-template-columns:1fr}.bonus-card{padding:18px}.wheel-stage{width:min(350px,88vw);height:min(350px,88vw)}.wheel-label{width:95px;font-size:14px}.wheel-center{width:72px;height:72px;font-size:18px}.wheel-pointer{border-left-width:18px;border-right-width:18px;border-bottom-width:40px}}