:root{--bg:#08111d;--panel:#101d2e;--panel2:#15253a;--line:#28435e;--txt:#edf6ff;--muted:#8ea5b9;--cyan:#67d6e7;--amber:#efb65c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--txt)}body{background:radial-gradient(circle at 50% 0,#17324c,transparent 36%),linear-gradient(135deg,#08111d,#0d1928)}button,input{font:inherit}.shell{width:min(1220px,94vw);margin:0 auto;padding:42px 0 70px}.catalog-head{padding:30px;border:1px solid var(--line);border-radius:23px;background:rgba(13,25,42,.94);box-shadow:0 28px 90px rgba(0,0,0,.35)}.brand-row{display:flex;align-items:center;gap:15px}.brand-row>div:nth-child(2){flex:1}.mark{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;background:#11303a;color:var(--cyan);border:1px solid #2b7180;font-size:32px;font-weight:900}.eyebrow{font-size:9px;letter-spacing:.18em;font-weight:900;color:var(--cyan)}h1{font-size:40px;margin:5px 0 0;letter-spacing:-.035em}.catalog-head>p{max-width:850px;color:var(--muted);line-height:1.6;font-size:14px;margin:18px 0}.icon-btn{width:44px;height:44px;border-radius:11px;border:1px solid var(--line);background:#16283d;color:#fff;cursor:pointer}.search-wrap{height:54px;display:grid;grid-template-columns:38px 1fr 38px;align-items:center;border:1px solid #345976;border-radius:14px;background:#0b1726;padding:0 9px}.search-wrap>span{font-size:24px;color:var(--cyan);text-align:center}.search-wrap input{height:100%;border:0;outline:0;background:transparent;color:#eef7ff;font-size:15px}.search-wrap input::placeholder{color:#718ba0}.search-wrap button{border:0;background:transparent;color:#8fa7b9;font-size:23px;cursor:pointer}.grade-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.grade-tabs button{min-height:36px;padding:0 14px;border-radius:9px;border:1px solid var(--line);background:#13243a;color:#a8bdcc;font-size:11px;font-weight:800;cursor:pointer}.grade-tabs button.active{background:#174252;border-color:#3b8090;color:#dffbff}.result-head{display:flex;align-items:end;justify-content:space-between;margin:24px 2px 12px}.result-head h2{font-size:24px;margin:4px 0 0}.count{color:#8099ac;font-size:11px}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-card{display:flex;flex-direction:column;min-height:255px;padding:21px;border:1px solid var(--line);border-radius:18px;background:rgba(14,27,44,.94);color:inherit;text-decoration:none;transition:.18s}.game-card:hover{transform:translateY(-3px);border-color:#407997;box-shadow:0 18px 42px rgba(0,0,0,.2)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.subject{font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--cyan)}.grade-pill{font-size:9px;padding:6px 8px;border-radius:999px;border:1px solid var(--line);color:#9eb4c4}.game-card h3{font-size:21px;margin:14px 0 8px}.game-card p{color:var(--muted);font-size:11px;line-height:1.55;margin:0}.tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.tags span{font-size:8px;border:1px solid #233e57;border-radius:999px;padding:5px 7px;color:#90a8ba}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:17px}.play{font-size:11px;font-weight:900;color:#dff9ff}.progress{font-size:9px;color:#7891a5}.empty{padding:38px;text-align:center;border:1px dashed #2d4a63;border-radius:17px;color:#90a8ba}.empty strong,.empty span{display:block}.empty strong{font-size:18px;color:#dceaf4;margin-bottom:5px}.modal{position:fixed;inset:0;display:grid;place-items:center;background:rgba(2,7,13,.75);backdrop-filter:blur(9px);z-index:20;padding:20px}.settings-card{width:min(680px,95vw);padding:28px;background:#101e31;border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.head{display:flex;justify-content:space-between}.head .eyebrow{margin:0}.head h2{font-size:29px;margin:6px 0 15px}.head button{width:38px;height:38px;border-radius:9px;border:1px solid var(--line);background:#17283e;color:white;font-size:24px}.settings-card label{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:center;border-top:1px solid #20364f;padding:18px 0}.settings-card label>span:first-child{display:flex;flex-direction:column;gap:4px}.settings-card small{color:var(--muted)}.range{display:grid;grid-template-columns:1fr 58px;gap:10px;align-items:center}.range input{width:100%;accent-color:var(--cyan)}.range output{color:var(--cyan);font-weight:800;text-align:right}.controls{padding:15px;border:1px solid #20364f;border-radius:13px;background:#0d1929}.controls h3{font-size:12px;color:var(--cyan);margin:0 0 10px;text-transform:uppercase;letter-spacing:.12em}.keys{display:grid;grid-template-columns:1fr 1fr;gap:8px}.keys div{display:flex;align-items:center;gap:9px;font-size:10px;color:#a6bac9}.keys kbd{min-width:92px;text-align:center;padding:6px;border:1px solid #31506c;border-bottom-width:2px;border-radius:7px;background:#17283e;color:white}.foot{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.secondary,.primary-button{min-height:44px;padding:0 18px;border-radius:10px;font-weight:800;cursor:pointer}.secondary{background:#17283e;border:1px solid var(--line);color:#fff}.primary-button{border:0;background:linear-gradient(135deg,#6bd6e7,#548db8);color:#07131e}.storage{text-align:right;color:#70899f;font-size:9px}[hidden]{display:none!important}@media(max-width:930px){.games-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.games-grid{grid-template-columns:1fr}.settings-card label{grid-template-columns:1fr}.keys{grid-template-columns:1fr}.catalog-head{padding:22px}}