*{box-sizing:border-box}body{margin:0;padding:10px;font-family:Nunito,sans-serif;background:linear-gradient(135deg,#4ecdc4,#45b7d1);display:flex;flex-direction:column;align-items:center;min-height:100vh}button{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;font-family:Nunito,sans-serif;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;background:#fff;color:#374151;box-shadow:0 1px 2px #0000000d}button:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}.btn-primary{background:#3b82f6;color:#fff;border:1px solid #2563eb}.btn-primary:hover{background:#2563eb;border-color:#1d4ed8}.btn-secondary{background:#6b7280;color:#fff;border:1px solid #4b5563}.btn-secondary:hover{background:#4b5563;border-color:#374151}.btn-success{background:#059669;color:#fff;border:1px solid #047857}.btn-success:hover{background:#047857;border-color:#065f46}.hamburger-btn{background:none;border:none;padding:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:32px;height:32px;border-radius:4px;transition:background-color .2s ease}.hamburger-btn:hover{background:#0000001a}.hamburger-line{width:18px;height:2px;background:#374151;border-radius:1px;transition:all .3s ease}.hamburger-btn.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999900;opacity:0;visibility:hidden;transition:all .3s ease}.menu-overlay.active{opacity:1;visibility:visible}.menu-content{position:absolute;top:0;left:0;height:100vh;width:280px;background:#fff;box-shadow:2px 0 10px #0000001a;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto}.menu-overlay.active .menu-content{transform:translate(0)}.menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.menu-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#374151}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:4px;width:32px;height:32px;border-radius:4px;color:#6b7280;transition:all .2s ease}.close-btn:hover{background:#e5e7eb;color:#374151}.games-nav{flex:1;padding:10px 0}.game-nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;text-decoration:none;color:#374151;transition:background-color .2s ease;border-left:3px solid transparent}.game-nav-item:hover{background:#f3f4f6;border-left-color:#3b82f6}.game-nav-item.current{background:#eff6ff;border-left-color:#3b82f6;color:#1d4ed8}.game-nav-icon{width:24px;height:24px;object-fit:contain}.game-nav-item span{font-weight:500;font-size:14px}.menu-footer{padding:20px;border-top:1px solid #e5e7eb;background:#f9fafb}.home-link{display:inline-flex;align-items:center;text-decoration:none;color:#6b7280;font-size:14px;font-weight:500;transition:color .2s ease}.home-link:hover{color:#374151}@media (max-width: 768px){button{padding:8px 14px;font-size:13px}.menu-content{width:100%;max-width:320px}}