*,:after,:before{box-sizing:border-box}:root{--color-bg-primary:#0a0a12;--color-bg-secondary:#12121f;--color-bg-card:#1a1a2e;--color-bg-elevated:#252540;--color-accent-primary:#6366f1;--color-accent-secondary:#8b5cf6;--color-accent-success:#10b981;--color-accent-warning:#f59e0b;--color-accent-danger:#ef4444;--color-text-primary:#ffffff;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-success:linear-gradient(135deg,#10b981,#34d399);--gradient-warm:linear-gradient(135deg,#f59e0b,#fbbf24);--gradient-danger:linear-gradient(135deg,#ef4444,#f87171);--gradient-card:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0));--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.5);--shadow-glow:0 0 20px rgba(99,102,241,0.3);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s ease;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px)}html{color-scheme:dark}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--color-bg-primary);background-image:radial-gradient(ellipse at top,rgba(99,102,241,.1) 0,transparent 50%),radial-gradient(ellipse at bottom right,rgba(139,92,246,.05) 0,transparent 50%);background-attachment:fixed;color:var(--color-text-primary);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain}a{color:inherit}a,button{-webkit-tap-highlight-color:transparent}button{font-family:inherit;touch-action:manipulation}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 16px;padding-left:max(16px,var(--safe-area-left));padding-right:max(16px,var(--safe-area-right))}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.main{flex:1 1;padding:20px 0;padding-bottom:max(20px,var(--safe-area-bottom))}.section{margin-bottom:32px}.sectionTitle{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 16px;letter-spacing:-.02em}.siteGuide{margin:0 0 28px;padding:20px;border:1px solid rgba(99,102,241,.35);border-radius:var(--radius-lg);background:rgba(26,26,46,.82);line-height:1.8}.siteGuide h2,.siteGuide h3{margin-top:0}.siteGuide h2{font-size:1.25rem}.siteGuide h3{font-size:1rem;color:#c4b5fd}.siteGuide p{color:var(--color-text-secondary)}.siteGuide a{color:#c4b5fd;text-decoration:underline;text-underline-offset:3px}.siteGuideGrid{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.siteGuideGrid>div{padding:16px;border-radius:var(--radius-md);background:rgba(10,10,18,.55)}@media (min-width:768px){.siteGuideGrid{grid-template-columns:repeat(3,1fr)}}.gameGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.gameGrid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.gameGrid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.gameGrid{grid-template-columns:repeat(4,1fr)}}.hideScrollbar{scrollbar-width:none;-ms-overflow-style:none}.hideScrollbar::-webkit-scrollbar{display:none}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}::selection{background:var(--color-accent-primary);color:white}.visuallyHidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}