@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);#grid,.animateA,.animateB,.cloneA,.cloneB,.jewel{will-change:transform}#button-container,#replay-button,#reset-board-button{background-color:rgba(255,255,255,.8)}#loading-screen,body{transition:opacity .5s ease-in-out}#wrapper,body{background-color:#000}#background,#board,#game-container,#grid{position:absolute}.cell,.jewel.dragging{transform-style:preserve-3d}#grid,.jewel.dragging-copy{perspective:1000px;contain:strict}.ghost,body{isolation:isolate}#board,#button-container,#checkbox-container,#count-container,#grid,#slidecontainer,#timer-container{left:50%;transform:translateX(-50%)}#board-image,.fade-out,.jewel.removing{opacity:0}#grid,*,.checkmark{box-sizing:border-box}#wrapper,body,html,input{overflow:hidden}#background,#background img,#game-container,#grid,#loading-screen,#timer-bar,.jewel-button img,body,html{width:100%;height:100%}#button-container,#count-container{width:70%;gap:10px;border-radius:10px}#rangeValue,.falling-jewels-checkbox input:checked~.checkmark:after,.free-grabbing-checkbox input:checked~.checkmark:after{display:block}*{margin:0;padding:0}body{position:relative;font-family:"Noto Sans TC",sans-serif!important}.fade-in{opacity:1}.content{text-align:center;margin-top:50px}#loading-screen{position:fixed;top:0;left:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9999;color:#fff;font-size:3vh;font-weight:700;visibility:visible;opacity:1}#step,.checkbox-label,.count-value{font-weight:800;color:#b1b1b1}#wrapper,.cell,.jewel.dragging{position:relative}#button-container,#checkbox-container,#count-container,#step,.jewel{position:absolute}#loading-screen.hidden{visibility:hidden;opacity:0}#wrapper{scrollbar-width:none;width:1080px;height:1920px}input{--c:orange;--g:0.75rem;--l:1.25rem;--s:3.75rem;width:100%;height:var(--s);--_c:color-mix(in srgb, var(--c), #000 var(--p, 0%));-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer}input:focus-visible,input:hover{--p:25%}input:active,input:focus-visible{--_b:var(--s)}#background{transform-origin:top left;transform:scale(1)}#background img{object-fit:cover;pointer-events:none}#board{bottom:0;width:100%;height:auto}#board img{width:100%;height:auto;object-fit:cover}#game-container{bottom:-.3%;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;pointer-events:none}#grid{top:0;display:grid;grid-template-columns:repeat(var(--numCols),1fr);grid-template-rows:repeat(var(--numRows),1fr);gap:var(--spacing) px;pointer-events:auto;touch-action:none;user-select:none;padding:2px;background-clip:content-box;transform-style:preserve-3d}.cell{display:flex;align-items:center;justify-content:center;overflow:visible;z-index:auto!important}.ghost,.jewel{transform:translate(-50%,-50%)}.jewel{top:50%;left:50%;margin:0;transition:transform .15s ease-in;image-rendering:-webkit-optimize-contrast;z-index:2;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.jewel-button,.jewel.dragging-copy{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.animateA,.animateB,.cloneA,.cloneB,.ghost{transition:none!important}.jewel.dragging{z-index:1001!important}.jewel.swapping{animation:.3s swapFlash}.jewel.dragging-copy{cursor:grabbing;transform:translateZ(0);user-select:none}.ghost{opacity:.5;z-index:100!important}@keyframes flash{0%,100%{opacity:1}50%{opacity:.5}}@keyframes swapFlash{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}.cell.match{animation:.5s flash}.cloneA,.cloneB{position:fixed;pointer-events:none;width:50%;z-index:1000;transform:translateZ(0)}.animateA,.animateB{transform-origin:center center}#count-container{top:-73%;height:auto;display:flex;z-index:1000;padding:0;justify-content:space-around}.count-value{font-size:5rem}#step{top:-9%;left:5%;font-size:2.5rem}#button-container{top:-60%;height:auto;display:flex;z-index:1000;padding:0;box-shadow:0 4px 8px rgba(0,0,0,.2);margin-top:10px;justify-content:center}.jewel-button{width:20%;height:auto;aspect-ratio:1/1;padding:0;border:none;border-radius:5px;background-color:transparent;transition:transform .2s,box-shadow .2s;cursor:pointer;user-select:none}.jewel-button img{object-fit:contain}.jewel-button.active{background-color:#cf872a;border:2px solid #cc8a2c}.jewel-button:hover{background-color:#a07745;box-shadow:0 0 8px rgba(0,0,0,.3)}#checkbox-container{top:-35%;width:100%;display:flex;justify-content:center;align-items:center;z-index:1000}.falling-jewels-checkbox,.free-grabbing-checkbox{width:50%;transform:translateX(10%);display:flex;align-items:center;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.falling-jewels-checkbox input,.free-grabbing-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{aspect-ratio:1/1;height:15%;width:15%;background-color:#393939;border:1px solid #353535;border-radius:10%;margin-right:5%;position:relative;flex-shrink:0}#replay-button,.myButton{cursor:pointer;width:504px}#replay-container,#reset-board-button,#return-container{justify-content:center;display:flex;z-index:1000;position:absolute}.falling-jewels-checkbox:hover input~.checkmark,.free-grabbing-checkbox:hover input~.checkmark{background-color:#4b4b4b}.falling-jewels-checkbox input:checked~.checkmark,.free-grabbing-checkbox input:checked~.checkmark{background-color:#2b6a9e;border-color:#23679f}.checkmark:after{position:absolute;content:"";display:none;left:1.3rem;top:.3rem;width:1.5rem;height:2.5rem;border:solid #3d3d3d;border-width:0 .75vh .75vh 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.checkbox-label{font-size:4.5rem}#return-container{top:2%;left:-16%;align-items:center;transform:scale(.2)}.myButton{background:url(../images/simulator/back.avif) no-repeat;border:none;height:492px}.myButton:active{transform:scale(.9)}#replay-container{position:absolute;top:35.5%;left:-16%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;z-index:1000;transform:scale(.2)}#replay-button{border-radius:9%;border:none;height:388px}#replay-button:hover,#reset-board-button:hover,#restore-board-button:hover,#share-button:hover{background-color:#fff;transform-origin:center center;transform:scale(1.05)}#replay-button img{position:absolute;transform:scale(.6) translate(-80%,-80%)}#reset-board-button{top:-20%;left:17%;align-items:center;border:none;border-radius:.75rem;padding:.5% 1.5%;font-size:4.5rem;font-weight:600;color:#333;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:background-color .2s,transform .2s}#restore-board-button,#share-button{border:none;padding:.5% 1.5%;font-weight:600;color:#333;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:background-color .2s,transform .2s;background-color:rgba(255,255,255,.8);display:flex;z-index:1000;position:absolute}#restore-board-button{justify-content:center;font-size:4.5em;top:-20%;right:17%;align-items:center;border-radius:.75rem}#share-button{top:-18.5%;right:3%;justify-content:center;align-items:center;border-radius:.75rem;font-size:4.5rem}#scan-container{position:absolute;top:14%;left:-18%;transform:scale(.2)}#timer-container{position:absolute;top:-1.3%;width:100%;height:2%;background-color:rgba(255,255,255,.8);overflow:hidden;z-index:1000}#timer-bar{background-color:#2b6a9e;transform-origin:left;transition:transform .1s linear}#slidecontainer{position:absolute;top:-40%;width:42.5rem;height:.5rem;display:flex;align-items:center;gap:2.5rem;z-index:1000;border:none}#rangeValue{position:absolute;left:-4.75rem;text-align:center;font-size:2em;color:#999;font-weight:400}input[type=range i]::-webkit-slider-thumb{height:var(--s);aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 var(--_b,var(--l)) inset var(--_c);border-image:linear-gradient(90deg,var(--_c) 50%,#ababab 0) 0 1/calc(50% - var(--l)/ 2) 50rem/0 calc(50rem + var(--g));-webkit-appearance:none;appearance:none;transition:.3s}input[type=range]::-moz-range-thumb{height:var(--s);width:var(--s);background:0 0;border-radius:50%;box-shadow:0 0 0 var(--_b,var(--l)) inset var(--_c);border-image:linear-gradient(90deg,var(--_c) 50%,#ababab 0) 0 1/calc(50% - var(--l)/ 2) 50rem/0 calc(50rem + var(--g));-moz-appearance:none;appearance:none;transition:.3s}@supports not (color:color-mix(in srgb,red,red)){input{--_c:var(--c)}}#path-container{transition:.3s}@keyframes path-fade{0%,100%{opacity:.8}50%{opacity:.4}}