@media(max-width:480px){:root{--card-width: 45px;--card-height: calc(var(--card-width) * 1.5)}.uno-indicator{display:none!important}.home-title{font-size:2rem!important;text-shadow:none!important}.home-content{padding:20px!important}.btn-start,.btn-tournament,.btn-ranking{font-size:.7rem!important;padding:12px 20px!important;touch-action:manipulation}.home-footer{padding-top:10px!important;border-top:none!important}.neon-text{font-size:.5rem!important}.home-settings{gap:20px!important}.bot-control{gap:10px!important}.btn-control{width:30px!important;height:30px!important;font-size:1rem!important;touch-action:manipulation}.game-table{height:calc(100dvh - 75px)!important}.player-hand.top{min-width:auto!important;width:100%!important;margin-bottom:1rem!important}.player-hand.bottom{width:100%!important}.player-hand.left,.player-hand.right{min-height:180px!important;max-height:200px!important}.chat-message{font-size:.4rem!important}.rules-content{padding:20px 15px!important}.rules-title{font-size:.8rem!important}.rule-item{font-size:.45rem!important;padding:5px 8px!important}.turn-indicator{font-size:.8rem!important}.btn-home-header,.btn-rules,.btn-tournament-status{padding:5px 10px!important;touch-action:manipulation}.winner-banner{font-size:.7rem!important;padding:8px!important}.header-buttons{gap:5px!important}.game-info{gap:10px!important;flex-wrap:wrap!important;justify-content:center!important}.pile-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;flex:1!important;max-width:48%!important}.draw-pile{min-width:auto!important;min-height:auto!important}.draw-pile-wrapper{display:flex!important;width:calc(var(--card-width) * .8)!important;height:calc(var(--card-height) * .6)!important;position:relative;justify-content:center;align-items:center}.draw-pile-wrapper .pile-card{display:block!important;width:calc(var(--card-width) * .65)!important;height:calc(var(--card-height) * .55)!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.draw-pile .pile-card{display:none!important}.pile-count{display:block!important;position:absolute;bottom:-5px;right:-5px;background:var(--neon-red);color:#fff;font-size:.4rem!important;padding:1px 4px!important;border-radius:50%;border:1px solid white;min-width:14px!important;text-align:center;z-index:1000}.btn-draw{font-size:.4rem!important;margin-top:2px!important;touch-action:manipulation}.discard-pile{width:auto!important;min-width:auto!important;min-height:auto!important;height:auto!important}.discard-pile-wrapper{display:flex!important;width:calc(var(--card-width) * .8)!important;height:calc(var(--card-height) * .6)!important;position:relative;justify-content:center;align-items:center}.discard-pile-wrapper .pile-card{width:calc(var(--card-width) * .65)!important;height:calc(var(--card-height) * .55)!important;position:absolute;top:50%;left:50%}.discard-pile-wrapper .pile-card .card-display{font-size:.7rem!important}.discard-pile .pile-card{width:calc(var(--card-width) * .9)!important;height:calc(var(--card-height) * .9)!important}.discard-pile .pile-card .card-display{font-size:.7rem!important}.pile-jogue{font-size:.35rem!important;margin-top:0!important;position:relative!important;right:auto!important;bottom:auto!important}.pile-card{width:calc(var(--card-width) * .65)!important;height:calc(var(--card-height) * .55)!important}.pile-label{display:none!important}.game-info{gap:5px!important}.turn-indicator{font-size:.8rem!important;padding:5px 10px!important}.direction-indicator{display:none!important}.btn-home-header,.btn-rules,.btn-tournament-status{padding:6px 16px!important;font-size:.9rem!important;touch-action:manipulation}.btn-home-header i{font-size:.8rem!important}.header-buttons{gap:3px!important}.chat-message{font-size:.3rem!important}.tournament-container{padding:0!important}.tournament-header{align-items:center;gap:10px}.tournament-title{font-size:1.2rem}.btn-home-header{font-size:.6rem;padding:6px 12px;touch-action:manipulation}.tournament-info-cards{grid-template-columns:1fr!important;gap:10px!important}.info-card{padding:12px 8px}.info-value{font-size:1.2rem}.info-label{font-size:.45rem!important}.how-steps{grid-template-columns:1fr}.step-text{font-size:.5rem}.step-number{font-size:.5rem;min-width:20px;padding:1px 6px}.tournament-how-it-works{padding:15px}.how-title{font-size:.6rem}.btn-start-tournament{font-size:.65rem!important;padding:10px 15px!important;width:100%;touch-action:manipulation}.tournament-status{flex-direction:column;align-items:center;gap:8px}.status-badge{font-size:.6rem;padding:6px 14px}.tournament-round-info{font-size:.6rem}.ranking-title{font-size:.8rem}.ranking-item{padding:8px 12px;font-size:.6rem}.rank-name{font-size:.6rem}.rank-status{font-size:.5rem;padding:2px 8px}.history-title{font-size:.7rem}.history-item{padding:8px 12px;font-size:.5rem;flex-wrap:wrap;gap:5px}.history-round{font-size:.5rem;min-width:60px}.history-winner{font-size:.5rem}.history-eliminated,.history-description{font-size:.45rem}.history-card{padding:12px}.history-card-header{flex-direction:column;align-items:flex-start;gap:5px}.history-date{font-size:.5rem}.history-winner-label{font-size:.6rem}.history-player{font-size:.5rem;padding:4px 8px}.history-player-name{font-size:.5rem}.history-player-position{font-size:.45rem}.btn-clear-history{font-size:.5rem!important;padding:5px 12px!important;touch-action:manipulation}.tournament-history-empty{font-size:.6rem;padding:20px}.tournament-history-empty i{font-size:1.5rem}.tournament-active,.tournament-start,.tournament-ranking,.tournament-history{padding:10px}.ranking-list{gap:6px}.game-middle{flex-direction:column!important;width:100%!important;gap:5px!important}.player-left,.player-right{flex:1!important;width:48%!important;max-width:48%!important;min-height:120px!important;max-height:180px!important}.game-middle{flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:5px!important}.player-left{order:1!important}.player-right{order:2!important}.player-top{width:100%!important;justify-content:center!important}.player-bottom{width:100%!important;display:flex!important;justify-content:center!important}.player-left .player-hand,.player-right .player-hand{width:100%!important;max-width:100%!important;padding:8px 10px!important}.player-left .cards-container,.player-right .cards-container{gap:4px!important}.player-left .card,.player-right .card{width:calc(var(--card-width) * .7)!important;height:calc(var(--card-height) * .7)!important}.player-left .value,.player-right .value{font-size:.4rem!important}.player-left .player-avatar,.player-right .player-avatar{width:30px!important;height:30px!important}.player-left .player-name,.player-right .player-name{font-size:.4rem!important}.player-left .card-count,.player-right .card-count{font-size:.35rem!important;padding:1px 4px!important}.player-left .player-header,.player-right .player-header{gap:5px!important;align-items:center!important}.player-left .player-info,.player-right .player-info{flex-direction:row!important;gap:4px!important;align-items:center!important}.player-left .cards-container.bot-hand,.player-right .cards-container.bot-hand{min-height:calc(var(--card-height) * .4 + 10px)!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important}.player-left .card-wrapper,.player-right .card-wrapper,.player-left .card-wrapper .card,.player-right .card-wrapper .card{transform:none!important}.player-left .observer-spectator,.player-right .observer-spectator{min-width:50px!important;padding:8px!important}.player-left .spectator-avatar,.player-right .spectator-avatar{width:28px!important;height:28px!important}.player-left .spectator-name,.player-right .spectator-name{font-size:.4rem!important}.player-left .spectator-badge,.player-right .spectator-badge{font-size:.3rem!important;padding:1px 4px!important}.player-left .spectator-card,.player-right .spectator-card{width:18px!important;height:28px!important}}@media(min-width:481px)and (max-width:768px){:root{--card-width: 55px;--card-height: calc(var(--card-width) * 1.5)}.player-hand.top{min-width:auto!important;width:100%!important;margin-bottom:1.5rem!important}.player-hand.bottom{width:100%!important}.player-hand.left,.player-hand.right{min-height:180px!important;max-height:250px!important;width:225px!important}.winner-banner{font-size:1rem!important}.tournament-container{padding:15px}.tournament-title{font-size:1.5rem}.tournament-info-cards{grid-template-columns:repeat(3,1fr);gap:12px}.info-value{font-size:1.3rem}.how-steps{grid-template-columns:1fr 1fr}.step-text{font-size:.55rem}.btn-start-tournament{font-size:.8rem;padding:16px 24px;touch-action:manipulation}.ranking-item{padding:10px 16px;font-size:.7rem}.history-item{padding:10px 16px;font-size:.6rem}.history-card{padding:14px}.history-player{font-size:.55rem}.player-left,.player-right{flex:1!important;width:48%!important;max-width:48%!important;min-height:120px!important;max-height:180px!important}.game-middle{flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:5px!important}.player-left{order:1!important}.player-right{order:2!important}.player-top{width:100%!important;justify-content:center!important}.player-left .player-hand,.player-right .player-hand{width:100%!important;max-width:100%!important;padding:8px 10px!important}.player-left .cards-container,.player-right .cards-container{gap:4px!important}.player-left .card,.player-right .card{width:calc(var(--card-width) * .7)!important;height:calc(var(--card-height) * .7)!important}.player-left .value,.player-right .value{font-size:.4rem!important}.player-left .player-avatar,.player-right .player-avatar{width:30px!important;height:30px!important}.player-left .player-name,.player-right .player-name{font-size:.4rem!important}.player-left .card-count,.player-right .card-count{font-size:.35rem!important;padding:1px 4px!important}.player-left .player-header,.player-right .player-header{gap:5px!important;align-items:center!important}.player-left .player-info,.player-right .player-info{flex-direction:row!important;gap:5px!important;align-items:center!important}.player-left .cards-container.bot-hand,.player-right .cards-container.bot-hand{min-height:calc(var(--card-height) * .4 + 10px)!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important}.player-left .card-wrapper,.player-right .card-wrapper,.player-left .card-wrapper .card,.player-right .card-wrapper .card{transform:none!important}.player-left .observer-spectator,.player-right .observer-spectator{min-width:50px!important;padding:8px!important}.player-left .spectator-avatar,.player-right .spectator-avatar{width:28px!important;height:28px!important}.player-left .spectator-name,.player-right .spectator-name{font-size:.4rem!important}.player-left .spectator-badge,.player-right .spectator-badge{font-size:.3rem!important;padding:1px 4px!important}.player-left .spectator-card,.player-right .spectator-card{width:18px!important;height:28px!important}}@media(min-width:769px)and (max-width:1024px){:root{--card-width: 70px;--card-height: calc(var(--card-width) * 1.5)}.player-hand.top{min-width:auto!important;width:85%!important;margin-bottom:1.2rem!important}.player-hand.bottom{width:85%!important}.chat-container{max-width:350px!important}.cards-container.bot-hand{min-height:calc(var(--card-height) + 60px)!important}.tournament-container{padding:25px;max-width:100%}.tournament-title{font-size:1.6rem}.how-steps{grid-template-columns:repeat(2,1fr)}.step-text{font-size:.6rem}.ranking-item{padding:12px 20px;font-size:.8rem}.history-item{padding:12px 20px;font-size:.7rem}.tournament-info-cards{gap:15px}.info-value{font-size:1.4rem}}@media(min-width:1025px){:root{--card-width: 90px;--card-height: calc(var(--card-width) * 1.5)}.chat-container{max-width:400px!important}}@media(max-width:768px){body{font-size:10px}.modal-content{padding:20px 30px!important}.color-btn{padding:12px 20px!important;touch-action:manipulation}.game-container{padding:5px!important}.cards-container{gap:8px!important}.card{width:calc(var(--card-width) * 1)!important;height:calc(var(--card-height) * 1)!important}.value{font-size:1rem!important}.player-info{font-size:.5rem!important}.winner-banner{font-size:.8rem!important;width:300px!important}.game-table{height:calc(90dvh - 80px)}.game-header{padding:20px 15px!important;margin-bottom:15px!important}.modal-title{font-size:1.2rem!important;letter-spacing:0!important}.speech-bubble{display:none!important}.pile-label{display:none}.chat-container{display:none!important}.rules-content{padding:40px 15px!important}.rules-title{font-size:.9rem!important}.rule-item{font-size:1em!important;padding:8px!important}.player-avatar{width:30px!important;height:30px!important}.avatar-text{font-size:.9rem!important}.player-name{font-size:.6rem!important}.card-count{font-size:.5rem!important;padding:1px 6px!important}.player-card-container:hover .player-card,.player-card:hover{transform:none!important;box-shadow:none!important;animation:none!important;filter:none!important}.player-card:hover .value{animation:none!important}.player-card:hover:after{opacity:0!important}.player-card:hover:before{animation:none!important}.bot-hand .card-wrapper:hover{transform:none!important}.pile-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex:1!important;max-width:45%!important}.draw-pile{min-width:auto!important;min-height:auto!important}.draw-pile-wrapper{display:flex!important;height:calc(var(--card-height) * 0)!important}.draw-pile-wrapper .pile-card{display:block!important;width:calc(var(--card-width) * .8)!important;height:calc(var(--card-height) * .65)!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.draw-pile .pile-card,.pile-count{display:none!important}.btn-draw{font-size:.5rem!important;margin-bottom:10px!important;touch-action:manipulation}.discard-pile{width:auto!important;min-width:auto!important;min-height:auto!important;height:auto!important}.discard-pile-wrapper{display:flex!important;width:calc(var(--card-width) * 1)!important;height:calc(var(--card-height) * .7)!important;position:relative;justify-content:center;align-items:center}.discard-pile-wrapper .pile-card{width:calc(var(--card-width) * .8);height:calc(var(--card-height) * .65);position:absolute;top:50%;left:50%}.discard-pile-wrapper .pile-card .card-display{font-size:.9rem!important}.discard-pile .pile-card{width:calc(var(--card-width) * 1.1);height:calc(var(--card-height) * 1.1)}.discard-pile .pile-card .card-display{font-size:.9rem!important}.pile-jogue,.tournament-how-it-works{display:none}.tournament-info-cards{grid-template-columns:repeat(2,1fr)}.info-card:last-child{grid-column:span 2}.tournament-round-info{font-size:.65rem}.rank-status{font-size:.55rem;padding:2px 10px}.game-middle{flex-direction:column!important;width:100%!important;gap:5px!important}.player-left,.player-right{flex:1!important;width:48%!important;max-width:48%!important;min-height:120px!important;max-height:180px!important}.game-middle{flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:5px!important}.player-left{order:1!important}.player-right{order:2!important}.table-center{order:3!important;flex:0 0 100%!important;width:100%!important;max-width:100%!important;min-height:120px!important;gap:20px!important;flex-direction:row!important;justify-content:center!important}.player-top{width:100%!important;justify-content:center!important}.player-left .player-hand,.player-right .player-hand{width:100%!important;max-width:100%!important;padding:8px 10px!important}.player-left .cards-container,.player-right .cards-container{gap:5px!important}.player-left .card,.player-right .card{width:calc(var(--card-width) * 1)!important;height:calc(var(--card-height) * 1)!important}.player-left .value,.player-right .value{font-size:.55rem!important}.player-left .player-avatar,.player-right .player-avatar{width:30px!important;height:30px!important}.player-left .player-name,.player-right .player-name{font-size:.6rem!important}.player-left .card-count,.player-right .card-count{font-size:.35rem!important;padding:1px 4px!important}.player-left .player-header,.player-right .player-header{gap:5px!important;align-items:center!important}.player-left .player-info,.player-right .player-info{flex-direction:row!important;gap:5px!important;align-items:center!important;margin-bottom:10px}.player-left .cards-container.bot-hand,.player-right .cards-container.bot-hand{min-height:calc(var(--card-height) * .4 + 10px)!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important}.player-left .card-wrapper,.player-right .card-wrapper,.player-left .card-wrapper .card,.player-right .card-wrapper .card{transform:none!important}.player-left .observer-spectator,.player-right .observer-spectator{min-width:50px!important;padding:8px!important}.player-left .spectator-avatar,.player-right .spectator-avatar{width:28px!important;height:28px!important}.player-left .spectator-name,.player-right .spectator-name{font-size:.4rem!important}.player-left .spectator-badge,.player-right .spectator-badge{font-size:.3rem!important;padding:1px 4px!important}.player-left .spectator-card,.player-right .spectator-card{width:18px!important;height:28px!important}}@media(min-width:810px)and (max-width:1183px){.table-center{gap:30px!important;max-width:750px!important}.player-hand{background:none!important;border:2px solid rgba(255,255,255,.1)!important}.player-hand.top{width:75%!important;max-width:800px!important;margin-bottom:1rem!important}.player-hand.bottom{width:100%!important}.player-hand.left,.player-hand.right{min-height:220px!important;max-height:350px!important;width:180px!important;padding:5px 25px!important}.player-hand.left .player-avatar,.player-hand.right .player-avatar{width:32px!important;height:32px!important}.player-hand.left .player-name,.player-hand.right .player-name{font-size:.55rem!important}.cards-container.bot-hand{min-height:calc(var(--card-height) + 30px)!important}.discard-pile-wrapper,.draw-pile-wrapper{width:calc(var(--card-width) * 1)!important;height:calc(var(--card-height) * .8)!important}.chat-container{max-width:250px!important;max-height:65px!important}.chat-message,.pile-jogue{font-size:.5rem!important}.btn-draw{margin-top:10px!important;touch-action:manipulation}}@media(max-width:480px)and (orientation:landscape){.game-table{height:calc(100dvh - 60px)!important}.player-hand.top{padding-bottom:15px!important}.player-hand.bottom{padding-top:15px!important}.player-hand.left,.player-hand.right{min-height:100px!important;max-height:150px!important}.cards-container.bot-hand{min-height:calc(var(--card-height) * .6 + 10px)!important}.chat-container{max-width:150px!important;max-height:30px!important}.chat-message{font-size:.35rem!important}.game-header{padding:5px 10px!important;margin-bottom:5px!important}.turn-indicator{font-size:.5rem!important;padding:2px 8px!important}.direction-indicator{display:none!important}}@media(min-width:769px)and (max-width:1024px)and (orientation:portrait){.player-hand.left,.player-hand.right{min-height:200px!important;max-height:300px!important;padding:10px 50px!important}.chat-container{max-width:300px!important}.table-center{gap:30px!important}}@media(min-width:1025px)and (max-height:700px){:root{--card-width: 75px;--card-height: calc(var(--card-width) * 1.5)}.game-table{height:calc(100vh - 80px)!important}.player-hand.left,.player-hand.right{min-height:200px!important;max-height:300px!important}.player-hand.top{padding-bottom:20px!important}.player-hand.bottom{padding-top:20px!important}.table-center{min-height:150px!important;padding:15px!important}}@media(max-width:1900px){.winner-banner{font-size:.8rem!important;width:350px!important}}@media(min-width:1600px){:root{--card-width: 105px;--card-height: calc(var(--card-width) * 1.5)}.player-hand.top{max-width:1100px!important}.player-hand.bottom{max-width:1200px!important}.table-center{max-width:1100px!important;gap:80px!important}.chat-container{max-width:500px!important}.player-name{font-size:1rem!important}.card-count{font-size:.8rem!important;padding:4px 16px!important}.pile-label{font-size:.8rem!important}}@media(max-width:400px){:root{--card-width: 35px;--card-height: calc(var(--card-width) * 1.5)}.home-content{padding:20px 15px!important}.game-middle{flex:1!important}.home-subtitle{font-size:.5rem!important}.btn-start,.btn-tournament,.btn-ranking{padding:15px!important;touch-action:manipulation}.neon-text{font-size:.5rem!important}.game-header{padding:10px 8px!important;margin-bottom:5px!important}.btn-home-header,.btn-rules,.btn-tournament-status{font-size:1rem!important;touch-action:manipulation}.btn-home-header i{font-size:1rem!important}.turn-indicator{font-size:.55rem!important;padding:5px!important}.direction-indicator{display:none!important}.player-hand{padding:8px!important}.player-hand.top,.player-hand.bottom{width:100%!important}.player-hand.left,.player-hand.right{padding:5px 12px!important;min-height:165px!important;max-width:100%!important}.player-avatar{width:22px!important;height:22px!important}.avatar-text{font-size:.6rem!important}.player-name{font-size:.45rem!important}.card-count{font-size:.35rem!important;padding:1px 4px!important}.cards-container{gap:5px!important}.card{width:calc(var(--card-width) * 1)!important;height:calc(var(--card-height) * 1)!important}.value{font-size:.95rem!important}.discard-pile{height:calc(var(--card-height) * .8)!important;min-width:calc(var(--card-width) * .8)!important;min-height:calc(var(--card-height) * .8)!important}.btn-draw{font-size:.55rem!important;border-radius:6px!important;padding:8px 15px!important;touch-action:manipulation}.winner-banner{font-size:.5rem!important;padding:5px!important;width:200px!important}.btn-restart{font-size:.4rem!important;padding:4px 10px!important;touch-action:manipulation}.rules-content{padding:15px 10px!important}.rules-title{font-size:.6rem!important}.rule-item{font-size:.5rem!important;padding:4px!important}.rule-icon{font-size:.75rem!important;min-width:15px!important}.modal-title{font-size:.8rem!important}.pile-jogue{font-size:.4rem!important;right:-10px!important;bottom:-10px!important}.game-info,.header-buttons{gap:5px!important}.tournament-title{font-size:1rem}.btn-home-header{font-size:.5rem;padding:4px 10px;touch-action:manipulation}.btn-home-header i{font-size:.6rem}.info-card{padding:10px 6px}.info-icon{font-size:1.2rem}.info-value{font-size:1rem}.info-label{font-size:.45rem}.status-badge{font-size:.5rem;padding:4px 10px}.ranking-item{padding:6px 10px;font-size:.5rem;flex-wrap:wrap;gap:4px}.rank-pos{font-size:.6rem;min-width:18px}.rank-name{font-size:.5rem}.rank-status{font-size:.45rem;padding:2px 6px}.history-item{padding:6px 10px;font-size:.45rem}.history-round{font-size:.45rem;min-width:50px}.btn-clear-history{font-size:.45rem;padding:6px 12px;touch-action:manipulation}.tournament-history-empty{font-size:.5rem;padding:15px}.tournament-history-empty i{font-size:1.2rem}.player-left .card,.player-right .card{width:calc(var(--card-width) * .8)!important;height:calc(var(--card-height) * .8)!important}.player-left .value,.player-right .value{font-size:.5rem!important}.player-left .player-avatar,.player-right .player-avatar{width:30px!important;height:30px!important}.player-left .player-name,.player-right .player-name{font-size:.5rem!important}.player-left .card-count,.player-right .card-count{font-size:.25rem!important;padding:1px 3px!important}.player-left .cards-container.bot-hand,.player-right .cards-container.bot-hand{min-height:calc(var(--card-height) * .3 + 5px)!important;gap:2px!important}.discard-pile-wrapper,.draw-pile-wrapper{width:calc(var(--card-width) * .6)!important;height:calc(var(--card-height) * .4)!important}.discard-pile-wrapper .pile-card .card-display{font-size:.8rem!important}.pile-jogue{font-size:.25rem!important}}@media(max-height:750px){:root{--card-width: 50px;--card-height: calc(var(--card-width) * 1.5)}.game-table{height:calc(100dvh - 50px)}.game-header{padding:5px 12px!important;margin-bottom:5px!important}.player-hand.top{padding-bottom:5px!important}.player-hand.bottom{padding-top:5px!important}.game-middle{flex:.8}.player-hand.left,.player-hand.right{min-height:100px;max-height:160px!important;width:130px}.cards-container.bot-hand{min-height:calc(var(--card-height) + 10px)!important}.table-center{min-height:120px!important;padding:8px!important;gap:20px!important}.chat-container{max-height:30px!important}.chat-message{font-size:.4rem!important}.turn-indicator{font-size:.8rem;padding:2px 8px}.direction-indicator{display:none!important}.pile-jogue{font-size:.4rem!important}.winner-banner{padding:10px!important;font-size:.8rem!important}.btn-restart{padding:6px 15px!important;font-size:.5rem!important;touch-action:manipulation}.player-avatar{width:25px!important;height:25px!important}.player-name{font-size:.5rem!important}.card-count{font-size:.4rem!important;padding:1px 5px!important}.card{width:calc(var(--card-width) * .7)!important;height:calc(var(--card-height) * .7)!important}.value{font-size:.8rem}.discard-pile .pile-card .card-display{font-size:.95rem!important}.speech-bubble{font-size:.35rem!important;padding:2px 6px!important;top:-28px!important;max-width:80px!important}}@media(max-width:350px){:root{--card-width: 35px;--card-height: calc(var(--card-width) * 1.5)}.home-title{font-size:1.5rem!important}.player-name,.status{font-size:.5rem!important}.chat-message{font-size:.3rem!important}.card .value{font-size:.9rem}.winner-banner{font-size:.6rem!important;padding:5px!important}.table-center{gap:10px!important;padding:5px!important}.pile-card{width:calc(var(--card-width) * .9)!important;height:calc(var(--card-height) * .9)!important}}@font-face{font-family:primeicons;font-display:block;src:url("./media/primeicons-P3Q6XDZG.eot");src:url("./media/primeicons-P3Q6XDZG.eot?#iefix") format("embedded-opentype"),url("./media/primeicons-Y4ZH4LAW.woff2") format("woff2"),url("./media/primeicons-67GZ63CG.woff") format("woff"),url("./media/primeicons-MMNJ55EH.ttf") format("truetype"),url("./media/primeicons-6VHJE6VZ.svg?#primeicons") format("svg");font-weight:400;font-style:normal}.pi{font-family:primeicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pi:before{--webkit-backface-visibility: hidden;backface-visibility:hidden}.pi-fw{width:1.28571429em;text-align:center}.pi-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@media(prefers-reduced-motion:reduce){.pi-spin{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.pi-eye-dropper:before{content:"\ea3c"}.pi-code-branch:before{content:"\ea3a"}.pi-signature:before{content:"\ea3b"}.pi-stamp:before{content:"\ea3d"}.pi-rectangle-xmark:before{content:"\ea3e"}.pi-note-sticky:before{content:"\ea3f"}.pi-sidebar:before{content:"\ea40"}.pi-slash:before{content:"\ea41"}.pi-grid-2:before{content:"\ea42"}.pi-columns-2:before{content:"\ea43"}.pi-rows-2:before{content:"\ea44"}.pi-square:before{content:"\ea45"}.pi-compress:before{content:"\ea46"}.pi-pen-line:before{content:"\ea47"}.pi-case-sensitive:before{content:"\ea48"}.pi-text-color:before{content:"\ea49"}.pi-list-tree:before{content:"\ea4a"}.pi-highlighter:before{content:"\ea4b"}.pi-text:before{content:"\ea4c"}.pi-heading-6:before{content:"\ea4d"}.pi-heading-5:before{content:"\ea4e"}.pi-heading-4:before{content:"\ea4f"}.pi-heading-3:before{content:"\ea50"}.pi-heading-2:before{content:"\ea51"}.pi-heading-1:before{content:"\ea52"}.pi-heading:before{content:"\ea53"}.pi-grip:before{content:"\ea54"}.pi-grip-horizontal:before{content:"\ea55"}.pi-grip-vertical:before{content:"\ea56"}.pi-paragraph-right:before{content:"\ea57"}.pi-paragraph-left:before{content:"\ea58"}.pi-arrow-u-turn-up-left:before{content:"\ea59"}.pi-arrow-u-turn-up-right:before{content:"\ea5a"}.pi-horizontal-rule:before{content:"\ea5b"}.pi-outdent:before{content:"\ea5c"}.pi-indent:before{content:"\ea5d"}.pi-list-ol:before{content:"\ea5e"}.pi-block-quote:before{content:"\ea5f"}.pi-superscript:before{content:"\ea60"}.pi-subscript:before{content:"\ea61"}.pi-strikethrough:before{content:"\ea62"}.pi-underline:before{content:"\ea63"}.pi-italic:before{content:"\ea64"}.pi-bold:before{content:"\ea65"}.pi-dot:before{content:"\ea66"}.pi-folder-plus:before{content:"\ea05"}.pi-receipt:before{content:"\ea06"}.pi-asterisk:before{content:"\ea07"}.pi-face-smile:before{content:"\ea08"}.pi-pinterest:before{content:"\ea09"}.pi-expand:before{content:"\ea0a"}.pi-pen-to-square:before{content:"\ea0b"}.pi-wave-pulse:before{content:"\ea0c"}.pi-turkish-lira:before{content:"\ea0d"}.pi-spinner-dotted:before{content:"\ea0e"}.pi-crown:before{content:"\ea0f"}.pi-pause-circle:before{content:"\ea10"}.pi-warehouse:before{content:"\ea11"}.pi-objects-column:before{content:"\ea12"}.pi-clipboard:before{content:"\ea13"}.pi-play-circle:before{content:"\ea14"}.pi-venus:before{content:"\ea15"}.pi-cart-minus:before{content:"\ea16"}.pi-file-plus:before{content:"\ea17"}.pi-microchip:before{content:"\ea18"}.pi-twitch:before{content:"\ea19"}.pi-building-columns:before{content:"\ea1a"}.pi-file-check:before{content:"\ea1b"}.pi-microchip-ai:before{content:"\ea1c"}.pi-trophy:before{content:"\ea1d"}.pi-barcode:before{content:"\ea1e"}.pi-file-arrow-up:before{content:"\ea1f"}.pi-mars:before{content:"\ea20"}.pi-tiktok:before{content:"\ea21"}.pi-arrow-up-right-and-arrow-down-left-from-center:before{content:"\ea22"}.pi-ethereum:before{content:"\ea23"}.pi-list-check:before{content:"\ea24"}.pi-thumbtack:before{content:"\ea25"}.pi-arrow-down-left-and-arrow-up-right-to-center:before{content:"\ea26"}.pi-equals:before{content:"\ea27"}.pi-lightbulb:before{content:"\ea28"}.pi-star-half:before{content:"\ea29"}.pi-address-book:before{content:"\ea2a"}.pi-chart-scatter:before{content:"\ea2b"}.pi-indian-rupee:before{content:"\ea2c"}.pi-star-half-fill:before{content:"\ea2d"}.pi-cart-arrow-down:before{content:"\ea2e"}.pi-calendar-clock:before{content:"\ea2f"}.pi-sort-up-fill:before{content:"\ea30"}.pi-sparkles:before{content:"\ea31"}.pi-bullseye:before{content:"\ea32"}.pi-sort-down-fill:before{content:"\ea33"}.pi-graduation-cap:before{content:"\ea34"}.pi-hammer:before{content:"\ea35"}.pi-bell-slash:before{content:"\ea36"}.pi-gauge:before{content:"\ea37"}.pi-shop:before{content:"\ea38"}.pi-headphones:before{content:"\ea39"}.pi-eraser:before{content:"\ea04"}.pi-stopwatch:before{content:"\ea01"}.pi-verified:before{content:"\ea02"}.pi-delete-left:before{content:"\ea03"}.pi-hourglass:before{content:"\e9fe"}.pi-truck:before{content:"\ea00"}.pi-wrench:before{content:"\e9ff"}.pi-microphone:before{content:"\e9fa"}.pi-megaphone:before{content:"\e9fb"}.pi-arrow-right-arrow-left:before{content:"\e9fc"}.pi-bitcoin:before{content:"\e9fd"}.pi-file-edit:before{content:"\e9f6"}.pi-language:before{content:"\e9f7"}.pi-file-export:before{content:"\e9f8"}.pi-file-import:before{content:"\e9f9"}.pi-file-word:before{content:"\e9f1"}.pi-gift:before{content:"\e9f2"}.pi-cart-plus:before{content:"\e9f3"}.pi-thumbs-down-fill:before{content:"\e9f4"}.pi-thumbs-up-fill:before{content:"\e9f5"}.pi-arrows-alt:before{content:"\e9f0"}.pi-calculator:before{content:"\e9ef"}.pi-sort-alt-slash:before{content:"\e9ee"}.pi-arrows-h:before{content:"\e9ec"}.pi-arrows-v:before{content:"\e9ed"}.pi-pound:before{content:"\e9eb"}.pi-prime:before{content:"\e9ea"}.pi-chart-pie:before{content:"\e9e9"}.pi-reddit:before{content:"\e9e8"}.pi-code:before{content:"\e9e7"}.pi-sync:before{content:"\e9e6"}.pi-shopping-bag:before{content:"\e9e5"}.pi-server:before{content:"\e9e4"}.pi-database:before{content:"\e9e3"}.pi-hashtag:before{content:"\e9e2"}.pi-bookmark-fill:before{content:"\e9df"}.pi-filter-fill:before{content:"\e9e0"}.pi-heart-fill:before{content:"\e9e1"}.pi-flag-fill:before{content:"\e9de"}.pi-circle:before{content:"\e9dc"}.pi-circle-fill:before{content:"\e9dd"}.pi-bolt:before{content:"\e9db"}.pi-history:before{content:"\e9da"}.pi-box:before{content:"\e9d9"}.pi-at:before{content:"\e9d8"}.pi-arrow-up-right:before{content:"\e9d4"}.pi-arrow-up-left:before{content:"\e9d5"}.pi-arrow-down-left:before{content:"\e9d6"}.pi-arrow-down-right:before{content:"\e9d7"}.pi-telegram:before{content:"\e9d3"}.pi-stop-circle:before{content:"\e9d2"}.pi-stop:before{content:"\e9d1"}.pi-whatsapp:before{content:"\e9d0"}.pi-building:before{content:"\e9cf"}.pi-qrcode:before{content:"\e9ce"}.pi-car:before{content:"\e9cd"}.pi-instagram:before{content:"\e9cc"}.pi-linkedin:before{content:"\e9cb"}.pi-send:before{content:"\e9ca"}.pi-slack:before{content:"\e9c9"}.pi-moon:before{content:"\e9c7"}.pi-sun:before{content:"\e9c8"}.pi-youtube:before{content:"\e9c5"}.pi-vimeo:before{content:"\e9c6"}.pi-flag:before{content:"\e9c4"}.pi-wallet:before{content:"\e9c3"}.pi-map:before{content:"\e9c2"}.pi-link:before{content:"\e9c1"}.pi-credit-card:before{content:"\e9bf"}.pi-discord:before{content:"\e9c0"}.pi-percentage:before{content:"\e9be"}.pi-euro:before{content:"\e9bd"}.pi-book:before{content:"\e9ba"}.pi-shield:before{content:"\e9b9"}.pi-paypal:before{content:"\e9bb"}.pi-amazon:before{content:"\e9bc"}.pi-phone:before{content:"\e9b8"}.pi-filter-slash:before{content:"\e9b7"}.pi-facebook:before{content:"\e9b4"}.pi-github:before{content:"\e9b5"}.pi-twitter:before{content:"\e9b6"}.pi-step-backward-alt:before{content:"\e9ac"}.pi-step-forward-alt:before{content:"\e9ad"}.pi-forward:before{content:"\e9ae"}.pi-backward:before{content:"\e9af"}.pi-fast-backward:before{content:"\e9b0"}.pi-fast-forward:before{content:"\e9b1"}.pi-pause:before{content:"\e9b2"}.pi-play:before{content:"\e9b3"}.pi-compass:before{content:"\e9ab"}.pi-id-card:before{content:"\e9aa"}.pi-ticket:before{content:"\e9a9"}.pi-file-o:before{content:"\e9a8"}.pi-reply:before{content:"\e9a7"}.pi-directions-alt:before{content:"\e9a5"}.pi-directions:before{content:"\e9a6"}.pi-thumbs-up:before{content:"\e9a3"}.pi-thumbs-down:before{content:"\e9a4"}.pi-sort-numeric-down-alt:before{content:"\e996"}.pi-sort-numeric-up-alt:before{content:"\e997"}.pi-sort-alpha-down-alt:before{content:"\e998"}.pi-sort-alpha-up-alt:before{content:"\e999"}.pi-sort-numeric-down:before{content:"\e99a"}.pi-sort-numeric-up:before{content:"\e99b"}.pi-sort-alpha-down:before{content:"\e99c"}.pi-sort-alpha-up:before{content:"\e99d"}.pi-sort-alt:before{content:"\e99e"}.pi-sort-amount-up:before{content:"\e99f"}.pi-sort-amount-down:before{content:"\e9a0"}.pi-sort-amount-down-alt:before{content:"\e9a1"}.pi-sort-amount-up-alt:before{content:"\e9a2"}.pi-palette:before{content:"\e995"}.pi-undo:before{content:"\e994"}.pi-desktop:before{content:"\e993"}.pi-sliders-v:before{content:"\e991"}.pi-sliders-h:before{content:"\e992"}.pi-search-plus:before{content:"\e98f"}.pi-search-minus:before{content:"\e990"}.pi-file-excel:before{content:"\e98e"}.pi-file-pdf:before{content:"\e98d"}.pi-check-square:before{content:"\e98c"}.pi-chart-line:before{content:"\e98b"}.pi-user-edit:before{content:"\e98a"}.pi-exclamation-circle:before{content:"\e989"}.pi-android:before{content:"\e985"}.pi-google:before{content:"\e986"}.pi-apple:before{content:"\e987"}.pi-microsoft:before{content:"\e988"}.pi-heart:before{content:"\e984"}.pi-mobile:before{content:"\e982"}.pi-tablet:before{content:"\e983"}.pi-key:before{content:"\e981"}.pi-shopping-cart:before{content:"\e980"}.pi-comments:before{content:"\e97e"}.pi-comment:before{content:"\e97f"}.pi-briefcase:before{content:"\e97d"}.pi-bell:before{content:"\e97c"}.pi-paperclip:before{content:"\e97b"}.pi-share-alt:before{content:"\e97a"}.pi-envelope:before{content:"\e979"}.pi-volume-down:before{content:"\e976"}.pi-volume-up:before{content:"\e977"}.pi-volume-off:before{content:"\e978"}.pi-eject:before{content:"\e975"}.pi-money-bill:before{content:"\e974"}.pi-images:before{content:"\e973"}.pi-image:before{content:"\e972"}.pi-sign-in:before{content:"\e970"}.pi-sign-out:before{content:"\e971"}.pi-wifi:before{content:"\e96f"}.pi-sitemap:before{content:"\e96e"}.pi-chart-bar:before{content:"\e96d"}.pi-camera:before{content:"\e96c"}.pi-dollar:before{content:"\e96b"}.pi-lock-open:before{content:"\e96a"}.pi-table:before{content:"\e969"}.pi-map-marker:before{content:"\e968"}.pi-list:before{content:"\e967"}.pi-eye-slash:before{content:"\e965"}.pi-eye:before{content:"\e966"}.pi-folder-open:before{content:"\e964"}.pi-folder:before{content:"\e963"}.pi-video:before{content:"\e962"}.pi-inbox:before{content:"\e961"}.pi-lock:before{content:"\e95f"}.pi-unlock:before{content:"\e960"}.pi-tags:before{content:"\e95d"}.pi-tag:before{content:"\e95e"}.pi-power-off:before{content:"\e95c"}.pi-save:before{content:"\e95b"}.pi-question-circle:before{content:"\e959"}.pi-question:before{content:"\e95a"}.pi-copy:before{content:"\e957"}.pi-file:before{content:"\e958"}.pi-clone:before{content:"\e955"}.pi-calendar-times:before{content:"\e952"}.pi-calendar-minus:before{content:"\e953"}.pi-calendar-plus:before{content:"\e954"}.pi-ellipsis-v:before{content:"\e950"}.pi-ellipsis-h:before{content:"\e951"}.pi-bookmark:before{content:"\e94e"}.pi-globe:before{content:"\e94f"}.pi-replay:before{content:"\e94d"}.pi-filter:before{content:"\e94c"}.pi-print:before{content:"\e94b"}.pi-align-right:before{content:"\e946"}.pi-align-left:before{content:"\e947"}.pi-align-center:before{content:"\e948"}.pi-align-justify:before{content:"\e949"}.pi-cog:before{content:"\e94a"}.pi-cloud-download:before{content:"\e943"}.pi-cloud-upload:before{content:"\e944"}.pi-cloud:before{content:"\e945"}.pi-pencil:before{content:"\e942"}.pi-users:before{content:"\e941"}.pi-clock:before{content:"\e940"}.pi-user-minus:before{content:"\e93e"}.pi-user-plus:before{content:"\e93f"}.pi-trash:before{content:"\e93d"}.pi-window-minimize:before{content:"\e93a"}.pi-window-maximize:before{content:"\e93b"}.pi-external-link:before{content:"\e93c"}.pi-refresh:before{content:"\e938"}.pi-user:before{content:"\e939"}.pi-exclamation-triangle:before{content:"\e922"}.pi-calendar:before{content:"\e927"}.pi-chevron-circle-left:before{content:"\e928"}.pi-chevron-circle-down:before{content:"\e929"}.pi-chevron-circle-right:before{content:"\e92a"}.pi-chevron-circle-up:before{content:"\e92b"}.pi-angle-double-down:before{content:"\e92c"}.pi-angle-double-left:before{content:"\e92d"}.pi-angle-double-right:before{content:"\e92e"}.pi-angle-double-up:before{content:"\e92f"}.pi-angle-down:before{content:"\e930"}.pi-angle-left:before{content:"\e931"}.pi-angle-right:before{content:"\e932"}.pi-angle-up:before{content:"\e933"}.pi-upload:before{content:"\e934"}.pi-download:before{content:"\e956"}.pi-ban:before{content:"\e935"}.pi-star-fill:before{content:"\e936"}.pi-star:before{content:"\e937"}.pi-chevron-left:before{content:"\e900"}.pi-chevron-right:before{content:"\e901"}.pi-chevron-down:before{content:"\e902"}.pi-chevron-up:before{content:"\e903"}.pi-caret-left:before{content:"\e904"}.pi-caret-right:before{content:"\e905"}.pi-caret-down:before{content:"\e906"}.pi-caret-up:before{content:"\e907"}.pi-search:before{content:"\e908"}.pi-check:before{content:"\e909"}.pi-check-circle:before{content:"\e90a"}.pi-times:before{content:"\e90b"}.pi-times-circle:before{content:"\e90c"}.pi-plus:before{content:"\e90d"}.pi-plus-circle:before{content:"\e90e"}.pi-minus:before{content:"\e90f"}.pi-minus-circle:before{content:"\e910"}.pi-circle-on:before{content:"\e911"}.pi-circle-off:before{content:"\e912"}.pi-sort-down:before{content:"\e913"}.pi-sort-up:before{content:"\e914"}.pi-sort:before{content:"\e915"}.pi-step-backward:before{content:"\e916"}.pi-step-forward:before{content:"\e917"}.pi-th-large:before{content:"\e918"}.pi-arrow-down:before{content:"\e919"}.pi-arrow-left:before{content:"\e91a"}.pi-arrow-right:before{content:"\e91b"}.pi-arrow-up:before{content:"\e91c"}.pi-bars:before{content:"\e91d"}.pi-arrow-circle-down:before{content:"\e91e"}.pi-arrow-circle-left:before{content:"\e91f"}.pi-arrow-circle-right:before{content:"\e920"}.pi-arrow-circle-up:before{content:"\e921"}.pi-info:before{content:"\e923"}.pi-info-circle:before{content:"\e924"}.pi-home:before{content:"\e925"}.pi-spinner:before{content:"\e926"}:root{--neon-red: #ff2a6d;--neon-blue: #05d9e8;--neon-green: #00ff9d;--neon-yellow: #f9f002;--neon-purple: #d300c5;--dark-bg: #0d0221;--neon-coral: #ff5e5b;--glow: 0 0 10px, 0 0 20px, 0 0 30px;--card-width: clamp(65px, 8.5vw, 105px);--card-height: calc(var(--card-width) * 1.5)}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px var(--neon-blue),0 0 40px var(--neon-blue),0 0 80px var(--neon-blue),0 0 90px var(--neon-blue),0 0 100px var(--neon-blue),0 0 150px var(--neon-blue)}20%,24%,55%{text-shadow:none}}@keyframes rgb-border{0%{border-color:var(--neon-red)}25%{border-color:var(--neon-blue)}50%{border-color:var(--neon-green)}75%{border-color:var(--neon-yellow)}to{border-color:var(--neon-red)}}@keyframes rgb-bg{0%{background-color:var(--neon-red)}25%{background-color:var(--neon-blue)}50%{background-color:var(--neon-green)}75%{background-color:var(--neon-yellow)}to{background-color:var(--neon-red)}}@keyframes card-deal{0%{transform:translateY(-100px) rotate(-15deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes card-play{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(5deg)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes neon-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100vh}}@keyframes tape-scroll{0%{background-position:0 0}to{background-position:-100% 0}}@keyframes vhs-static{0%{background-position:0 0}to{background-position:0 100%}}*{box-sizing:border-box;margin:0;padding:0}@keyframes elegant-particle{0%{opacity:0;transform:translate(0) scale(.5)}20%{opacity:.8}to{opacity:0;transform:translate(calc(var(--x) * 40px),calc(var(--y) * 40px)) scale(1.2)}}@keyframes deck-shuffle{0%{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-5deg)}50%{transform:translate(5px) rotate(5deg)}75%{transform:translate(-3px) rotate(-3deg)}to{transform:translate(0) rotate(0)}}@keyframes bubble-appear{0%{transform:translateY(10px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}html,body{width:100%;height:100%;overflow:auto;overflow:-moz-scrollbars-none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{margin:0;font-family:"Press Start 2P",cursive;background-color:var(--dark-bg);color:#fff;overflow-x:hidden;position:relative;background-image:url('data:image/svg+xml;utf8,<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 40 0 L 0 0 0 40" fill="none" stroke="rgba(255,42,109,0.2)" stroke-width="0.5"/></pattern><rect width="100%" height="100%" fill="url(%23grid)"/></svg>'),radial-gradient(circle at 20% 30%,rgba(255,42,109,.1) 0%,transparent 30%),radial-gradient(circle at 80% 70%,rgba(5,217,232,.1) 0%,transparent 30%),radial-gradient(circle at 50% 90%,rgba(0,255,157,.1) 0%,transparent 30%);background-attachment:fixed;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.btn-start,.rule-icon,.turn-indicator,.turn-indicator.active{font-variant-emoji:text;-webkit-font-variant-emoji:text;font-feature-settings:"emoji" 0}.btn-start:before,.rule-icon:before,.turn-indicator:before{font-variant-emoji:text;-webkit-font-variant-emoji:text}button,.btn,[role=button],.clickable{touch-action:manipulation}