.bonus-drops{min-width:0;margin-bottom:24px}.bonus-drops-heading{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:19px;color:var(--ink)}
.bonus-drop-card{display:flex;align-items:center;gap:20px;width:100%;padding:21px 24px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:17px;background:radial-gradient(ellipse at 0 30%,#e0b86b18,transparent 50%),var(--surface);text-align:start;color:var(--ink);cursor:pointer;font:inherit}
.bonus-drop-card:hover{border-color:#d6b36188}.bonus-drop-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.bonus-drop-gift{display:grid;place-items:center;flex:none;width:70px;height:70px;border-radius:18px;color:#e9c77f;background:linear-gradient(140deg,#e8c47720,#b1843420);border:1px solid #e8c47740}.bonus-drop-gift svg{width:38px;height:38px}
.bonus-drop-detail{display:grid;gap:10px;min-width:0;flex:1}.bonus-drop-top,.bonus-drop-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}.bonus-drop-top strong{font-size:18px}.bonus-drop-amount{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.bonus-drop-detail progress{display:block;width:100%;height:11px;border:0;border-radius:15px;overflow:hidden;background:var(--paper);accent-color:#dfb969}.bonus-drop-detail progress::-webkit-progress-bar{background:var(--paper);border-radius:15px}.bonus-drop-detail progress::-webkit-progress-value{background:linear-gradient(90deg,#ac8448,#f0d693);border-radius:15px;transition:width .45s ease}.bonus-drop-detail progress::-moz-progress-bar{background:linear-gradient(90deg,#ac8448,#f0d693)}.bonus-drop-bottom{font-size:12px;color:var(--muted);line-height:1.5}.bonus-drop-details-link{color:#e8cb90;white-space:nowrap}.bonus-drop-status{margin:9px 2px 0;font-size:12px;color:var(--muted);line-height:1.5}.bonus-drop-last{color:var(--ink)}
.bonus-drop-dialog{width:min(700px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface,#17182e);color:var(--ink,#fff);box-shadow:0 30px 100px #0008;overflow:auto}.bonus-drop-dialog::backdrop{background:#070817b8;backdrop-filter:blur(5px)}.bonus-drop-modal-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.bonus-drop-modal-head h2{margin:0;font-size:23px}.bonus-drop-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font-size:24px;cursor:pointer}.bonus-drop-rules{color:var(--muted);font-size:13px;line-height:1.65;margin:12px 0 22px}.bonus-drop-wheel-wrap{position:relative;width:208px;height:208px;margin:0 auto 22px}.bonus-drop-wheel{width:100%;height:100%;border:7px solid #b08c50;border-radius:50%;box-shadow:0 0 0 4px #eed08b18,0 12px 30px #0004;background:var(--paper)}.bonus-drop-wheel-center{position:absolute;inset:64px;border:1px solid #efd18c77;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:#efd18c;font-size:25px;font-weight:800}.bonus-drop-wheel-wrap:before{content:'';position:absolute;z-index:1;top:-7px;left:calc(50% - 9px);border-inline:9px solid transparent;border-top:20px solid #f2d995;filter:drop-shadow(0 2px 2px #0007)}
.bonus-drop-list-head,.bonus-drop-person{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px}.bonus-drop-list-head{font-size:11px;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--line)}.bonus-drop-list{margin:0;padding:0;list-style:none;max-height:290px;overflow:auto}.bonus-drop-person{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;font-variant-numeric:tabular-nums}.bonus-drop-person>span:first-child{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.bonus-drop-swatch{width:9px;height:9px;flex:none;border-radius:50%}.bonus-drop-list-status{font-size:13px;color:var(--muted);line-height:1.6}.bonus-drop-modal-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.bonus-drop-modal-actions button,.bonus-drop-modal-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border-radius:11px;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-decoration:none;font:inherit;font-size:13px;cursor:pointer}.bonus-drop-modal-actions a{background:var(--accent);color:var(--accent-ink,#101526);font-weight:700}
@media(max-width:600px){.bonus-drop-card{padding:16px 14px;gap:12px}.bonus-drop-gift{width:46px;height:54px;border-radius:12px}.bonus-drop-gift svg{width:29px;height:29px}.bonus-drop-top{align-items:flex-start;gap:8px;flex-wrap:wrap}.bonus-drop-top strong{font-size:15px}.bonus-drop-amount{font-size:12px}.bonus-drop-bottom{font-size:11px;gap:8px;align-items:flex-start}.bonus-drop-dialog{padding:18px 16px}.bonus-drop-modal-head h2{font-size:20px}.bonus-drop-list-head,.bonus-drop-person{gap:10px}.bonus-drop-heading{font-size:17px}}
@media(prefers-reduced-motion:reduce){.bonus-drop-detail progress::-webkit-progress-value{transition:none}}
.bonus-drop-tabs{display:flex;gap:8px;margin:0 0 20px}.bonus-drop-tabs button,.bonus-drop-more{min-height:44px;padding:9px 15px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--muted);cursor:pointer;font:inherit;font-size:13px}.bonus-drop-tabs button[aria-pressed="true"]{background:#ddb96e20;border-color:#ddb96e88;color:#eacb8e}.bonus-drop-history{list-style:none;padding:0;margin:0;max-height:390px;overflow:auto}.bonus-drop-history button{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:6px 12px;text-align:start;padding:15px 5px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font:inherit;font-size:13px}.bonus-drop-history button small{color:var(--muted);font-size:11px;line-height:1.5}.bonus-drop-history button>strong{color:#eacb8e;font-size:16px}.bonus-drop-history button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.bonus-drop-intro{margin-bottom:10px}.bonus-drop-full-rules{margin:0 0 18px;color:var(--muted);font-size:12px}.bonus-drop-full-rules summary{min-height:44px;cursor:pointer;display:list-item;margin-inline-start:14px}.bonus-drop-full-rules p{margin:8px 0 14px}