:root{--bg: #121212;--bg-elevated: #1a1a1a;--surface: #2c2c34;--surface-hover: #353540;--border: #3d3d47;--text: #e8e6e3;--text-muted: #a8a5a0;--accent: #6ab0ff;--accent-soft: rgba(106, 176, 255, .2);--radius: 8px;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}.hub-dice-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hub-dice-canvas canvas{display:block;width:100%;height:100%}.hub{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1.25rem 3rem}.hub--under-dice{position:relative;z-index:1}.hub__header{text-align:center;margin-bottom:2.5rem;max-width:32rem}.hub__title{margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600;letter-spacing:-.02em}.hub__tagline{margin:0;color:var(--text-muted);font-size:1.05rem}.hub__games{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%;max-width:40rem}.hub__game-card{display:flex;flex-direction:column;gap:.5rem;flex:1 1 16rem;max-width:22rem;padding:1.25rem 1.35rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:inherit;text-decoration:none;transition:background .15s,border-color .15s}.hub__game-card:hover{background:var(--surface-hover);border-color:var(--accent)}.hub__game-title{margin:0;font-size:1.25rem;font-weight:600}.hub__game-desc{margin:0;flex:1;color:var(--text-muted);font-size:.95rem}.hub__game-cta{align-self:flex-start;margin-top:.25rem;padding:.35rem .85rem;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);font-size:.9rem;font-weight:500}