body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}body:has(.game-container){height:100vh;overflow:hidden}.header-game{margin-bottom:100px;font-size:45px;font-weight:700}.placeholder{background:0 0;flex-flow:wrap;justify-content:center;gap:16px;width:auto;height:auto;padding:10px;display:flex}.game-container{background:#fff;flex-direction:column;align-items:center;min-height:100vh;margin-top:50px;padding:40px;display:flex;position:relative;overflow:hidden}.game-container:before{content:"";z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%230099ff' fill-opacity='1' d='M0,192L12.6,170.7C25.3,149,51,107,76,106.7C101.1,107,126,149,152,165.3C176.8,181,202,171,227,176C252.6,181,278,203,303,213.3C328.4,224,354,224,379,224C404.2,224,429,224,455,218.7C480,213,505,203,531,208C555.8,213,581,235,606,229.3C631.6,224,657,192,682,192C707.4,192,733,224,758,202.7C783.2,181,808,107,834,80C858.9,53,884,75,909,117.3C934.7,160,960,224,985,234.7C1010.5,245,1036,203,1061,192C1086.3,181,1112,203,1137,224C1162.1,245,1187,267,1213,234.7C1237.9,203,1263,117,1288,112C1313.7,107,1339,181,1364,192C1389.5,203,1415,149,1427,122.7L1440,96L1440,320L1427.4,320C1414.7,320,1389,320,1364,320C1338.9,320,1314,320,1288,320C1263.2,320,1238,320,1213,320C1187.4,320,1162,320,1137,320C1111.6,320,1086,320,1061,320C1035.8,320,1011,320,985,320C960,320,935,320,909,320C884.2,320,859,320,834,320C808.4,320,783,320,758,320C732.6,320,707,320,682,320C656.8,320,632,320,606,320C581.1,320,556,320,531,320C505.3,320,480,320,455,320C429.5,320,404,320,379,320C353.7,320,328,320,303,320C277.9,320,253,320,227,320C202.1,320,177,320,152,320C126.3,320,101,320,76,320C50.5,320,25,320,13,320L0,320Z'/%3E%3C/svg%3E");background-position:bottom;background-repeat:no-repeat;background-size:cover;width:100%;height:320px;position:absolute;bottom:0;left:0}.game-container>*{z-index:1;position:relative}.button-group{gap:16px;padding-bottom:25px;display:flex}button{color:#000;cursor:pointer;background:#fff;border:2px solid #000;border-radius:8px;padding:12px 32px;font-size:18px;box-shadow:0 4px 8px #0003}button:hover{color:#fff;background:#09f;box-shadow:0 6px 12px #0000004d}:is(body:has(.game-container) nav,body:has(.game-container) footer){display:none}.game-nav{z-index:100;background:#fff;width:100%;padding:20px 40px;position:fixed;top:0;left:0}.game-nav a{color:#000;font-size:28px;font-weight:800;text-decoration:none}.game-nav a:hover{color:#09f}.card-container{flex-direction:column;align-items:center;gap:40px;margin-top:100px;display:flex}.cards-row{flex-direction:row;align-items:center;gap:20px;display:flex}.card{background:#fff;border-radius:8px;width:170px;height:230px;animation:.6s flipIn;box-shadow:0 12px 32px #0009}@keyframes flipIn{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}.card img{border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000004d}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{text-align:center;background:#fff;border-radius:12px;padding:40px;box-shadow:0 8px 32px #0000004d}.modal p{margin-bottom:20px;font-size:24px}.modal button{padding:12px 32px;font-size:18px}button:disabled{opacity:.5;cursor:not-allowed}.wave-footer{text-align:center;color:#000;z-index:10;font-size:14px;position:absolute;bottom:65px;left:50%;transform:translate(-50%)}.wave-footer p{text-shadow:1px 1px 3px #0000004d;margin:4px 0}@media (max-width:1024px){.game-container{justify-content:center;margin-top:0;padding-top:0}.card-container{margin-top:0}.wave-footer{bottom:5px}}@media (max-width:767px){.game-nav{text-align:center}.game-nav a{font-size:36px}.game-container{justify-content:center;margin-top:0;padding:0;height:100vh!important;min-height:unset!important;overflow:hidden!important}.game-container:before{height:200px}.header-game{text-align:center;font-size:30px;position:absolute;top:140px;left:0;right:0}.cards-row{flex-direction:column;align-items:center;gap:12px}.placeholder{flex-flow:row;justify-content:center;gap:6px}.card{width:90px;height:120px}.card-container{gap:16px;margin-top:0}.button-group{padding-top:24px;padding-bottom:0}.wave-footer{bottom:5px}.button-group{justify-content:center;gap:10px;margin:0 30px;display:flex}}
