.goodie-bag-panel[hidden]{display:none!important}
.goodie-bag-panel{margin:28px 0 44px;padding:clamp(20px,4vw,42px);border:1px solid #bd9854;border-radius:18px;background:radial-gradient(ellipse at top,#352341,#160e21 65%);color:#f7f2e5;box-shadow:0 18px 60px #0005}
.goodie-bag-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:14px}
.goodie-bag-heading h2{font-family:Cinzel,serif;font-size:clamp(28px,5vw,48px);margin:6px 0;color:#f2cc71}
.goodie-bag-kicker{color:#e4bc6c;text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:700;margin:0}
.goodie-bag-remaining{border:1px solid #80683d;border-radius:30px;padding:8px 13px;color:#edce85;white-space:nowrap;font-size:13px}
.goodie-bag-rule{margin:0 0 20px;font-size:20px;color:#f3cc70;font-weight:700}
.goodie-bag-layout{display:grid;grid-template-columns:minmax(240px,420px) 1fr;gap:clamp(24px,5vw,60px);align-items:center}
.goodie-bag-inventory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:16px;border:7px ridge #7b7054;border-radius:8px;background:repeating-linear-gradient(110deg,#494335,#494335 4px,#4c4638 5px,#4c4638 9px);box-shadow:inset 0 0 24px #0008}
.goodie-bag-slot{position:relative;aspect-ratio:1.18;display:flex;align-items:center;justify-content:center;border:1px solid #a98d56;border-radius:6px;background:linear-gradient(145deg,#342340,#21152a);color:#ecca79;cursor:pointer;transition:transform .15s,background .15s}
.goodie-bag-slot strong{font-family:Cinzel,serif;font-size:clamp(22px,4vw,38px)}
.goodie-bag-slot span{position:absolute;bottom:4px;right:6px;font:10px Inter,sans-serif;opacity:.7}
.goodie-bag-slot:enabled:hover{transform:translateY(-2px);background:#634477}
.goodie-bag-slot:focus-visible{outline:3px solid #fff2bc;outline-offset:3px}
.goodie-bag-slot:disabled{cursor:default}
.goodie-bag-slot.is-picked{background:#1b1718;border-color:#5a5043;color:#c85f64}
.goodie-bag-help h3{color:#f1d398;font-size:22px;margin:0 0 12px}
.goodie-bag-help p{color:#d0c6d8;line-height:1.7}
.goodie-bag-allowance{padding:15px 18px;border-left:3px solid #e5bd65;background:#f9d8780b;border-radius:0 6px 6px 0}
.goodie-bag-result{padding:16px;border:1px solid #a0bd73;border-radius:8px;color:#d7edba;line-height:1.6}
.goodie-bag-history-heading{display:flex;justify-content:space-between;align-items:center;margin-top:30px;border-top:1px solid #74603c;padding-top:20px}
.goodie-bag-history-heading h3{margin:0;color:#e9c77e}
.goodie-bag-history{list-style:none;padding:0;margin:14px 0 0}
.goodie-bag-history li{display:flex;flex-wrap:wrap;gap:8px 20px;padding:13px 0;border-bottom:1px solid #ffffff12;font-size:14px}
.goodie-bag-history li strong{min-width:90px;color:#f3d59a}
.goodie-bag-history li time{margin-left:auto;color:#aaa1b3;font-size:12px}
.goodie-bag-history li.goodie-bag-history-entry{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px}
.goodie-bag-prize-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #a98d564d;border-radius:8px;background:#100b1780;color:#e9c77e}
.goodie-bag-prize-icon img,.goodie-bag-prize-icon svg{width:32px;height:32px;object-fit:contain}
.goodie-bag-pick-details{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}
@media(max-width:650px){.goodie-bag-layout{grid-template-columns:1fr}.goodie-bag-heading{flex-direction:column;gap:8px}.goodie-bag-inventory{max-width:400px;width:100%;box-sizing:border-box;margin:auto}.goodie-bag-history li time{margin-left:0;width:100%}.goodie-bag-rule{font-size:17px}}
@media(max-width:650px){.goodie-bag-history li.goodie-bag-history-entry{grid-template-columns:40px minmax(0,1fr)}.goodie-bag-history-entry time{grid-column:2}}
@media(prefers-reduced-motion:reduce){.goodie-bag-slot{transition:none}}