.tp-wrap img{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}.tp-wrap{position:relative;max-width:880px;margin:0 auto;padding:4px;background:#424657;border-radius:5px;overflow:hidden;--tp-fit:9999px;--tp-col:min(300px, var(--tp-fit));--tp-under:55px;--tp-n:10;--tp-p:1}@supports (height:100svh){.tp-wrap{--tp-fit:max(300px, calc((100svh - var(--tp-under)) * 9 / 16))}}.tp-overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#424657}.tp-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:tpspin .8s infinite linear}@keyframes tpspin{to{transform:rotate(360deg)}}.tp-stage{display:flex;gap:16px;align-items:stretch;padding:10px}.tp-left{flex:0 0 auto;width:var(--tp-col);max-width:44%}.tp-photo{position:relative;width:100%;aspect-ratio:9/16;background:#20242c;border-radius:8px;overflow:hidden}.tp-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:opacity .25s ease}.tp-tray{margin-top:8px;padding:8px 10px;border-radius:8px;background:#485369;display:flex;flex-direction:column;gap:8px}.tp-tray-row{display:flex;align-items:center;justify-content:space-between;gap:10px;height:17px}.tp-count{font:800 14px Montserrat,sans-serif;line-height:1.15;color:#fff}.tp-count span::after{content:' left';font-size:8px;font-weight:700;opacity:.6;letter-spacing:.4px}.tp-chain{font:800 11px Montserrat,sans-serif;letter-spacing:.5px;color:#f0b429;opacity:0;transition:opacity .2s ease}.tp-chain.tp-on{opacity:1}.tp-bar{position:relative;overflow:hidden;height:6px;border-radius:3px;background:rgba(0,0,0,.3)}.tp-bar span{display:block;width:0;height:100%;border-radius:3px;background:#f0b429;transition:width .45s ease}.tp-bar i{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;background:#485369}.tp-right{position:relative;flex:1 1 auto;min-width:0;display:flex}.tp-panel{flex:1 1 auto;min-width:0;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .25s ease}.tp-board{position:relative;width:100%;height:0;padding-bottom:calc(340.75% / var(--tp-n))}.tp-card{position:absolute;width:calc(100% / var(--tp-n));height:42.553%;left:calc(var(--x) * var(--tp-p) * 100% / var(--tp-n));top:calc(var(--r) * 19.149%);transition:opacity .18s ease,transform .26s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;perspective:800px}.tp-card img{width:100%;height:100%;display:block;filter:drop-shadow(0 3px 7px rgba(0,0,0,.5))}.tp-card.tp-free{cursor:default}.tp-card.tp-can{cursor:pointer}.tp-card.tp-can img{outline:2px solid #3db8e6;outline-offset:-2px;border-radius:5px}.tp-card.tp-gone{opacity:0;pointer-events:none}.tp-card.tp-flip img{animation:tpflip .18s ease-out}@keyframes tpflip{from{transform:rotateY(-90deg)}to{transform:rotateY(0)}}.tp-piles{display:flex;align-items:flex-start;justify-content:center;gap:6%;width:100%}.tp-pile{position:relative;width:calc(100% / var(--tp-n))}.tp-pile img{width:100%;height:auto;aspect-ratio:20/29;display:block;filter:drop-shadow(0 3px 7px rgba(0,0,0,.5))}.tp-stock{cursor:pointer;-webkit-tap-highlight-color:transparent}.tp-stock.tp-empty{opacity:.3;cursor:default}.tp-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}.tp-msg{font:600 13px Poppins,sans-serif;color:#dfe3ea;text-align:center;min-height:18px}.tp-msg b{color:#f0b429}.tp-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}.tp-end-icon{line-height:0}.tp-end-icon svg{display:block}.tp-end-title{font:800 26px Montserrat,sans-serif;letter-spacing:1px;text-transform:uppercase}.tp-end.tp-lost .tp-end-title{color:#ef8a8a}.tp-end-sub{font:400 13px Poppins,sans-serif;color:#dfe3ea}.tp-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}.tp-again:hover{background:#16a34a}.tp-again:active{transform:scale(.97)}@media (max-width:1000px){.tp-wrap{--tp-col:min(430px, var(--tp-fit));--tp-n:8.02;--tp-p:.78}.tp-stage{position:relative;display:block;padding:0;margin:0 auto;max-width:var(--tp-col)}.tp-left{width:100%;max-width:none}.tp-right{position:absolute;left:0;right:0;bottom:var(--tp-under);z-index:5;display:block;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%)}.tp-panel{gap:10px}.tp-msg{text-shadow:0 1px 5px rgba(0,0,0,.8);font-size:12px}.tp-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%)}.tp-end-title{font-size:22px;text-shadow:0 1px 4px rgba(0,0,0,.7)}}