:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}.landing-page{height:100dvh;width:100dvw}.background{background:url(https://source.unsplash.com/1600x900/?burger,food) no-repeat center center/cover;height:100dvh;width:100dvw;display:flex;justify-content:center;align-items:center}.overlay{background:#000000b3;padding:50px;border-radius:16px;position:relative;overflow:hidden;height:70dvh;width:80dvw}.overlay:before{content:"";position:absolute;inset:0;border:7px solid #F7B035;border-radius:16px;animation:border-anim 10s linear infinite;pointer-events:none}@keyframes border-anim{0%{clip-path:inset(0 100% 0 0)}25%{clip-path:inset(0 0 100% 0)}50%{clip-path:inset(0 0 0 100%)}75%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 100% 0 0)}}.content-box{position:relative;color:#fff;text-align:center;z-index:2}.logo-line{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:20px}.logo{height:250px;width:250px}.subtitle{font-size:40px;margin-bottom:30px;background:linear-gradient(90deg,#f9bc52,#f9de8c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.cta-btn{background:#f7b035;color:#000;padding:12px 24px;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:.3s}.cta-btn:hover{background:orange}.invite-text{margin:1rem 0;font-size:1.2rem;color:#fee8ba;opacity:.9;font-style:italic;text-align:center;font-weight:500}@media (max-width: 768px){.subtitle{font-size:30px}.logo{height:200px;width:200px}}@media (max-width: 480px){.subtitle{font-size:20px}.logo{height:150px;width:150px}}.memory-game{position:relative;background-size:cover;background-position:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);margin:0;display:flex;flex-direction:column;justify-content:space-between}.memory-game:before,.memory-game:after{content:"";position:absolute;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#ffd23f,#f7931e,#ff6b35);box-shadow:0 0 18px #ffb432a6;z-index:0}.memory-game:before{left:0}.memory-game:after{right:0}.game-header{text-align:center;margin-bottom:1rem;color:#fff;position:relative;z-index:1}.game-header h3{font-size:2rem;font-weight:600;color:#ffd23f}.game-header p{color:#fff6cc;font-size:1.05rem}.game-stats{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;position:relative;z-index:1}.stat{background:#ffffff14;border:1px solid rgba(255,210,63,.25);padding:.9rem 1rem;border-radius:12px;min-width:100px;color:#fff}.stat-label{font-size:.9rem;color:#ffe7a6}.stat-value{font-size:1.5rem;font-weight:800;color:#ffd23f}.game-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:0 auto;width:100%;max-width:600px;align-content:center;justify-content:center;position:relative;z-index:1}.memory-card{width:100px;height:100px;cursor:pointer;perspective:1000px;border-radius:14px}.memory-card:hover:not(.flipped) .card-inner{transform:rotateY(-10deg) scale(1.02)}.card-inner{width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;border-radius:14px}.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 6px 18px #00000059}.card-front{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.card-back{background:linear-gradient(135deg,#fff5e6,#ffffffeb);transform:rotateY(180deg);border:2px solid #ffd23f}.card-emoji{font-size:2.2rem;margin-bottom:.4rem}.card-name{font-size:.78rem;font-weight:700;text-transform:uppercase;color:#000}.game-complete{position:fixed;inset:0;background:#000000db;display:flex;align-items:center;justify-content:center;z-index:1000}.completion-message{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:18px;text-align:center;max-width:420px;color:#fff}.completion-message h4{color:#ffd23f;font-size:2rem;margin-bottom:.9rem}.play-again-btn,.reset-game-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;padding:.8rem 2rem;border-radius:26px;font-size:1rem;font-weight:700;cursor:pointer;margin:2rem auto;width:300px;display:flex;justify-content:center;align-items:center;text-align:center}.reset-game-btn{background:linear-gradient(135deg,#ffd23f,#f7931e)}@media (max-width: 768px){.game-grid{grid-template-columns:repeat(3,1fr);max-width:420px}.memory-card{width:90px;height:90px}}@media (max-width: 480px){.game-grid{grid-template-columns:repeat(3,1fr);max-width:260px}.memory-card{width:80px;height:80px}}