/* Stick Kombact - Stick-Box post-match viewport + reward celebration */
.sk-stick-box-layer{position:fixed;inset:0;z-index:12050;display:grid;place-items:center;height:100vh;height:100dvh;min-height:100svh;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:var(--sk-stick-box-bg,#29B6F6);color:#fff;transition:background-color .35s ease;overflow:hidden}
.sk-stick-box-layer[hidden]{display:none!important}
.sk-stick-box-shell{width:min(94vw,760px);height:100%;min-height:0;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.5dvh,14px);padding:clamp(2px,1dvh,8px) 0;text-align:center;position:relative;overflow:hidden}
.sk-stick-box-title{margin:0;font:900 clamp(26px,min(6vw,6dvh),54px)/1 system-ui,sans-serif;letter-spacing:.08em;text-shadow:0 3px 12px rgba(0,0,0,.3);flex:0 0 auto}
.sk-stick-box-subtitle{min-height:1.25em;margin:0;font:700 clamp(14px,min(2.5vw,2.6dvh),20px)/1.2 system-ui,sans-serif;text-shadow:0 2px 6px rgba(0,0,0,.28);flex:0 0 auto}
.sk-stick-box-daily{font:700 clamp(11px,1.7dvh,13px)/1 system-ui,sans-serif;background:rgba(0,0,0,.25);padding:clamp(5px,1dvh,7px) 12px;border-radius:999px;flex:0 0 auto}
.sk-stick-box-stage{width:min(54vw,300px);height:clamp(140px,36dvh,300px);min-height:0;flex:0 1 300px;display:grid;place-items:center;perspective:900px;transition:height .3s ease,flex-basis .3s ease}
.sk-stick-box-crate{--crate-scale:1;--crate-fit:1;position:relative;width:180px;height:150px;transform:scale(var(--crate-scale)) scale(var(--crate-fit));transform-origin:center;filter:drop-shadow(0 18px 18px rgba(0,0,0,.28));transition:transform .3s ease,filter .3s ease}
.sk-stick-box-crate-body{position:absolute;left:14px;right:14px;top:42px;bottom:8px;border:7px solid #5b351f;border-radius:9px;background:linear-gradient(90deg,#a76631 0 13%,#cf8643 13% 27%,#9a572b 27% 40%,#c57838 40% 57%,#a45e2d 57% 72%,#d08a46 72% 87%,#9f592b 87%);box-shadow:inset 0 0 0 4px rgba(255,222,158,.18)}
.sk-stick-box-crate-body:before,.sk-stick-box-crate-body:after{content:"";position:absolute;background:#5b351f;left:-7px;right:-7px;height:10px}
.sk-stick-box-crate-body:before{top:22px}.sk-stick-box-crate-body:after{bottom:22px}
.sk-stick-box-crate-lid{position:absolute;left:5px;right:5px;top:12px;height:54px;border:7px solid #5b351f;border-radius:10px;background:linear-gradient(90deg,#bd7136,#e59d55 22%,#a75d2d 48%,#da8d49 73%,#a75d2d);transform-origin:15% 90%;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.sk-stick-box-emblem{position:absolute;z-index:2;left:50%;top:88px;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#ffd95a;border:5px solid #5b351f;color:#4b2b1c;font:1000 20px/1 system-ui,sans-serif}
.sk-stick-box-crate.is-spinning{animation:sk-stick-box-spin 1.5s cubic-bezier(.2,.75,.2,1)}
.sk-stick-box-crate.is-opening .sk-stick-box-crate-lid{transform:translateY(-14px) rotateZ(-28deg) rotateX(38deg)}
.sk-stick-box-crate.is-opening{animation:sk-stick-box-open .65s ease both}
@keyframes sk-stick-box-spin{0%{transform:scale(var(--crate-scale)) scale(var(--crate-fit)) rotateY(0)}55%{transform:scale(var(--crate-scale)) scale(var(--crate-fit)) scale(1.08) rotateY(540deg)}100%{transform:scale(var(--crate-scale)) scale(var(--crate-fit)) rotateY(720deg)}}
@keyframes sk-stick-box-open{0%{transform:scale(var(--crate-scale)) scale(var(--crate-fit))}60%{transform:scale(var(--crate-scale)) scale(var(--crate-fit)) scale(1.08)}100%{transform:scale(var(--crate-scale)) scale(var(--crate-fit))}}
.sk-stick-box-dots{display:flex;gap:11px;justify-content:center;flex:0 0 auto}
.sk-stick-box-dot{width:18px;height:18px;border-radius:50%;background:#22d35d;border:2px solid rgba(255,255,255,.78);box-shadow:0 2px 7px rgba(0,0,0,.25);transition:background .2s ease,transform .2s ease}
.sk-stick-box-dot.is-used{background:#9aa0a8;transform:scale(.88)}
.sk-stick-box-action{min-width:min(80vw,330px);min-height:clamp(46px,7dvh,56px);border:0;border-radius:16px;padding:10px 22px;background:rgba(13,19,28,.82);color:#fff;font:900 clamp(15px,min(3vw,2.8dvh),21px)/1.1 system-ui,sans-serif;letter-spacing:.02em;box-shadow:0 8px 22px rgba(0,0,0,.28);cursor:pointer;touch-action:manipulation;flex:0 0 auto}
.sk-stick-box-action:disabled{opacity:.62;cursor:wait}
.sk-stick-box-reward{display:grid;gap:clamp(3px,.8dvh,7px);place-items:center;width:min(88vw,440px);min-height:0;padding:0 14px;position:relative;isolation:isolate;background:transparent;box-shadow:none;text-shadow:0 2px 8px rgba(0,0,0,.34);animation:sk-stick-box-reward-in .55s cubic-bezier(.18,.86,.28,1.14) both;flex:0 0 auto}
.sk-stick-box-reward[hidden]{display:none!important}
.sk-stick-box-reward:before{content:"";position:absolute;z-index:-2;left:50%;top:44%;width:clamp(130px,28dvh,230px);height:clamp(130px,28dvh,230px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.52) 0,rgba(255,255,255,.22) 30%,rgba(255,255,255,0) 70%);filter:blur(3px);animation:sk-stick-box-reward-glow 1.1s ease-in-out infinite alternate;pointer-events:none}
.sk-stick-box-reward:after{content:"";position:absolute;z-index:-1;inset:-18px -8px;background:radial-gradient(circle at 12% 28%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 23% 76%,rgba(255,255,255,.8) 0 1.5px,transparent 3px),radial-gradient(circle at 38% 16%,rgba(255,255,255,.9) 0 1.5px,transparent 3px),radial-gradient(circle at 62% 82%,rgba(255,255,255,.88) 0 2px,transparent 3px),radial-gradient(circle at 76% 22%,rgba(255,255,255,.9) 0 1.5px,transparent 3px),radial-gradient(circle at 90% 64%,rgba(255,255,255,.82) 0 2px,transparent 3px);animation:sk-stick-box-sparkles 1.4s ease-in-out infinite alternate;pointer-events:none}
.sk-stick-box-reward-icon{font-size:clamp(34px,7dvh,56px);line-height:1;filter:drop-shadow(0 4px 9px rgba(0,0,0,.26));animation:sk-stick-box-reward-icon-in .62s cubic-bezier(.2,.9,.25,1.2) both}.sk-stick-box-reward strong{font:950 clamp(22px,min(4.5vw,4.7dvh),38px)/1.05 system-ui,sans-serif;letter-spacing:.01em}.sk-stick-box-reward small{font:750 clamp(12px,1.8dvh,15px)/1.15 system-ui,sans-serif;opacity:.92}
@keyframes sk-stick-box-reward-in{from{opacity:0;transform:translateY(12px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sk-stick-box-reward-icon-in{from{opacity:0;transform:translateY(-26px) scale(.45) rotate(-8deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes sk-stick-box-reward-glow{from{opacity:.58;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes sk-stick-box-sparkles{from{opacity:.45;transform:scale(.96)}to{opacity:1;transform:scale(1.03)}}
.sk-stick-box-recovery{position:fixed;inset:0;z-index:12040;display:grid;place-items:center;padding:20px;background:rgba(6,10,18,.94);color:#fff}.sk-stick-box-recovery[hidden]{display:none!important}
.sk-stick-box-recovery-card{width:min(92vw,560px);padding:26px;border-radius:20px;background:#182235;text-align:center;box-shadow:0 18px 48px rgba(0,0,0,.45)}
.sk-stick-box-recovery-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.sk-stick-box-recovery-actions button{min-width:180px;min-height:52px;border:0;border-radius:14px;font-weight:900;cursor:pointer}
.sk-stick-box-layer.is-rewarded .sk-stick-box-shell{gap:clamp(4px,.9dvh,9px)}
.sk-stick-box-layer.is-rewarded .sk-stick-box-stage{height:clamp(150px,34dvh,260px);flex-basis:260px}
.sk-stick-box-layer.is-rewarded .sk-stick-box-crate{--crate-fit:.94;filter:drop-shadow(0 20px 22px rgba(0,0,0,.3)) drop-shadow(0 0 22px rgba(255,255,255,.2))}
.sk-stick-box-layer.is-rewarded .sk-stick-box-dots{display:none}
.sk-stick-box-layer.is-rewarded .sk-stick-box-subtitle{display:none}
.sk-stick-box-layer.is-rewarded .sk-stick-box-title{font-size:clamp(26px,min(5.3vw,5.2dvh),48px)}
.sk-stick-box-layer.is-rare-reward .sk-stick-box-crate{--crate-fit:1;filter:drop-shadow(0 22px 24px rgba(0,0,0,.34)) drop-shadow(0 0 34px rgba(255,255,255,.38))}
.sk-stick-box-layer.is-rare-reward .sk-stick-box-reward:before{width:clamp(150px,32dvh,260px);height:clamp(150px,32dvh,260px);background:radial-gradient(circle,rgba(255,255,255,.72) 0,rgba(255,244,174,.32) 34%,rgba(255,255,255,0) 72%)}
.sk-stick-box-layer.is-rare-reward .sk-stick-box-reward-icon{animation-duration:.78s}
@media(max-height:700px){.sk-stick-box-shell{gap:6px}.sk-stick-box-stage{height:clamp(130px,31dvh,210px);flex-basis:210px}.sk-stick-box-crate{--crate-fit:.78}.sk-stick-box-title{font-size:clamp(24px,5dvh,38px)}.sk-stick-box-subtitle{font-size:14px}.sk-stick-box-action{min-height:46px}.sk-stick-box-layer.is-rewarded .sk-stick-box-stage{height:clamp(138px,31dvh,205px);flex-basis:205px}.sk-stick-box-layer.is-rewarded .sk-stick-box-crate{--crate-fit:.85}.sk-stick-box-layer.is-rare-reward .sk-stick-box-crate{--crate-fit:.9}.sk-stick-box-layer.is-rewarded .sk-stick-box-reward-icon{font-size:clamp(32px,6dvh,46px)}}
@media(max-height:560px){.sk-stick-box-layer{padding-top:max(5px,env(safe-area-inset-top));padding-bottom:max(5px,env(safe-area-inset-bottom))}.sk-stick-box-shell{gap:4px;padding:0}.sk-stick-box-stage{height:150px;flex-basis:150px}.sk-stick-box-crate{--crate-fit:.55}.sk-stick-box-title{font-size:28px}.sk-stick-box-daily{padding:4px 9px;font-size:10px}.sk-stick-box-subtitle{font-size:12px}.sk-stick-box-dot{width:14px;height:14px}.sk-stick-box-action{min-height:42px;padding:8px 18px;font-size:14px}.sk-stick-box-layer.is-rewarded .sk-stick-box-stage{height:132px;flex-basis:132px}.sk-stick-box-layer.is-rewarded .sk-stick-box-crate{--crate-fit:.72}.sk-stick-box-layer.is-rare-reward .sk-stick-box-crate{--crate-fit:.76}.sk-stick-box-layer.is-rewarded .sk-stick-box-reward{gap:2px}.sk-stick-box-layer.is-rewarded .sk-stick-box-reward-icon{font-size:30px}.sk-stick-box-layer.is-rewarded .sk-stick-box-reward strong{font-size:21px}.sk-stick-box-layer.is-rewarded .sk-stick-box-reward small{font-size:11px}}
@media(max-height:520px) and (orientation:landscape){.sk-stick-box-shell{gap:3px}.sk-stick-box-stage{height:135px;flex-basis:135px}.sk-stick-box-crate{--crate-fit:.50}.sk-stick-box-action{min-height:40px}.sk-stick-box-title{font-size:25px}.sk-stick-box-layer.is-rewarded .sk-stick-box-stage{height:124px;flex-basis:124px}.sk-stick-box-layer.is-rewarded .sk-stick-box-crate{--crate-fit:.66}.sk-stick-box-layer.is-rare-reward .sk-stick-box-crate{--crate-fit:.7}.sk-stick-box-layer.is-rewarded .sk-stick-box-title{font-size:23px}.sk-stick-box-layer.is-rewarded .sk-stick-box-reward-icon{font-size:27px}.sk-stick-box-layer.is-rewarded .sk-stick-box-reward strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.sk-stick-box-crate.is-spinning{animation:sk-stick-box-spin-reduced 1.5s ease}.sk-stick-box-layer,.sk-stick-box-crate{transition:none}.sk-stick-box-reward,.sk-stick-box-reward:before,.sk-stick-box-reward:after,.sk-stick-box-reward-icon{animation:none!important}@keyframes sk-stick-box-spin-reduced{0%,100%{transform:scale(var(--crate-scale)) scale(var(--crate-fit))}50%{transform:scale(var(--crate-scale)) scale(var(--crate-fit)) scale(1.04)}}}