@layer components{.mc-scope{--px:3px;--mc-font:"Monocraft", ui-monospace, monospace}@media (max-width:639px){.mc-scope{--px:2px}}.mc-stage{container:mc-stage/inline-size}@container mc-stage (max-width:600px){.mc-scope{--px:2.5px}}@container mc-stage (max-width:500px){.mc-scope{--px:2px}}@container mc-stage (max-width:400px){.mc-scope{--px:1.6px}}.game-text{font-family:var(--font-game,var(--font-geist-sans,sans-serif));color:#fff;text-shadow:.06em .06em #00000073;letter-spacing:0}.mc-slot{width:calc(var(--px) * 18);height:calc(var(--px) * 18);box-shadow:inset var(--px) var(--px) 0 #373737, inset calc(var(--px) * -1) calc(var(--px) * -1) 0 #fff;background:#8b8b8b;outline:none;position:relative}.mc-slot-item{left:var(--px);top:var(--px);width:calc(var(--px) * 16);height:calc(var(--px) * 16);transition:opacity .16s,filter .16s,transform .22s cubic-bezier(.32,.72,0,1);position:absolute}.mc-slot-item>svg{width:100%;height:100%}.mc-slot[data-hover=true]:after,.mc-slot:focus-visible:after{content:"";inset:var(--px);pointer-events:none;z-index:3;background:#ffffff80;position:absolute}.mc-count{right:0;bottom:calc(var(--px) * -1);font-family:var(--mc-font);font-size:calc(var(--px) * 7.5);color:#fff;text-shadow:var(--px) var(--px) 0 #3f3f3f;pointer-events:none;z-index:2;line-height:1;position:absolute}.mc-durability{left:calc(var(--px) * 2);bottom:calc(var(--px) * 2);width:calc(var(--px) * 13);height:calc(var(--px) * 2);z-index:2;pointer-events:none;background:#000;position:absolute}.mc-durability>span{height:var(--px);display:block}.mc-slot[data-dim=true] .mc-slot-item,.mc-slot[data-dim=true] .mc-count,.mc-slot[data-dim=true] .mc-durability{opacity:.35;filter:grayscale(.6)brightness(.6)}.mc-slot[data-match=true]:before{content:"";inset:var(--px);border:var(--px) solid #f55;z-index:2;pointer-events:none;animation:2.4s linear infinite mc-chroma;position:absolute}@keyframes mc-chroma{to{filter:hue-rotate(360deg)}}.mc-slot[data-rarity] .mc-rarity{inset:var(--px);opacity:var(--rarity-opacity,.4);pointer-events:none;transition:opacity .2s,background-color .2s,box-shadow .2s;position:absolute}.mc-slot[data-rarity=uncommon] .mc-rarity{--rarity:#ff5}.mc-slot[data-rarity=rare] .mc-rarity{--rarity:#5ff}.mc-slot[data-rarity=epic] .mc-rarity{--rarity:#f5f}.mc-rarity[data-style=fill]{background:var(--rarity)}.mc-slot[data-rarity] .mc-rarity[data-style=border]{box-shadow:inset 0 0 0 var(--px) var(--rarity);opacity:min(1, calc(var(--rarity-opacity,.4) * 2.2))}.mc-slot[data-rarity] .mc-rarity[data-style=both]{background:color-mix(in srgb, var(--rarity) 55%, transparent);box-shadow:inset 0 0 0 var(--px) var(--rarity);opacity:min(1, calc(var(--rarity-opacity,.4) * 1.8))}.mc-slot[data-locked=true]{background:#7d7a8b}.mc-lock{width:calc(var(--px) * 7);height:calc(var(--px) * 7);z-index:4;pointer-events:none;animation:.26s cubic-bezier(.34,1.56,.64,1) mc-pop;position:absolute;top:0;right:0}.mc-lock>svg{width:100%;height:100%}.mc-new{left:calc(var(--px) * 1.5);top:calc(var(--px) * 1.5);width:calc(var(--px) * 3);height:calc(var(--px) * 3);box-shadow:0 0 0 var(--px) #6b5300;z-index:4;pointer-events:none;background:#ffe24a;animation:.26s cubic-bezier(.34,1.56,.64,1) mc-pop;position:absolute}.mc-slot[data-new=true] .mc-slot-item{filter:drop-shadow(0 0 calc(var(--px) * 2) #ffe24ad9)}.mc-slot[data-warn=true]:before{content:"";inset:var(--px);z-index:1;pointer-events:none;background:#ff3b30;animation:.5s steps(2,jump-none) infinite alternate mc-warn;position:absolute}@keyframes mc-warn{0%{opacity:.15}to{opacity:.6}}.mc-link-tag{left:0;top:calc(var(--px) * -1);font-family:var(--mc-font);font-size:calc(var(--px) * 6);color:#5ff;text-shadow:var(--px) var(--px) 0 #0b3b3b;z-index:4;pointer-events:none;line-height:1;position:absolute}.mc-slot[data-refuse=true]{animation:.32s mc-shake}@keyframes mc-shake{20%,60%{transform:translateX(calc(var(--px) * -1.5))}40%,80%{transform:translateX(calc(var(--px) * 1.5))}}@keyframes mc-pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.mc-glint{pointer-events:none;background:linear-gradient(115deg, transparent 0%, transparent 30%, var(--glint,#c478ffd9) 42%, transparent 52%, transparent 64%, var(--glint,#c478ff99) 74%, transparent 84%);mix-blend-mode:screen;animation:mc-glint var(--glint-speed,3.2s) linear infinite;background-size:300% 300%;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}@keyframes mc-glint{0%{background-position:100% 100%}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.mc-glint,.mc-slot[data-match=true]:before,.mc-slot[data-warn=true]:before{animation:none}}}