.App{position:relative;min-height:100dvh;min-height:100vh;background-color:#fff;display:flex;flex-direction:column;place-content:center}.App h1{font-family:Plantin Infant MT Std Regular;margin:0;font-size:24vw;padding:20px 0;color:#e55004;text-align:center}@media (min-width: 768px){.App h1{font-size:10vw}}@media (min-width: 1023px){.App h1{font-size:6vw}}@media (min-width: 1079px) and (orientation: portrait){.App h1{font-size:12vw}}@media (min-width: 1920px){.App h1{font-size:5vw}}.App .overlay-image{position:absolute;bottom:0;left:0;width:100%;z-index:2;pointer-events:none}.board-container{position:relative;width:100%;height:100%;padding-bottom:24px}.board-container .board{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:14px;margin:0 auto;background-size:cover;border-radius:16px;width:90%}@media (aspect-ratio: 3/4) and (min-width: 768px){.board-container .board{padding-top:80px;gap:12px;width:50%}}@media (min-width: 1023px){.board-container .board{gap:12px;width:50%;padding-top:10px}}@media (min-width: 1079px) and (orientation: portrait){.board-container .board{gap:35px;width:90%;padding-top:80px}}@media (min-width: 1365px){.board-container .board{gap:12px;width:40%;padding-top:10px}}@media (min-width: 1920px){.board-container .board{padding-top:10px}}.card{width:100%;height:100%;aspect-ratio:1;perspective:1000px;border-radius:16px;z-index:3}@media (min-width: 1023px){.card{max-width:135px}}@media (min-width: 1365px){.card{max-width:135px}}@media (min-width: 1079px) and (orientation: portrait){.card{max-width:100%}}@media (min-width: 1920px){.card{max-width:200px}}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.card.is-flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden}.card-front{box-shadow:0 4px 6px #0000004d,0 8px 16px #0003;background-color:#e55004}.card-text{font-family:Plantin Infant MT Std Regular;font-size:6vw;color:#fff;font-weight:500}@media (min-width: 768px){.card-text{font-size:4vw}}@media (min-width: 1023px){.card-text{font-size:3vw}}@media (min-width: 1365px){.card-text{font-size:2.5vw}}@media (min-width: 1920px){.card-text{font-size:2vw}}@media (min-width: 1079px) and (orientation: portrait){.card-text{font-size:5vw}}.card-back{transform:rotateY(180deg);box-shadow:0 4px 6px #0000004d,0 8px 16px #0003;background-color:#e3e3e3}.card-back img{width:100%;height:100%;border-radius:8px}.error-screen{position:fixed;top:0;left:0;background-color:#ff5e00;height:100%;width:100%;flex-direction:column;justify-content:center;align-items:center;display:none;z-index:5}.error-screen.fade-in{animation:fadeIn .6s;display:flex}.error-screen .medife-bottom{font-size:10vw;color:#fff;width:auto;position:absolute;bottom:80px;right:80px}@media (min-width: 1023px){.error-screen .medife-bottom{font-size:6vw;bottom:50px;right:50px;width:400px}}.error-screen .message{display:flex;margin:0 auto;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media (min-width: 1023px){.error-screen .message{max-width:50%}}.error-screen .message .message-large{font-size:10vw;font-family:Syntax LTStd Roman;color:#fff;display:flex;justify-content:center;align-items:center}@media (min-width: 1023px){.error-screen .message .message-large{font-size:6vw}}.error-screen .message .win{font-size:18vw}@media (min-width: 1023px){.error-screen .message .win{font-size:12vw}}.error-screen .message .lose{font-size:12vw}@media (min-width: 1023px){.error-screen .message .lose{font-size:8vw}}.error-screen .message .message-small{padding:0 40px;text-wrap:pretty;font-weight:600;color:#fff;display:flex;justify-content:center;align-items:center;font-family:Syntax LTStd Black}.error-screen.fade-out{animation:fadeOut .5s ease-in-out forwards;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}*{font:inherit}*,*:before,*:after{box-sizing:border-box}#root{min-height:100dvh;min-height:100vh}body{margin:0;padding:0;min-height:100dvh;min-height:100vh}@font-face{font-family:Plantin Infant MT Std Regular;src:url(/assets/Plantin%20Infant%20MT%20Std%20Regular-CPNhERIc.otf) format("opentype")}@font-face{font-family:Syntax LTStd Black;src:url(/assets/SyntaxLTStd-Black-DD-DxA2l.otf) format("opentype")}@font-face{font-family:Syntax LTStd Bold;src:url(/assets/SyntaxLTStd-Bold-aWxyIqHZ.otf) format("opentype")}@font-face{font-family:Syntax LTStd Italic;src:url(/assets/SyntaxLTStd-Italic-Rh4XMOTc.otf) format("opentype")}@font-face{font-family:Syntax LTStd Roman;src:url(/assets/SyntaxLTStd-Roman-DpZML_JL.otf) format("opentype")}@font-face{font-family:Syntax LTStd UltraBlack;src:url(/assets/SyntaxLTStd-UltraBlack-W7PUAM8K.otf) format("opentype")}