.item-toast{position:fixed;right:24px;bottom:26px;z-index:1200;display:flex;align-items:center;gap:12px;width:min(355px,calc(100vw - 28px));padding:13px 33px 13px 12px;border:2px solid #fffdf4;border-radius:22px;background:linear-gradient(120deg,#fffdf3,#edf8e9);box-shadow:0 5px 0 #baceaa66,0 10px 35px #526b4740;color:#5f8060}
.item-toast[data-kind=charm]{background:linear-gradient(120deg,#fff7ef,#ffe6ef);color:#b16c8b}.item-toast[data-kind=radar]{background:linear-gradient(120deg,#f4fbff,#e6edf9);color:#648aaa}.item-toast[data-kind=boost]{background:linear-gradient(120deg,#fffdf1,#fff0c4);color:#ad8740}
.item-toast-art{width:62px;height:62px;flex:none;position:relative;border:1px solid #fff;background:#ffffff91;border-radius:20px;box-shadow:inset 0 0 12px #fff}
.item-toast-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #a4776433)}.item-toast-art>span{position:absolute;right:-2px;top:-4px;font-size:20px;color:#dbb95d;text-shadow:0 0 3px #fff;animation:item-twinkle 1.2s ease-in-out infinite}
.item-toast-copy{min-width:0}.item-toast-copy>strong{display:block;font-size:15px;line-height:1.5;letter-spacing:.4px}.item-toast-copy>p{font-size:13px;line-height:1.65;margin:5px 0 0}.item-toast>button{position:absolute;right:9px;top:6px;border:0;background:none;color:inherit;font-size:20px;padding:3px 5px}
.item-card .item-state{font-size:11px;line-height:1.5;color:#98a387;white-space:normal;min-height:12px}
.item-card.item-used{opacity:1;filter:none}.item-card.item-armed{outline:2px solid #e3a9c2;outline-offset:1px}.item-card.item-armed .item-icon{filter:drop-shadow(0 0 6px #f2b4ce);animation:item-watch 2.2s ease-in-out infinite}.item-card.item-armed .item-stock{background:#fff1f5;color:#b77292;border-color:#edc1d3}.item-card.item-spent .item-icon{filter:saturate(.65)}.item-card.item-spent .item-state{color:#b47b96}
.active-effects>span[data-effect=charm]{background:#fff0f6;color:#b87596;border-color:#edc6d7}.active-effects>span[data-state=spent]{border-style:dashed;background:#f4eded;color:#a17c88}.active-effects>span[data-effect=radar]{background:#edf4fc;color:#6e94ad}.active-effects>span[data-effect=boost]{background:#fff5d8;color:#b09851}
.tile.safe:has(.converted-badge){border-color:#de99bc;box-shadow:0 5px 0 #b97f9f,inset 0 2px 0 #fff1fb}.converted-badge{background:#fff2f8;border:1px solid #efbad5;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;line-height:1}
.item-magic{position:fixed;inset:auto;margin:0;padding:0;width:0;height:0;border:0;background:transparent;overflow:visible;pointer-events:none!important;z-index:2147483001;color:#deb66e}.item-magic *,.item-magic::backdrop{pointer-events:none!important}.item-magic::backdrop{background:transparent}
.item-magic-art{position:absolute;width:78px;height:78px;left:-39px;top:-39px;object-fit:contain;filter:drop-shadow(0 0 8px #fff) drop-shadow(0 4px 4px #8c7f6c44);animation:item-cast 1.7s ease-out both}
.item-magic-ring{position:absolute;left:-48px;top:-48px;width:96px;height:96px;border:3px solid #f6d482;border-radius:50%;box-shadow:0 0 0 7px #fff9d450,0 0 24px #ffe48c;animation:item-ring 1.3s ease-out both}
.item-magic-peek .item-magic-ring{border-color:#a3ddc9;box-shadow:0 0 0 7px #effff350,0 0 24px #a6edcf}
.item-magic-radar .item-magic-ring{width:var(--scan-size);height:var(--scan-size);left:calc(var(--scan-size) / -2);top:calc(var(--scan-size) / -2);border:2px dashed #9bc8e9;box-shadow:0 0 0 8px #d6f3ff50,0 0 24px #a6d8ff}
.item-magic-radar.item-magic-scan .item-magic-art{display:none}
.item-radar-sweep{position:absolute;width:var(--scan-size);height:var(--scan-size);left:calc(var(--scan-size) / -2);top:calc(var(--scan-size) / -2);border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 235deg,#9fd6f54d 300deg,#e7faffbb 360deg);animation:item-scan 1.5s linear both}
.item-lens{position:absolute;width:70px;height:70px;left:-35px;top:-35px;border:3px solid #e6fce7;border-radius:50%;background:linear-gradient(120deg,transparent 35%,#ffffffa6 48%,transparent 61%);box-shadow:0 0 0 5px #9edac980,inset 0 0 17px #bdffe38c;animation:item-lens 1.4s ease-in-out both}
.item-magic-peek.item-magic-reveal .item-magic-art{left:10px;top:-64px;width:52px;height:52px}
.item-heart-shield{position:absolute;left:-66px;top:-61px;width:132px;height:120px;filter:drop-shadow(0 0 8px #ffb3d6);animation:item-shield 1.6s ease-out both}.item-heart-shield svg{width:100%;height:100%;overflow:visible}.item-heart-shield path{fill:#ffe1f344;stroke:#fff0fa;stroke-width:4;stroke-linejoin:round}
.item-magic-charm .item-magic-ring{border-color:#edaccd;box-shadow:0 0 0 8px #ffe4f550,0 0 26px #ffbadb}.item-magic-charm.item-magic-trigger .item-magic-art{width:58px;height:58px;left:22px;top:-81px}
.item-morph{position:absolute;left:-24px;top:-24px;width:48px;height:48px}.item-morph>span{position:absolute;inset:0}.item-morph svg{width:100%;height:100%;filter:drop-shadow(0 0 5px #fff)}.item-morph-before{animation:item-transmute-out 1.5s ease both}.item-morph-after{animation:item-transmute-in 1.5s ease both}
.tile.item-transmuting>svg{visibility:hidden}
.item-boost-value{position:absolute;left:0;top:22px;transform:translateX(-50%);white-space:nowrap;font-size:26px;color:#b58335;text-shadow:0 2px #fff,2px 0 #fff,-2px 0 #fff;animation:item-value 1.65s ease-out both}
@keyframes item-cast{0%{opacity:0;transform:scale(.3) rotate(-25deg)}18%{opacity:1;transform:scale(1.2) rotate(10deg)}35%,65%{opacity:1;transform:scale(1) rotate(0)}100%{opacity:0;transform:translateY(-25px) scale(.7)}}
@keyframes item-ring{0%{opacity:0;transform:scale(.2)}20%{opacity:1}100%{opacity:0;transform:scale(1.7)}}
@keyframes item-scan{0%{opacity:0;transform:rotate(-90deg) scale(.5)}15%{opacity:.9}85%{opacity:.7}100%{opacity:0;transform:rotate(360deg) scale(1.5)}}
@keyframes item-lens{0%{opacity:0;transform:translateX(-35px) scale(.5)}25%{opacity:1;transform:translateX(0) scale(1)}65%{opacity:1}100%{opacity:0;transform:translateX(15px) scale(1.2)}}
@keyframes item-shield{0%{opacity:0;transform:scale(.3)}20%{opacity:1;transform:scale(1.12)}35%,62%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.4)}}
@keyframes item-transmute-out{0%,25%{opacity:1;transform:scale(1)}45%,100%{opacity:0;transform:scale(.1) rotate(90deg)}}
@keyframes item-transmute-in{0%,40%{opacity:0;transform:scale(.1) rotate(-45deg)}62%{opacity:1;transform:scale(1.25)}75%,100%{opacity:1;transform:scale(1)}}
@keyframes item-value{0%,15%{opacity:0;translate:0 12px;scale:.7}30%,75%{opacity:1;translate:0 0;scale:1}100%{opacity:0;translate:0 -18px;scale:1}}
@keyframes item-watch{0%,100%{transform:translateY(0);filter:drop-shadow(0 0 4px #f2b4ce)}50%{transform:translateY(-3px);filter:drop-shadow(0 0 9px #ec9ac1)}}
@keyframes item-twinkle{50%{transform:rotate(20deg) scale(1.2);opacity:.65}}
@media(max-width:700px){.item-toast{top:76px;bottom:auto;right:14px;padding:10px 29px 10px 10px;gap:9px}.item-toast-art{width:49px;height:49px;border-radius:16px}.item-toast-copy>strong{font-size:14px}.item-toast-copy>p{font-size:12px;margin-top:3px}.item-card .item-state{font-size:10px;min-height:11px}.item-boost-value{font-size:20px}.converted-badge{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.item-card.item-armed .item-icon,.item-toast-art>span{animation:none}.item-magic{display:none}}