
.block-event .join-line-oa{display:flex;justify-content:center}@media not (max-width: 768px){.block-event .join-line-oa .mobile{display:none}}@media(max-width: 768px){.block-event .join-line-oa .pc{display:none}}
.app-bar-tags{--fade-width: 2em;position:relative;width:100%}@media(max-width: 576px){.app-bar-tags{height:100%}}.app-bar-tags::after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:var(--fade-width);background-image:linear-gradient(to right, transparent, var(--app-bar-bg-color))}@media print{.app-bar-tags::after{display:none !important}}.app-bar-tags .app-tags{overflow-y:hidden;display:flex;align-items:center;flex-wrap:nowrap;height:100%;white-space:nowrap}.app-bar-tags .app-tags[loading-done]:empty::before{content:attr(data-tip-empty)}.app-bar-tags .app-tags .tag{margin:0 .25em;padding:3px 20px 4px 20px;border-radius:var(--radius-pill);background-color:var(--theme-bg-dark-orange);color:var(--theme-font-secondary);text-align:center}.app-bar-tags .app-tags .tag:last-child{margin-right:var(--fade-width)}
.bubble-stack{--z-index: 2147483647;position:fixed;left:50%;bottom:50%;z-index:var(--z-index);transform:translateX(-50%);display:flex;flex-direction:column-reverse;max-width:22.5em;width:100%;background-color:rgba(0,0,0,0)}@media(max-width: 576px){.bubble-stack{max-width:95%}}.bubble-stack .bubble-item:nth-child(n+6){display:none}
.bubble-item{--padding-gap: 0.75em;--progress-margin-top: 0.25em;--progress-height: 0.125em;--border-color: rgba(255, 255, 255, 0.5);display:flex;flex-direction:column;margin:.25em 0;padding:var(--padding-gap);max-width:100%;border-radius:var(--radius-l);border:.0625em solid var(--border-color);background-color:var(--theme-bg-black-a80);color:var(--theme-font-white);line-height:1.25}.bubble-item:has(.duration-progress){padding-bottom:calc(var(--padding-gap) - var(--progress-margin-top) - var(--progress-height))}.bubble-item .hidden{display:none}.bubble-item .bubble-wrapper{display:flex;align-items:center}.bubble-item .bubble-content{margin-right:auto;word-break:break-word}.bubble-item .btn{--shadow-color: var(--theme-shadow-secondary-faint)}.bubble-item .btn-close{margin-left:1em;padding:0;background-color:rgba(0,0,0,0)}.bubble-item .duration-progress{-webkit-appearance:none;appearance:none;margin-top:var(--progress-margin-top);width:100%;height:var(--progress-height)}.bubble-item .duration-progress::-webkit-progress-bar{border-radius:var(--progress-height);background-color:rgba(0,0,0,0)}.bubble-item .duration-progress::-webkit-progress-value{border-radius:var(--progress-height);background-color:var(--theme-bg-orange-a50);transition:width var(--update-frequency, 300ms) linear}.bubble-item[data-type]{--background-color: transparent;background-image:linear-gradient(var(--background-color), var(--background-color))}.bubble-item[data-type=success]{--border-color: rgba(50, 205, 50, 0.75);--background-color: rgba(50, 205, 50, 0.2)}.bubble-item[data-type=warning]{--border-color: rgba(255, 165, 0, 0.75);--background-color: rgba(255, 165, 0, 0.2)}.bubble-item[data-type=error]{--border-color: rgba(255, 0, 0, 0.75);--background-color: rgba(255, 0, 0, 0.2)}
.popup-share .subtitle{user-select:all;margin-top:0;font-size:1.25em;text-align:center}.popup-share .subtitle:empty{display:none}.popup-share .share-text{margin-top:0}.popup-share .share-methods{display:flex;gap:1em;justify-content:center;margin-top:1em;padding-bottom:.25em}.popup-share .btn-share-method{--share-btn-bg: var(--theme-bg-dark-gray);--share-btn-font: var(--theme-font-white);--size: 2em;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:0;width:var(--size);height:var(--size);background-color:var(--share-btn-bg);color:var(--share-btn-font)}.popup-share .btn-share-method::before{content:"";position:absolute;z-index:-1;width:100%;height:100%}.popup-share .btn-share-method .icon{font-size:calc(var(--size)/2)}.popup-share .btn-facebook{align-items:flex-end}.popup-share .btn-facebook .icon{font-size:calc(var(--size)*.8)}.popup-share .btn-line{color:var(--share-btn-bg)}.popup-share .btn-line::before{height:75%;width:75%;background-color:var(--share-btn-font)}.popup-share .btn-line .icon{font-size:var(--size)}.popup-share .btn-twitter .icon{font-size:calc(var(--size)*.75)}
.app-user-rank{--rank-base-size: var(--rank-base-size-in-list, 3.5em);--rank-size: var(--rank-base-size);position:relative;display:flex;gap:.5em;align-items:center;padding-right:2em;color:var(--theme-font-black);font-weight:700;margin-bottom:8px}.app-user-rank:last-child{margin-bottom:0}@media(max-width: 576px){.app-user-rank{margin-bottom:0}}.app-user-rank::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;margin:auto 1em;margin-left:calc(.5*max(var(--rank-size),var(--rank-max-size-in-list, var(--rank-size))));height:2.5em;background-color:var(--theme-bg-leaderboard-light-green);border-radius:var(--radius-pill)}.app-user-rank:has([data-rank="1"])::before{background-color:var(--theme-bg-leaderboard-gold)}.app-user-rank:has([data-rank="2"])::before{background-color:var(--theme-bg-leaderboard-blue)}.app-user-rank:has([data-rank="3"])::before{background-color:var(--theme-bg-leaderboard-light-orange)}.app-user-rank .rank{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin:0 auto;width:54px;height:54px;background-color:var(--theme-bg-leaderboard-green);border-radius:var(--radius-circle)}.app-user-rank .rank::before{content:attr(data-rank);font-size:1.5em}.app-user-rank .rank[data-rank="1"]{transform:translateY(-4px) scale(1.2);background-color:rgba(0,0,0,0) !important;width:var(--rank-size);height:var(--rank-size)}.app-user-rank .rank[data-rank="1"]::before{content:"";height:100%;width:100%;background-image:url(/img/leaderboard/rank-1.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.app-user-rank .rank[data-rank="2"]{transform:translateY(3px) scale(1.2);background-color:rgba(0,0,0,0) !important;width:var(--rank-size);height:var(--rank-size)}.app-user-rank .rank[data-rank="2"]::before{content:"";height:100%;width:100%;background-image:url(/img/leaderboard/rank-2.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.app-user-rank .rank[data-rank="3"]{transform:translateY(3px) scale(1.2);background-color:rgba(0,0,0,0) !important;width:var(--rank-size);height:var(--rank-size)}.app-user-rank .rank[data-rank="3"]::before{content:"";height:100%;width:100%;background-image:url(/img/leaderboard/rank-3.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.app-user-rank .score-group{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:1px}.app-user-rank .score-group .user{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;min-width:3em}.app-user-rank .score-group .score-wrapper{--icon-size: 1.5em;display:flex;justify-content:flex-end;align-items:center;min-width:calc(var(--icon-size) + 3em)}.app-user-rank .score-group .score-wrapper .score-icon{width:var(--icon-size);height:var(--icon-size);transform:translateY(1px)}.app-user-rank .score-group .score-wrapper .score{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 1px 8px}.app-user-rank[data-rank=fill]::before{content:"?";display:flex;justify-content:center;align-items:center}.app-user-rank[data-rank=fill] .user{visibility:hidden}.app-user-rank[data-rank=fill] .score-wrapper{visibility:hidden}
.app-users-ranking{position:relative;padding:0 0 0 5%;display:flex;flex-direction:column;justify-content:center}@media(max-width: 576px){.app-users-ranking{padding:0}}.app-users-ranking .app-user-rank{display:grid;grid-template-columns:auto 1fr}@media(max-width: 576px){.app-users-ranking .app-user-rank{padding-top:.5em;padding-bottom:.5em}}@media(max-width: 576px){.app-users-ranking .app-user-rank::before{height:75%;width:93%}}.app-users-ranking .app-user-rank.sticky{position:sticky;top:0;bottom:0;z-index:2147483646}.app-users-ranking .app-user-rank.sticky::before{background-color:var(--theme-bg-leaderboard-orange)}.app-users-ranking .app-user-rank.sticky .rank{background-color:var(--theme-bg-leaderboard-dark-orange)}
.popup-app-users-ranking .popup-title{--gap: 1em;display:flex;gap:var(--gap);align-items:center;justify-content:space-between;padding:.5em;border:.125em solid var(--theme-border-leaderboard-orange);border-radius:var(--radius-xxl);font-size:1em}.popup-app-users-ranking .popup-title .app-item{flex-direction:row}.popup-app-users-ranking .popup-title .app-item-container{display:flex;gap:var(--gap);align-items:center}.popup-app-users-ranking .popup-title .app-item-container .app-name{margin-top:0}.popup-app-users-ranking .popup-title .app-icon{width:3em}.popup-app-users-ranking .popup-title .btn-to-play{padding:2px 16px 4px 16px;height:max-content;border-radius:var(--radius-pill)}@media(max-width: 576px){.popup-app-users-ranking .popup-title .btn-to-play .normal{display:none}}@media not (max-width: 576px){.popup-app-users-ranking .popup-title .btn-to-play .mobile{display:none}}.popup-app-users-ranking .btn-popup-close{left:unset !important;right:var(--popup-container-gap) !important}.popup-app-users-ranking .btn-popup-close .icon-times{display:block !important}.popup-app-users-ranking .btn-popup-close .icon-back{display:none !important}.popup-app-users-ranking .popup-content{gap:.75em}@media(max-width: 576px){.popup-app-users-ranking .popup-content .range-nav-symbols{margin:0 .25em}}.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper{display:flex;gap:.5em;justify-content:center}.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper:not(.active){display:none}.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper .btn{display:flex;margin:auto 0;border-radius:var(--radius-circle)}.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper .btn:disabled{filter:grayscale(1)}.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper .range-symbol{position:relative}@media(max-width: 576px){.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper .range-symbol{margin-top:12px}}.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper .range-symbol .icon{padding:0 7.5% 13.25%;width:15em}@media(max-width: 576px){.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper .range-symbol .icon{padding-bottom:.75em}}.popup-app-users-ranking .popup-content .range-nav-symbols .range-symbol-wrapper .range-symbol .date-range{aspect-ratio:500/87;position:absolute;left:0;right:0;bottom:0;padding-top:2px;background-image:url(/img/leaderboard/date-range-bg.svg);background-repeat:no-repeat;background-size:contain;background-position:center;color:var(--theme-font-black);font-size:18px;font-weight:bold;text-align:center}.popup-app-users-ranking .popup-content .notice-update-timezone{text-align:center;font-size:75%}@media(max-width: 576px){.popup-app-users-ranking .popup-content .notice-update-timezone{font-size:100%}}.popup-app-users-ranking .popup-content .range-nav-menu{overflow-x:auto;flex:0 0 auto;display:flex;justify-content:center;gap:1em;padding-bottom:.25em}@media(max-width: 576px){.popup-app-users-ranking .popup-content .range-nav-menu{padding:4px 4px 4px}}.popup-app-users-ranking .popup-content .range-nav-menu .btn{padding:4px 16px 6px 16px;border-radius:var(--radius-pill);word-break:keep-all}.popup-app-users-ranking .popup-content .range-nav-menu .btn.active{background-color:var(--theme-btn-bg-primary)}@media(max-width: 576px){.popup-app-users-ranking .popup-content .range-nav-menu .btn{width:47%}}.popup-app-users-ranking .popup-content .app-users-ranking{--rank-base-size-in-list: 50px;overflow-y:auto;overflow-x:hidden;justify-content:unset;padding:15px 5px 0 5%}.popup-app-users-ranking .popup-content .app-users-ranking .app-user-rank .rank::before{padding:0 2px 3px 0}@media not (max-width: 576px){.popup-app-users-ranking .popup-content .app-users-ranking .app-user-rank:has(.rank[data-rank="1"]) .rank::before{transform:translateX(-15px)}.popup-app-users-ranking .popup-content .app-users-ranking .app-user-rank:has(.rank[data-rank="1"]){--rank-size: calc(1.75 * var(--rank-base-size-in-list))}.popup-app-users-ranking .popup-content .app-users-ranking .app-user-rank:has(.rank[data-rank="2"]){--rank-size: calc(1 * var(--rank-base-size-in-list))}.popup-app-users-ranking .popup-content .app-users-ranking .app-user-rank:has(.rank[data-rank="3"]){--rank-size: calc(1 * var(--rank-base-size-in-list))}.popup-app-users-ranking .popup-content .app-users-ranking{--rank-max-size-in-list: calc(1.75 * var(--rank-base-size-in-list))}}.popup-app-users-ranking .popup-footer{padding:0 var(--popup-content-gap)}.popup-app-users-ranking .popup-footer .login-bar{display:flex;align-items:center;justify-content:space-between;margin:-5px 28px 0 28px;padding:5px 8px 7px 18px;background-color:var(--theme-bg-leaderboard-orange);border-radius:3em;font-weight:bold}.popup-app-users-ranking .popup-footer .login-bar .btn{color:var(--theme-font-black);border-radius:3em;padding:2px 10px 4px 14px}@media screen and (max-width: 560px){.popup-app-users-ranking .popup-footer .login-bar .btn{padding:6px 0 8px 0;width:100%}}@media screen and (max-width: 560px){.popup-app-users-ranking .popup-footer .login-bar{flex-direction:column;background-color:rgba(0,0,0,0);padding:0;margin:-5px 23px 0 23px}.popup-app-users-ranking .popup-footer .login-bar .notice-login{margin:6px 0 12px 0}}
.btn-app-rankings{display:flex;align-items:center;gap:.5em}.btn-app-rankings.is-mini .text{display:none}
.btn-favorite.hidden,.btn-favorite .hidden{display:none !important}.btn-favorite[data-state=yes] i.fa-regular{display:none}.btn-favorite[data-state=yes] .label .add-to-favorite{display:none}.btn-favorite:not([data-state]) i.fa-solid,.btn-favorite[data-state=no] i.fa-solid{display:none}.btn-favorite:not([data-state]) .label .favorited,.btn-favorite[data-state=no] .label .favorited{display:none}.bubble-stack .bubble-favorite-state .bubble-content{display:flex;align-items:center}.bubble-stack .bubble-favorite-state .app-icon{display:inline-block;margin-right:.5em;width:3em;height:3em}.bubble-stack .bubble-favorite-state .state-message{flex:1;margin:auto}
[data-os*=ios] .btn-fullscreen{display:none !important}.btn-fullscreen[data-fullscreen-state=yes] i.fa-expand{display:none}.btn-fullscreen:not([data-fullscreen-state]) i.fa-compress,.btn-fullscreen[data-fullscreen-state=no] i.fa-compress{display:none}[data-os*=ios] .btn-fullscreen-t-2{display:none !important}.btn-fullscreen-t-2[data-fullscreen-state=yes] .fa-expand{display:none}.btn-fullscreen-t-2:not([data-fullscreen-state]) .fa-compress,.btn-fullscreen-t-2[data-fullscreen-state=no] .fa-compress{display:none}
@keyframes Rotation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes ReverseRotation{0%{transform:rotate(0deg)}50%{transform:rotate(-180deg)}100%{transform:rotate(-360deg)}}@keyframes Ripple{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.3),0 0 0 1px hsla(0,0%,100%,.3),0 0 0 3px hsla(0,0%,100%,.3),0 0 0 5px hsla(0,0%,100%,.3)}100%{box-shadow:0 0 0 0 hsla(0,0%,100%,.3),0 0 0 4px hsla(0,0%,100%,.3),0 0 0 20px hsla(0,0%,100%,0),0 0 0 30px hsla(0,0%,100%,0)}}.popup-app-ad-free .popup-content{display:grid;grid-template-rows:auto 0fr 1fr;height:100%;gap:unset;flex:unset;margin:0;padding:0}@media(max-width: 576px){.popup-app-ad-free .popup-content{font-size:4vw}}.popup-app-ad-free .division-container{display:flex;align-items:center;gap:6px;margin:4px 3px}.popup-app-ad-free .division-container .division{flex:1}.popup-app-ad-free .division-container .to-history-btn{background-color:rgba(0,0,0,0);color:var(--theme-font-primary);padding:0px 8px 4px 8px}.popup-app-ad-free .division-container .to-history-btn a{text-decoration:none}.popup-app-ad-free .player-container{display:grid;grid-template-columns:0fr 1fr;justify-content:center;align-items:center;border:1px solid var(--theme-bg-light-gray-a50);border-radius:var(--radius-xl);margin:0 3px}.popup-app-ad-free .player-container .icon-wrapper{display:flex;height:100%;justify-content:center;padding:0 36px;align-items:center;border-radius:.75em 0 0 .75em;background-color:var(--theme-bg-orange)}.popup-app-ad-free .player-container .player-content{padding:8px 12px;display:flex;flex-direction:column;gap:6px;align-items:center}.popup-app-ad-free .player-container .player-content .header{font-weight:bold;padding-bottom:6px}.popup-app-ad-free .player-container .player-content .remaining-time{font-weight:bold;font-size:35px;padding-bottom:10px;transition:color .3s ease}.popup-app-ad-free .player-container .player-content .remaining-time.warning{color:#f33}.popup-app-ad-free .ad-free-tickets-container{position:relative}.popup-app-ad-free .ad-free-tickets-container .tickets-empty{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;text-align:center}.popup-app-ad-free .ad-free-tickets-container .ticket-list{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:scroll;max-height:20em;padding:0 3px;margin:0;display:flex;flex-direction:column;gap:6px}.popup-app-ad-free .ad-free-tickets-container .ticket-icon{padding:15px 0 10px 14px}.popup-app-ad-free .ad-free-tickets-container .ticket-icon img{height:60px}.popup-app-ad-free .ad-free-tickets-container .ticket-container{display:grid;grid-template-columns:auto 1fr;align-items:center;justify-content:center;border-radius:4px;background-color:var(--theme-ticket-bg-primary);padding-right:2px;box-shadow:inset 0 0 2px 0px rgba(30,30,30,.5)}@media(max-width: 576px){.popup-app-ad-free .ad-free-tickets-container .ticket-container{font-size:3.75vw;padding:3px 6px 4px 3px}}.popup-app-ad-free .ad-free-tickets-container .ticket-container .ticket-content{display:grid;grid-template-columns:1fr auto;gap:.5em;align-items:center;margin-left:10px}.popup-app-ad-free .ad-free-tickets-container .ticket-container .ticket-content .left .expired-label{background-color:var(--theme-bg-orange);border-radius:var(--radius-pill);padding:.5em;font-size:.5em;color:var(--theme-bg-white)}@media(max-width: 576px){.popup-app-ad-free .ad-free-tickets-container .ticket-container .ticket-content .left .expired-label{font-size:2.75vw}}.popup-app-ad-free .ad-free-tickets-container .ticket-container .ticket-content .left .ticket-header{display:flex;gap:.5em;font-weight:bold}@media(max-width: 576px){.popup-app-ad-free .ad-free-tickets-container .ticket-container .ticket-content .left .ticket-header{flex-direction:column}}.popup-app-ad-free .ad-free-tickets-container .ticket-container .ticket-content .left .ticket-header .ticket-name{padding-right:.5em}.popup-app-ad-free .ad-free-tickets-container .ticket-container .ticket-content .left .expired-data{display:flex;gap:.25em;align-items:baseline}@media(max-width: 576px){.popup-app-ad-free .ad-free-tickets-container .ticket-container .ticket-content .left .expired-data{font-size:3vw}}.popup-app-ad-free .ad-free-tickets-container .ticket-container .ticket-content .right .btn-use{display:flex;place-items:center;background-color:var(--theme-btn-bg-secondary);border-radius:var(--radius-circle);padding:8px 9px;place-self:center;margin-right:20px}.popup-app-ad-free .ad-free-tickets-container .ticket-container .confirm-ticket-content{flex-direction:column;gap:.5em;align-items:center;margin-left:12px}.popup-app-ad-free .ad-free-tickets-container .ticket-container .confirm-ticket-content .confirm-header{font-weight:bold}.popup-app-ad-free .ad-free-tickets-container .ticket-container .confirm-ticket-content .btn-container{display:flex;justify-content:center;gap:10px;width:100%}.popup-app-ad-free .ad-free-tickets-container .ticket-container .confirm-ticket-content .btn-container button{width:47%;padding:2px 8px 4px 8px}.popup-app-ad-free .ad-free-tickets-container .ticket-container .confirm-ticket-content .btn-container .active{background-color:var(--theme-btn-bg-primary)}.popup-app-ad-free .ticket-container.state-ticket .confirm-ticket-content{display:none}.popup-app-ad-free .ticket-container.state-confirm .ticket-content{display:none}.popup-app-ad-free .ticket-container.state-confirm .confirm-ticket-content{display:flex}.popup-app-ad-free .ticket-container.state-confirm .fa-spinner{animation:Rotation 2s cubic-bezier(0, 0.4, 0.75, 0.96) infinite}.popup-app-ad-free .ticket-container.state-active .btn-use{background-color:var(--theme-bg-orange);width:auto;height:auto;border-radius:var(--radius-xl) !important;pointer-events:none;margin-right:16px !important;padding:4px 6px !important}@media screen and (max-width: 414px){.popup-app-ad-free .ticket-container.state-active .btn-use{margin-right:12px !important}}@media screen and (max-width: 390px){.popup-app-ad-free .ticket-container.state-active .btn-use{margin-right:6px !important}}.popup-app-ad-free .ticket-container.state-active .confirm-ticket-content{display:none}.popup-app-ad-free .ticket-container.state-used{opacity:.5;pointer-events:none;filter:brightness(0.9)}.popup-app-ad-free .ticket-container.state-used .confirm-ticket-content{display:none}.popup-app-ad-free .ripple-wrapper{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;width:4.25em;height:4.25em}.popup-app-ad-free .ripple-wrapper img{width:100%;height:auto;z-index:1}.popup-app-ad-free .ripple-animation{animation:Ripple 1.5s linear infinite}
.text-edit-viewer{display:block}.text-edit-viewer>*{max-width:100%}.text-edit-viewer img{display:inline-block;object-fit:contain}.text-edit-viewer .table-container{overflow-x:auto;white-space:nowrap;padding-bottom:.25em}.text-edit-viewer .table-container table{white-space:nowrap}.text-edit-viewer .test-inject-area{--area-title-color: dodgerblue;margin-top:1px;padding:.5em 0 1em;outline:1px solid red;background-color:rgba(128,0,128,.1)}.text-edit-viewer .test-inject-area .area-title{margin:.5em 0;font-size:1.5em;font-weight:bold}.text-edit-viewer .test-inject-area .test-title{margin:1em 0;color:var(--area-title-color);font-weight:bold;text-align:center}.text-edit-viewer .test-inject-area details{margin:.5em 0}.text-edit-viewer .test-inject-area table{border-collapse:collapse}.text-edit-viewer .test-inject-area table th,.text-edit-viewer .test-inject-area table td{border:1px solid #ddd;padding:.5em;text-align:left}.text-edit-viewer .test-inject-area table th{background-color:#f4f4f4}.text-edit-viewer .test-inject-area table img{max-width:revert}.text-edit-viewer .test-inject-area .lang-text::before{content:attr(data-lang);display:block;margin-bottom:.5em;color:var(--area-title-color);font-weight:bold;text-align:center}.text-edit-viewer .test-inject-area .lang-text[data-lang=ar-XA]{direction:rtl}
.popup-app-description .popup-content{overflow-y:auto;margin:1em;padding:0}
.app-bar-tools{display:flex;font-size:1.75em}@media(max-width: 576px){.app-bar-tools{justify-content:center;width:100%}}.app-bar-tools .btn-wrapper{display:inline-flex;align-items:center}.app-bar-tools .btn-wrapper:not(:first-child):has(.btn:not(template):not(.btn-exit-playing))::before{content:"";display:inline-block;margin:0 .25em;border-left:.0625em solid var(--theme-font-white);height:.75em}[data-os*=ios] .app-bar-tools .btn-wrapper:has(.btn-fullscreen){display:none}.app-bar-tools .btn-wrapper:has(.btn-exit-playing){order:-1;margin-right:auto}[data-device]:not([data-device*=mobile]) .app-bar-tools .btn-wrapper:has(.btn-exit-playing){display:none}@media not (max-width: 576px){.app-bar-tools .btn-wrapper:has(.btn-exit-playing){display:none}}.app-bar-tools .btn{margin:0;padding:0 8px;transform:translateY(-2px)}.app-bar-tools .btn.btn-ad-free{transform:translateY(-1px)}.app-bar-tools .btn:not(.btn-exit-playing){background-color:rgba(0,0,0,0)}.app-bar-tools .btn-exit-playing{display:flex;align-items:center;gap:.5em}.app-bar-tools .btn-exit-playing .icon{position:relative;display:inline-flex;font-size:70%}.app-bar-tools .btn-exit-playing i.fa-left-long{position:absolute;top:30%;left:52.5%;font-size:40%}.app-bar-tools .btn-exit-playing .label{font-size:70%}@media not (max-width: 576px){.app-bar-tools .btn-exit-playing .label{display:none}}@media(max-width: 390px){.app-bar-tools .btn-exit-playing .label{display:none}}.app-bar-tools .btn-ad-free .hidden{display:none}.app-bar-tools .btn-ad-free::after{top:0;right:0;transform:translate(-100%, -7%)}.app-bar-tools .btn-ad-free.hide-alert::after{display:none}.app-bar-tools .btn-ad-free .progress-ring{display:flex;align-items:center;justify-content:center;transform:translateY(1px);position:relative;color:var(--theme-font-orange);border-radius:var(--radius-circle);width:1.5em;height:1.5em;background:conic-gradient(var(--theme-font-red) calc(var(--progress) * 1%), transparent 0)}.app-bar-tools .btn-ad-free .progress-ring .progress-text{z-index:1;font-size:.5em;padding-bottom:2px}.app-bar-tools .btn-ad-free .progress-ring::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:3px;border-radius:var(--radius-circle);background-color:var(--theme-progress-bg)}.app-bar-tools .btn-ad-free .progress-ring.warning{animation:warningEffect 1s linear infinite}@keyframes warningEffect{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}
.app-hotness-swiper{display:flex;flex-direction:column}.app-hotness-swiper .title{margin:.5em auto}.app-hotness-swiper .app-swiper{--swiper-pagination-bullet-size: 3.5%;--swiper-pagination-bullet-inactive-opacity: 1;--swiper-pagination-bottom: 5%;overflow:hidden;flex:1;position:relative;margin:0 1em}.app-hotness-swiper .swiper-slide{display:flex}.app-hotness-swiper .app-card{flex:1;display:flex;flex-direction:column;gap:.5em;margin:var(--shadow-gap);padding:10%;padding-bottom:calc(15% - var(--shadow-gap));border-radius:var(--radius-xl);background-color:var(--theme-bg-primary)}.app-hotness-swiper .app-card .app-icon{margin:0 auto;max-width:57.5%}.app-hotness-swiper .app-card .app-name{margin:1em auto 0;max-width:100%;width:fit-content;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-hotness-swiper .app-card .app-brief{--rows: 2;margin:0;font-size:85%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.app-hotness-swiper .app-card .app-brief[data-empty-brief]::before{content:attr(data-empty-brief)}@supports(height: 1lh){.app-hotness-swiper .app-card .app-brief{height:calc(var(--rows)*1lh)}}@supports not (height: 1lh){.app-hotness-swiper .app-card .app-brief{height:calc(var(--rows)*var(--1lh))}}.app-hotness-swiper .swiper-pagination .swiper-pagination-bullet{aspect-ratio:1/1;outline:.0625em solid rgba(0,0,0,0);background-color:var(--theme-bg-secondary-a50)}.app-hotness-swiper .swiper-pagination .swiper-pagination-bullet-active{outline-color:var(--theme-border-black);background-color:var(--theme-bg-white)}
.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}
.app-pairing{position:relative;flex:1;display:flex;flex-direction:column}@media(max-width: 768px){.app-pairing{min-height:20em;max-width:30em;width:20em}}.app-pairing .icon-dislike{color:#b5b5b5}.app-pairing .icon-like{color:#ff5b5b}.app-pairing .app-pairing-title{margin:.5em auto;text-align:center}.app-pairing .app-pairing-swiper-wrapper{flex:1;position:relative;display:flex}.app-pairing .btn-side{position:absolute;top:0;bottom:0;z-index:1;margin:auto 0;width:max-content;height:max-content;background-color:rgba(0,0,0,0)}.app-pairing .btn-side .icon{font-size:2em}.app-pairing .btn-dislike{left:0}.app-pairing .btn-like{right:0}.app-pairing .app-paring-swiper{margin:auto;max-width:80%}.app-pairing .app-card{aspect-ratio:5/6;display:flex;flex-direction:column;padding:1em;border-radius:var(--radius-xl);background-image:linear-gradient(to bottom, white 0% 50%, #FFFBDB);color:var(--theme-font-black)}.app-pairing .app-card .app-name{font-size:1.25em;font-weight:bold}.app-pairing .app-card .app-brief{flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.app-pairing .app-card .app-brief:empty::before{content:attr(data-empty)}.app-pairing .app-card .app-entry{position:relative}.app-pairing .app-card .app-entry::before{content:"";position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.app-pairing .app-card .app-entry .btn{--shadow-color: var(--theme-shadow-white-faint)}.app-pairing .app-card .app-banner{aspect-ratio:16/9;width:100%}.app-pairing .app-card .btn-entry{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;margin:auto;width:max-content;height:max-content;background-color:rgba(0,0,0,0);font-size:2em}.app-pairing .app-empty-card{height:100%;width:100%}@media(max-width: 1700px){.app-pairing .app-empty-card{font-size:.95vw}}@media(max-width: 768px){.app-pairing .app-empty-card{font-size:1em}}.app-pairing .app-empty-card .icon-empty{margin:auto;width:7.5em}.app-pairing .app-empty-card .content{text-align:center}.app-pairing .app-empty-card .btn-more{padding:.5em .75em;border-radius:var(--radius-pill);text-align:center}.app-pairing .app-pairing-entry{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding:10% 15%;border-radius:var(--radius-xl);background-color:var(--theme-bg-black-a75);color:var(--theme-font-white);backdrop-filter:blur(0.125em)}@media(max-width: 992px){.app-pairing .app-pairing-entry{font-size:1.5vw}}@media(max-width: 768px){.app-pairing .app-pairing-entry{font-size:1em}}.app-pairing .app-pairing-entry .entry-title{font-size:1.5em;font-weight:bold;text-align:center}.app-pairing .app-pairing-entry .entry-introduce{margin:.5em 0}.app-pairing .app-pairing-entry .symbol-introduce{display:grid;grid-template-columns:1fr 1fr;text-align:center}.app-pairing .app-pairing-entry .symbol-introduce .symbol{display:flex;flex-direction:column}.app-pairing .app-pairing-entry .symbol-introduce .symbol .icon{margin-top:.25em;font-size:2em}.app-pairing .app-pairing-entry .btn{--shadow-color: var(--theme-shadow-white-faint)}.app-pairing .app-pairing-entry .btn-start{border-radius:var(--radius-pill);padding:.5em .75em}
.app-player{display:flex;background-image:var(--app-bg, none)}.app-player[data-playing] .app-iframe{background-image:url("/img/loading.svg");background-repeat:no-repeat;background-position:center;background-size:50% 50%}.app-player .app-iframe{margin:auto;border:none;max-width:100%;max-height:100%;height:100%;width:100%;background-color:rgba(0,0,0,0)}.app-player .app-iframe.support-landscape{width:min(var(--app-iframe-width, 100%),var(--app-landscape-max-width, 100%));height:min(var(--app-iframe-height, 100%),var(--app-landscape-max-height, 100%))}.app-player .app-iframe.support-portrait{width:min(var(--app-iframe-width, 100%),var(--app-portrait-max-width, 100%));height:min(var(--app-iframe-height, 100%),var(--app-portrait-max-height, 100%))}.app-player .app-iframe.support-landscape.support-portrait{width:min(var(--app-iframe-width, 100%),var(--app-landscape-max-width, 100%));height:min(var(--app-iframe-height, 100%),var(--app-landscape-max-height, 100%))}@media(max-width: 576px){.app-player .app-iframe.support-landscape.support-portrait{width:min(var(--app-iframe-width, 100%),var(--app-portrait-max-width, 100%));height:min(var(--app-iframe-height, 100%),var(--app-portrait-max-height, 100%))}}
.game-rating-system{--levelIntlBg: transparent;--levelIconBorderSize: 0.0625em;display:flex;align-items:center;gap:1em}.game-rating-system.hidden,.game-rating-system .hidden{display:none !important}.game-rating-system.intl{display:grid;grid-template-columns:42px auto}.game-rating-system .level-icon-outer{padding:4px 1px;border-radius:5px;box-shadow:2px 2px 3px 0px rgba(30,30,30,.5);background-color:var(--levelIntlBg)}.game-rating-system .level-icon{--size: 2.5em;aspect-ratio:1/1;width:var(--size);height:var(--size);border:var(--levelIconBorderSize) solid #000}.game-rating-system .level-brief{font-weight:bold;margin:14px 0 16px 0}
.notice-bar{--bg-color: var(--theme-bg-black-a75);--font-color: var(--theme-font-white);display:flex;align-items:center;padding:.5em;width:100%;background-color:var(--bg-color);color:var(--font-color)}.notice-bar.hidden,.notice-bar .hidden{display:none}.notice-bar .content{flex:1}.notice-bar .btn{--shadow-color: var(--theme-shadow-white-faint)}.notice-bar .btn-close{--size: 1.5em;display:flex;align-items:center;justify-content:center;margin-left:.25em;padding:0;width:var(--size);height:var(--size);border-radius:var(--radius-circle);border:.125em solid var(--font-color);background-color:rgba(0,0,0,0);color:var(--font-color)}
@media(max-width: 768px){.login-notice-bar{align-items:flex-start}}.login-notice-bar .content{display:flex}@media not (max-width: 768px){.login-notice-bar .content{align-items:center;justify-content:center}}@media(max-width: 768px){.login-notice-bar .content{flex-direction:column}}.login-notice-bar .notice-message{margin:0}@media not (max-width: 768px){.login-notice-bar .notice-message{margin-right:.5em}}@media(max-width: 768px){.login-notice-bar .notice-message{margin-bottom:.5em;font-size:.8em}}.login-notice-bar .btn-login{padding:.25em .5em;min-width:max-content;border-radius:var(--radius-m);border:none;background-color:var(--theme-bg-light-orange);color:var(--theme-font-black)}@media not (max-width: 768px){.login-notice-bar .btn-login{margin-right:.25em}}@media(max-width: 768px){.login-notice-bar .btn-login{margin:0 auto}}.login-notice-bar .btn-login .icon{margin-right:.25em;color:var(--theme-font-orange)}
.block-main{display:flex;flex-wrap:wrap;gap:3.5%;margin-bottom:3em}@media(max-width: 1700px){.block-main{gap:2.5vw}}@media(max-width: 768px){.block-main{flex-wrap:wrap}}.block-main .side-left,.block-main .side-right{position:relative;max-width:min(300px,18%);max-height:max-content}@media(max-width: 1200px){.block-main .side-left,.block-main .side-right{max-width:min(300px,22.5%)}}.block-main .side-content{height:100%}@media(max-width: 1200px){.block-main .side-left{display:none}}@media(max-width: 768px){.block-main .side-right{margin:1em auto auto;max-width:100%}}@media(max-width: 768px){.block-main .side-right::before{aspect-ratio:revert}}.block-main .side-right .side-content{display:flex;flex-direction:column;gap:2.5%}@media(max-width: 768px){.block-main .side-right .side-content{position:relative}}.block-main .side-right .vda-wrapper{margin-top:auto}@media(max-width: 768px){.block-main .side-right .vda-wrapper{display:none}}.block-main .app-hotness-swiper{flex:1}.app-play{--game-rating-system-size: 1.75em;--game-rating-system-margin: 0.5em;flex:1;display:flex;flex-direction:column;min-width:320px}@media(max-width: 768px){.app-play{min-width:100%}}.app-play .hidden{display:none !important}.app-play .app-content{flex:1;position:relative;display:flex}@media(max-width: 768px)and (min-width: 576.02px){.app-play .app-content{aspect-ratio:16/9}}.app-play .app-player{flex:1;background-color:var(--theme-bg-black)}.app-play .app-enter{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)),var(--app-enter-bg, none);background-repeat:no-repeat;background-position:center;background-size:cover}.app-play .app-enter .app-name{margin:0;color:var(--theme-font-white);font-size:1.5em}.app-play .app-enter .app-icon{margin:1em;width:7.5em;height:7.5em}.app-play .app-enter .btn-app-start{--shadow-color: var(--theme-shadow-white);--shadow-text-color: var(--theme-shadow-black-faint);--gap-vertical: 0.25em;display:flex;align-items:center;gap:.25em;border-radius:var(--radius-pill);border:none;padding:var(--gap-vertical) 1em var(--gap-vertical) 1.25em;background-color:#fff;background-image:var(--theme-btn-bg-orange-vertical);color:var(--theme-font-white);font-size:1.25em;font-weight:bold}.app-play .app-enter .btn-app-start .btn-icon{--size: 2em;aspect-ratio:1/1;width:var(--size);height:var(--size)}.app-play .app-notice-stack{position:absolute;left:0;right:0;bottom:0}.app-play .app-bar{--app-bar-bg-color: var(--theme-bg-green);display:flex;align-items:center;padding:8px 8px 8px 18px;background-color:var(--app-bar-bg-color)}@media(max-width: 576px){.app-play .app-bar{flex-direction:column-reverse}}.app-play .app-bar .logo{flex:0 0 auto;margin-right:.5em;height:2em}.app-play .app-bar .prefix{display:flex;align-items:center;margin-right:auto;max-width:60%}@media(max-width: 576px){.app-play .app-bar .prefix{margin-top:.5em;max-width:revert;width:100%}}.app-play .app-bar .prefix .intl{display:flex;grid-template-columns:unset}.app-play .game-rating-system{flex:1 0 auto;margin-right:var(--game-rating-system-margin)}.app-play .game-rating-system .level-icon{--size: var(--game-rating-system-size)}@media(max-width: 576px){.app-play .game-rating-system+.app-bar-tags{max-width:calc(100% - var(--game-rating-system-size) - var(--game-rating-system-margin))}}@media(max-width: 576px){.app-play:not(.fullscreen){height:80vh}}.app-play:not(.fullscreen) .app-bar .logo{display:none}@media(max-width: 576px){.app-play.fullscreen .app-bar .logo{display:none}}@media(max-width: 576px){[data-device*=mobile] .app-play:has([data-playing]){flex-direction:column-reverse}}[data-device*=mobile] .app-play:has([data-playing]).mobile-fill-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;height:100%}.app-play:has([data-playing]) .app-enter{display:none}@media(max-width: 576px){.app-play:has([data-playing]) .app-bar{flex-direction:row}}@media(max-width: 576px){.app-play:has([data-playing]) .app-bar .prefix{display:none}}.app-play:has([data-playing]) .app-bar .app-bar-tools{margin-left:auto}
.main-content{max-width:100%}.main-content.grid-layout{--preview-columns: 0.5;--grid-columns: calc(12 + var(--preview-columns))}@media(max-width: 1440px){.main-content.grid-layout{--grid-columns: calc(10 + var(--preview-columns))}}@media(max-width: 1024px){.main-content.grid-layout{--grid-columns: calc(8 + var(--preview-columns))}}@media(max-width: 768px){.main-content.grid-layout{--grid-columns: calc(6 + var(--preview-columns))}}@media(max-width: 576px){.main-content.grid-layout{--grid-columns: calc(4 + var(--preview-columns))}}@media(max-width: 414px){.main-content.grid-layout{--grid-columns: calc(3 + var(--preview-columns))}}[data-env*=product] .main-content.grid-layout{--grid-columns: 12}@media(max-width: 1440px){[data-env*=product] .main-content.grid-layout{--grid-columns: 10}}@media(max-width: 1024px){[data-env*=product] .main-content.grid-layout{--grid-columns: 8}}@media(max-width: 768px){[data-env*=product] .main-content.grid-layout{--grid-columns: 6}}@media(max-width: 576px){[data-env*=product] .main-content.grid-layout{--grid-columns: 4}}@media(max-width: 414px){[data-env*=product] .main-content.grid-layout{--grid-columns: 3}}

/*# sourceMappingURL=play.123c15fe.css.map*/