:root{--hub-ink:#1b2433;--hub-gold:#ffd23f;--hub-font:"Lilita One", "Arial Black", system-ui, sans-serif}html:not(.in-game),html:not(.in-game) body{color:#fff;background:#0d1a38;min-height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html:not(.in-game) body{background-color:#0000;background-image:radial-gradient(at 50% -10%,#3a86f08c,#0000 60%),radial-gradient(circle at 15% 85%,#ffd23f14,#0000 40%),linear-gradient(#163a7a,#0d1a38 70%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.boot-game #hub{display:none}#hub{box-sizing:border-box;flex-direction:column;gap:32px;max-width:1120px;min-height:100dvh;margin:0 auto;padding:7vh 16px 32px;display:flex}.hub-head{text-align:center}.hub-head h1{font-family:var(--hub-font);color:var(--hub-gold);-webkit-text-stroke:4px var(--hub-ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--hub-ink), 0 14px 28px #00000059;margin:0;font-size:clamp(52px,9vw,84px);font-weight:400;line-height:.95;transform:rotate(-2deg)}.hub-head p{opacity:.85;margin:14px 0 0;font-size:17px}#games{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:22px;display:grid}.card{color:var(--hub-ink);border:3px solid var(--hub-ink);box-shadow:0 7px 0 var(--hub-ink), 0 16px 30px #0000004d;cursor:pointer;background:#fff;border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}a.card:hover,a.card:focus-visible{box-shadow:0 11px 0 var(--hub-ink), 0 22px 36px #00000059;outline:none;transform:translateY(-4px)}a.card:focus-visible{box-shadow:0 11px 0 var(--hub-ink), 0 0 0 4px #fff}a.card:active{box-shadow:0 3px 0 var(--hub-ink);transform:translateY(3px)}.card-cover{aspect-ratio:1200/630;border-bottom:3px solid var(--hub-ink);background:#2a62c4;position:relative;overflow:hidden}.card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}a.card:hover .card-cover img{transform:scale(1.04)}.card-body{flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px;display:flex}.card h2{font-family:var(--hub-font);letter-spacing:.3px;margin:0;font-size:26px;font-weight:400}.card p{color:#4a5468;margin:0;font-size:15px;line-height:1.4}.card-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:6px;display:flex}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tags li{color:#3a4660;background:#e8eef8;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.play{font-family:var(--hub-font);border:3px solid var(--hub-ink);background:linear-gradient(#ffe26a, var(--hub-gold) 50%, #f2b705);box-shadow:0 3px 0 var(--hub-ink);border-radius:12px;flex:none;padding:6px 16px 8px;font-size:18px}.card-soon{cursor:default;color:#fff;box-shadow:none;background:#ffffff0f;border:3px dashed #ffffff4d}.card-soon .card-cover{background:#ffffff0a;border-bottom:3px dashed #fff3;place-items:center;display:grid}.card-soon .card-cover span{font-family:var(--hub-font);opacity:.35;font-size:72px}.card-soon p{color:#ffffffb3}.hub-foot{text-align:center;opacity:.75;margin-top:auto;font-size:14px}.hub-foot a{color:var(--hub-gold);font-weight:600;text-decoration:none}.hub-foot a:hover{text-decoration:underline}