@charset "UTF-8";@import url(plugins.css);.wrapper,body{margin:0 auto;overflow:hidden;height:100%}.message,.wrapper,body{overflow:hidden}.card-view,.card-view .card,.card-wrap,.wrapper,body,main{height:100%}:root{--bg:#ababab}*{-webkit-box-sizing:border-box;box-sizing:border-box;user-select:none}body{padding:0;background:var(--bg);font-family:-apple-system,Roboto,Microsoft JhengHei,Helvetica Neue,sans-serif;overflow-y:auto}img{max-width:100%;width:100%}.wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;box-shadow:rgba(0,0,0,.05) 0 20px 20px}#share.fancybox-content>.fancybox-button.fancybox-close-small,.social-share{transform:translateY(10px)}.card-wrap{position:relative;width:100%}.card-view{position:absolute;width:100%;top:0;left:0;z-index:1}button,button:focus{position:relative;margin:0;padding:0;border:0;outline:0}.card-view .card{width:100%;background-color:#d8d8d8;background-repeat:no-repeat;background-size:contain;background-position:center;border-radius:0;-webkit-transition:1s;transition:1s}.card.cover,.card.q1{background:#d8d8d8}.card.q2{background:#ebebeb;z-index:2}.card.q3{background:#ecebe6}.card.q4{background:#d5d5cd}.card.q5{background:#ebebeb}.card.q6{background:#90e1e5}.card.result{background:#f3efe6}.card.result div:nth-of-type(2){display:flex;position:relative}.card button.item .overlay{position:absolute;inset:0;background:url(../img/game/item-selected.png) center 100%/contain no-repeat;transition:opacity .15s;opacity:0}.card button.item.active .overlay{opacity:1}@media only screen and (min-width:640px){.wrapper{max-height:760px;min-height:760px;width:425px}}#share.fancybox-content{height:140px;padding:20px;text-align:center;border-radius:12px}#share.fancybox-content::-webkit-scrollbar{display:none}.fancybox-close-small{position:relative}.fancybox-slide--html .fancybox-close-small{padding:10px;top:-5px}.message{display:inline-flex;flex-direction:column;align-items:center;width:270px;height:135px;padding:23px 20px 20px;border-radius:12px}.message.select{height:120px}.social-share{display:flex;position:relative;justify-content:center;gap:15px}.social-share .share-icon{position:relative;width:40px;height:40px;margin:auto}.social-share .share-icon svg{position:absolute;inset:0;width:100%;height:100%}.social-share>.ico-wrap{min-width:60px}.social-share>.ico-wrap span{display:block;font-size:12px;font-weight:600;color:#777;line-height:2.3;white-space:nowrap}.social-share .ico-wrap:last-child{margin-right:0;background:0 0}.social-share .ico-wrap:hover{text-decoration:none}#toast{display:none;position:absolute;left:50%;bottom:20px;color:#fff;padding:10px 20px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.3);border-radius:10px;transform:translateX(-50%);cursor:pointer;z-index:99999}#toast.show-toast{display:inline-block}.show-toast{animation:.3s ease-out showToast}.hide-toast{animation:.3s ease-in hideToast}@keyframes showToast{from{bottom:0}to{bottom:20px}}@keyframes hideToast{from{bottom:20px;opacity:1}to{bottom:0;opacity:0}}