*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{background:#fff}.hub{min-height:100vh;width:100%;background:#fff;color:#000;margin:0;padding:clamp(2rem,6vw,5rem) clamp(1rem,5vw,4rem);box-sizing:border-box;font-family:Barlow Condensed,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;align-items:center}.hub__header{text-align:center;margin-bottom:clamp(2rem,5vw,4rem)}.hub__title{font-family:Orbitron,system-ui,sans-serif;font-weight:700;font-size:clamp(2rem,6vw,3.5rem);letter-spacing:.08em;margin:0;text-transform:uppercase}.hub__subtitle{font-size:clamp(1rem,2.5vw,1.25rem);letter-spacing:.04em;margin:.5rem 0 0;opacity:.6}.hub__grid{width:100%;max-width:1100px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(1rem,3vw,2rem)}.tile{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;border:1.5px solid #000000;background:#fff;color:#000;text-decoration:none;overflow:hidden;transition:box-shadow .25s ease;-webkit-tap-highlight-color:transparent}.tile:hover,.tile:focus-visible{box-shadow:0 6px 24px #0000001f;outline:none}.tile__name{font-family:Orbitron,system-ui,sans-serif;font-weight:600;font-size:clamp(1rem,2.2vw,1.4rem);letter-spacing:.06em;text-align:center;padding:0 1rem;text-transform:uppercase;z-index:2;pointer-events:none}.tile__graphic{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.tile__graphic-svg{width:70%;height:70%;color:#000}.tile__graphic-art{width:100%;height:100%}@media(hover:none){.hub{padding:clamp(1.5rem,5vw,3rem) clamp(.75rem,4vw,2rem)}.hub__grid{grid-template-columns:1fr;gap:.25rem;max-width:560px}.tile{aspect-ratio:auto;min-height:58svh;flex-direction:column;gap:.5rem;border:none;background:transparent;box-shadow:none;overflow:visible}.tile:hover,.tile:focus-visible{box-shadow:none}.tile__graphic-svg{width:82%;height:82%}.tile__graphic{will-change:opacity,transform;transform:translateZ(0)}}