@font-face{font-display:swap;font-family:Fira Sans;font-style:normal;font-weight:300;src:url(fira-sans-v17-latin-300.36325009.woff2)format("woff2")}@font-face{font-display:swap;font-family:Fira Sans;font-style:normal;font-weight:400;src:url(fira-sans-v17-latin-regular.045851ea.woff2)format("woff2")}@font-face{font-display:swap;font-family:Fira Sans;font-style:normal;font-weight:500;src:url(fira-sans-v17-latin-500.2dae1f84.woff2)format("woff2")}@font-face{font-display:swap;font-family:Fira Sans;font-style:normal;font-weight:700;src:url(fira-sans-v17-latin-700.52d34965.woff2)format("woff2")}.cloud svg path{vector-effect:non-scaling-stroke}@keyframes scoring-points{0%{opacity:1;transform:translateY(-66px)}to{opacity:0;transform:translateY(-132px)}}*{margin:0;padding:0}body{overscroll-behavior-x:contain;line-height:1}.game{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;width:100dvw;height:100dvh;display:flex;position:absolute;overflow:hidden}.title-section{justify-content:space-between;align-items:start;width:100%;margin:5px 0;font-family:Fira Sans;font-weight:bolder;display:flex}@media (height<365px){.title-section{margin:-5px 0}}.title-section .game-title{width:250px;display:grid}.title-section .game-title>div{grid-area:1/1}.title-section .game-title div.game-title-icon-container{align-items:center;gap:5px;margin-left:5px;display:flex}.title-section .game-title div.game-title-icon-container div.game-title-icon{width:30px}.title-section .game-title div.game-title-icon-container span.game-title-text{color:#fff;text-transform:uppercase;padding-right:20px;font-family:Fira Sans;font-size:11pt;font-weight:700}.title-section .score-container{width:200px;display:grid}.title-section .score-container>div{grid-area:1/1}.title-section .score-container .score-text{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-self:flex-start;height:100%;font-family:Fira Sans;font-weight:700;display:flex}.title-section .score-container .score-text .score-title{font-size:10pt}.title-section .score-container .score-text .score-value{white-space:nowrap;font-size:19pt}.title-section .sound-dummy{width:250px}.game-description{color:#333;font-family:Fira Sans;font-size:12pt;font-weight:light;text-align:center;max-width:1000px;margin:2rem auto}@media screen and (height<=500px){.game-description{display:none}}.bottom-section{justify-content:end;display:flex}.bottom-section .judge{width:77px;margin:-28px -20px -3px 0}@media (height>650px){.bottom-section .judge{width:100px}}.returning-card{transition:all .1s ease-in-out;transform:translate(-50%,-50%)!important}.validation-impossible{color:#333;pointer-events:none}.card{color:#fff;cursor:grab;text-align:center;touch-action:none;background-color:#009fe3;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;width:137px;height:80px;padding:4px;font-family:Fira Sans;font-size:small;font-weight:400;display:flex}.card.drag-source{opacity:.5}@media (height<365px){.card{height:62px}}.slot-list{display:flex}.slot-list:before,.slot-list:after{content:"";margin:auto}.slot-set{flex-direction:column;padding-bottom:4px;display:flex}.slot-value{color:#fff;text-align:center;font-family:Fira Sans;font-size:14pt;font-weight:700}.slot{background-color:#b2e5f5;background-clip:padding-box;border:1px dashed #fff;border-radius:10px;width:108.75px;height:66px;transition:all .1s ease-in-out;box-shadow:2px 2px 1px #0003}@media (height<365px){.slot{height:52.5px}}.slot .score-alert{color:#fff;text-align:center;text-shadow:2px 2px 2px #000;font-family:Fira Sans;font-size:18pt;font-weight:700;animation:2s ease-in forwards scoring-points}.slot .card{transform-origin:0 0;scale:.75}.slot:has(.card){border:1px solid #fff}.can-drop{filter:brightness(.5)}.dragging-card{pointer-events:none;z-index:50;border:1px solid #fff;position:absolute;transform:rotate(3deg)translate(-50%,-50%);box-shadow:5px 5px 2px #0003}.card-list-container{display:grid}.card-list-container>div{grid-area:1/1}.card-list-container .validate-zone{color:#000;margin:44px auto 0;font-family:Fira Sans;font-size:16pt;font-weight:400;transform:translateY(-25%)}.card-list-container .card-list{min-height:96px;display:flex}@media (height<365px){.card-list-container .card-list{min-height:70px}}.card-list-container .card-list:empty{background-color:#ffffff80;border:1px dashed #fff}.card-list-container .card-list:before,.card-list-container .card-list:after{content:"";margin:auto}.card-list-container .card-list .card{border:1px solid #fff;transition:all .1s ease-in-out;box-shadow:2px 2px 1px #0003}.validate-button{align-self:start}.card.validated-right{cursor:initial;color:#fff;background-color:#ff9c2b}.card.validated-wrong{color:#fff;background-color:#f72717}.arrow{flex-direction:column;justify-content:center;align-items:center;min-width:48.3333px;display:flex}.arrow>div{margin-top:40px}.arrow.left-arrow{position:sticky;left:0}.arrow.left-arrow .left-arrow-icon{width:30px}.arrow.right-arrow{position:sticky;right:0}.arrow.right-arrow .right-arrow-icon{width:30px}.display-none{display:none!important}.visibility-hidden{visibility:hidden!important}.timeline-section{align-items:center;width:100%;display:flex}.timeline-section .timeline-horizontal-line{border-bottom:1px solid #fff;flex-grow:2;height:0}.timeline-section .timeline-dot-container{flex-direction:column;align-items:center;margin-top:10px;display:flex}.timeline-section .timeline-dot-container .timeline-dot{z-index:1;background-color:#009fe3;border:1px solid #fff;border-radius:50%;width:1rem;height:1rem;display:inline-block}.timeline-section .timeline-dot-container .timeline-vertical-line{border-left:1px solid #fff;width:1px;height:15px;margin-bottom:-5px}.background{background-color:#88d7ee;width:100dvw;height:100dvh;position:absolute;overflow:hidden}.background .cloud{position:absolute}.background .skyline{width:100vw;position:absolute;bottom:-5px}@media (width<=1000px){.background .skyline{width:1500px;left:-50%}}.start-screen{flex-direction:column;justify-content:center;align-items:center;gap:50px;width:100dvw;height:100dvh;display:flex;position:absolute;overflow:hidden}.start-screen .description{font-family:Fira Sans;font-weight:light;color:#333;font-weight:light;text-align:center;max-width:750px;line-height:normal}.start-screen .game-logo{width:100px;margin:10px;position:absolute;top:10px;left:0}.button{cursor:pointer;width:160px;display:grid}.button div,.button span{grid-area:1/1}.button span{color:#fff;text-align:center;align-self:center;font-family:Fira Sans;font-size:18pt;font-weight:700}.banner{width:494px;display:grid;position:relative}.banner div,.banner span{grid-area:1/1}.banner span{color:#fff;text-align:center;align-self:center;padding-left:34px;font-family:Fira Sans;font-size:20pt;font-weight:700}.end-screen{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;height:100vh;display:flex;position:absolute}.end-screen .text-box{width:500px;display:grid}.end-screen .text-box>div{grid-area:1/1}.end-screen .text-box .text-section{flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex}.end-screen .text-box .text-section .text-box-title-container{align-items:center;gap:10px;display:flex}.end-screen .text-box .text-section .text-box-title-icon{width:40px}.end-screen .text-box .text-section .text-box-title{color:#ff9c2b;font-family:Fira Sans;font-size:20pt;font-weight:700}.end-screen .text-box .text-section .text-box-description{color:#ff9c2b;text-align:center;margin:0 10px;font-family:Fira Sans;font-size:12pt;font-weight:700}.end-screen .game-logo{width:100px;margin:10px;position:absolute;top:10px;left:0}.end-screen .end-screen-animation{pointer-events:none;width:700px;position:absolute}.sound-container{cursor:pointer;width:50px;margin-left:100px;display:grid;position:absolute;top:5px;right:0}@media (height<365px){.sound-container{top:-5px}}.sound-container>div{grid-area:1/1}.sound-container .sound-button{place-self:center right;width:25px;margin-right:5px}