*{box-sizing:border-box}body{margin:0;background:#263357;color:#fff7e8;font:16px/1.5 system-ui,-apple-system,sans-serif}header{padding:18px 24px 12px;text-align:center}header strong{font-size:24px;font-weight:900;letter-spacing:.03em}.badge{display:inline-block;margin-left:12px;padding:4px 10px;border-radius:8px;background:#ffdf43;color:#263357;font-size:14px;font-weight:800}header p{margin:8px 0 0;color:#d8e7ff}main{width:min(1280px,100%);margin:auto}.controls{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:10px 14px 14px;font-weight:650}kbd{display:inline-block;min-width:24px;text-align:center;font:700 14px system-ui;background:#d6e6ff;color:#263357;border-radius:5px;padding:2px 6px;margin-right:3px;box-shadow:0 3px #7c98bd}iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#263357;box-shadow:0 10px 35px #14203a70}footer{padding:16px 20px 22px;text-align:center;color:#d8e7ff}footer span,footer p,footer a{font-size:14px}footer p{margin:8px 0}a{color:#fff2a6} @media(max-width:600px){header{padding:12px}header strong{font-size:21px}.controls{gap:10px;font-size:14px}iframe{min-height:0}footer{padding:12px}}