.sp-wrap img{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}.sp-wrap{position:relative;max-width:880px;margin:0 auto;padding:4px;background:#424657;border-radius:5px;overflow:hidden;--sp-fit:9999px;--sp-col:min(300px, var(--sp-fit));--sp-under:55px}@supports (height:100svh){.sp-wrap{--sp-fit:max(300px, calc((100svh - var(--sp-under)) * 9 / 16))}}.sp-overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#424657}.sp-spin{width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:rgba(255,255,255,.7);animation:spspin .8s infinite linear}@keyframes spspin{to{transform:rotate(360deg)}}.sp-stage{display:flex;gap:16px;align-items:stretch;padding:10px}.sp-left{flex:0 0 auto;width:var(--sp-col);max-width:44%}.sp-photo{position:relative;width:100%;aspect-ratio:9/16;background:#20242c;border-radius:8px;overflow:hidden}.sp-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:opacity .25s ease}.sp-tray{margin-top:8px;padding:8px 10px;border-radius:8px;background:#485369;display:flex;flex-direction:column;gap:8px}.sp-tray-row{display:flex;align-items:center;justify-content:space-between;gap:10px;height:17px}.sp-count{font:800 14px Montserrat,sans-serif;line-height:1.15;color:#fff}.sp-count span::after{content:' left';font-size:8px;font-weight:700;opacity:.6;letter-spacing:.4px}.sp-pace{font:700 9px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.6px;color:#f0b429;opacity:0;transition:opacity .25s ease}.sp-pace.sp-on{opacity:1}.sp-bar{position:relative;overflow:hidden;height:6px;border-radius:3px;background:rgba(0,0,0,.3)}.sp-bar span{display:block;width:0;height:100%;border-radius:3px;background:#f0b429;transition:width .45s ease}.sp-bar i{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;background:#485369}.sp-right{position:relative;flex:1 1 auto;min-width:0;display:flex}.sp-panel{flex:1 1 auto;min-width:0;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.sp-row{display:flex;gap:2%;justify-content:center;width:100%}.sp-slot{position:relative;width:15%}.sp-slot img{width:100%;height:auto;aspect-ratio:20/29;display:block;filter:drop-shadow(0 3px 7px rgba(0,0,0,.5))}.sp-top{justify-content:center}.sp-him{margin-right:6%}.sp-mine .sp-slot{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,opacity .15s ease}.sp-mine .sp-slot.sp-can img{outline:2px solid #3db8e6;outline-offset:-2px;border-radius:5px}.sp-mine.sp-frozen{pointer-events:none}.sp-mine.sp-frozen .sp-slot{opacity:.4;transition:opacity .1s ease}.sp-mine .sp-slot.sp-no{animation:spno .26s ease-out}@keyframes spno{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.sp-mine .sp-slot:active{transform:translateY(-4px)}.sp-mine .sp-slot.sp-empty{visibility:hidden}.sp-under{margin-top:-2px}.sp-badge{position:absolute;right:-6px;bottom:-6px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#3db8e6;color:#fff;font:800 10px Montserrat,sans-serif;line-height:17px;text-align:center}.sp-him .sp-badge{background:#ef8a8a}.sp-fly{position:absolute;z-index:9;aspect-ratio:20/29;height:auto;display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6));transition:transform .19s ease-out;pointer-events:none}.sp-mid.sp-hit img{animation:sphit .3s ease-out}@keyframes sphit{0%{outline:3px solid #ef8a8a;outline-offset:-3px}70%{outline:3px solid #ef8a8a;outline-offset:-3px}100%{outline:3px solid rgba(239,138,138,0);outline-offset:-3px}}.sp-msg{font:600 13px Poppins,sans-serif;color:#dfe3ea;text-align:center;min-height:18px}.sp-msg b{color:#f0b429}.sp-go{position:absolute;inset:0;z-index:8;display:none;align-items:center;justify-content:center;font:800 64px Montserrat,sans-serif;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6);pointer-events:none}.sp-go.sp-on{display:flex}.sp-start{position:absolute;inset:0;z-index:7;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px;background:rgba(28,31,39,.93);border-radius:8px}.sp-start.sp-on{display:flex}.sp-start-txt{font:400 13px Poppins,sans-serif;color:#dfe3ea;max-width:300px;text-shadow:0 1px 5px rgba(0,0,0,.7)}.sp-startbtn{border:0;cursor:pointer;background:#22c55e;color:#fff;font-weight:700;font-size:16px;letter-spacing:.5px;padding:12px 32px;border-radius:8px;transition:background .15s,transform .05s}.sp-startbtn:hover{background:#16a34a}.sp-startbtn:active{transform:scale(.97)}.sp-end{position:absolute;inset:0;z-index:6;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#fff;padding:20px}.sp-end-icon{line-height:0}.sp-end-icon svg{display:block}.sp-end-title{font:800 26px Montserrat,sans-serif;letter-spacing:1px;text-transform:uppercase}.sp-end.sp-lost .sp-end-title{color:#ef8a8a}.sp-end-sub{font:400 13px Poppins,sans-serif;color:#dfe3ea}.sp-again{margin-top:8px;border:0;cursor:pointer;background:#22c55e;color:#fff;font-weight:700;font-size:15px;letter-spacing:.5px;padding:11px 26px;border-radius:8px;transition:background .15s,transform .05s}.sp-again:hover{background:#16a34a}.sp-again:active{transform:scale(.97)}@media (max-width:1000px){.sp-wrap{--sp-col:min(430px, var(--sp-fit))}.sp-stage{position:relative;display:block;padding:0;margin:0 auto;max-width:var(--sp-col)}.sp-left{width:100%;max-width:none}.sp-right{position:absolute;left:0;right:0;top:0;bottom:var(--sp-under);z-index:5;display:flex;flex-direction:column;justify-content:flex-end;padding:0;background:0 0}.sp-panel{flex:0 0 auto;gap:8px;padding:14px 12px 12px;box-sizing:border-box;border-radius:0 0 8px 8px;background:linear-gradient(rgba(66,70,87,0),rgba(48,51,64,.62) 14%,rgba(32,36,44,.94) 44%)}.sp-msg{text-shadow:0 1px 5px rgba(0,0,0,.8);font-size:12px}.sp-go{font-size:52px}.sp-end{top:auto;bottom:0;padding:16px 12px;border-radius:0 0 8px 8px;background:linear-gradient(rgba(66,70,87,0),rgba(32,36,44,.92) 40%)}.sp-end-title{font-size:22px;text-shadow:0 1px 4px rgba(0,0,0,.7)}}