@font-face{font-family:"Soehne";src:url("../fonts/So_hneBuch.woff2") format("woff2"),url("../fonts/So_hneBuch.woff") format("woff");font-weight:normal;font-display:swap}@font-face{font-family:"Soehne Mono";src:url("../fonts/So_hneMonoBuch.woff2") format("woff2"),url("../fonts/So_hneMonoBuch.woff") format("woff");font-weight:normal;font-display:swap}@font-face{font-family:"Soehne";src:url("../fonts/So_hneHalbfett.woff2") format("woff2"),url("../fonts/So_hneHalbfett.woff") format("woff");font-weight:bold;font-display:swap}body{margin:0;padding:0;background-color:#121212;color:#fff;font-family:"Soehne",sans-serif;font-weight:400;font-size:20px;line-height:28px;text-align:center}body ::-moz-selection{background:#fff;color:#121212}body ::selection{background:#fff;color:#121212}body h1,body h2,body h3,body h4,body h5{margin:0;padding:0}body .t1{font-family:"Soehne",sans-serif;font-weight:700;font-size:36px;line-height:42px}body .smallFs{font-size:12px;line-height:16px;text-transform:uppercase}body .mediumFs{font-size:20px;line-height:32px;text-transform:uppercase;font-weight:700}body .button{display:inline-block;padding:9px 16px 11px 16px;border-radius:4px;border:1px solid #33383e;background-color:#1e2228;color:#fff;text-align:center;text-transform:uppercase;cursor:pointer;font-family:"Soehne Mono",sans-serif;font-size:14px;line-height:24px;letter-spacing:.14px;transition:background 300ms ease}@media(min-width: 1025px){body .button:hover{background-color:#33383e}}body a{cursor:pointer;font-family:"Soehne Mono",sans-serif;letter-spacing:.1em;text-transform:uppercase}body a{font-size:14px}@media(min-width: 650px){body a{font-size:calc(14px + (18 - 14)*(100vw - 650px)/(1600 - 650))}}@media(min-width: 1600px){body a{font-size:18px}}body a{line-height:22px}@media(min-width: 650px){body a{line-height:calc(22px + (28 - 22)*(100vw - 650px)/(1600 - 650))}}@media(min-width: 1600px){body a{line-height:28px}}@media(min-width: 1025px){body a:hover{opacity:.7}}body .image{display:block;width:80px;height:80px;margin:0 auto}body .image img{display:block;width:160px;height:160px;margin:0 auto;transform:scale(0.5);transform-origin:top left}body .centercontent{max-width:358px;width:91.7948717949%;margin:0 auto}body .frame{position:relative}body .step.hide{display:none}body .step-start .container{margin:118px 0 96px 0}body .step-start .container .title{margin-top:32px}body .step-start .container .desc{margin-top:16px}body .step-start .container .button{margin-top:32px}body .step-start .container .button-mode-fast{margin-top:24px}body .step-game .container{margin:122px 0 24px 0}body .step-game .container .game-container{display:flex;flex-wrap:wrap;width:102.2346368715%;margin-top:-1.1173184358%;margin-left:-1.1173184358%}body .step-game .container .game-container .tile{position:relative;width:31.1475409836%;padding-top:31.1475409836%;margin:1.0928961749%;transition:transform 1s;transform-style:preserve-3d}body .step-game .container .game-container .tile .img,body .step-game .container .game-container .tile .backside{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;border-radius:8px;backface-visibility:hidden;overflow:hidden}body .step-game .container .game-container .tile .img .inner{width:70.1754385965%;height:70.1754385965%;padding:14.9122807018%}body .step-game .container .game-container .tile .img .inner .bg{width:200%;height:200%;background-size:contain !important;background-position:center !important;transform:scale(0.5);transform-origin:left top}body .step-game .container .game-container .tile .img .inner .bg:before{content:"";position:absolute;left:0;bottom:0;width:142.5%;margin-left:-21.25%;margin-bottom:-21.25%;height:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:height 8s linear}body .step-game .container .game-container .tile .backside{transform:rotateX(180deg)}body .step-game .container .game-container .tile.flipped{transform:rotateX(180deg)}body .step-game .container .game-container .tile.hide{opacity:0;pointer-events:none}body .step-game .container .game-container .tile[data-icon="1"] .img .inner .bg{background:url("../img/symbol-1.svg") no-repeat}body .step-game .container .game-container .tile[data-icon="2"] .img .inner .bg{background:url("../img/symbol-2.svg") no-repeat}body .step-game .container .game-container .tile[data-icon="3"] .img .inner .bg{background:url("../img/symbol-3.svg") no-repeat}body .step-game .container .game-container .tile[data-icon="4"] .img .inner .bg{background:url("../img/symbol-4.svg") no-repeat}body .step-game .container .game-container .tile[data-icon="5"] .img .inner .bg{background:url("../img/symbol-5.svg") no-repeat}body .step-game .container .game-container .tile[data-icon="6"] .img .inner .bg{background:url("../img/symbol-6.svg") no-repeat}body .step-game .info-bar .creators,body .step-game .info-bar .first-click,body .step-game .info-bar .second-click,body .step-game .info-bar .wrong,body .step-game .info-bar .inhale,body .step-game .info-bar .hold,body .step-game .info-bar .exhale{display:none}body .step-game.randomize .info-bar .creators{display:flex}body .step-game.first-click .info-bar .first-click{display:flex}body .step-game.second-click .info-bar .second-click{display:flex}body .step-game.wrong .info-bar .wrong{display:flex}body .step-game.inhale .container .game-container .tile .img .inner .bg:before{height:142.5%;transition:height 4s linear}body .step-game.inhale .info-bar .inhale{display:flex}body .step-game.hold .container .game-container .tile .img .inner .bg:before{height:142.5%}body .step-game.hold .info-bar .hold{display:flex}body .step-game.exhale .info-bar .exhale{display:flex}body .step-game.interactable .container .tile{cursor:pointer}body .step-end .container{margin:88px 0 62px 0;padding:64px 4.469273743%;background-color:#000;border-radius:8px}body .step-end .container .title{margin-top:32px}body .step-end .container .desc{margin-top:16px}body .step-end .container .tries{margin-top:32px;text-transform:uppercase}body .step-end .container .tries .value{font-weight:bold}body .step-end .container .button{margin-top:32px}body .info-bar{margin-bottom:16px;text-align:left}body .info-bar .borders{border-top:1px solid #2b2b2e;border-bottom:1px solid #2b2b2e}body .info-bar .text-content{display:flex;align-items:center}body .info-bar .text-content .borders{padding:8px 0 6px 0}body .info-bar .text-content .left{width:100%;order:1}body .info-bar .text-content .right{width:52px;margin-left:8px;order:2}body .info-bar .text-content .right+.left{width:calc(100% - 60px)}body .info-bar .text-content .right:empty{display:none}body .info-bar .text-content .right:empty+.left{width:100%}body .info-bar .creators{display:flex;justify-content:center;align-items:center;padding:17px 0 18px 0}body .info-bar .creators a{font-size:0;line-height:0}body .info-bar .creators .behind-it{width:23px;height:27px;margin:0}body .info-bar .creators .x{margin:0 17px;font-size:18px;line-height:18px}body .info-bar .creators .studio-hug{width:104px;height:20px;margin:0}body .info-bar.hide{display:none}