.bonus-screen{width:100%;margin:auto;position:relative;z-index:1}.bonus-card{width:min(100%,390px);margin:auto;padding:20px 12px;text-align:center;color:#eee}.bonus-card h1{font-size:clamp(29px,6vw,40px);line-height:1.1;letter-spacing:-1.4px;margin:0 0 12px}.bonus-promise{font-size:13px;color:#c6c6c6;margin:0 0 26px}.bonus-wheel-stage{position:relative;width:min(72vw,300px);aspect-ratio:1;margin:0 auto 26px}.bonus-wheel{position:absolute;inset:0;border:5px solid #555;border-radius:50%;background:conic-gradient(#272727 0deg 90deg,#414141 90deg 180deg,#F9FF40 180deg 270deg,#171717 270deg 360deg);box-shadow:0 12px 30px #0006,inset 0 0 0 2px #ffffff12;transition:transform 3.6s cubic-bezier(.12,.65,.14,1);transform:rotate(0deg)}.bonus-pointer{position:absolute;z-index:2;left:50%;top:-11px;transform:translateX(-50%);width:23px;height:30px;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 2px 3px #0008)}.bonus-outcome{position:absolute;transform:translate(-50%,-50%);font-size:clamp(20px,5.5vw,28px);line-height:1;font-weight:800;font-variant-numeric:tabular-nums}.bonus-zero{left:73%;top:27%}.bonus-hundred{left:73%;top:73%}.bonus-twohundred{left:27%;top:73%;color:#111}.bonus-fifty{left:27%;top:27%}.bonus-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border:2px solid #616161;border-radius:50%;background:#090909;color:#F9FF40;font-size:28px;font-weight:800;box-shadow:0 3px 8px #0005}.bonus-wheel-note{font-size:13px;color:#c6c6c6;margin:-15px 0 18px}.bonus-result{color:#F9FF40;font-size:22px;font-weight:750;line-height:1.4;margin:0 0 18px}.bonus-action{display:block;width:100%;min-height:50px;padding:14px 16px;background:#F9FF40;color:#111;border:0;border-radius:10px;font-size:15px;font-weight:750;cursor:pointer}.bonus-action:disabled{opacity:.6;cursor:default}.bonus-action:focus-visible{outline:2px solid #fff;outline-offset:4px}.bonus-note{font-size:11px;color:#999;line-height:1.5;margin:13px 0 0}.bonus-dialog{max-width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);width:100%;overflow-y:auto;border:1px solid #333;border-radius:18px;background:#090909;padding:24px 14px}.bonus-dialog::backdrop{background:#000d}.bonus-dialog .bonus-card{padding:8px 12px}@media(max-height:680px){.bonus-card{padding-top:12px;padding-bottom:12px}.bonus-wheel-stage{width:min(60vw,240px);margin-bottom:20px}.bonus-promise{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.bonus-wheel{transition-duration:.15s}}