/* Small universe-aware bonus shelf beneath XP receptacles. */

.reserve-bonus-slot{grid-column:1/-1;min-width:0;width:100%;margin:6px auto 10px}

.arb-bonuses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(216px,100%);margin:0 auto;align-items:stretch}

.arb-bonuses .arb-item{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;box-sizing:border-box;width:100%;min-width:0;min-height:62px;height:100%;margin:0;padding:3px 2px;border:1px solid color-mix(in srgb,var(--arb-gold) 55%,transparent);border-radius:11px;background:linear-gradient(150deg,#21152d,#0c0b19);box-shadow:inset 0 1px 0 #fff2,0 3px 8px #0004;color:#fff1d8;text-decoration:none;text-align:center;font:700 11px/1.2 Georgia,serif;letter-spacing:0;cursor:pointer;transition:transform .2s,border-color .2s}

.arb-bonuses[data-theme=noel] .arb-item{background:linear-gradient(155deg,#153b39,#46162b);border-color:#f6dfb1;box-shadow:inset 0 2px 0 #fff9,0 3px 8px #0018}

.arb-bonuses[data-theme=kids] .arb-item{background:linear-gradient(145deg,#5b377e,#31254b);border-radius:14px}

.arb-bonuses[data-theme=aliens] .arb-item{background:linear-gradient(150deg,#113c50,#061728)}

.arb-bonuses[data-theme=nordique] .arb-item{background:linear-gradient(135deg,#36505a,#131e2c)}

.arb-bonuses[data-theme=fees] .arb-item{background:linear-gradient(135deg,#5d396c,#271c49)}

.arb-bonuses[data-theme=dragons] .arb-item{background:linear-gradient(135deg,#562621,#1d1025)}

.arb-bonuses .arb-item:hover:not(:disabled){transform:translateY(-2px);border-color:#fff2d6}

.arb-bonuses .arb-item:focus-visible{outline:2px solid #fff;outline-offset:3px}

.arb-bonuses .arb-item:disabled{opacity:.65;cursor:default}

.arb-bonuses .arb-art{display:block;position:relative;width:38px;height:30px;max-width:100%;flex:none;margin:0 auto;filter:drop-shadow(0 2px 3px #0007)}

.arb-bonuses .arb-art>img{display:block;object-fit:contain;width:100%;height:100%;margin:0;border:0;border-radius:0;max-height:none;filter:none}

.arb-bonuses .arb-fan>img{position:absolute;bottom:0;left:calc(50% - 9px);width:18px;height:27px;object-fit:contain;border:1px solid var(--arb-gold);border-radius:3px;background:#130d20;transform-origin:50% 95%}

.arb-bonuses .arb-fan>img:first-child{transform:rotate(-18deg) translateX(-5px)}

.arb-bonuses .arb-fan>img:nth-child(2){transform:translateY(-2px);z-index:2}

.arb-bonuses .arb-fan>img:last-child{transform:rotate(18deg) translateX(5px)}

.arb-bonuses .arb-label{display:block;white-space:nowrap;color:#fff1d8;font:700 11px/1.2 Georgia,serif;text-shadow:0 1px 2px #000}

.arb-bonuses .arb-status{display:block;margin:0;color:#e9cee9;font:600 9px/1.2 system-ui,sans-serif}

.arb-dialog{box-sizing:border-box;width:min(360px,calc(100vw - 28px));max-height:85dvh;overflow:auto;margin:auto;padding:20px;text-align:center;background:radial-gradient(ellipse at top,var(--arb-tone),#14101f 75%);color:#fff4de;border:1px solid var(--arb-gold);border-radius:18px;box-shadow:0 20px 80px #000b}

.arb-dialog::backdrop{background:#080511bb}

.arb-dialog .arb-dialog-box{display:block;object-fit:contain;width:112px;height:100px;margin:0 auto 6px}

.arb-dialog h2{font:bold 26px/1.2 Georgia,serif;color:#ffe2a9;margin:0 0 6px}

.arb-dialog .arb-soon{font:700 12px/1.2 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.13em;margin:0 0 12px;color:#fff1d5}

.arb-dialog .arb-explanation{font:15px/1.5 system-ui,sans-serif;text-wrap:balance;color:#fff3e4}

.arb-dialog .arb-close{display:block;margin:14px auto 0;padding:9px 24px;border:1px solid var(--arb-gold);border-radius:9px;background:#f2d19c;color:#201126;font:700 14px/1.2 system-ui,sans-serif;cursor:pointer}

.universe>.reserve-bonus-slot{box-sizing:border-box;padding:0 10px 12px;margin-top:-2px}

#preview-bonuses{margin-top:-10px}

@media(prefers-reduced-motion:reduce){.arb-bonuses .arb-item{transition:none}}


/* The XP reserve is primary; bonuses are small secondary icons. */
.arb-bonuses{width:min(210px,100%)}
.arb-bonuses .arb-item,.arb-bonuses[data-theme] .arb-item{min-height:54px;background:none;border:0;box-shadow:none;padding:2px}
.arb-bonuses .arb-label{font-size:10px}
:is(.noel-wrap,.kids-wrap):has(.collection:not(.single)) .xp-pot.universe-reserve{grid-template-columns:68px auto}
:is(.noel-wrap,.kids-wrap):has(.collection:not(.single)) .reserve-art{width:68px;height:68px}

/* Reserve centered above the three secondary bonuses. */
.xp-pot.universe-reserve,
:is(.noel-wrap,.kids-wrap):has(.collection:not(.single)) .xp-pot.universe-reserve{display:flex;position:relative;flex-direction:column;align-items:center;gap:0;width:88px;max-width:88px;margin:9px auto 5px;text-align:center}
.universe-reserve .reserve-caption,.reserve-cauldron .cauldron-caption{display:none!important}
.universe-reserve .reserve-art,
:is(.noel-wrap,.kids-wrap):has(.collection:not(.single)) .reserve-art{width:88px;height:88px;grid-row:auto}
.universe-reserve .reserve-balance,
:is(.noel-wrap,.kids-wrap):has(.collection:not(.single)) .reserve-balance{position:static;align-self:center;margin:0;white-space:nowrap;font-size:14px;line-height:1.2}
.universe-reserve .reserve-balance strong{font-size:21px}
.album-open #collection .album-workbench .cauldron-art{height:119px;padding-bottom:24px;box-sizing:border-box}
.album-open #collection .album-workbench .cauldron-art svg{height:95px;display:block}
.album-open #collection .album-workbench .cauldron-xp{top:auto;bottom:0;left:0;right:0;transform:none;flex-direction:row;gap:4px;align-items:baseline;line-height:1.2;white-space:nowrap}
@media(max-width:600px){
 .xp-pot.universe-reserve,:is(.noel-wrap,.kids-wrap):has(.collection:not(.single)) .xp-pot.universe-reserve{width:68px;max-width:68px}
 .universe-reserve .reserve-art,:is(.noel-wrap,.kids-wrap):has(.collection:not(.single)) .reserve-art{width:68px;height:68px}
 .universe-reserve .reserve-balance,:is(.noel-wrap,.kids-wrap):has(.collection:not(.single)) .reserve-balance{position:absolute;left:calc(100% + 5px);top:50%;transform:translateY(-50%);font-size:12px}
 .universe-reserve .reserve-balance strong{font-size:18px}
 .album-open #collection .album-workbench .cauldron-art{height:82px;padding:0}
 .album-open #collection .album-workbench .cauldron-art svg{height:82px}
 .album-open #collection .album-workbench .cauldron-xp{top:50%;bottom:auto;left:100%;right:auto;transform:translateY(-50%)}
}

.arb-wheel .arb-art{display:grid;place-items:center}.arb-wheel .arb-art>img{width:30px;height:30px;animation:arb-wheel-slow 40s linear infinite;transform-origin:center}@keyframes arb-wheel-slow{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.arb-wheel .arb-art>img{animation:none}}

.arb-bonuses .arb-item .arb-days{font-size:9px;line-height:1.2;white-space:nowrap;letter-spacing:0}