#bonus-dialog{position:fixed;inset:0;margin:auto;width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;background:linear-gradient(135deg,#242219,#10120f);color:#ead9af;border:1px solid #8f713b;border-radius:12px;box-shadow:0 16px 70px #0009}
#bonus-dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}
#bonus-dialog h2{font:26px Georgia,serif;margin:0 30px 22px 0}#bonus-dialog .bonus-close{position:absolute;right:12px;top:10px;padding:3px 9px;background:transparent;border:0;font-size:27px;color:#b7aa8d}
.bonus-equipment{display:flex;align-items:center;gap:16px}.bonus-equipment>div{width:68px;height:88px;flex-shrink:0;display:grid;place-items:center;border:1px solid #6f5732;background:transparent}.bonus-equipment img{max-width:54px;max-height:76px;object-fit:contain}.bonus-equipment strong{font-size:17px}
.bonus-list{border-block:1px solid #6f573266;padding:12px 0;margin:18px 0}.bonus-list p{margin:6px 0;color:#a8c49b;font-size:14px}.bonus-list small,.bonus-muted{color:#b7aa8d!important}.bonus-list small{display:block;margin-top:12px}
.bonus-consumable{display:flex;align-items:center;gap:12px}.bonus-consumable-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0}.bonus-consumable img{width:36px;height:36px;object-fit:contain}.bonus-consumable strong{font-size:14px;font-weight:500}.bonus-consumable small{display:block;font-size:12px;color:#b7aa8d;margin-top:5px}.bonus-explanation{font-size:13px;line-height:1.55;color:#b7aa8d;margin:12px 0}.bonus-result{font-size:13px;color:#d0a45b;min-height:18px}.bonus-actions{display:flex;gap:10px;justify-content:flex-end}.bonus-actions button{font-size:14px;padding:11px 16px}
@media(max-width:600px){#bonus-dialog{inset:auto 0 0;width:100%;max-height:90dvh;margin:0;border-radius:18px 18px 0 0;padding:24px 20px}.bonus-actions button{flex:1}}

.bonus-list p.bonus-negative{color:#e38c82}.bonus-list p.bonus-maximum{color:#edc568}

.bonus-stone-effects{margin-top:12px;color:#a8c49b;font-size:14px}.bonus-stone-effects p{margin:5px 0}.bonus-socket+.bonus-socket{margin-top:12px}.bonus-socket small{margin-top:4px;color:#a8c49b}