.card{height:var(--card-height);width:var(--card-width);background:#f0f0f0;border-radius:var(--card-border-radius);padding:.2em;margin:.25em;position:relative;color:#000;font-size:var(--card-text);display:inline-block;vertical-align:top}.card-center-box{white-space:normal;font-size:var(--card-text);font-family:Arial,Helvetica,sans-serif;margin:0;display:inline-grid;align-items:center;height:100%;text-align:center}.card-content{white-space:normal;font-size:var(--card-text);font-family:Arial,Helvetica,sans-serif}.url{font-style:italic}.movableCard .highlight{color:#fffb00}.fixedCard .highlight{color:var(--kit-green)}.movableCard{position:absolute;border:.3em solid var(--card-border-color-move);touch-action:none;-webkit-user-select:none;user-select:none;z-index:1;transform-style:preserve-3d;backface-visibility:hidden;box-shadow:0 .2em .4em #000000b3,0 .3em .5em #00000080;background-image:url(/assets/background-C7hEahT1.png);background-size:cover;color:#fff}.highlight-wrong{border:.3em solid var(--card-border-color-wrong)}.movableCard:hover{filter:brightness(105%) saturate(90%)}.draggable{cursor:grab}.fixedCard{border:.3em solid var(--card-border-color-fixed);z-index:-1;background-image:url(/assets/background-fixed-CtTY1ptP.png);background-size:cover}.modal{visibility:hidden;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;z-index:999;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006;transition:opacity .25s ease;opacity:0}.modal.visible{visibility:visible;opacity:1}.modal-content{background-color:#fefefe;padding:.5em;border:1px solid #888;min-width:40vw;max-width:min(60vw,50em);max-height:90vh;border-radius:0 .5em;color:#000}.center{text-align:center}.modal-content p{margin:.5em}.modal-content h2{font-size:1.5em;color:var(--kit-green)}.modal-content hr{border:.1em solid var(--kit-green)}.modal-content-text{font-family:Arial,Helvetica,sans-serif;font-size:var(--normal-text)}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.cancel-button-area{text-align:right;margin:0;padding:0}.modal-cancel-button{background:none;border:none;font-size:1.5em;color:var(--kit-green)}.modal-cancel-button:hover{opacity:.8;color:#888}.button{background-color:var(--button-color);color:var(--button-text);height:2.5em;font-size:1.25em;outline:none;overflow:hidden;padding:0 .8em;text-align:center;border-radius:0 .5em;border-width:0;border-color:#007058;margin:.05em}.button.on-white{background-color:var(--kit-green);color:#fff}.button.with-border{border-width:.1em}.border-radius-left{border-radius:0 0 0 .5em}.border-radius-right{border-radius:0 .5em 0 0}.border-radius-left-round{border-radius:.5em 0 0 .5em}.border-radius-right-round{border-radius:0 .5em .5em 0}.border-radius-round{border-radius:.5em}.border-radius-none{border-radius:0}.border-radius-top{border-radius:.5em .5em 0 0}.border-radius-bottom{border-radius:0 0 .5em .5em}.button:hover{opacity:.8}.button:disabled{color:#636363}#bottom-row{position:absolute;right:1em;text-align:center;top:45%}#bottom-row button{display:block;height:2em;width:2em;padding:0}#bottom-row #locale-select{display:block;width:2em;height:2em;padding:0}#button-menu{text-align:right}.icon-button{width:1.5em;filter:invert(38%) sepia(65%) saturate(899%) hue-rotate(128deg) brightness(89%) contrast(103%)}.icon-flipped img{transform:scaleX(-1)}#playArea-buttons{left:50%;transform:translate(-50%);position:absolute;text-align:center}.playArea-button{height:2.5em;font-size:1.5em;margin-top:2em;visibility:hidden;opacity:0;transition-property:opacity;transition-duration:.8s;transition-timing-function:ease-out}.playArea-button:hover{filter:opacity(.8)}.highlight-button{background-color:var(--kit-green);color:#fff;border:.1em solid white}.like-scale li{float:left;list-style-type:none;display:flex;flex-direction:row;align-items:center;height:6vh}.center-wrapper{text-align:center}.like-scale{display:inline-block;margin:0;padding:2vh;border-radius:0vh 1.5vh;border-width:.3vh;border-color:var(--kit-green);border-style:solid}#form-header{background-color:#fff;transform:translate(-100%,50%);padding:1vh;display:inline-block;margin:0}.emoji{font-size:6vh}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;width:4vh;height:4vh;border:.4vh solid #999;transition:.2s all linear;margin-right:1.5vh;position:relative}input:checked{border:1.4vh solid var(--kit-green)}input:disabled{border-color:#999}label{display:block}#modal-continue-button:disabled{color:#fff;background-color:#888}#feedback-modal{background-image:radial-gradient(var(--background-gradiant-1) 0%,var(--background-gradiant-2) 70%,var(--background-gradiant-2))}#feedback-question{color:var(--kit-green);text-align:left;font-size:2vh}.game-select-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.game-select-button{border:.5vh solid rgb(0,112,88);width:30vh;border-radius:0vh 1.5vh;display:inline-block}.game-select-button:hover{opacity:.8;cursor:pointer}.game-select-button img{display:block;width:100%}.game-select-button .masked-image{display:block;width:100%;object-fit:cover;-webkit-mask-size:cover;mask-size:cover}#password-game-button .masked-image{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20d='M240-80q-33%200-56.5-23.5T160-160v-400q0-33%2023.5-56.5T240-640h40v-80q0-83%2058.5-141.5T480-920q83%200%20141.5%2058.5T680-720v80h40q33%200%2056.5%2023.5T800-560v400q0%2033-23.5%2056.5T720-80H240Zm240-200q33%200%2056.5-23.5T560-360q0-33-23.5-56.5T480-440q-33%200-56.5%2023.5T400-360q0%2033%2023.5%2056.5T480-280ZM360-640h240v-80q0-50-35-85t-85-35q-50%200-85%2035t-35%2085v80Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20d='M240-80q-33%200-56.5-23.5T160-160v-400q0-33%2023.5-56.5T240-640h40v-80q0-83%2058.5-141.5T480-920q83%200%20141.5%2058.5T680-720v80h40q33%200%2056.5%2023.5T800-560v400q0%2033-23.5%2056.5T720-80H240Zm240-200q33%200%2056.5-23.5T560-360q0-33-23.5-56.5T480-440q-33%200-56.5%2023.5T400-360q0%2033%2023.5%2056.5T480-280ZM360-640h240v-80q0-50-35-85t-85-35q-50%200-85%2035t-35%2085v80Z'/%3e%3c/svg%3e")}#phishing-game-button .masked-image{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20d='M760-80q-66%200-113-47t-47-113v-180q0-42%2029-71t71-29q42%200%2071%2029t29%2071v180h-80v-180q0-8-6-14t-14-6q-8%200-14%206t-6%2014v180q0%2033%2023.5%2056.5T760-160q33%200%2056.5-23.5T840-240v-160h80v160q0%2066-47%20113T760-80ZM120-240q-33%200-56.5-23.5T40-320v-480q0-33%2023.5-56.5T120-880h640q33%200%2056.5%2023.5T840-800v240H700q-58%200-99%2041t-41%2099v180H120Zm320-280%20320-200v-80L440-600%20120-800v80l320%20200Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20d='M760-80q-66%200-113-47t-47-113v-180q0-42%2029-71t71-29q42%200%2071%2029t29%2071v180h-80v-180q0-8-6-14t-14-6q-8%200-14%206t-6%2014v180q0%2033%2023.5%2056.5T760-160q33%200%2056.5-23.5T840-240v-160h80v160q0%2066-47%20113T760-80ZM120-240q-33%200-56.5-23.5T40-320v-480q0-33%2023.5-56.5T120-880h640q33%200%2056.5%2023.5T840-800v240H700q-58%200-99%2041t-41%2099v180H120Zm320-280%20320-200v-80L440-600%20120-800v80l320%20200Z'/%3e%3c/svg%3e")}.img-overlay-wrap{position:relative}.overlay-svg{width:1px;position:absolute;top:0;left:0;opacity:.1}figcaption{background-color:#fff0;padding-top:30px;text-align:center;font-size:2.5vh;color:var(--kit-green)}:root{--background-gradiant-1: rgb(0, 135, 111);--background-gradiant-2: rgb(0, 74, 84);--text-color: #fff;--highlight-color: #fff;--drop-zone-color: #fff;--drop-zone-border-color: #fff;--drop-zone-border-color-wrong: rgb(162, 34, 35);--drop-zone-border-color-correct: rgb(255, 255, 255);--button-color: #fefefe;--button-text: rgb(0, 135, 111);--card-border-radius: 0 .5em 0 .5em;--card-border-color-fixed: rgb(255, 255, 255);--card-border-color-move: rgb(255, 255, 255);--card-border-color-wrong: rgb(172, 18, 18);--card-height: 14.5em;--card-width: 11em;--card-text: min(1.8vh, 1vw);--normal-text: min(2vh, 2vw);--kit-green: rgb(0, 135, 111)}body{background-image:radial-gradient(var(--background-gradiant-1) 0%,var(--background-gradiant-2) 70%,var(--background-gradiant-2));color:var(--text-color);font-size:var(--normal-text);font-family:Arial,Helvetica,sans-serif;overflow:hidden;margin:0;-webkit-user-select:none;user-select:none}html{height:100%}h1{text-align:center;color:var(--text-color);font-family:Arial,Helvetica,sans-serif;margin-bottom:.5em;font-size:2em}#center-content{display:table;margin-right:auto;margin-left:auto}#background{position:absolute;top:50;left:50;bottom:0;z-index:-1;width:20;word-wrap:break-word;animation:fall 30s linear infinite;color:#c6afaf;background:linear-gradient(to top,#fffc 40%,#ffffff1a 60%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}#top-bar{color:var(--text-color);font-size:var(--normal-text)}#level{font-size:1.25em}#cards{margin:.5em;display:block;height:var(--card-height)}#button-cardStack:hover{filter:brightness(105%) saturate(90%)}#playArea{overflow-x:auto;overflow-y:hidden;white-space:nowrap}div.card-area{margin-left:.5em;margin-right:.5em;margin-bottom:.5em}div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dropzone{height:var(--card-height);width:var(--card-width);box-shadow:0 0 0 .2em var(--drop-zone-border-color);display:inline-block;margin:.25em;border-radius:var(--card-border-radius);vertical-align:top;text-align:center;transition:scale .4s ease-in-out,box-shadow .4s ease-in-out;-moz-transition:scale .4s ease-in-out,box-shadow .4s ease-in-out;color:#fff;font-size:var(--card-text)}.dropzone-transition-active{scale:1.04;box-shadow:0 0 0 .3em var(--drop-zone-border-color)}.dropzone.contains-card{box-shadow:0 0 #fff}.dropzone.contains-card-wrong{box-shadow:0 0 0 .2em var(--drop-zone-border-color-wrong)}#positions{display:block}.drop-target{background:#0003}.drag-active{z-index:20;cursor:grabbing}.dropped{z-index:0;box-shadow:none}#version-tag{position:absolute;bottom:0;right:0;font-size:.5em;color:#0000007e}canvas{z-index:-5;position:absolute;width:100%;height:100%;margin:auto;padding:0;border:none;background-color:#fff0}#touch-gesture{position:absolute;left:5%;top:50%;width:8em;filter:invert();animation:opacityOn 5s normal infinite forwards;animation-delay:0s;z-index:100000;touch-action:none;pointer-events:none}@keyframes opacityOn{0%{opacity:1}25%{opacity:.5}50%{opacity:1;translate:0 -20em}75%{opacity:.5;translate:0 -20em}to{opacity:1;translate:0 0}}