html{height:100%}*,:after,:before{box-sizing:border-box}*{margin:0;font-family:system-ui,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif}body{scrollbar-width:none;background-color:#000;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;overflow:hidden}html::-webkit-scrollbar{display:none}#thpace{width:100vw;height:100vh;margin:0;position:absolute;top:0;left:0}.container{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:500px;margin:0 auto;display:flex}@media (height<=700px){.container{flex-direction:row;justify-content:space-around;gap:20px;width:auto;max-width:1000px;height:100vh;padding:0 20px}.grid{flex-shrink:0;width:350px;height:350px;margin:0;overflow:hidden}.grid:before,.spans{display:none}.controls-section{flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.flags{margin:0}#result{border:none;justify-content:center;align-items:center;min-height:40px;margin:10px 0;display:flex;position:static;top:auto;left:auto;transform:none}.button{width:fit-content;max-width:200px}}.grid{text-align:center;letter-spacing:2px;cursor:url(/assets/glove2-PFaSnUku.png),auto;background:linear-gradient(145deg,#d5dce3,#b8c0c7);border:10px solid #c2cad1e6;border-radius:12px;flex-wrap:wrap;width:420px;height:420px;margin:15% auto;font-size:1.6rem;transition:transform .3s;animation:2s ease-out forwards fadeInAnimation;display:flex;position:relative;box-shadow:0 15px 25px #00000040,0 5px 10px #00000038,inset 0 0 6px #ffffff80}.grid:hover{transform:translateY(-5px);box-shadow:0 20px 30px #0000004d,0 10px 15px #0003,inset 0 0 8px #fff9}.grid:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(45deg,#0000 48%,#ffffff1a 50%,#0000 52%) 0 0/200% 200%;width:100%;height:100%;animation:4s linear infinite shine;position:absolute;top:0;left:0}@keyframes shine{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInAnimation{0%{opacity:0;transform:translateY(4rem)}to{opacity:1;transform:translateY(0)}}div{text-align:center}.flags{text-align:center;letter-spacing:2px;color:#f7f7f7;text-transform:uppercase;text-shadow:0 2px 2px #fff9;background-color:#000;border:1px solid #f7f7f7;border-radius:3rem;width:fit-content;margin:1rem auto;padding:10px 20px;font-size:1.4rem;font-weight:200;box-shadow:2px 2px 2px #0009}.valid,.bomb,.checked,.grid div{width:40px;height:40px}.valid,.bomb{box-sizing:border-box;border:5px solid #b8c0c8;border-color:#e4e7ea #b8c0c8 #b8c0c8 #eff1f3}.checked{box-sizing:border-box;background-color:#000;border:2px solid #adb7c1}.one,.two,.three,.four,.five,.six,.seven,.eight{font-weight:400}.one{color:#e10600}.two{color:#0073e6}.three{color:#08ff08}.four{color:#bb41d3}.five{color:#e52}.six{color:#f6a800}.seven{color:#91b0ff}.eight{color:#ff0080}#result{text-align:center;color:#fff;border-radius:3rem;width:fit-content;margin:2rem auto;font-size:1.6rem;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0006}.button{cursor:url(/assets/glove2-PFaSnUku.png),auto;letter-spacing:2px;color:#000;text-transform:uppercase;background-color:#f7f7f7;border:1px solid #000;border-radius:3rem;padding:10px 20px;font-family:inherit;font-size:.8em;font-weight:700;transition:all .3s;box-shadow:0 2px 4px #0006}.button:hover{color:#f7f7f7;transform:all .3s ease-out;background-color:#000;border:1px solid #f7f7f7;font-weight:200}button:active{outline:none;transform:scale(.9);box-shadow:inset 0 0 10px #f7f7f7}button:focus{outline:none;box-shadow:none!important}#reset{font-weight:400}