*{box-sizing:border-box}body{margin:0;background:#06111b;color:#fff;font:18px Arial}#g{padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.c{min-height:150px;border:1px solid #18394c;border-radius:16px;background:#0b2030;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;font-size:19px}.c:focus{outline:4px solid #42d7f5;background:#10384b}.c img{width:120px;height:82px;object-fit:contain;margin-bottom:10px}#p{position:fixed;inset:0;background:#000}video{width:100%;height:100%;object-fit:contain}#b{position:absolute;top:20px;left:20px;padding:14px 20px;border:0;border-radius:10px;background:#102b3b;color:#fff;font-size:18px}