*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0a0a0f;--color-surface: #12121a;--color-surface-2: #1a1a28;--color-border: #2a2a3d;--color-text: #e8e8f0;--color-text-muted: #8888aa;--color-accent: #6366f1;--color-accent-hover: #818cf8;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;font-size:16px}html,body{width:100%;height:100%;background:var(--color-bg);color:var(--color-text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow:hidden}#root{width:100%;height:100%;display:flex;flex-direction:column}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}canvas{display:block}.game-hub{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg);gap:2rem;padding:2rem}.game-hub__header{text-align:center}.game-hub__title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.game-hub__subtitle{color:var(--color-text-muted);font-size:1.1rem}.game-hub__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;max-width:800px}.module-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent, var(--color-accent));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.module-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #6366f133;border-color:var(--card-accent, var(--color-accent))}.module-card__icon{font-size:2.5rem;margin-bottom:1rem;display:block}.module-card__title{font-size:1.3rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.module-card__description{font-size:.9rem;color:var(--color-text-muted);margin-bottom:1rem;line-height:1.6}.module-card__tags{display:flex;gap:.5rem;flex-wrap:wrap}.module-card__tag{font-size:.75rem;padding:.2rem .6rem;border-radius:999px;background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border)}.loading-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg);gap:1rem}.loading-screen__spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.loading-screen__text{color:var(--color-text-muted);font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}.app-container{width:100%;flex:1;min-height:0;overflow:hidden;position:relative}