*{box-sizing:border-box}body{margin:0;background:#071923;color:#f6fff9;font-family:system-ui,Arial}header{text-align:center;padding:40px 18px;background:radial-gradient(circle at 20% 0,#246c73,transparent 45%),linear-gradient(135deg,#11382f,#13253c)}header>a{color:#bdf5cd;float:left;text-decoration:none;font-size:12px;font-weight:800}h1{font-size:clamp(30px,6vw,60px);margin:20px 0 8px;letter-spacing:2px}header p{color:#bad1ce}#search{display:block;width:min(540px,90%);margin:22px auto;padding:16px 20px;background:#ffffff16;border:1px solid #ffffff44;border-radius:16px;color:white;font-size:17px}#search::placeholder{color:#c6d6d4}#filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}button{cursor:pointer}#filters button,#close,#restart{background:#ffffff1d;border:1px solid #ffffff44;color:white;padding:10px 15px;border-radius:12px}#filters .active{background:#b9f37b;color:#14312a}main{max-width:1200px;margin:auto;padding:35px 20px}#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px}.tile{min-height:155px;background:linear-gradient(145deg,#1a4050,#132b3e);border:1px solid #ffffff22;border-radius:20px;padding:18px;box-shadow:0 8px 0 #050d17;transition:.2s;cursor:pointer}.tile:hover{transform:translateY(-5px);border-color:#b9f37b}.tile .icon{font-size:38px}.tile h3{font-size:15px;margin:13px 0 7px}.tile small{color:#9ebac0}.tile span{float:right;color:#b9f37b;font-size:11px}#play{position:fixed;inset:0;z-index:100;overflow:auto;background:radial-gradient(circle at top,#1d5861,#06141e 70%);padding:35px 15px;text-align:center}#play h2{font-size:35px}#board{max-width:550px;margin:35px auto;min-height:250px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.cell{min-width:65px;min-height:65px;border-radius:13px;background:#20475b;border:1px solid #6f9fa9;color:white;font-size:25px;font-weight:900}.cell:hover{background:#357789}.big{font-size:70px;font-weight:900}.good{background:#79d5a0!important;color:#062f24!important}.bad{background:#ec8b8b!important}.progress{width:100%;background:#254759;border-radius:20px;height:16px;overflow:hidden}.progress>div{height:100%;background:#b9f37b}#status{font-size:20px;color:#b9f37b}