:root{--navy:#10264d;--blue:#173568;--blue2:#245095;--paper:#f5efd9;--panel:#fffaf0;--ink:#172033;--muted:#687083;--gold:#f0a72f;--line:#1a2a47;--shadow:0 5px 0 rgba(16,38,77,.18);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#d8d2be}*{box-sizing:border-box}html{min-width:320px;background:#d8d2be}body{margin:0;min-height:100vh;background:var(--paper);background-image:linear-gradient(rgba(16,38,77,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,38,77,.035) 1px,transparent 1px);background-size:24px 24px}.masthead{color:white;background:linear-gradient(#234d8f,#10264d);border-bottom:4px solid #07152d;box-shadow:0 3px 0 var(--gold)}.masthead__inner{width:min(1180px,calc(100% - 32px));min-height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand__badge{display:grid;place-items:center;width:48px;height:48px;border:2px solid #fff5c7;background:var(--gold);color:#14264a;font:900 19px/1 Arial;box-shadow:inset 0 0 0 3px #d17a16,3px 3px 0 #07152d}.brand strong{display:block;font-size:22px;letter-spacing:.02em;text-transform:uppercase;text-shadow:2px 2px 0 #07152d}.brand small{display:block;margin-top:3px;color:#d9e8ff;font-size:12px;letter-spacing:.08em}.arcade-status{padding:7px 10px;border:1px solid #6f94ca;background:#0b1b39;font-size:12px;text-transform:uppercase;letter-spacing:.08em;box-shadow:inset 0 0 0 2px #173568}.status-light{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#63dc71;box-shadow:0 0 7px #63dc71}main{width:min(1180px,calc(100% - 32px));margin:auto}.hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:36px;padding:54px 0 38px}.kicker{margin:0 0 8px;color:#234d8f;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.hero h1{max-width:740px;margin:0;font-size:clamp(34px,5vw,64px);line-height:.98;letter-spacing:-.04em}.hero>div>p:last-child{max-width:650px;margin:18px 0 0;color:var(--muted);font-size:17px;line-height:1.55}.hero__panel{display:grid;gap:6px;min-width:180px;padding:14px;border:2px solid var(--line);background:var(--navy);box-shadow:var(--shadow)}.hero__panel span{padding:8px 10px;border:1px solid #597cad;background:#1c3d70;color:#fff8dc;font-size:11px;font-weight:800;letter-spacing:.12em;text-align:center}.catalog{padding-bottom:56px}.catalog__tools{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:14px;border:2px solid var(--line);background:#dfd7bc;box-shadow:var(--shadow)}.search{display:grid;gap:5px;min-width:min(320px,100%)}.search span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.search input{height:42px;padding:0 12px;border:2px solid var(--line);border-radius:0;background:white;color:var(--ink);font:inherit;box-shadow:inset 2px 2px 0 #d8d8d8}.search input:focus{outline:3px solid #efb649;outline-offset:2px}.filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.filter{min-height:38px;padding:0 12px;border:2px solid var(--line);border-radius:0;background:#fffaf0;color:var(--ink);font-size:12px;font-weight:800;cursor:pointer;box-shadow:2px 2px 0 #8790a1}.filter:hover,.filter:focus-visible{background:#fff3bb}.filter.is-active{background:var(--gold);box-shadow:inset 2px 2px 0 #ffd578}.result-count{min-height:18px;margin:20px 2px 10px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.game-card{min-width:0;border:2px solid var(--line);background:var(--panel);box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease}.game-card:hover{transform:translateY(-3px);box-shadow:0 8px 0 rgba(16,38,77,.18)}.game-card__link{display:block;height:100%;color:inherit;text-decoration:none}.game-card__link:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.game-card__art{aspect-ratio:4/3;overflow:hidden;border-bottom:2px solid var(--line);background:#183a69}.game-card__art img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s ease}.game-card:hover img{transform:scale(1.03)}.game-card__body{display:flex;flex-direction:column;min-height:190px;padding:14px}.game-card__eyebrow{display:flex;justify-content:space-between;gap:8px;color:#31598d;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.game-card h2{margin:10px 0 6px;font-size:22px}.game-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.game-card__footer{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:18px;font-size:10px;color:var(--muted)}.game-card__footer strong{padding:7px 10px;border:2px solid var(--line);background:var(--gold);color:#172033;font-size:11px;text-transform:uppercase;box-shadow:2px 2px 0 #8790a1}.empty-state,.no-results{grid-column:1/-1;padding:55px 20px;border:2px dashed #65728a;background:rgba(255,250,240,.75);text-align:center}.empty-state h2{margin:0 0 8px}.empty-state p{margin:0;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:24px;padding:24px max(16px,calc((100vw - 1180px)/2));border-top:3px solid var(--line);background:#10264d;color:#d8e5f8;font-size:12px}footer p{margin:0}footer a{color:#ffd77d}@media(max-width:980px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero__panel{display:none}}@media(max-width:720px){.masthead__inner{width:min(100% - 24px,1180px)}.arcade-status{display:none}main{width:min(100% - 24px,1180px)}.hero{display:block;padding:36px 0 28px}.hero h1{font-size:clamp(36px,11vw,54px)}.catalog__tools{align-items:stretch;flex-direction:column}.search{width:100%}.filters{justify-content:flex-start}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-card__body{min-height:178px;padding:12px}.game-card h2{font-size:19px}.game-card__footer span{display:none}footer{flex-direction:column;gap:8px}}@media(max-width:440px){.brand strong{font-size:18px}.brand small{font-size:10px}.brand__badge{width:42px;height:42px}.game-grid{grid-template-columns:1fr}.game-card__art{aspect-ratio:16/9}.game-card__body{min-height:160px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}