body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}body:has(.game-container){height:100vh;overflow:hidden}.header-game{text-align:center;margin-bottom:3vh;font-size:clamp(30px,3.5vw,45px);font-weight:700}.placeholder{background:0 0;flex-flow:wrap;justify-content:center;gap:clamp(6px,1.2vw,16px);width:auto;height:auto;padding:1vh;display:flex}.game-container{height:100vh;min-height:unset;background:#fff;flex-direction:column;justify-content:center;align-items:center;margin-top:0;padding:clamp(60px,10vh,100px) clamp(0px,3vw,40px) clamp(180px,22vh,280px);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:clamp(200px,25vh,320px);position:absolute;bottom:0;left:0}.game-container>*{z-index:1;position:relative}.button-group{gap:clamp(15px,1.5vw,16px);margin:0 clamp(5px,.5vw,10px);padding-top:clamp(0px,2vh,24px);padding-bottom:clamp(0px,2vh,25px);display:flex}button{color:#000;cursor:pointer;background:#fff;border:2px solid #000;border-radius:8px;padding:clamp(10px,1vh,12px) clamp(20px,2.5vw,32px);font-size:clamp(18px,1.8vw,24px);box-shadow:0 4px 8px #0003}button:hover{color:#fff;background:#09f;box-shadow:0 6px 12px #0000004d}body:has(.game-container) nav{display:none}.game-nav{z-index:100;text-align:center;background:#fff;width:100%;padding:2vh 2.5vw;position:fixed;top:0;left:0}.game-nav a{color:#000;font-size:clamp(28px,3vw,36px);font-weight:800;text-decoration:none}.game-nav a:hover{color:#09f}.card-container{flex-direction:column;align-items:center;gap:clamp(16px,3vh,40px);margin-top:0;display:flex}.cards-row{flex-flow:wrap;justify-content:center;align-items:center;gap:clamp(12px,1.5vw,20px);display:flex}.card{background:#fff;border-radius:8px;width:clamp(70px,10vw,140px);height:clamp(95px,13vw,190px);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:9999;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{text-align:center;z-index:10000;background:#fff;border-radius:12px;padding:clamp(20px,3vw,40px);position:relative;box-shadow:0 8px 32px #0000004d}.modal p{margin-bottom:2vh;font-size:clamp(18px,2vw,24px)}.modal button{padding:clamp(10px,1vh,12px) clamp(20px,2.5vw,32px);font-size:clamp(16px,1.5vw,18px)}.modal input{box-sizing:border-box;border:2px solid #000;border-radius:8px;outline:none;width:100%;margin-bottom:4px;padding:clamp(8px,1vh,12px) clamp(10px,1.2vw,16px);font-size:clamp(16px,1.5vw,18px)}.modal input:focus{border-color:#09f;box-shadow:0 0 0 3px #09f3}.modal small{text-align:right;color:#888;margin-bottom:2vh;font-size:clamp(11px,1vw,12px);display:block}button:disabled{opacity:.5;cursor:not-allowed}.footer{display:none}