.popup-app-description .popup-content{overflow-y:auto;margin:1em;padding:0}
.app-play{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-secondary);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:calc(1em + var(--gap-vertical));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-secondary);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 .login-notice-bar{position:absolute;bottom:0}.app-play .app-bar{--app-bar-bg-color: var(--theme-bg-green);display:flex;align-items:center;padding:.5em;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 .game-rating-system:not(:empty){flex:1 0 auto;aspect-ratio:1/1;border:1px solid #000;width:1.75em;margin-right:.5em}@media(max-width: 576px){.app-play .game-rating-system:not(:empty)+.app-tags-wrapper{max-width:calc(100% - 1.75em - .5em)}}.app-play .app-tags-wrapper{--bg-color: var(--theme-bg-green);position:relative;width:100%}@media(max-width: 576px){.app-play .app-tags-wrapper{height:100%;max-width:calc(100% - 1.75em)}}.app-play .app-tags-wrapper::after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:2em;background-image:linear-gradient(to right, transparent, var(--app-bar-bg-color))}@media print{.app-play .app-tags-wrapper::after{display:none !important}}.app-play .app-tags{overflow-y:hidden;display:flex;align-items:center;flex-wrap:nowrap;height:100%;white-space:nowrap}.app-play .app-tags[loading-done]:empty::before{content:attr(data-empty-tip)}.app-play .app-tags .tag{margin:0 .25em;padding:.25em 1.25em;border-radius:1em;background-color:var(--theme-bg-dark-orange);color:var(--theme-font-secondary);text-align:center}.app-play .app-tags .tag:last-child{margin-right:2em}.app-play .app-toolbar{display:flex;font-size:1.75em}@media(max-width: 576px){.app-play .app-toolbar{justify-content:center;width:100%}}.app-play .app-toolbar .btn-wrapper{display:inline-flex;align-items:center}.app-play .app-toolbar .btn-wrapper:not(:first-child)::before{content:"";display:inline-block;margin:0 .25em;border-left:.0625em solid var(--theme-font-secondary);height:.75em}[data-os*=ios] .app-play .app-toolbar .btn-wrapper:has(.btn-fullscreen){display:none}.app-play .app-toolbar .btn-wrapper:has(.btn-exit-playing){order:-1;margin-right:auto}.app-play .app-toolbar .btn-wrapper:has(.btn-exit-playing)::before{content:none}[data-device]:not([data-device*=mobile]) .app-play .app-toolbar .btn-wrapper:has(.btn-exit-playing){display:none}@media not (max-width: 576px){.app-play .app-toolbar .btn-wrapper:has(.btn-exit-playing){display:none}}.app-play .app-toolbar .btn{margin:0}.app-play .app-toolbar .btn:not(.btn-exit-playing){background-color:rgba(0,0,0,0)}.app-play .app-toolbar .btn-exit-playing{display:flex;align-items:center;gap:.5em}.app-play .app-toolbar .btn-exit-playing .icon{position:relative;display:inline-flex;font-size:70%}.app-play .app-toolbar .btn-exit-playing i.fa-left-long{position:absolute;top:30%;left:52.5%;font-size:40%}.app-play .app-toolbar .btn-exit-playing .label{font-size:70%}@media not (max-width: 576px){.app-play .app-toolbar .btn-exit-playing .label{display:none}}@media(max-width: 390px){.app-play .app-toolbar .btn-exit-playing .label{display:none}}@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-toolbar{margin-left:auto}
.app-pairing{position:relative;flex:1;display:flex;flex-direction:column}@media(max-width: 768px){.app-pairing{min-height:20em;max-width:30em}}.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)}.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{display:flex;flex-direction:column;height:100%;width:100%}.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-xxl);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-secondary);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-xxl);padding:.5em .75em}
.main-content{max-width:100%}.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:5%}@media(max-width: 768px){.block-main .side-right .side-content{position:relative;margin:0 10%}}@media(max-width: 768px){.block-main .side-right .vda-wrapper{display:none}}

/*# sourceMappingURL=play.79c04fee.css.map*/