:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%}button{font-family:inherit;cursor:pointer;transition:all .2s ease}a{text-decoration:inherit}.header{position:sticky;top:0;z-index:50;border-bottom:1px solid;transition:background-color .3s ease,border-color .3s ease}.light .header{background-color:#fff;border-color:#e5e7eb}.dark .header{background-color:#111827;border-color:#374151}.nav-container{max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:center;height:64px;position:relative}.logo{font-size:1.25rem;font-weight:700}.light .logo{color:#111827}.dark .logo{color:#f9fafb}.logo-img{height:32px;width:auto;filter:brightness(0) saturate(100%);display:block}.dark .logo-img{filter:brightness(0) invert(1) saturate(100%)}.nav-left{position:absolute;left:1rem;display:flex;align-items:center;gap:1rem}.nav-right{position:absolute;right:1rem;display:flex;align-items:center;gap:1rem}.me-btn{padding:.5rem 1rem;border:2px solid;border-radius:.375rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.light .me-btn{border-color:#111827;color:#111827;background-color:transparent}.light .me-btn:hover{background-color:#f3f4f6}.dark .me-btn{border-color:#f9fafb;color:#f9fafb;background-color:transparent}.dark .me-btn:hover{background-color:#1f2937}.theme-btn{padding:.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;background:none;display:flex;align-items:center;justify-content:center}.light .theme-btn{color:#4b5563}.dark .theme-btn{color:#9ca3af}.light .theme-btn:hover{background-color:#f3f4f6}.dark .theme-btn:hover{background-color:#1f2937}.games-btn{display:flex;align-items:center;padding:.5rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:none}.light .games-btn{color:#4b5563}.dark .games-btn{color:#9ca3af}.light .games-btn:hover{background-color:#f3f4f6;color:#111827}.dark .games-btn:hover{background-color:#1f2937;color:#f9fafb}.me-btn{padding:.5rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;background:none}.light .me-btn{color:#4b5563}.dark .me-btn{color:#9ca3af}.light .me-btn:hover{background-color:#f3f4f6;color:#111827}.dark .me-btn:hover{background-color:#1f2937;color:#f9fafb}.me-btn.open{transform:rotate(90deg)}@media(max-width:768px){.nav-container{justify-content:space-between;height:64px;padding:.5rem 1rem;position:relative}.nav-left{position:static;gap:.5rem}.logo{position:absolute;left:50%;transform:translate(-50%)}.nav-right{position:static;margin-left:auto}.games-btn,.me-btn{padding:.5rem .75rem;font-size:.875rem}.logo-img{height:24px}}.me-panel{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:320px;z-index:70;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:4px 0 24px #00000026}.light .me-panel{background-color:#fff}.dark .me-panel{background-color:#1f2937}.me-panel.open{transform:translate(0)}.me-panel-header{padding:1.5rem;display:flex;align-items:center;justify-content:space-between}.me-panel-title{font-size:1.5rem;font-weight:700;margin:0}.light .me-panel-title{color:#111827}.dark .me-panel-title{color:#f9fafb}.me-panel-close{padding:.5rem;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:.375rem}.light .me-panel-close{color:#4b5563}.dark .me-panel-close{color:#9ca3af}.light .me-panel-close:hover{background-color:#f3f4f6;color:#111827}.dark .me-panel-close:hover{background-color:#374151;color:#f9fafb}.me-panel-nav{padding:1rem;display:flex;flex-direction:column;gap:.25rem}.me-nav-item{padding:1rem 1.25rem;border:none;background:none;text-align:left;cursor:pointer;border-radius:.5rem;font-size:1rem;transition:all .2s ease}.light .me-nav-item{color:#374151}.dark .me-nav-item{color:#d1d5db}.light .me-nav-item:hover{background-color:#f3f4f6}.dark .me-nav-item:hover{background-color:#374151}@media(max-width:768px){.me-panel{max-width:85%}}.game-card{border-radius:1rem;padding:1.5rem;transition:all .3s ease}.light .game-card{background-color:#fff;box-shadow:0 1px 3px #0000001a}.dark .game-card{background-color:#1f2937}.game-card:hover{transform:translateY(-4px)}.light .game-card:hover{box-shadow:0 10px 25px #0000001a}.dark .game-card:hover{box-shadow:0 10px 25px #0000004d}.game-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.game-icon{color:#3b82f6}.game-title{font-size:1.25rem;font-weight:600}.light .game-title{color:#111827}.dark .game-title{color:#f9fafb}.game-description{margin-bottom:1rem;line-height:1.5}.light .game-description{color:#6b7280}.dark .game-description{color:#9ca3af}.game-buttons{display:flex;flex-direction:column;gap:.5rem}.game-btn{padding:.75rem 1rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.95rem}.game-btn-primary{background-color:#3b82f6;color:#fff}.game-btn-primary:hover{background-color:#2563eb}.game-btn-secondary{background-color:transparent;border:1px solid}.light .game-btn-secondary{border-color:#d1d5db;color:#374151}.dark .game-btn-secondary{border-color:#4b5563;color:#d1d5db}.light .game-btn-secondary:hover{background-color:#f3f4f6}.dark .game-btn-secondary:hover{background-color:#374151}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}@media(max-width:768px){.game-grid{grid-template-columns:1fr}}.content-card{border-radius:1rem;padding:2rem;margin-bottom:1.5rem}.light .content-card{background-color:#fff}.dark .content-card{background-color:#1f2937}.content-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;margin-top:0}.light .content-card h3{color:#111827}.dark .content-card h3{color:#f9fafb}.content-card p{line-height:1.6;margin-bottom:1rem;margin-top:0}.light .content-card p{color:#6b7280}.dark .content-card p{color:#9ca3af}.placeholder{aspect-ratio:16/9;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-top:1rem}.light .placeholder{background-color:#e5e7eb;color:#9ca3af}.dark .placeholder{background-color:#374151;color:#6b7280}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease,color .3s ease,margin-left .3s ease;overflow-x:hidden}body.light{background-color:#f9fafb;color:#111827}body.dark{background-color:#111827;color:#f9fafb}body.panel-open{margin-left:320px}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{max-width:1280px;margin:0 auto;padding:2rem 1rem;width:100%;flex:1}.section-title{font-size:2rem;font-weight:700;margin-bottom:2rem}