.bounty-page { max-width:1200px; margin:0 auto; padding:28px 24px 50px; }
.bounty-page h2 { margin:0 0 8px; }
.bounty-note { color:#bbb4a9; line-height:1.5; margin:0 0 6px; }
.bounty-status { color:#d7b76e; font-size:13px; min-height:18px; margin:0 0 14px; }
.bounty-slots { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:start; }
.bounty-card { position:relative; display:flex; flex-direction:column; gap:14px; padding:16px; border:1px solid #302214; border-radius:12px; background:var(--card); }
.bounty-card-head { display:flex; align-items:center; justify-content:space-between; min-height:24px; }
.bounty-card-title { font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--caca); }
.bounty-remove { width:28px; height:28px; padding:0; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--muted); font-size:20px; line-height:1; cursor:pointer; }
.bounty-remove:hover, .bounty-remove:focus-visible { color:#fff6e6; background:#262016; border-color:#3a2817; }
.bounty-remove[hidden] { display:none; }
.bounty-search { position:relative; }
.bounty-search label, .bounty-qty label { display:block; color:#bbb4a9; font-size:13px; margin-bottom:7px; }
.bounty-card input:focus { border-color:#c9a24a; outline:2px solid #634a1b; }
.bounty-qty input { width:100%; padding:12px; border:1px solid #4d3c2b; border-radius:8px; background:#16130e; color:white; font-size:16px; }
.bounty-suggestions { position:absolute; z-index:20; left:0; right:0; top:100%; margin:4px 0 0; padding:4px; list-style:none; max-height:300px; overflow-y:auto; border:1px solid #4d3c2b; border-radius:10px; background:#1c1811; box-shadow:0 12px 28px rgba(0,0,0,.45); }
.bounty-suggestions[hidden] { display:none; }
.bounty-option { display:flex; align-items:center; gap:10px; padding:6px 8px; border-radius:7px; color:#efe6d6; cursor:pointer; font-size:14px; }
.bounty-option img { width:32px; height:32px; flex:none; object-fit:contain; image-rendering:pixelated; }
.bounty-option:hover, .bounty-option.active { background:#634a1b; }
.bounty-option.empty { color:var(--muted); cursor:default; }
.bounty-option.empty:hover { background:transparent; }
.bounty-picked { display:flex; flex-direction:column; align-items:center; gap:8px; padding:14px 8px 4px; }
.bounty-picked[hidden], .bounty-qty[hidden] { display:none; }
.bounty-sprite { width:96px; height:96px; display:flex; align-items:center; justify-content:center; border:1px solid #3a2817; border-radius:12px; background:radial-gradient(circle at 50% 60%,#2a2216,#16130e); }
.bounty-sprite img { width:64px; height:64px; object-fit:contain; image-rendering:pixelated; transform:scale(1.3); }
.bounty-name { font-family:'Cinzel',Georgia,serif; font-size:17px; color:#fff6e6; text-align:center; }
.bounty-result:empty { display:none; }
.bounty-result { padding:12px 14px; border-radius:10px; background:#16130e; border:1px solid #2b1e11; }
.bounty-result p { margin:0; }
.bounty-result.ready { text-align:center; border-color:#634a1b; }
.bounty-time-label { display:block; color:#bbb4a9; font-size:13px; }
.bounty-time { display:block; margin:4px 0 8px; font-family:'Cinzel',Georgia,serif; font-size:30px; color:var(--caca); }
.bounty-muted { color:var(--muted); font-size:12.5px; line-height:1.45; }
.bounty-error { color:#e8a07a; font-size:13px; margin-bottom:6px !important; }
.bounty-result.missing { text-align:center; color:#e8a07a; border-color:#5a3020; font-weight:600; }
.bounty-add { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-height:180px; border:1px dashed #4d3c2b; border-radius:12px; background:transparent; color:var(--muted); font:inherit; font-size:15px; font-weight:600; cursor:pointer; }
.bounty-add:hover, .bounty-add:focus-visible { color:var(--caca); border-color:#c9a24a; background:rgba(220,180,108,.06); outline:none; }
.bounty-add-plus { font-size:30px; line-height:1; }
@media(max-width:900px) { .bounty-slots { grid-template-columns:1fr; } .bounty-add { min-height:64px; flex-direction:row; } .bounty-add-plus { font-size:22px; } }

/* Adicionar tempo e origem do tempo */
.bounty-add-time { align-self:center; padding:7px 14px; border:1px solid #c9a24a; border-radius:8px; background:#634a1b; color:#fff6e6; font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.bounty-add-time:hover, .bounty-add-time:focus-visible { background:#7a5b22; }
.bounty-add-time[hidden] { display:none; }
.bounty-origin-toggle { display:inline-flex; align-items:center; gap:6px; margin:8px auto 0; padding:4px 10px; border:1px solid #3a2817; border-radius:999px; background:#1f1a12; color:#d6cab6; font:inherit; font-size:12.5px; cursor:pointer; }
.bounty-result:not(.ready) .bounty-origin-toggle { margin-left:0; }
.bounty-origin-toggle:hover, .bounty-origin-toggle:focus-visible { border-color:#c9a24a; color:var(--caca); outline:none; }
.bounty-origin-toggle svg { transition:transform .15s ease; }
.bounty-origin-toggle[aria-expanded="true"] svg { transform:rotate(180deg); }
.bounty-result.ready .bounty-origin-toggle { display:flex; width:max-content; }
.bounty-sources { list-style:none; margin:10px 0 0; padding:0; text-align:left; }
.bounty-sources li { display:flex; flex-direction:column; gap:3px; padding:8px 0; border-top:1px solid #2b1e11; }
.bounty-source-head { display:flex; flex-wrap:wrap; align-items:center; gap:6px; color:#efe6d6; font-size:13.5px; }
.bounty-source-party { padding:1px 7px; border:1px solid #4d3c2b; border-radius:999px; color:#c9bda9; font-size:11px; }
.bounty-source-used { padding:1px 7px; border-radius:999px; background:#634a1b; color:#f0dcae; font-size:11px; }
.bounty-source-location { color:#dcb46c; font-size:12.5px; overflow-wrap:anywhere; }
#bountyTimeLocation { width:100%; box-sizing:border-box; font-size:16px; }
.bounty-optional { color:#a89c86; font-weight:400; font-size:.9em; }
.bounty-sources .bounty-source-delete { align-self:flex-start; margin-top:4px; padding:3px 10px; font-size:12px; }
#bountyTimeForm label { display:block; margin:12px 0 6px; }
#bountyTimeForm select, #bountyTimeForm textarea { width:100%; padding:10px; border:1px solid #4d3c2b; border-radius:8px; background:#16130e; color:#fff; font:inherit; }
#bountyTimeForm textarea { resize:vertical; }
#bountyTimeError { color:#ff9d9d; }