@font-face{font-family:'Fredoka One';src:url(assets/fonts/FredokaOne-Regular.ttf) format("truetype")}*,*:before,*:after{box-sizing:border-box}h1,h2{font-weight:400}body{margin:0;padding:0;width:100vw;height:100vh;font-family:'Fredoka One', sans-serif;overflow:hidden}#app{width:100%;height:100%;overflow:hidden}

.background{position:absolute;width:100%;height:100%;top:0;left:0}.background .blob{position:relative;width:100%;height:100%;background-size:cover;background-position:center;background-image:url(assets/images/background.png),linear-gradient(to bottom left, #2f42d3, #3f7cd7);z-index:-2}.background .ornaments{position:absolute;width:100%;height:100%;top:0}.background .ornaments div>*{position:absolute;background-size:cover}.background .ornaments .left-elements>div{transition:300ms transform;animation:intro-left-elements 1s}.background .ornaments .right-elements>div{transition:300ms transform;animation:intro-right-elements 1s}.background .ornaments .bottle{transition:500ms cubic-bezier(0.34, 1.56, 0.64, 1) transform !important;width:9.18vh;height:19.55vh;transform:rotate(-21deg);top:6.5vh;left:12.5vh;animation:intro-left-elements 1s}.background .ornaments .bottle .bottle-container{width:9.18vh;height:17.83vh;top:1.72vh;background:url(assets/images/bottle.png) no-repeat center/contain}.background .ornaments .bottle .bottle-cap{width:6.66vh;height:2.2vh;left:1.26vh;background:url(assets/images/bottle-cap.png) no-repeat center/contain}.background .ornaments .cross-top-left{width:7.2vh;height:7.2vh;top:-0.93vh;left:33.87vh;background-image:url(assets/images/cross.png)}.background .ornaments .glass-bottle{width:8.9vh;height:17.3vh;left:8.9vh;bottom:4.5vh;transform-origin:55% 60%;transform:rotate(-25deg);transition:500ms cubic-bezier(0.34, 1.56, 0.64, 1) transform !important}.background .ornaments .glass-bottle .glass-container{width:8.9vh;height:16.9vh;position:absolute;top:0.6vh;background:url(assets/images/glass-bottle.png) no-repeat center/contain}.background .ornaments .glass-bottle .cap{width:6.3vh;height:5.3vh;position:absolute;left:1.2vh;background:url(assets/images/glass-bottle-cap.png) no-repeat center/contain}.background .ornaments .pill{width:3.9vh;height:3.1vh;background:url(assets/images/pill.png) no-repeat center/contain}.background .ornaments .cross-top-right{width:7.2vh;height:7.2vh;top:3.79vh;right:31.01vh;background-image:url(assets/images/cross.png)}.background .ornaments .capsule{width:6.1vh;height:2.85vh;top:11.2vh;right:19.6vh;transform:rotate(27deg)}.background .ornaments .capsule>div{position:absolute}.background .ornaments .capsule .left-side{width:3.97vh;height:100%;background-image:url(assets/images/capsule-left.png)}.background .ornaments .capsule .right-side{width:4.08vh;height:100%;left:2vh;background-image:url(assets/images/capsule-right.png)}.background .ornaments .syringe{width:24.8vh;height:5vh;top:17vh;right:0;transform:rotate(-53deg);animation:introSyringe 1s !important;filter:drop-shadow(rgba(7,46,137,0.15) 0.11vh 0.66vh 0.11vh)}@keyframes introSyringe{from{right:-6vh;opacity:0}}.background .ornaments .syringe>div{position:absolute}.background .ornaments .syringe .plunger{width:11.44vh;height:3.06vh;top:0.9vh;left:13.4vh;background:url(assets/images/syringe-2.png) no-repeat center/contain}.background .ornaments .syringe .barrel{width:20.95vh;height:4.94vh;box-sizing:border-box;background:url(assets/images/syringe-1.png) no-repeat center/contain}.background .ornaments .syringe .liquid{width:5.2vh;height:3.46vh;top:0.75vh;left:9vh;background:#b3d7fc}.background .ornaments .syringe .graduations{width:10.26vh;height:2.95vh;left:9.1vh;top:0.75vh;background:url(assets/images/syringe-3.png) no-repeat center/contain}.background .ornaments .cross-bottom-right{width:7.2vh;height:7.2vh;right:12.92vh;bottom:10.55vh;background-image:url(assets/images/cross.png)}@keyframes intro-left-elements{from{left:0;opacity:0}}@keyframes intro-right-elements{from{right:0;opacity:0}}button.rectangle{width:32.65vh;height:7.84vh;position:relative;border-radius:1.5vh;cursor:pointer;background:#1B46C1;font-size:2.47vh;font-family:'Fredoka One', sans-serif;text-transform:uppercase;color:#ffffff;border:none}button.rectangle:active{transform:translateY(0.64vh)}button.rectangle::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#0B2980;z-index:-1;border-radius:1.5vh;transform:translateY(0.64vh)}button.rectangle:active::before{transform:translateY(0);background:none}.outro{animation:outro 300ms forwards}@keyframes outro{to{opacity:0}}

.menu{position:absolute;top:50%;left:50%;transform:translate(-47%, -50%)}.menu .logo{width:66.5vh}.menu .buttons{display:flex;flex-direction:column;align-items:center;margin-top:14.18vh}.menu .buttons button:not(:first-child){margin-top:4.2vh}.how-to-play{display:flex;flex-direction:column;align-items:center;color:#ffffff}.how-to-play h1{margin-top:10.5vh;text-align:center;font-size:6.4vh;text-shadow:0.8vh 0 0 #2C4CAC}.how-to-play .content{position:absolute;width:95.3vh;height:58vh;top:50%;transform:translateY(-50%);text-align:center}.how-to-play .content>*{display:flex;flex-direction:column;align-items:center}.how-to-play .content p{font-size:3.4vh}.how-to-play .content h2{font-size:3.9vh}.how-to-play .content .step-1{position:absolute;width:100%;top:50%;transform:translateY(-50%)}.how-to-play .content .step-3 .slot .card{position:absolute}.how-to-play .content .step-3 .slot .card.vital-signs{background-image:url(assets/images/lowRR-lowBP-lowHR-lowTemp.png)}.how-to-play .content .step-3 .slot .card.skin{background-image:url(assets/images/Normal.png);top:-0.5vh}.how-to-play .content .step-3 .slot .card.neuro{background-image:url(assets/images/Depression-Coma-Euphoria.png);top:-1.1vh}.how-to-play .content .step-4 .slot .card{position:absolute}.how-to-play .content .step-4 .cards .card.vital-signs{transform:translate(-50%, 7%) rotate(0deg) !important}.how-to-play .content .step-4 .overlay{position:absolute;width:100%;height:100%;background:rgba(31,74,182,0.6)}.how-to-play .content .step-4 .score-modal{position:absolute;width:53.7vh;height:34.8vh;top:50%;left:50%;transform:translate(-50%, -50%);background:url(assets/images/score-modal.png) center/cover}.how-to-play .content .gameplay-preview{position:absolute;width:79.9vh;height:43.1vh;bottom:0;border:0.9vh solid #1F4AB6;border-radius:3.7vh;overflow:hidden}.how-to-play .content .gameplay-preview .slots{position:absolute;height:unset;display:flex;flex-direction:column;align-items:center;top:2.2vh;left:50%;transform:translateX(-50%)}.how-to-play .content .gameplay-preview .slots .bottom{margin-top:2.4vh}.how-to-play .content .gameplay-preview .slots>*{display:flex}.how-to-play .content .gameplay-preview .slots>*>*:not(:first-child){margin-left:0.8vh}.how-to-play .content .gameplay-preview .slot-container{width:7.1vh}.how-to-play .content .gameplay-preview .slot-container.disabled{opacity:0.3}.how-to-play .content .gameplay-preview .slot-container .slot{position:relative;height:9.9vh;width:100%;background:rgba(199,245,255,0.55);border-radius:0.8vh}.how-to-play .content .gameplay-preview .slot-container .slot .stack-popup.top{bottom:-1.7vh;transform:translate(-50%, 100%) scale(0)}.how-to-play .content .gameplay-preview .slot-container .label{height:2.7vh;display:flex;justify-content:center;align-items:center;margin-top:0.5vh;font-size:0.9vh;line-height:1.1;word-break:break-all;background:rgba(15,62,162,0.6);border-radius:0.8vh}.how-to-play .content .gameplay-preview .card{width:7.1vh;height:9.9vh;background-size:cover;background-position:center}.how-to-play .content .gameplay-preview .cards .card{position:absolute;bottom:0;left:50%;transform-origin:center calc(50% + 59.5vh)}.how-to-play .content .gameplay-preview .cards .card.vital-signs{background-image:url(assets/images/BP-high-or-low-highHR-highTemp.png);transform:translate(-50%, 7%) rotate(-15.62deg)}.how-to-play .content .gameplay-preview .cards .card.pupils{background-image:url(assets/images/Miosis-or-Variable.png);transform:translate(-50%, 7%) rotate(-9.56deg)}.how-to-play .content .gameplay-preview .cards .card.skin{background-image:url(assets/images/Diaphoretic.png);transform:translate(-50%, 7%) rotate(-3.25deg)}.how-to-play .content .gameplay-preview .cards .card.neuro{background-image:url(assets/images/Depression-Coma-Euphoria.png);transform:translate(-50%, 7%) rotate(3.18deg)}.how-to-play .content .gameplay-preview .cards .card.drug{background-image:url(assets/images/Amphetamine.png);transform:translate(-50%, 7%) rotate(9.47deg)}.how-to-play .content .gameplay-preview .cards .card.antidote{background-image:url(assets/images/Amyl-Nitrate-or-Sodium-Nitrate-or-Sodium-Thiosulfate.png);transform:translate(-50%, 7%) rotate(15.51deg)}.how-to-play .content .gameplay-preview .cursor{width:5.3vh;height:6.3vh;position:absolute;top:19.9vh;left:60.5vh;transform:rotate(-22.39deg);background:url(assets/images/hand.png) center/cover}.how-to-play .buttons{position:absolute;bottom:7.3vh}.how-to-play .buttons button:not(:first-child){margin-left:14.4vh}

.gameplay{margin:0;padding:0;height:100vh;width:100vw}.slots{position:absolute;display:flex;width:166.9vh;height:85.9vh;padding-bottom:2.1vh;flex-wrap:wrap;top:2.2vh;left:50%;justify-content:center;align-content:center;pointer-events:none}.slots .slot-background{position:absolute;width:100%;height:100%;background:url(assets/images/slots-background.png) center/cover;z-index:-1}.slots .break{width:100%;margin:1.61vh 0}.gameplay .slot{width:15.5vh;position:relative;margin:1.2vh;user-select:none;pointer-events:auto}.slot .stack{position:relative;height:21.8vh;justify-content:center;align-items:center;font-size:5.5vh;color:rgba(16,65,138,0.74);border-radius:1.8vh;background:rgba(199,245,255,0.72);overflow-wrap:anywhere;font-size:3.2vh}.gameplay .slot .stack .card{transform:none !important}.slot .stack-popup{position:absolute;display:inline-flex;padding:2.9vh;left:50%;border-radius:2.58vh;background:#C8DDFF;z-index:1}.slot .stack-popup img{pointer-events:none}.slot .stack-popup img:not(:last-child){margin-right:1.93vh}.slot .stack-popup.top{bottom:-0.91vh;transform:translate(-50%, 100%) scale(0);transform-origin:center -1.23vh}.slot .stack-popup.bottom{top:-1.93vh;transform:translate(-50%, -100%) scale(0);transform-origin:center calc(100% + 1.23vh)}.slot .stack-popup .arrow{width:2.47vh;height:2.47vh;position:absolute;left:50%;border-radius:0.59vh 0;background:#c8ddff}.slot .stack-popup.top .arrow{top:0;transform:translate(-50%, -50%) rotate(45deg)}.slot .stack-popup.bottom .arrow{bottom:0;transform:translate(-50%, 50%) rotate(45deg)}.slot .stack-popup .card-popup{width:13.96vh;height:19.33vh;border-radius:1.67vh;background:#85B0F5}.slot .label{height:6.04vh;padding:1.07vh;margin-top:1.07vh;display:flex;justify-content:center;align-items:center;text-align:center;background:rgba(15,62,162,0.6);color:#ffffff;white-space:pre-line;border-radius:1.83vh;font-size:1.93vh;word-wrap:break-word}.card{width:15.55vh;height:21.75vh;user-select:none;background-size:cover;background-position:center;animation-fill-mode:forwards}.hand .card{position:absolute;bottom:0;left:50%;transform:translate(-50%, 7%) rotate(0deg);transform-origin:center calc(50% + 133vh);transition:300ms, opacity 0s}.hand .card::before{content:'';position:absolute;width:120%;height:120%;left:50%;top:55%;transform:translate(-50%, -50%)}.hand .card:hover{z-index:1;cursor:pointer}@keyframes intro-cards{0%{bottom:-10vh;transform:translate(-50%, 7%) rotate(0deg)}50%{bottom:2vh;transform:translate(-50%, 7%) rotate(0deg)}}@keyframes draw-card{from{transform:translate(-50%, 7%) rotate(30deg)}}.slot .card{position:absolute}.card.dragging{opacity:1;transform:translate(-50%, 50%);transition:none;transform-origin:center;cursor:grabbing;animation:card-moving ease-out 300ms}@keyframes card-moving{from{transform:translate(-50%, 50%) scale(1.7)}}.gameplay .preview{position:absolute;width:15.55vh;height:21.75vh;bottom:1.5vh;left:50%;transform:translateX(-50%) scale(1.7);transform-origin:bottom;pointer-events:none;background-size:cover;background-position:center;animation:preview-intro 200ms ease-out}@keyframes preview-intro{from{bottom:0}}.alert{position:absolute;width:82vh;padding:3vh 3.9vh;top:5vh;left:50%;transform:translateX(-50%);border-radius:1.4vh;transition:300ms;opacity:0;color:white;font-size:large;background-color:#f44336;pointer-events:none}.alert.open{opacity:1;animation:alert-intro 300ms;pointer-events:all}@keyframes alert-intro{from{opacity:0;top:3%}}.alert span{letter-spacing:0.05vh}.alert button{position:absolute;top:50%;right:0;padding:1.6vh;transform:translate(-50%, -50%);color:white;font-size:3vh;line-height:80%;transition:0.3s;font-family:'Fredoka One', sans-serif;cursor:pointer;border:none;background:transparent}.alert button:hover{border-radius:100%;background:rgba(255,255,255,0.2)}

.gameover{position:absolute;width:100%;height:100%;background:rgba(0,11,28,0.8);top:0;text-align:center;z-index:3;letter-spacing:0.1rem}.gameover .modal{position:absolute;width:124.81vh;background:#386BF0;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:2.47vh;box-shadow:inset 0 0 5.26vh 0 rgba(155,183,255,0.8),0 1.61vh 0 0 #1539A4}.gameover .modal ::-webkit-scrollbar{width:1.61vh}.gameover .modal ::-webkit-scrollbar-track{background:#1539A4;border-radius:1.07vh}.gameover .modal ::-webkit-scrollbar-thumb{transition:all 300ms;background:rgba(155,183,255,0.9);border-radius:1.07vh}.gameover .modal ::-webkit-scrollbar-thumb:hover{background:rgba(106,146,245,0.9)}.gameover .modal .header{display:inline-flex;height:10.74vh;padding:0 7.52vh;margin-top:-4.3vh;align-items:center;border-radius:2.69vh;box-shadow:0 0.75vh 0 0 #F65900,0 1.61vh 0.54vh 0 rgba(17,3,105,0.4);background:#FF9922}.gameover .modal .header h1{margin:0;color:#ffffff;text-shadow:0 0.14vh 0.35vh #E7852B;text-transform:uppercase;letter-spacing:0.14rem;font-size:4.94vh}.gameover .modal .content{display:flex;margin-top:5.48vh;padding:0 6.45vh}.gameover .content .cards{height:44.9vh;border-radius:1.61vh;background-color:rgba(13,52,169,0.67);overflow:hidden}.gameover .content .cards .shadow{width:100%;height:100%;top:0;left:0;border-radius:1.61vh;box-shadow:inset 0 0.43vh 0.64vh rgba(17,3,105,0.38);z-index:3;pointer-events:none}.gameover .content .cards .scroll-area{height:100%;margin-top:-44.9vh;padding:2.79vh 4.3vh;overflow:auto}.gameover .content .toxidrome{display:flex;flex-wrap:wrap;justify-content:center}.gameover .content .toxidrome:not(:first-child){margin-top:4.3vh}.gameover .content .toxidrome h3{width:100%;margin:0;margin-bottom:1.61vh;font-size:3.39vh;color:#D4E3FF}.gameover .card .icon{width:3.44vh;height:3.44vh;position:absolute;top:-6.69%;right:-11.93%;border-radius:1.72vh;box-shadow:0 0.32vh 0.32vh rgba(0,0,0,0.25)}.gameover .card.correct .icon{background:#4E7E02 url(assets/images/icon-correct.png) no-repeat center/1.72vh 1.29vh}.gameover .card.wrong .icon{background:#FF5858 url(assets/images/icon-wrong.png) no-repeat center/1.83vh}.gameover .modal .card-preview{position:absolute;transform:translate(-50%, -98%);pointer-events:none;transition:transform 200ms ease-out, opacity 200ms;transition-property:transition;z-index:3;opacity:0}.gameover .modal .card-preview.open{transform:translate(-50%, -105%);opacity:1}.gameover .content .card{width:10.2vh;height:14.29vh;margin:0 1.07vh;position:relative}.gameover .content .card .image{width:100%;height:100%;user-select:none;background-size:cover;background-position:center;box-shadow:0 0.43vh 0.43vh rgba(0,0,0,0.25);border-radius:1.22vh}.gameover .content .card.wrong .image{opacity:0.3}.gameover .content .score{margin-left:6.45vh}.gameover .content .score h2{margin:0;font-size:5.16vh;color:#ffffff}.gameover .content .score h2:not(:first-child){margin-top:3.44vh}.gameover .score .container{width:20.62vh;height:11.82vh;position:relative;display:flex;align-items:center;justify-content:center;margin-top:2.15vh;align-items:center;background:rgba(13,52,169,0.67);box-shadow:inset 0 0.43vh 0.64vh rgba(17,3,105,0.38);border-radius:1.61vh}.gameover .score .container span{position:relative;letter-spacing:0rem;font-size:6.87vh;color:#ffffff}.gameover .score span.points{margin-left:2.15vh}.gameover .score span.total{font-size:2.58vh;color:#9CBEFF}.gameover .score span.new-best-score{width:10.41vh;height:4.36vh;display:flex;align-items:center;justify-content:center;position:absolute;right:-1.45vh;bottom:-0.77vh;transform:rotate(-15deg);font-size:2.21vh;border-radius:1.05vh;user-select:none;animation:newBestScorePulse 3s infinite;background:#FF9922}@keyframes newBestScorePulse{0%{transform:rotate(-15deg) scale(1)}50%{transform:rotate(-15deg) scale(1.4)}100%{transform:rotate(-15deg) scale(1)}}.gameover .buttons{margin:4.1vh 0 4.3vh}.gameover .buttons button:not(:first-child){margin-left:7.2vh}