/* Magic items keep their picture, stock and action together. */
.equipment-icon.magic-icon{background-image:url('/games/assets/mumu-magic-items-v1.png');background-size:300% 300%;background-position:var(--magic-x) var(--magic-y)}
.equipment-icon.magic-empty{background:none;display:grid;place-items:center;color:#a9bfa4;font-size:32px}
dialog[data-mode=mirror-choice]{width:min(940px,calc(100vw - 24px))}.mirror-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mirror-choice .equipment-icon{width:136px;height:136px}.mirror-choice[data-element=deer]{background:radial-gradient(ellipse at 50% 30%,#d6e38040,#315b40);border-color:#b8d28f}.mirror-choice[data-element=mechanical]{background:radial-gradient(ellipse at 50% 30%,#b9ebf140,#355767);border-color:#9ad0e2}.mirror-choice strong{font-size:22px}.mirror-choice>span:not(.equipment-icon){font-size:12px}.mirror-choice>b{padding:9px 12px}
.shop-category-nav{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.shop-category-nav button{min-height:40px;padding:8px 15px;background:#173b30;border:1px solid #7b9a7466;color:#c5d6bd;border-radius:8px;font-size:14px;cursor:pointer}.shop-category-nav button[aria-pressed=true]{background:#e6d39b;color:#274537;border-color:#f7e4aa}.shop-category-nav button:focus-visible{outline:3px solid #afe6df;outline-offset:2px}.shop-grid{max-height:470px;overflow-y:auto;scrollbar-color:#c6ba81 #244234;padding:4px}.shop-shelf-heading{margin-bottom:8px}
.equipment-doll{height:438px}.equipment-slot-boots,.equipment-slot-light{bottom:161px}.equipment-slot-mirror{bottom:82px}.equipment-slot-talisman{bottom:8px;left:50%;transform:translateX(-50%);width:min(280px,calc(100% - 12px));min-height:64px;height:64px;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:14px 18px 15px;column-gap:12px;row-gap:1px;padding:5px 12px;text-align:left;align-items:center;justify-items:start}.equipment-slot-talisman .equipment-icon{grid-column:1;grid-row:1/4;width:48px;height:48px}.equipment-slot-talisman .equipment-slot-label{grid-column:2;grid-row:1;margin:0;align-self:center;font-size:11px}.equipment-slot-talisman strong{grid-column:2;grid-row:2;font-size:14px}.equipment-slot-talisman small{grid-column:2;grid-row:3;font-size:11px}
.action-game #action-talisman{background:linear-gradient(145deg,#8b7562,#4e4a43)}#action-talisman-icon{height:32px;margin:0 0 7px}#action-talisman-icon .equipment-icon{width:55px;height:55px;margin-top:-10px}.action-game #action-mirror[data-element=deer]{background:linear-gradient(145deg,#648853,#38593d)}.action-game #action-mirror[data-element=mechanical]{background:linear-gradient(145deg,#6b9199,#3f6071)}
@media(min-width:701px) and (max-width:1300px){.action-game:has(#action-talisman:not([hidden])) .action-hotbar button{width:57px}.action-game:has(#action-talisman:not([hidden])) .action-vitals{bottom:135px;left:20px}.action-game:has(#action-talisman:not([hidden])) .game-bottom{bottom:139px;right:20px}.action-game:has(#action-talisman:not([hidden])) .action-help-button{bottom:310px}}
@media(max-width:800px){.mirror-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.mirror-choice{gap:7px;padding:10px}.mirror-choice .equipment-icon{width:96px;height:96px}.mirror-choice strong{font-size:20px}.mirror-choice-intro{margin-bottom:12px}.mirror-choice-note{margin-top:12px}}
@media(max-width:700px){.action-game:has(#action-talisman:not([hidden])) .action-hotbar{max-width:calc(100vw - 20px);overflow-x:auto;gap:4px;padding:5px}.action-game:has(#action-talisman:not([hidden])) .action-hotbar button{width:clamp(44px,calc((100vw - 58px)/8),57px);flex-shrink:0}.shop-grid{max-height:320px}.shop-category-nav{gap:5px}.shop-category-nav button{padding:8px 11px}.equipment-doll{height:438px}}
@media(max-width:460px){.mirror-choice .equipment-icon{width:85px;height:85px}.mirror-choice>span:not(.equipment-icon){font-size:11px}.mirror-choice>b{font-size:12px}.mirror-choice-note{font-size:11px}.shop-grid{max-height:265px}}

.equipment-icon.magic-icon{background:none}.magic-icon svg{width:100%;height:100%;display:block;overflow:hidden}