:root{--page:#1c2a50;--panel:#26385f;--panel-2:#31466f;--navy:#061d48;--cyan:#10f0ed;--cyan-soft:#9cf9f7;--pink:#e879f9;--orange:#ff9d00;--white:#fff;--text:#eef7ff;--muted:#b9c8df;--shadow:0 16px 42px rgba(2,12,34,.32);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text);font-family:Arial,"Segoe UI",sans-serif}.catalogue{min-height:100vh;padding:28px 18px 56px}.site-shell{width:min(1120px,100%);margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:0 4px;color:var(--muted);font-size:.88rem}.breadcrumb a{color:var(--cyan);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb strong{color:#fff}.hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;border:1px solid rgba(67,229,255,.35);border-radius:var(--radius);background:radial-gradient(circle at 78% 12%,rgba(151,92,234,.72),transparent 40%),linear-gradient(135deg,#395588 0%,#2f4674 48%,#273f68 100%);box-shadow:var(--shadow)}.hero-copy{max-width:690px}.eyebrow{margin:0 0 9px;color:var(--cyan);font-size:.78rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.hero h1{margin:0;color:#fff;font-size:clamp(2rem,5vw,3.55rem);line-height:1.05}.hero-lead{margin:14px 0 0;color:#fff;font-size:1.04rem;line-height:1.6;font-weight:600}.hero-actions{display:flex;flex-direction:column;gap:10px;width:300px;flex:0 0 300px}.download{display:flex;align-items:center;justify-content:center;width:100%;min-height:47px;padding:11px 14px;border:1px solid transparent;border-radius:10px;text-decoration:none;font-weight:900;text-align:center;transition:transform .18s,filter .18s,box-shadow .18s}.download:hover{transform:translateY(-2px);filter:brightness(1.08)}.download-main{background:linear-gradient(90deg,#00edc5,#11f1aa);color:#032a3f;box-shadow:0 0 18px rgba(0,239,197,.28)}.download-alt{background:linear-gradient(90deg,#e879f9,#c36cf2);color:#fff;box-shadow:0 0 18px rgba(232,121,249,.22)}.download-pdf{border-color:#ffc45c;background:linear-gradient(90deg,#ffb000,#ff8700);color:#241300;box-shadow:0 0 20px rgba(255,157,0,.34)}.list-section{margin-top:18px;padding:28px 28px 24px;border:1px solid rgba(118,166,221,.25);border-radius:var(--radius);background:linear-gradient(180deg,rgba(50,70,112,.98),rgba(39,56,93,.98));box-shadow:var(--shadow)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px}.section-head h2{margin:0;color:#fff;font-size:clamp(1.55rem,3.5vw,2.25rem)}.section-intro{margin:9px 0 0;color:var(--muted);line-height:1.55}.result-badge{flex:0 0 auto;margin:3px 0 0;padding:10px 14px;border:1px solid rgba(16,240,237,.42);border-radius:999px;background:rgba(6,29,72,.7);color:var(--cyan-soft);font-weight:900;white-space:nowrap}.search-tools{margin:0 0 16px}.search-box label,.filters label{display:block;color:#fff;font-weight:900}.search-box label{margin-bottom:8px}.search-line{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;z-index:1;color:#56739b;font-size:1.45rem}.search-line input{width:100%;min-height:58px;padding:14px 108px 14px 48px;border:2px solid rgba(132,172,218,.38);border-radius:12px;outline:none;background:#fff;color:#10213e;font-size:1.08rem;font-weight:650}.search-line input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(16,240,237,.16)}.search-line>button{position:absolute;right:8px;border:0;border-radius:8px;padding:9px 12px;background:#172b50;color:#fff;font-weight:800;cursor:pointer}.filters{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;align-items:end;margin-top:14px}.filters label{font-size:.79rem}.filters select{width:100%;height:42px;margin-top:6px;padding:0 34px 0 11px;border:1px solid rgba(132,172,218,.45);border-radius:9px;background:#f8fbff;color:#132442;font-weight:750}.reset-filters{height:42px;border:1px solid rgba(255,157,0,.7);border-radius:9px;background:rgba(255,157,0,.14);color:#ffd59a;font-weight:900;cursor:pointer}.active-filters{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.active-filters:empty{display:none}.active-filters button{border:1px solid rgba(16,240,237,.45);border-radius:999px;padding:7px 10px;background:rgba(6,29,72,.74);color:var(--cyan-soft);font-weight:800;cursor:pointer}.alphabet-wrap{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.alphabet-wrap button{flex:0 0 auto;min-width:38px;height:38px;border:1px solid rgba(126,167,216,.34);border-radius:9px;background:#f8fbff;color:#142441;font-weight:900;cursor:pointer}.alphabet-wrap button:first-child{min-width:62px}.alphabet-wrap button:hover,.alphabet-wrap button.active{border-color:var(--cyan);box-shadow:0 0 12px rgba(16,240,237,.25)}.alphabet-wrap button.active{background:linear-gradient(135deg,#09e7e5,#12c8ef);color:#03223d}.table-head{display:grid;grid-template-columns:76px 1fr;gap:16px;padding:10px 18px;border-radius:13px 13px 0 0;background:var(--navy);color:var(--cyan);font-size:.82rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.game-list{border:1px solid rgba(116,160,213,.28);border-radius:0 0 13px 13px;overflow:hidden;background:#f8fbff;box-shadow:0 10px 28px rgba(2,12,34,.18)}.game-row{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:16px;min-height:46px;padding:8px 18px;border-bottom:1px solid #dce6f2;color:#132442;transition:background .15s}.game-row:nth-child(even){background:#f1f6fc}.game-row:last-child{border-bottom:0}.game-row:hover{background:#e9ffff}.game-row strong{font-size:.94rem}.position{font-variant-numeric:tabular-nums;color:#45648c;font-weight:900}.loading,.empty{padding:52px 20px;text-align:center;color:#5b6f8e;font-weight:700}.page-status{text-align:center;margin:17px 0 0;color:var(--muted);font-weight:800}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;padding:13px 0 4px}.pagination button{min-height:40px;border:1px solid rgba(130,173,222,.36);border-radius:9px;padding:9px 13px;background:#f8fbff;color:#142441;font-weight:900;cursor:pointer}.pagination button:hover:not(:disabled),.pagination button.active{border-color:var(--cyan);box-shadow:0 0 12px rgba(16,240,237,.24)}.pagination button.active{background:linear-gradient(135deg,#09e7e5,#12c8ef);color:#03223d}.pagination button:disabled{opacity:.42;cursor:not-allowed}.page-gap{color:var(--muted)}.catalogue-footer{padding:18px 8px 0;color:var(--muted);font-size:.88rem}.catalogue-footer p{margin:0}@media(max-width:980px){.filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.hero{align-items:flex-start;flex-direction:column}.hero-actions{width:100%;flex:0 0 auto}.section-head{flex-direction:column}.result-badge{margin-top:0}}@media(max-width:640px){.catalogue{padding:14px 10px 36px}.hero{padding:24px 18px}.list-section{padding:22px 12px 18px}.filters{grid-template-columns:1fr 1fr}.alphabet-wrap{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px}.table-head,.game-row{grid-template-columns:54px 1fr;padding-left:12px;padding-right:12px;gap:9px}.pagination .page-wide{width:calc(50% - 5px)}.page-gap{display:none}.search-line input{padding-right:82px;font-size:.96rem}}@media(max-width:420px){.filters{grid-template-columns:1fr}}