.tooli2026_event_sticker{position:fixed;z-index:850;display:grid;place-items:center;padding:0;border:1px solid #29304744;border-radius:14px;background:linear-gradient(135deg,#fff9eae8,#e1f4ece8);box-shadow:3px 3px 0 #29304722;cursor:pointer;animation:tooli2026_sticker_appear .5s ease both;transition:transform .2s,box-shadow .2s}.tooli2026_event_sticker::after{content:'';position:absolute;inset:5px;border:1px dashed #ee81ac70;border-radius:10px;pointer-events:none}.tooli2026_event_sticker img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none}.tooli2026_event_sticker:hover{transform:translateY(-3px) rotate(-3deg);box-shadow:4px 6px 0 #29304722}.tooli2026_event_sticker:focus-visible{outline:2px solid #c53c79;outline-offset:4px}.tooli2026_event_sticker:disabled{cursor:wait}.tooli2026_event_sticker.tooli2026_sticker_leaving{animation:tooli2026_sticker_leave .35s ease forwards;pointer-events:none}@keyframes tooli2026_sticker_appear{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}@keyframes tooli2026_sticker_leave{to{opacity:0;transform:translateY(-12px) scale(.94)}}html[data-th-theme=dark] .tooli2026_event_sticker{background:linear-gradient(135deg,#293047ee,#263e3aee);border-color:#8999b766;box-shadow:3px 3px 0 #0005}@media(prefers-reduced-motion:reduce){.tooli2026_event_sticker{animation:none;transition:none}.tooli2026_event_sticker.tooli2026_sticker_leaving{opacity:0}}html[data-th-motion=true] .tooli2026_event_sticker{animation:none;transition:none}html[data-th-motion=true] .tooli2026_sticker_leaving{opacity:0}
/* 스티커 자리에 뜨는 말풍선 알림 */
.tooli2026_sticker_bubble{position:fixed;z-index:10001;max-width:min(280px,calc(100vw - 16px));padding:9px 13px;border:2px solid #293047;border-radius:10px;background:#fffefa;color:#293047;box-shadow:3px 3px 0 #293047;font:700 13px/1.45 "Pretendard","Noto Sans KR",system-ui,sans-serif;animation:th-sticker-pop .22s cubic-bezier(.3,1.5,.5,1)}
.tooli2026_sticker_bubble::after{content:"";position:absolute;left:calc(var(--tail,50%) - 7px);bottom:-8px;width:12px;height:12px;background:inherit;border-right:2px solid #293047;border-bottom:2px solid #293047;transform:rotate(45deg)}
.tooli2026_sticker_bubble.is-below::after{bottom:auto;top:-8px;transform:rotate(225deg)}
.tooli2026_sticker_bubble.is-win{background:#fff0bb}
.tooli2026_sticker_bubble.is-miss{background:#ffe8f1}
.tooli2026_sticker_bubble.is-leaving{opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .3s}
html[data-th-theme=dark] .tooli2026_sticker_bubble{background:#1d2436;color:#e9edf8;border-color:#8999b7;box-shadow:3px 3px 0 #080d17}
html[data-th-theme=dark] .tooli2026_sticker_bubble::after{border-color:#8999b7}
html[data-th-theme=dark] .tooli2026_sticker_bubble.is-win{background:#3a3222}
html[data-th-theme=dark] .tooli2026_sticker_bubble.is-miss{background:#3a2634}
@keyframes th-sticker-pop{from{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.tooli2026_sticker_bubble{animation:none}}
.tooli2026_sticker_bubble::after{content:none!important}

/* 진짜 스티커처럼: 상자 바탕 대신 그림 둘레에 두꺼운 흰 다이컷 테두리 + 진한 그림자, 살짝 기울기, 흔들림·반짝임. 반투명 없음 */
.tooli2026_event_sticker{border:0;border-radius:0;background:none;box-shadow:none;opacity:1;transform:rotate(-8deg);animation:tooli2026_sticker_appear .5s ease both,th-sticker-wiggle 2.4s ease-in-out .6s infinite}
.tooli2026_event_sticker::after{content:'';position:absolute;inset:-6px;border:0;border-radius:0;background:linear-gradient(115deg,transparent 35%,#ffffffcc 48%,transparent 60%) no-repeat;background-size:250% 100%;mix-blend-mode:screen;-webkit-mask:var(--sticker-mask) center/contain no-repeat;mask:var(--sticker-mask) center/contain no-repeat;animation:th-sticker-shine 2.8s ease-in-out infinite;pointer-events:none}
.tooli2026_event_sticker img{opacity:1;filter:drop-shadow(0 0 0 #fff) drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(2px 2px 0 #fff) drop-shadow(-2px -2px 0 #fff) drop-shadow(2px -2px 0 #fff) drop-shadow(-2px 2px 0 #fff) drop-shadow(1px 1px 0 #29304766) drop-shadow(4px 6px 4px #1d223466)}
.tooli2026_event_sticker:hover{transform:rotate(0) scale(1.08);box-shadow:none;animation-play-state:paused}
html[data-th-theme=dark] .tooli2026_event_sticker{background:none;border:0;box-shadow:none}
html[data-th-theme=dark] .tooli2026_event_sticker img{filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(2px 2px 0 #fff) drop-shadow(-2px -2px 0 #fff) drop-shadow(2px -2px 0 #fff) drop-shadow(-2px 2px 0 #fff) drop-shadow(4px 6px 6px #000c)}
@keyframes th-sticker-wiggle{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(-3deg) translateY(-3px)}}
@keyframes th-sticker-shine{0%,60%{background-position:150% 0}100%{background-position:-60% 0}}
@media(prefers-reduced-motion:reduce){.tooli2026_event_sticker,.tooli2026_event_sticker::after{animation:none}}