@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-cyrillic-ext-400-normal-zIcOfHzx.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-ext-400-normal-C_iR5xqa.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-cyrillic-400-normal-CzMzeU6f.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-400-normal-rqIfbJdj.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-vietnamese-400-normal-DrvLTNFa.woff2) format("woff2"),url(/assets/cormorant-garamond-vietnamese-400-normal-BUAGYQPM.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-latin-ext-400-normal-C6oWbvk6.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-ext-400-normal-Bzm5m2Me.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-latin-400-normal-D7N-Aha9.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-400-normal-h0Tqcf0q.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1.5;background-color:#000}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-weight:400}button{cursor:pointer;color:inherit}@font-face{font-family:Cloister Black;font-display:swap;src:url(/assets/CloisterBlack-BcjZ-ujE.ttf) format("truetype");font-weight:400;font-style:normal}#root{text-align:center;min-height:100vh;padding:16px;color:#fff;font-family:Cormorant Garamond,serif;display:grid;position:relative}h1,h2,h3{font-family:Cloister Black,serif}video{position:fixed;width:100%;height:100%;top:0;left:0;object-fit:cover;z-index:-1;opacity:0;transition:opacity .5s ease-in}#landingHeader h1{font-size:2.5rem;color:#eee;text-shadow:0 0 2px #fff}.logo{max-width:500px;width:100%;height:auto}#landingMain{display:grid;place-items:end center}#playBtn{background:transparent;border:none;font-size:3rem;font-weight:600;width:100%;text-decoration:none;color:#fff;position:relative;cursor:pointer;&:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0%;height:1px;background-color:#fff;mask-image:radial-gradient(transparent 40%,#000);transition:width .5s ease-in-out}&:hover{text-shadow:0 0 5px #fff}&:focus-visible,&:hover{outline:none;&:before{width:100%}}}#root{gap:32px}#gameMain{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-items:center;gap:16px}.max-score{text-shadow:0 0 10px #fff;font-weight:600;color:#f3f166;font-style:italic;text-transform:uppercase}.failed{animation:fail .5s ease-out}.sound-btn{position:fixed;bottom:16px;left:16px;background-color:#000;border:none;border-radius:100%;padding:16px;display:grid;place-content:center;&:focus-visible{outline:2px solid #fff}}@keyframes fail{0%{font-weight:700;transform:scale(1.25)}to{text-shadow:0 0 5px #fff;color:#c31919;transform:scale(1);font-weight:400}}dialog{min-width:250px;min-height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(/recon.webp) center/cover;color:#fff;border:none;border-radius:4px;box-shadow:0 0 5px #000;&[open]{display:grid;place-content:center;opacity:0;animation:fadeIn .25s forwards ease-in}&::backdrop{backdrop-filter:blur(2px)}& h2{font-size:2rem;filter:drop-shadow(0 0 5px #000)}& button{opacity:0;pointer-events:none}}@keyframes fadeIn{to{opacity:1}}.card{--roundness: 16px 16px 8px 8px;background:linear-gradient(90deg,#33402f,#1c1f1c);border:none;border-radius:var(--roundness);position:relative;width:200px;height:300px;perspective:1000px;transform-style:preserve-3d;transition:transform .5s ease-in-out;&:disabled{cursor:initial}&:focus-visible{transition:transform .25s ease-out;outline:0;transform:scale(1.05)}}.card--flipped{transform:rotateY(180deg)}.card__front,.card__back{backface-visibility:hidden;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:var(--roundness);overflow:hidden}.card__front{display:flex;flex-direction:column;gap:8px;transform:rotateX(0);& img{width:100%;height:auto;object-fit:cover}& span{display:block;width:100%;height:fit-content;font-size:1.1rem;letter-spacing:1px;padding-bottom:4px}}.img-container{flex:1;overflow:hidden}.card__back{background:url(/assets/card-background-Cbj3PCgr.webp) center/contain no-repeat;transform:rotateY(180deg)}#gameHeader{display:flex;justify-content:space-between;font-size:1.1rem;& a{transition:transform .25s ease-in-out;&:focus-visible,&:hover{outline:none;transform:scale(1.1)}}.logo{width:200px;height:auto}}.scoreboard{position:fixed;right:16px;z-index:1000}