@font-face{font-family:'Noto Sans TC';src:url('../fonts/Noto-Sans-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Material Symbols Outlined';src:url('../fonts/material-symbols-outlined.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:block}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}#wrapper,#slot-container,[id$="-container"],.slot,.slot-title{-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{background-color:#000!important;margin:0;padding:0;overflow:hidden!important;height:100%;width:100%;display:flex;justify-content:center;align-items:flex-start;font-family:'Noto Sans TC',sans-serif}#wrapper{position:relative;width:min(100vw,calc(100vh * 9 / 16));height:min(100vh,calc(100vw * 16 / 9));background-color:#000;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,0.8);container-type:size}#background{width:100%;height:100%;position:absolute;top:0;left:0;transform:none!important}#background img{width:100%;height:100%;object-fit:cover}#slot-container,#slot2-container,#slot3-container,#slot4-container,#slot5-container{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:2000!important;pointer-events:auto!important;width:99%!important;max-height:75cqh;top:25cqh;left:0%;padding-bottom:10%;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:none}#slot-container::-webkit-scrollbar{display:none}.slot,.slot2,.slot3,.slot4,.slot5{width:100%!important;aspect-ratio:606 / 98;position:relative;display:flex;justify-content:center;align-items:center;background-size:100% 100%;background-repeat:no-repeat;margin-top:1cqh;margin-bottom:1cqh;opacity:0;transition:transform 0.2s,filter 0.2s;animation:slotEnter 0.5s ease forwards}.slot.entered,.slot2.entered,.slot3.entered,.slot4.entered,.slot5.entered{opacity:1;animation:slotEnter 0.3s ease forwards}.slot.exit,.slot2.exit,.slot3.exit,.slot4.exit,.slot5.exit{animation:slotExit 0.3s ease forwards}.slot.pressed,.slot2.pressed,.slot3.pressed,.slot4.pressed,.slot5.pressed{filter:brightness(70%)}.slot-title{position:absolute;top:10%;left:32%;color:white;font-size:4cqw;white-space:nowrap}.slot-icon{z-index:55}.thumbnail{position:absolute;left:5%;width:15cqw;height:auto;display:flex;align-items:center}.frame-left{position:absolute;top:-7%;left:-21%;height:90%;display:flex;align-items:center}.frame-right{position:absolute;top:15%;left:98%;height:80%;display:flex;align-items:center}#return-container{position:absolute;top:15cqh;left:5cqw;z-index:1001;transform:scale(0.15);transform-origin:top left}.slot-icon{border-radius:9%}.myButton{position:absolute;background:url(../images/stage/back.avif) no-repeat;cursor:pointer;border:none;width:80cqw;height:80cqw;background-size:contain}.myButton:active{transform:scale(0.9)}@keyframes slotAppear{from{opacity:0;transform:translateY(10px);-webkit-transform:translateY(10px)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}@media (max-aspect-ratio:9/16){#slot-container{max-height:75%}}@keyframes slotEnter{from{opacity:0;transform:translateX(-50%) translateX(-50%);-webkit-transform:translateX(-50%) translateX(-50%)}to{opacity:1;transform:translateX(-50%) translateX(50%);-webkit-transform:translateX(-50%) translateX(50%)}}@keyframes slotExit{from{opacity:1;transform:translateX(-50%) translateX(50%);-webkit-transform:translateX(-50%) translateX(50%)}to{opacity:0;transform:translateX(-50%) translateX(-50%);-webkit-transform:translateX(-50%) translateX(-50%)}}@keyframes firstLevelExit{from{opacity:0;transform:translateX(-50%) translateX(-50%);-webkit-transform:translateX(-50%) translateX(-50%)}to{opacity:1;transform:translateX(-50%) translateX(50%);-webkit-transform:translateX(-50%) translateX(50%)}}@keyframes secondLevelAppear{from{opacity:1;transform:translateX(-50%) translateX(50%);-webkit-transform:translateX(-50%) translateX(50%)}to{opacity:0;transform:translateX(-50%) translateX(-50%);-webkit-transform:translateX(-50%) translateX(-50%)}}::view-transition-old(root),::view-transition-new(root){animation-duration:0.3s;animation-timing-function:ease-in-out}#wrapper{view-transition-name:main-wrapper}#card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:-1;display:flex;justify-content:center;align-items:center;pointer-events:none;transition:background 0.3s ease}#card-overlay.loading,#card-overlay.active,#card-overlay.closing{z-index:9999}#card-overlay.loading{pointer-events:auto;background:rgba(0,0,0,0.5)}#card-overlay.active{pointer-events:auto;background:rgba(0,0,0,0.7)}#card-frame{width:100%;height:100%;border:none;transform:scale(0);opacity:0;transition:transform 0.3s ease,opacity 0.3s ease}#card-overlay.active #card-frame{transform:scale(1);opacity:1}#card-overlay.closing #card-frame{transform:scale(0);opacity:0}