@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--bg:#f7f5f0;--bg-card:#fff;--bg-card-hover:#fefefe;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--border:#e5e7eb;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014, 0 2px 6px #0000000a;--shadow-lg:0 12px 40px #0000001f, 0 4px 12px #0000000f;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--font-sans:"Space Grotesk", system-ui, sans-serif;--font-mono:"Space Mono", "Courier New", monospace;--transition:.2s cubic-bezier(.4,0,.2,1);--max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit}.skip-link{background:var(--text-primary);color:#fff;border-radius:0 0 var(--radius-sm) 0;z-index:9999;transition:top var(--transition);padding:8px 16px;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.site-header{text-align:center;max-width:var(--max-width);width:100%;margin:0 auto;padding:80px 24px 48px}.site-title{letter-spacing:-.03em;background:linear-gradient(135deg,#6c63ff 0%,#f72585 50%,#f4a261 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:700;line-height:1}.site-subtitle{color:var(--text-secondary);max-width:520px;margin:0 auto 32px;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:400}.site-quote{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);font-size:.875rem;font-family:var(--font-mono);box-shadow:var(--shadow-sm);border-radius:100px;padding:8px 20px;transition:opacity .4s;display:inline-block}.site-quote:before{content:"💬 "}.modules-section{max-width:var(--max-width);flex:1;width:100%;margin:0 auto;padding:0 24px 80px}.modules-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.module-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);cursor:default;flex-direction:column;gap:16px;padding:32px 28px;display:flex;position:relative;overflow:hidden}.module-card:before{content:"";background:var(--card-color,#6c63ff);border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:.7;height:4px;transition:opacity var(--transition), height var(--transition);position:absolute;top:0;left:0;right:0}.module-card.available{cursor:pointer}.module-card.available:hover,.module-card.available:focus-within{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--card-color,#6c63ff) 30%, transparent);transform:translateY(-4px)}.module-card.available:hover:before,.module-card.available:focus-within:before{opacity:1;height:5px}.module-card-icon{font-size:2.5rem;line-height:1;display:block}.module-card-body{flex:1}.module-card-title{color:var(--text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:600;line-height:1.3}.module-card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.module-card-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.module-card-status{font-size:.75rem;font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;border-radius:100px;padding:4px 10px;font-weight:700}.status-available{color:#16a34a;background:#22c55e1f}.status-coming-soon{color:#d97706;background:#f59e0b1f}.module-card-arrow{opacity:0;transition:opacity var(--transition), transform var(--transition);color:var(--card-color,#6c63ff);font-size:1.25rem;transform:translate(-4px)}.module-card.available:hover .module-card-arrow,.module-card.available:focus-within .module-card-arrow{opacity:1;transform:translate(0)}.module-card-link{border-radius:var(--radius-lg);position:absolute;inset:0}.module-card-link:focus-visible{outline:2px solid var(--card-color,#6c63ff);outline-offset:2px}.site-footer{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);font-size:.875rem;font-family:var(--font-mono);padding:32px 24px}.site-footer a:hover{color:var(--text-secondary)}.module-page{flex-direction:column;min-height:100vh;display:flex}.module-nav{max-width:var(--max-width);width:100%;margin:0 auto;padding:20px 24px}.module-back{color:var(--text-secondary);font-size:.875rem;font-family:var(--font-mono);transition:color var(--transition);align-items:center;gap:8px;padding:6px 0;display:inline-flex}.module-back:hover{color:var(--text-primary)}.module-back:before{content:"←"}.module-header{text-align:center;max-width:var(--max-width);width:100%;margin:0 auto;padding:40px 24px}.module-icon{margin-bottom:16px;font-size:4rem;display:block}.module-title{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.75rem,5vw,3rem);font-weight:700}.module-desc{color:var(--text-secondary);max-width:480px;margin:0 auto;font-size:1.1rem}.module-content{max-width:var(--max-width);flex:1;width:100%;margin:0 auto;padding:24px 24px 80px}.coming-soon-banner{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;max-width:480px;box-shadow:var(--shadow-sm);margin:40px auto;padding:64px 32px}.coming-soon-banner h2{margin-bottom:12px;font-size:1.5rem;font-weight:600}.coming-soon-banner p{color:var(--text-secondary);font-size:.95rem}.arcade-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.game-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);padding:28px 24px;position:relative;overflow:hidden}.game-card:before{content:"";background:var(--card-color,#6c63ff);opacity:.6;height:3px;position:absolute;top:0;left:0;right:0}.game-card-icon{margin-bottom:12px;font-size:2.5rem}.game-card-title{margin-bottom:8px;font-size:1rem;font-weight:600}.game-card-status{font-size:.75rem;font-family:var(--font-mono);color:#d97706;text-transform:uppercase;letter-spacing:.03em;background:#f59e0b1a;border-radius:100px;padding:3px 8px;font-weight:700;display:inline-block}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.site-header{padding:48px 16px 32px}.modules-section{padding:0 16px 60px}.modules-grid{grid-template-columns:1fr;gap:16px}.module-card{padding:24px 20px}.arcade-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}