.slot-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:1100px;margin:14px auto 18px}
.slot-tile{min-height:64px;padding:10px;border:1px solid #666957;border-radius:8px;background:linear-gradient(140deg,#313a32,#202823);color:#ebdfc1;text-align:left;cursor:pointer}
.slot-tile:hover,.slot-tile:focus-visible{border-color:#e5c88d;outline:0;box-shadow:0 0 0 2px #d5af6540}
.slot-tile small,.slot-tile b{display:block}.slot-tile small{color:#b8c4b3;font-size:9px;letter-spacing:.12em}.slot-tile b{font-size:12px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item-spell-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:-3px 0 12px;padding:8px;border:1px solid #746e54;border-top:0;border-radius:0 0 8px 8px;background:#1c2521}
.item-spell-options button{padding:9px;text-align:left;background:#27332b;border:1px solid #5a6b5b;border-radius:6px;color:#d7dfd0;cursor:pointer}
.item-spell-options button[aria-pressed=true]{border-color:#e9c77f;background:#514733;box-shadow:inset 3px 0 #e9c77f}
.item-spell-options b,.item-spell-options small{display:block}.item-spell-options b{font-size:11px}.item-spell-options small{margin-top:5px;font-size:10px;line-height:1.35;color:#b8c6b8}
@media(max-width:700px){.slot-board{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-tile:last-child{grid-column:span 2}.item-spell-options{grid-template-columns:1fr}}