@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}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}#root,#__next{isolation:isolate}body,#root{color:#fffbef;background-color:#000315;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.app-container{font-family:"Press Start 2P",system-ui}.bg-vid{background-image:url(/assets/fallback-bg-ESNo0Av_.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none}:root{--button-color: #6c584c;--button-shadow-color: #4b3a30;--button-press-depth: 5px}.pixel-button--red{--button-color: #e64539;--button-shadow-color: #b82e24}.pixel-button{position:relative;border:none;background:transparent;padding:0;cursor:pointer;outline-offset:4px;transition:filter .25s;width:180px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;background:#00000040;will-change:transform;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.edge{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;background:var(--button-shadow-color)}.front{display:block;position:relative;border:2px solid var(--button-shadow-color);border-radius:6px;will-change:transform;color:#fffbef;font-size:1.3rem;text-shadow:3px 3px 0px rgba(0,0,0,.5);padding:12px 20px;height:60px;box-sizing:border-box;background-color:var(--button-color);transform:translateY(calc(-1 * var(--button-press-depth)));transition:transform .6s cubic-bezier(.3,.7,.4,1)}.pixel-button:hover{filter:brightness(1.1)}.pixel-button:hover .front{transform:translateY(calc(-1.5 * var(--button-press-depth)));transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.pixel-button:active .front{transform:translateY(-2px);transition:transform 34ms}.pixel-button:hover .shadow{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.pixel-button:active .shadow{transform:translateY(1px);transition:transform 34ms}.pixel-button:focus:not(:focus-visible){outline:none}.home-container{display:flex;flex-direction:column;align-items:center;gap:2rem;transform:translateY(-7%)}.title{font-size:4rem;text-align:center;text-shadow:4px 4px 0px #3a2d27,8px 8px 0px rgba(0,0,0,.5)}.start-btns{display:flex;gap:1rem}@media (max-width: 600px){.title{font-size:2rem}.start-btns{flex-direction:column;gap:1.2rem}}.dialog-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:1000;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.4) 20%,rgba(0,0,0,.5) 100%)}.dialog-box-frame{width:500px;max-width:90vw;background:url(/assets/frame-BQat6_31.png) no-repeat center;background-size:100% 100%;padding:1.25rem;image-rendering:pixelated;border-radius:8px;box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px}.dialog-content-area{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;border-radius:10px;background:linear-gradient(to bottom,#262644,#1a1a30);padding:3rem 0;text-align:center;border:2px solid #000000;box-shadow:27px 20px #0000001a}.dialog-title{font-size:2.5rem;font-weight:700;margin:0 0 1.2rem;text-transform:uppercase;letter-spacing:2px;text-shadow:4px 4px 0 #000}.title-win{color:#74ff74}.title-lost{color:#ff5c4d}.dialog-score{font-size:1.2rem;margin:0 0 2.5rem;color:#e2e2e2;text-shadow:2px 2px 0 #000}@media (max-width: 600px){.dialog-content-area{max-height:36vh}.dialog-title{font-size:1.5rem}.dialog-score{font-size:1rem}}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.playground{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem;width:100%;max-width:1500px;margin:0 auto;padding:1rem;box-sizing:border-box;max-height:calc(90vh - 200px)}.tilt-component{width:100%;height:100%;transform-style:preserve-3d}.flip-card{cursor:pointer;will-change:transform;background-color:transparent;width:clamp(120px,220px,220px);aspect-ratio:2.5 / 3.5;perspective:1000px;flex-shrink:0;transition:transform .3s ease-in-out}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .7s ease-in-out;transform-style:preserve-3d}.flip-card.flip-card--flip .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;overflow:hidden;box-shadow:0 10px 20px #000000b3}.flip-card-front{background-color:#0ff}.flip-card-front img{width:100%;height:100%;object-fit:cover}.card-name-container{position:absolute;bottom:0;left:0;width:100%;padding:20px 10px 7px;box-sizing:border-box;text-align:center;color:#fff;font-size:clamp(.5rem,2vw,1rem);text-shadow:2px 2px 4px rgba(0,0,0,.7);background:linear-gradient(to top,#000000e6,#0000);pointer-events:none}.flip-card-back{background-color:#6b8e23;transform:rotateY(180deg)}.flip-card-back img{width:100%;height:100%;object-fit:cover}.rounds-info{position:fixed;bottom:10px;right:50;padding:10px 20px;border-radius:8px;font-size:1rem;text-shadow:3px 3px 0px rgba(0,0,0,.5)}.rounds-count{color:#fc0;font-size:1.1rem}@media (max-width: 768px){.playground{gap:1rem}.playground.count-3 .flip-card{flex-basis:calc(33.333% - 1rem)}.playground.count-4 .flip-card{flex-basis:calc(45% - 1rem)}.playground.count-5 .flip-card{flex-basis:calc(33.333% - 1rem)}.rounds-info{font-size:.75rem;padding:8px 16px;bottom:unset;top:15%}.rounds-count{font-size:.8rem}}.footer-container{position:fixed;bottom:0;left:0;width:100%;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;z-index:100;transform:translateY(100%);animation:slideInFromBottom .5s ease-out .5s forwards}@keyframes slideInFromBottom{to{transform:translateY(0)}}.footer-group{display:flex;gap:1rem}:root{--footer-btn-color: #6c584c;--footer-btn-shadow: #4b3a30;--footer-btn-press-depth: 5px}.footer-icon-button{position:relative;border:none;background:transparent;padding:0;cursor:pointer;outline-offset:4px;transition:filter .25s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.footer-icon-button img.footer-icon{width:32px;height:32px;transform:translateY(-10%)}.footer-btn-shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#00000040;will-change:transform;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.footer-btn-edge{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:var(--footer-btn-shadow)}.footer-btn-front{display:flex;justify-content:center;align-items:center;position:relative;border:2px solid var(--button-shadow-color);border-radius:50%;will-change:transform;padding:5px;color:#fffbef;font-size:1.25rem;text-shadow:3px 3px 0px rgba(0,0,0,.5);height:44px;width:44px;box-sizing:border-box;background-color:var(--button-color);transform:translateY(calc(-1 * var(--button-press-depth)));transition:transform .6s cubic-bezier(.3,.7,.4,1)}.footer-icon-button img.footer-icon{width:32px;height:32px;transform:none}.footer-icon-button:hover{filter:brightness(1.1)}.footer-icon-button:hover .footer-btn-front{transform:translateY(calc(-1.5 * var(--footer-btn-press-depth)));transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.footer-icon-button:active .footer-btn-front{transform:translateY(-2px);transition:transform 34ms}.footer-icon-button:hover .footer-btn-shadow{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.footer-icon-button:active .footer-btn-shadow{transform:translateY(1px);transition:transform 34ms}.footer-icon-button:focus:not(:focus-visible){outline:none}.footer-icon-button{animation:floaty 3s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (max-width: 600px){.footer-btn-front{width:48px;height:48px;padding:7px;font-size:1.5rem}}:root{--enter-duration: .4s;--exit-duration: .35s}.game-rules-root{position:fixed;bottom:20px;right:8%;display:flex;align-items:flex-end;gap:16px;z-index:1000;pointer-events:none}.game-rules-root.entering,.game-rules-root.entered{pointer-events:auto}.rules-box{font-family:cursive;background:linear-gradient(135deg,#283e51,#485563);border:1px solid #6ea0ff;color:#f8faff;padding:14px 18px;margin-bottom:50px;margin-right:-40px;border-radius:10px;max-width:340px;font-size:1rem;box-shadow:0 8px 24px #0006;opacity:0;transform:translateY(40px);transition:transform var(--enter-duration) ease-out,opacity var(--enter-duration) ease-out}ul{padding:0;padding-left:1rem}.rules-box.entering,.rules-box.entered{opacity:1;transform:translateY(0)}.rules-box.exiting{opacity:0;transform:translateY(40px);transition:transform var(--exit-duration) ease-in,opacity var(--exit-duration) ease-in}.psyduck{width:96px;transform:translateY(120%);opacity:0;transition:transform var(--enter-duration) ease-out,opacity var(--enter-duration) ease-out}.psyduck.entering,.psyduck.entered{transform:translateY(0);opacity:1}.psyduck.exiting{transform:translateY(120%);opacity:0;transition:transform var(--exit-duration) ease-in,opacity var(--exit-duration) ease-in}.psy-img{display:block;width:100%;height:auto}@media (max-width: 480px){.game-rules-root{right:20%;bottom:14px}.rules-box{font-size:.75rem;max-width:260px;padding:10px 12px;margin-bottom:60px}.psyduck{width:72px}}.header-container{position:fixed;top:0;left:0;padding:24px;width:100%;display:flex;justify-content:space-between;text-shadow:4px 4px 0px #3a2d27,8px 8px 0px rgba(0,0,0,.5);transform:translateY(-100%);animation:slideInFromTop .4s ease-out .4s forwards}@keyframes slideInFromTop{to{transform:translateY(0)}}.header-group{display:flex;gap:4rem}.header-logo{text-align:center;cursor:pointer;transition:transform .25s cubic-bezier(.3,.7,.4,1.5);-webkit-user-select:none;user-select:none}.header-logo:hover{transform:scale(1.1)}.score{display:inline-block;transition:transform .25s cubic-bezier(.3,.7,.4,1.5),color 50ms}.score-bump{transform:scale(1.1) translateY(-2px);color:#fc0}@media (max-width: 600px){.header-container{padding:.75rem;flex-direction:column;gap:.75rem;justify-content:center;align-items:center}.header-group h3{font-size:.75rem}h3.header-logo{font-size:1rem}}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#000315;font-family:"Press Start 2P",system-ui}.loading-text{color:#fffbef;font-size:1.75rem;text-shadow:4px 4px 0px #3a2d27,8px 8px 0px rgba(0,0,0,.5);margin-top:2rem}.loading-container img{max-width:200px}